@charset "UTF-8";
@import "https://kit.fontawesome.com/41660efc2a.css";
@import "//cloud.typography.com/6157174/782808/css/fonts.css";
@import "//fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i";
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
@import "https://kit.fontawesome.com/41660efc2a.css";
@import "//cloud.typography.com/6157174/782808/css/fonts.css";
@import "//fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i";
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
@import url("//hello.myfonts.net/count/39aea5");
@import url("//hello.myfonts.net/count/39aea5");
@import url("//hello.myfonts.net/count/39aea5");
@import url(../fonts/Archer-Book.css);
html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

/* Cabi Colors
===================================================== */
.bg-black {
  background-color: #000; }

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

.color-white {
  color: #fff; }

.bg-grey {
  background-color: #b7b8b9; }

.color-grey {
  color: #b7b8b9; }

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

.color-pink {
  color: #ff99a8; }

.bg-seasonal-red {
  background-color: #d50032; }

.color-seasonal-red {
  color: #d50032; }

.bg-off-black {
  background-color: #262223; }

.color-off-black {
  color: #262223; }

.bg-light-pink {
  background-color: #ffb1bd; }

.color-light-pink {
  color: #ffb1bd; }

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

.color-gold {
  color: #000; }

.bg-yellow {
  background-color: #ffdba0; }

.color-yellow {
  color: #ffdba0; }

.bg-tan {
  background-color: #d8d0c4; }

.color-tan {
  color: #d8d0c4; }

.bg-soft-tan {
  background-color: #eae4de; }

.color-soft-tan {
  color: #eae4de; }

.bg-warm-tan {
  background-color: #f0f0f0; }

.color-warm-tan {
  color: #f0f0f0; }

.bg-off-white {
  background-color: #f7f4f0; }

.color-off-white {
  color: #f7f4f0; }

.bg-light-brown {
  background-color: #a07954; }

.color-light-brown {
  color: #a07954; }

.bg-pale-green {
  background-color: #82b1a5; }

.color-pale-green {
  color: #82b1a5; }

.bg-blue-grey {
  background-color: #c1c7ca; }

.color-blue-grey {
  color: #c1c7ca; }

.bg-dark-blue-grey {
  background-color: #2f2e36; }

.color-dark-blue-grey {
  color: #2f2e36; }

.bg-slate {
  background-color: #454545; }

.color-slate {
  color: #454545; }

.bg-dark-slate {
  background-color: #2b444d; }

.color-dark-slate {
  color: #2b444d; }

.bg-soft-grey {
  background-color: #eeefef; }

.color-grey {
  background-color: #eeefef; }

.bg-dark-grey {
  background-color: #666666; }

.color-dark-grey {
  background-color: #666666; }

.bg-dark-blue {
  background-color: #2d3847; }

.color-dark-blue {
  color: #2d3847; }

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

.color-red {
  color: #df1f32; }

.bg-teal {
  background-color: #5dc5c6; }

.color-teal {
  color: #5dc5c6; }

.bg-vivid-blue {
  background-color: #2aadff; }

.color-vivid-blue {
  color: #2aadff; }

.color-medium-grey {
  color: #6D6D6D; }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?zdn814");
  src: url("../fonts/icomoon.eot?zdn814#iefix") format("embedded-opentype"), url("../fonts/icomoon.svg?zdn814#icomoon") format("svg"), url("../fonts/icomoon.ttf?zdn814") format("truetype"), url("../fonts/icomoon.woff?zdn814") format("woff");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[data-icon]:before {
  font-family: "icomoon" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-share:before {
  content: "\e90d"; }

.icon-info:before {
  content: "\e90e"; }

.icon-o-question:before {
  content: "\e90c"; }

.icon-playbutton:before {
  content: "\e90b"; }

.icon-fan:before {
  content: "\e900"; }

.icon-nobleach:before {
  content: "\e901"; }

.icon-snowflake:before {
  content: "\e902"; }

.icon-arrowleft:before {
  content: "\e903"; }

.icon-arrowright:before {
  content: "\e904"; }

.icon-close:before {
  content: "\e905"; }

.icon-email:before {
  content: "\e906"; }

.icon-facebook:before {
  content: "\e907"; }

.icon-pinterest:before {
  content: "\e908"; }

.icon-triangle:before {
  content: "\e909"; }

.icon-twitter:before {
  content: "\e90a"; }

.screen-desktop {
  display: none; }
  @media screen and (min-width: 1000px) {
    .screen-desktop {
      display: inherit; } }

@media screen and (min-width: 1000px) {
  .screen-tablet-down {
    display: none; } }

.container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px; }
  .container::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 768px) {
    .container {
      max-width: 708px;
      padding: 0; } }
  @media screen and (min-width: 1000px) {
    .container {
      max-width: 970px; } }

.container-narrow {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px; }
  .container-narrow::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 768px) {
    .container-narrow {
      max-width: 708px;
      padding: 0; } }
  @media screen and (min-width: 1000px) {
    .container-narrow {
      max-width: 680px; } }

.container-wide {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px; }
  .container-wide::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 768px) {
    .container-wide {
      max-width: 708px;
      padding: 0; } }
  @media screen and (min-width: 1000px) {
    .container-wide {
      max-width: 1170px; } }

.container-extra-wide {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px; }
  .container-extra-wide::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 768px) {
    .container-extra-wide {
      max-width: 708px;
      padding: 0; } }
  @media screen and (min-width: 1000px) {
    .container-extra-wide {
      max-width: 1440px;
      padding: 0 55px; } }

/* Font Awesome
========================================================= */
/* ARCHER
========================================================= */
.archer-light, #page[data-page-id='page-business-model'] .block-quotes .blockquote .h1 {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: normal; }

.archer-light-italic {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: italic; }

.archer-book, #page[data-page-id="page-join-us"] .box-content .description, #page[data-page-id='page-business-model'] .page-header .header-content, #page[data-page-id='page-business-model'] .section-description .headline, #page[data-page-id='page-business-model'] .user-section .user-info span, #page[data-page-id='page-business-model'] .block-quotes .blockquote .host__blockquote-name, #page[data-page-id='page-business-model'] .block-quotes .blockquote .host__blockquote-location, #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .caption, #page[data-page-id='page-join-us'] .section-video__medium .description p,
#page[data-page-id='page-give-now'] .section-video__medium .description p,
#page[data-page-id='page-host'] .section-video__medium .description p,
#page[data-page-id='page-business-model'] .section-video__medium .description p,
#page[data-page-id='page-cabi-girls'] .section-video__medium .description p,
#page[data-page-id='page-how-cabi-supports-you'] .section-video__medium .description p {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal; }

.archer-book-italic, .two-column-block__item.two-column-block__item_video p, .block-video .video-wrapper .video-wrapper-text h2, .block-video .video-wrapper .video-wrapper-text p {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: italic; }

.archer-medium, #page[data-page-id="page-join-us"] .events .event-description, .block-events__item_bg span, #page[data-page-id='page-business-model'] .section-description .content, #page[data-page-id='page-business-model'] .list-round, #page[data-page-id='page-business-model'] .user-section .user-info, #page[data-page-id='page-business-model'] .note, #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .info-list li, #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .wrap-kit .header, #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .table-wrap .table-info {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 600;
  font-style: normal; }

.archer-medium-italic {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 600;
  font-style: italic; }

.archer-semibold, .block-faqs .panel-group .panel-heading, #page[data-page-id="page-join-us"] .btn-more, #page[data-page-id="page-join-us"] .box-content .description strong {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 700;
  font-style: normal; }

.archer-semibold-italic, #page[data-page-id="page-join-us"] .join-us__btn-leadform span {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 700;
  font-style: italic; }

.archer-bold, [data-component-event-table] .table, #page--get-styled-faq .block-faqs .host__box_show-more .btn,
#page--cabi-stylist-faq .block-faqs .host__box_show-more .btn, .two-column-block__item.two-column-block__item_content p, #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .info-list li span {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 800;
  font-style: normal; }

.archer-bold-italic {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 800;
  font-style: italic; }

em > .archer-bold, [data-component-event-table] em > .table, #page--get-styled-faq .block-faqs .host__box_show-more em > .btn,
#page--cabi-stylist-faq .block-faqs .host__box_show-more em > .btn, .two-column-block__item.two-column-block__item_content em > p, #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .info-list li em > span {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 800;
  font-style: italic; }

/* Didot
========================================================= */
.didot, #page--get-styled-faq .block-faqs .h1,
#page--cabi-stylist-faq .block-faqs .h1 {
  font-family: "Didot 06 A", "Didot 06 B", "georgia";
  font-weight: 500;
  font-style: normal; }

/* STAG (DEPRECATED) CONVERTED TO ARCHER
========================================================= */
.stag-thin, .section-header h2, [data-component-event-table] .h2, .links-wrapper .h3, .block-faqs .h1, #page[data-page-id="page-join-us"] .box-content .h3, #page[data-page-id='page-business-model'] .extend .box .h3, #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .info-wrap .h2, #page[data-page-id="page-foundation"] .section-video .description, #page[data-page-id="page-foundation"] .section-interactive .content .h3, #page[data-page-id="page-foundation"] .section-partners .h2, #page[data-page-id='page-join-us'] .section-video__medium .headline,
#page[data-page-id='page-give-now'] .section-video__medium .headline,
#page[data-page-id='page-host'] .section-video__medium .headline,
#page[data-page-id='page-business-model'] .section-video__medium .headline,
#page[data-page-id='page-cabi-girls'] .section-video__medium .headline,
#page[data-page-id='page-how-cabi-supports-you'] .section-video__medium .headline {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: normal; }

.stag-thin-italic {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: italic; }

.stag-light, [data-component-event-table] .h2 span, [data-component-event-table] .table .row .col.col-btn a, #page[data-page-id="page-join-us"] .box-content .h2, #page[data-page-id='page-girls-who-give'] .header-content .h1 {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: italic; }

.stag-light-italic {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: italic; }

.stag-italic {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: italic; }

.stag, #page[data-page-id="page-foundation"] .step-1 .hoc .content .h3 {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal; }

/* Montserrat / Open-sans - used in header/footer. Or, whenever sans-serif is needed
======================================================================= */
.montserrat, .video-player__play-btn span, .two-column-block__item.two-column-block__item_content .btn span, .block-video .video-wrapper .video-wrapper-text span, .block-events__item_description a {
  font-family: 'Montserrat';
  font-weight: 400; }

.montserrat-bold {
  font-family: 'Montserrat';
  font-weight: 700; }

.montserrat-semibold {
  font-family: 'Montserrat';
  font-weight: 600; }

.playfair {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-weight: 400; }

.playfair-bold {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-weight: 700; }

.playfair-semibold {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-weight: 600; }

html {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.0375em;
  font-size: 13px; }
  @media screen and (min-width: 1000px) {
    html {
      font-size: 15px; } }

body {
  line-height: 1.5em; }

.h1 {
  font-size: 3.75em;
  line-height: 1em;
  display: block; }

.h2 {
  font-size: 1.875em;
  line-height: 1em;
  display: block; }

.h3 {
  line-height: 1em; }

.font-size-sm {
  font-size: 0.75em; }

.hero-title {
  font-size: 3.75em;
  line-height: 1em;
  display: block; }

.hero-subtitle {
  font-size: 2.75em;
  line-height: 1em;
  display: block; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.medium-weight {
  font-weight: 600; }

.icon-playbtn:before {
  content: "\e6001"; }

small.bi {
  text-transform: lowercase; }

.underline {
  text-decoration: underline !important; }

/* Just Lovely
========================================================= */
/* Entry Content
======================================================================== */
.entry-content p,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content ul,
.entry-content ol,
.entry-content blockquote {
  margin-bottom: 1em; }

sup {
  vertical-align: top;
  font-size: .8em; }

/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  cursor: pointer; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

html {
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden; }
  html.overflow-hidden {
    overflow: hidden; }

* {
  box-sizing: border-box; }

a {
  color: #262223; }

body {
  background-color: #fff; }

hr {
  border: none;
  height: 3px;
  background: #000;
  margin: 0; }

input:not([type=submit]), textarea {
  padding: .5em;
  outline: none;
  font-size: .9em; }

textarea {
  height: 100px; }

label.error {
  font-size: .75em;
  color: red; }

fieldset {
  display: block;
  margin: .5em 0; }
  fieldset label {
    display: block; }
  fieldset input:not([type=submit]), fieldset textarea {
    width: 100%; }

[ng-click] {
  cursor: pointer; }

[cloak] {
  display: none !important; }

.list-unstyled {
  padding: 0;
  margin: 0; }
  .list-unstyled li {
    list-style: none;
    padding: 0;
    margin: 0; }

.list-inline li {
  display: inline-block; }

.screen-desktop {
  display: none; }
  @media screen and (min-width: 1000px) {
    .screen-desktop {
      display: inherit; } }

@media screen and (min-width: 1000px) {
  .screen-tablet-down {
    display: none; } }

.container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px; }
  .container::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 768px) {
    .container {
      max-width: 708px;
      padding: 0; } }
  @media screen and (min-width: 1000px) {
    .container {
      max-width: 970px; } }

.container-narrow {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px; }
  .container-narrow::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 768px) {
    .container-narrow {
      max-width: 708px;
      padding: 0; } }
  @media screen and (min-width: 1000px) {
    .container-narrow {
      max-width: 680px; } }

.container-wide {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px; }
  .container-wide::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 768px) {
    .container-wide {
      max-width: 708px;
      padding: 0; } }
  @media screen and (min-width: 1000px) {
    .container-wide {
      max-width: 1170px; } }

.container-extra-wide {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px; }
  .container-extra-wide::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 768px) {
    .container-extra-wide {
      max-width: 708px;
      padding: 0; } }
  @media screen and (min-width: 1000px) {
    .container-extra-wide {
      max-width: 1440px;
      padding: 0 55px; } }

/* Font Awesome
========================================================= */
/* ARCHER
========================================================= */
.archer-light, #page[data-page-id='page-business-model'] .block-quotes .blockquote .h1 {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: normal; }

.archer-light-italic {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: italic; }

.archer-book, #page[data-page-id="page-join-us"] .box-content .description, #page[data-page-id='page-business-model'] .page-header .header-content, #page[data-page-id='page-business-model'] .section-description .headline, #page[data-page-id='page-business-model'] .user-section .user-info span, #page[data-page-id='page-business-model'] .block-quotes .blockquote .host__blockquote-name, #page[data-page-id='page-business-model'] .block-quotes .blockquote .host__blockquote-location, #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .caption, #page[data-page-id='page-join-us'] .section-video__medium .description p,
#page[data-page-id='page-give-now'] .section-video__medium .description p,
#page[data-page-id='page-host'] .section-video__medium .description p,
#page[data-page-id='page-business-model'] .section-video__medium .description p,
#page[data-page-id='page-cabi-girls'] .section-video__medium .description p,
#page[data-page-id='page-how-cabi-supports-you'] .section-video__medium .description p {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal; }

.archer-book-italic, .two-column-block__item.two-column-block__item_video p, .block-video .video-wrapper .video-wrapper-text h2, .block-video .video-wrapper .video-wrapper-text p {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: italic; }

.archer-medium, #page[data-page-id="page-join-us"] .events .event-description, .block-events__item_bg span, #page[data-page-id='page-business-model'] .section-description .content, #page[data-page-id='page-business-model'] .list-round, #page[data-page-id='page-business-model'] .user-section .user-info, #page[data-page-id='page-business-model'] .note, #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .info-list li, #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .wrap-kit .header, #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .table-wrap .table-info {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 600;
  font-style: normal; }

.archer-medium-italic {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 600;
  font-style: italic; }

.archer-semibold, .block-faqs .panel-group .panel-heading, #page[data-page-id="page-join-us"] .btn-more, #page[data-page-id="page-join-us"] .box-content .description strong {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 700;
  font-style: normal; }

.archer-semibold-italic, #page[data-page-id="page-join-us"] .join-us__btn-leadform span {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 700;
  font-style: italic; }

.archer-bold, [data-component-event-table] .table, #page--get-styled-faq .block-faqs .host__box_show-more .btn,
#page--cabi-stylist-faq .block-faqs .host__box_show-more .btn, .two-column-block__item.two-column-block__item_content p, #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .info-list li span {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 800;
  font-style: normal; }

.archer-bold-italic {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 800;
  font-style: italic; }

em > .archer-bold, [data-component-event-table] em > .table, #page--get-styled-faq .block-faqs .host__box_show-more em > .btn,
#page--cabi-stylist-faq .block-faqs .host__box_show-more em > .btn, .two-column-block__item.two-column-block__item_content em > p, #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .info-list li em > span {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 800;
  font-style: italic; }

/* Didot
========================================================= */
.didot, #page--get-styled-faq .block-faqs .h1,
#page--cabi-stylist-faq .block-faqs .h1 {
  font-family: "Didot 06 A", "Didot 06 B", "georgia";
  font-weight: 500;
  font-style: normal; }

/* STAG (DEPRECATED) CONVERTED TO ARCHER
========================================================= */
.stag-thin, .section-header h2, [data-component-event-table] .h2, .links-wrapper .h3, .block-faqs .h1, #page[data-page-id="page-join-us"] .box-content .h3, #page[data-page-id='page-business-model'] .extend .box .h3, #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .info-wrap .h2, #page[data-page-id="page-foundation"] .section-video .description, #page[data-page-id="page-foundation"] .section-interactive .content .h3, #page[data-page-id="page-foundation"] .section-partners .h2, #page[data-page-id='page-join-us'] .section-video__medium .headline,
#page[data-page-id='page-give-now'] .section-video__medium .headline,
#page[data-page-id='page-host'] .section-video__medium .headline,
#page[data-page-id='page-business-model'] .section-video__medium .headline,
#page[data-page-id='page-cabi-girls'] .section-video__medium .headline,
#page[data-page-id='page-how-cabi-supports-you'] .section-video__medium .headline {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: normal; }

.stag-thin-italic {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: italic; }

.stag-light, [data-component-event-table] .h2 span, [data-component-event-table] .table .row .col.col-btn a, #page[data-page-id="page-join-us"] .box-content .h2, #page[data-page-id='page-girls-who-give'] .header-content .h1 {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: italic; }

.stag-light-italic {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: italic; }

.stag-italic {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: italic; }

.stag, #page[data-page-id="page-foundation"] .step-1 .hoc .content .h3 {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal; }

/* Montserrat / Open-sans - used in header/footer. Or, whenever sans-serif is needed
======================================================================= */
.montserrat, .video-player__play-btn span, .two-column-block__item.two-column-block__item_content .btn span, .block-video .video-wrapper .video-wrapper-text span, .block-events__item_description a {
  font-family: 'Montserrat';
  font-weight: 400; }

.montserrat-bold {
  font-family: 'Montserrat';
  font-weight: 700; }

.montserrat-semibold {
  font-family: 'Montserrat';
  font-weight: 600; }

.playfair {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-weight: 400; }

.playfair-bold {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-weight: 700; }

.playfair-semibold {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-weight: 600; }

html {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.0375em;
  font-size: 13px; }
  @media screen and (min-width: 1000px) {
    html {
      font-size: 15px; } }

body {
  line-height: 1.5em; }

.h1 {
  font-size: 3.75em;
  line-height: 1em;
  display: block; }

.h2 {
  font-size: 1.875em;
  line-height: 1em;
  display: block; }

.h3 {
  line-height: 1em; }

.font-size-sm {
  font-size: 0.75em; }

.hero-title {
  font-size: 3.75em;
  line-height: 1em;
  display: block; }

.hero-subtitle {
  font-size: 2.75em;
  line-height: 1em;
  display: block; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.medium-weight {
  font-weight: 600; }

.icon-playbtn:before {
  content: "\e6001"; }

small.bi {
  text-transform: lowercase; }

.underline {
  text-decoration: underline !important; }

/* Just Lovely
========================================================= */
/* Entry Content
======================================================================== */
.entry-content p,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content ul,
.entry-content ol,
.entry-content blockquote {
  margin-bottom: 1em; }

sup {
  vertical-align: top;
  font-size: .8em; }

.screen-desktop {
  display: none; }
  @media screen and (min-width: 1000px) {
    .screen-desktop {
      display: inherit; } }

@media screen and (min-width: 1000px) {
  .screen-tablet-down {
    display: none; } }

.container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px; }
  .container::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 768px) {
    .container {
      max-width: 708px;
      padding: 0; } }
  @media screen and (min-width: 1000px) {
    .container {
      max-width: 970px; } }

.container-narrow {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px; }
  .container-narrow::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 768px) {
    .container-narrow {
      max-width: 708px;
      padding: 0; } }
  @media screen and (min-width: 1000px) {
    .container-narrow {
      max-width: 680px; } }

.container-wide {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px; }
  .container-wide::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 768px) {
    .container-wide {
      max-width: 708px;
      padding: 0; } }
  @media screen and (min-width: 1000px) {
    .container-wide {
      max-width: 1170px; } }

.container-extra-wide {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px; }
  .container-extra-wide::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 768px) {
    .container-extra-wide {
      max-width: 708px;
      padding: 0; } }
  @media screen and (min-width: 1000px) {
    .container-extra-wide {
      max-width: 1440px;
      padding: 0 55px; } }

/* Scaffolding.scss
* Use this for adding coming layout treatments
====================================================== */
.bg-image-fixed {
  background-image: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/_global/bg-parallax.jpg");
  background-size: cover; }
  @media screen and (min-width: 1000px) {
    .bg-image-fixed {
      background-attachment: fixed; } }

/* Variables
================================================= */
/* Mixins
================================================= */
/* Modernizr
================================================= */
/* Styles
================================================= */
/*#header-wrapper {
	z-index: 9999;
	right: 0;
	left: 0;
	top: 0;
}*/
@-webkit-keyframes menu-slide-down {
  from {
    -webkit-transform: translateY(-100%); }
  to {
    -webkit-transform: translateY(0%); } }

@-moz-keyframes menu-slide-down {
  from {
    -moz-transform: translateY(-100%); }
  to {
    -moz-transform: translateY(0%); } }

@keyframes menu-slide-down {
  from {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%); }
  to {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); } }

@-webkit-keyframes menu-slide-up {
  from {
    -webkit-transform: translateY(0%); }
  to {
    -webkit-transform: translateY(-100%); } }

@-moz-keyframes menu-slide-up {
  from {
    -moz-transform: translateY(0%); }
  to {
    -moz-transform: translateY(-100%); } }

@keyframes menu-slide-up {
  from {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); }
  to {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%); } }

body.home.page .wrapper[data-name="video-promote"] {
  position: relative; }
  @media screen and (min-width: 768px) {
    body.home.page .wrapper[data-name="video-promote"] {
      background: url(/wp-content/themes/cabi/assets/images/front/video-promote-bg.jpg);
      background-size: 100% auto;
      background-repeat: no-repeat; } }
  body.home.page .wrapper[data-name="video-promote"] div#video-fade {
    width: 100%;
    position: absolute;
    top: 0px;
    padding: 26%;
    z-index: 0; }
    @media screen and (min-width: 768px) {
      body.home.page .wrapper[data-name="video-promote"] div#video-fade {
        background: url(/wp-content/themes/cabi/assets/images/front/video-fade-bg.png);
        background-position: bottom;
        background-repeat: repeat-x; } }
    @media (min-width: 768px) and (min-aspect-ratio: 725 / 429) {
      body.home.page .wrapper[data-name="video-promote"] div#video-fade {
        top: initial;
        padding: 0px;
        height: 200px;
        bottom: 0px; } }
  body.home.page .wrapper[data-name="video-promote"] > div.video-wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: block; }
    body.home.page .wrapper[data-name="video-promote"] > div.video-wrapper [data-purpose="close"] {
      position: absolute;
      right: 10px;
      text-decoration: none;
      top: 0px;
      z-index: 1;
      background: white; }
      body.home.page .wrapper[data-name="video-promote"] > div.video-wrapper [data-purpose="close"] img {
        display: none; }
      body.home.page .wrapper[data-name="video-promote"] > div.video-wrapper [data-purpose="close"] i {
        display: block;
        font-size: 42px;
        padding: 10px;
        color: #6f6e6e; }
      @media screen and (min-width: 768px) {
        body.home.page .wrapper[data-name="video-promote"] > div.video-wrapper [data-purpose="close"] {
          right: 0px;
          background: none;
          -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
          -moz-transition: background-color 0.2s ease-out, color 0.2s ease-out;
          transition: background-color 0.2s ease-out, color 0.2s ease-out; }
          body.home.page .wrapper[data-name="video-promote"] > div.video-wrapper [data-purpose="close"]:hover {
            background-color: #000; }
            body.home.page .wrapper[data-name="video-promote"] > div.video-wrapper [data-purpose="close"]:hover i {
              color: #fff; } }
    body.home.page .wrapper[data-name="video-promote"] > div.video-wrapper p {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 400;
      font-style: italic; }
  body.home.page .wrapper[data-name="video-promote"] > div:first-of-type {
    text-align: center;
    padding-top: 50px; }
    body.home.page .wrapper[data-name="video-promote"] > div:first-of-type img {
      max-width: 60px; }
    body.home.page .wrapper[data-name="video-promote"] > div:first-of-type p {
      line-height: 110%;
      font-size: 2.5em;
      padding: 15px 0px; }
      @media screen and (min-width: 768px) {
        body.home.page .wrapper[data-name="video-promote"] > div:first-of-type p {
          font-size: 3.125em; } }
      body.home.page .wrapper[data-name="video-promote"] > div:first-of-type p:last-child {
        font-size: 1.8125em;
        padding: 15px 10%; }
        @media screen and (min-width: 1000px) {
          body.home.page .wrapper[data-name="video-promote"] > div:first-of-type p:last-child {
            padding: 15px 0px; } }
        body.home.page .wrapper[data-name="video-promote"] > div:first-of-type p:last-child span {
          white-space: nowrap; }
        @media screen and (max-width: 480px) {
          body.home.page .wrapper[data-name="video-promote"] > div:first-of-type p:last-child span, body.home.page .wrapper[data-name="video-promote"] > div:first-of-type p:last-child small {
            white-space: normal;
            display: initial; } }
      body.home.page .wrapper[data-name="video-promote"] > div:first-of-type p span {
        font-size: 1.8em;
        line-height: 1em; }
    body.home.page .wrapper[data-name="video-promote"] > div:first-of-type object {
      display: block;
      margin: 0 auto;
      max-height: 59px;
      max-width: 100px;
      pointer-events: none; }
      @media screen and (min-width: 768px) {
        body.home.page .wrapper[data-name="video-promote"] > div:first-of-type object {
          display: inline;
          margin: initial; } }
  body.home.page .wrapper[data-name="video-promote"] #divided {
    z-index: 1;
    position: relative; }
    @media screen and (min-width: 1000px) {
      body.home.page .wrapper[data-name="video-promote"] #divided {
        padding: 0 60px;
        text-align: center; } }
    body.home.page .wrapper[data-name="video-promote"] #divided > div {
      width: 80%;
      margin: 0 auto;
      padding: 50px 0px 20px;
      text-align: center; }
      body.home.page .wrapper[data-name="video-promote"] #divided > div:last-child {
        padding-bottom: 100px; }
      @media screen and (min-width: 768px) {
        body.home.page .wrapper[data-name="video-promote"] #divided > div {
          width: 50%;
          display: inline-block;
          margin-right: -1%;
          padding: 20px 0px 100px;
          max-width: 800px; } }
      body.home.page .wrapper[data-name="video-promote"] #divided > div span {
        display: block;
        font-size: 1.5em;
        line-height: 1em; }
      body.home.page .wrapper[data-name="video-promote"] #divided > div p {
        padding-top: 100px;
        font-size: 1.25em;
        letter-spacing: 0; }
        @media screen and (min-width: 768px) {
          body.home.page .wrapper[data-name="video-promote"] #divided > div p {
            padding-top: initial;
            line-height: 2em; } }
        body.home.page .wrapper[data-name="video-promote"] #divided > div p:last-child {
          font-size: 1em;
          padding-top: 0;
          letter-spacing: 0;
          line-height: 1em; }
          @media screen and (min-width: 768px) {
            body.home.page .wrapper[data-name="video-promote"] #divided > div p:last-child {
              line-height: 2.5em; } }
        body.home.page .wrapper[data-name="video-promote"] #divided > div p span {
          font-size: 1.5em;
          padding: 10px 0;
          font-family: "Archer SSm A", "Archer SSm B";
          font-weight: 500;
          font-style: normal;
          letter-spacing: -1px; }
          @media screen and (min-width: 768px) {
            body.home.page .wrapper[data-name="video-promote"] #divided > div p span {
              line-height: 1em;
              padding: 0; } }
      body.home.page .wrapper[data-name="video-promote"] #divided > div .video-wrapper {
        width: 90%;
        margin: 0 auto;
        display: block;
        position: relative; }
        body.home.page .wrapper[data-name="video-promote"] #divided > div .video-wrapper a:hover span {
          opacity: 1; }
        body.home.page .wrapper[data-name="video-promote"] #divided > div .video-wrapper a:hover img {
          border: 3px solid #000; }
        body.home.page .wrapper[data-name="video-promote"] #divided > div .video-wrapper span {
          position: absolute;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);
          padding: 13px 16px;
          background: #ff99a8;
          color: white; }
          @media screen and (min-width: 768px) {
            body.home.page .wrapper[data-name="video-promote"] #divided > div .video-wrapper span {
              background: white;
              color: black;
              top: 50%;
              -webkit-transform: translate(-50%, -50%);
              -moz-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              -o-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              opacity: .5;
              -webkit-transition: opacity 0.2s ease-out;
              -moz-transition: opacity 0.2s ease-out;
              transition: opacity 0.2s ease-out; } }
          body.home.page .wrapper[data-name="video-promote"] #divided > div .video-wrapper span i {
            position: relative;
            left: 2px; }
        body.home.page .wrapper[data-name="video-promote"] #divided > div .video-wrapper img {
          display: none; }
          @media screen and (min-width: 768px) {
            body.home.page .wrapper[data-name="video-promote"] #divided > div .video-wrapper img {
              width: 100%;
              height: auto;
              display: block;
              border: 3px solid transparent;
              -webkit-transition: border 0.2s ease-out;
              -moz-transition: border 0.2s ease-out;
              transition: border 0.2s ease-out; } }

body.home.page [data-purpose="reopen"] {
  -webkit-animation-name: menu-slide-down;
  -moz-animation-name: menu-slide-down;
  animation-name: menu-slide-down;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute; }
  body.home.page [data-purpose="reopen"].first {
    opacity: 0; }
  body.home.page [data-purpose="reopen"].hider {
    -webkit-animation-name: menu-slide-up;
    -moz-animation-name: menu-slide-up;
    animation-name: menu-slide-up;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both; }

body.home.page #reopen-wrapper {
  position: absolute;
  height: 52px;
  width: 71px;
  right: 135px;
  overflow-y: hidden; }
  body.home.page #reopen-wrapper [data-purpose="reopen"] {
    opacity: 1;
    width: 71px;
    top: 0px; }
    body.home.page #reopen-wrapper [data-purpose="reopen"].first {
      opacity: 0; }

@media screen and (min-width: 1000px) {
  body.home.page #reopen-wrapper [data-purpose="reopen"] {
    display: none; } }

body.home.page #logo-bar-wrapper {
  position: relative; }

body.home.page.unbound {
  padding-top: 55px; }
  @media screen and (min-width: 1000px) {
    body.home.page.unbound {
      padding-top: 166px; } }
  body.home.page.unbound #header-wrapper {
    position: fixed; }

@media screen and (min-width: 1000px) {
  .headroom--not-top #header-bar {
    position: fixed;
    z-index: 9999;
    right: 0;
    left: 0;
    top: 0;
    border-bottom: 3px solid #ff99a8; } }

@media screen and (max-width: 999px) {
  .headroom--not-top.headroom--pinned #header-bar {
    position: fixed;
    z-index: 9999;
    right: 0;
    left: 0;
    top: 0;
    border-bottom: 3px solid #ff99a8; } }

#header-bar .headroom--not-top.headroom--unpinned .growl-container {
  position: fixed;
  z-index: 9998;
  right: 0;
  left: 0;
  top: 58px; }

.headroom--not-top .growl-container {
  position: fixed;
  z-index: 9998;
  right: 0;
  left: 0;
  top: 58px; }
  @media screen and (min-width: 1000px) {
    .blog .headroom--not-top .growl-container {
      top: 110px; } }

body.mobile-drawer-open #header-wrapper.headroom--unpinned {
  transform: translateY(0%) !important;
  -webkit-transform: translateY(0%) !important;
  -ms-transform: translateY(0%) !important; }

body.mobile-drawer-open #header-wrapper {
  position: absolute !important; }

.btn {
  font-family: 'Montserrat';
  text-transform: uppercase;
  letter-spacing: 0.06875em;
  -webkit-appearance: none;
  border-radius: 0;
  display: inline-block;
  font-size: 0.875em;
  text-decoration: none;
  text-align: center;
  padding: 0 55px;
  border: 1px solid;
  height: 62px;
  -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out, border-width 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out, border-width 0.2s ease-out;
  transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out, border-width 0.2s ease-out; }
  .btn:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%; }
  .btn.btn-black {
    background-color: #000;
    color: #fff;
    border-color: #000;
    cursor: pointer; }
    @media screen and (min-width: 1000px) {
      .btn.btn-black:not([disabled]):hover, .btn.btn-black:not([disabled]):focus {
        background-color: #fff;
        color: #000; } }
  .btn.btn-black--no-hover {
    background-color: #000;
    color: #fff;
    border-color: #000;
    cursor: pointer; }
    @media screen and (min-width: 1000px) {
      .btn.btn-black--no-hover:not([disabled]):hover, .btn.btn-black--no-hover:not([disabled]):focus {
        background-color: #fff;
        color: #000; } }
    @media screen and (min-width: 1000px) {
      .btn.btn-black--no-hover:not([disabled]):hover, .btn.btn-black--no-hover:not([disabled]):focus {
        background-color: #000;
        color: #fff; } }
  .btn.btn-pink {
    background-color: #ff99a8;
    color: #fff;
    border-color: #ff99a8;
    cursor: pointer; }
    @media screen and (min-width: 1000px) {
      .btn.btn-pink:not([disabled]):hover, .btn.btn-pink:not([disabled]):focus {
        background-color: #fff;
        color: #ff99a8; } }
  .btn.btn-gold {
    background-color: #000;
    color: #fff;
    border-color: #000;
    cursor: pointer; }
    @media screen and (min-width: 1000px) {
      .btn.btn-gold:not([disabled]):hover, .btn.btn-gold:not([disabled]):focus {
        background-color: #fff;
        color: #000; } }
  .btn.btn-yellow {
    background-color: #ffdba0;
    color: #000;
    border-color: #ffdba0;
    cursor: pointer; }
    @media screen and (min-width: 1000px) {
      .btn.btn-yellow:not([disabled]):hover, .btn.btn-yellow:not([disabled]):focus {
        background-color: #000;
        color: #ffdba0; } }
  .btn.btn-dark-blue {
    background-color: #2d3847;
    color: #fff;
    border-color: #2d3847;
    cursor: pointer; }
    @media screen and (min-width: 1000px) {
      .btn.btn-dark-blue:not([disabled]):hover, .btn.btn-dark-blue:not([disabled]):focus {
        background-color: #fff;
        color: #2d3847; } }
  .btn.btn-teal {
    background-color: #5dc5c6;
    color: #fff;
    border-color: #5dc5c6;
    cursor: pointer; }
    @media screen and (min-width: 1000px) {
      .btn.btn-teal:not([disabled]):hover, .btn.btn-teal:not([disabled]):focus {
        background-color: #fff;
        color: #5dc5c6; } }
  .btn.btn-vivid-blue {
    background-color: #2aadff;
    color: #fff;
    border-color: #2aadff;
    cursor: pointer; }
    @media screen and (min-width: 1000px) {
      .btn.btn-vivid-blue:not([disabled]):hover, .btn.btn-vivid-blue:not([disabled]):focus {
        background-color: #fff;
        color: #2aadff; } }
  .btn.btn-transparent {
    background-color: transparent;
    color: #000;
    border-color: transparent;
    cursor: pointer;
    border-color: #000; }
    @media screen and (min-width: 1000px) {
      .btn.btn-transparent:not([disabled]):hover, .btn.btn-transparent:not([disabled]):focus {
        background-color: #000;
        color: transparent; } }
    @media screen and (min-width: 768px) {
      .btn.btn-transparent:hover, .btn.btn-transparent:focus {
        color: #fff !important; } }
  .btn.btn-transparent--white {
    background-color: transparent;
    color: #fff;
    border-color: transparent;
    cursor: pointer;
    border-color: #fff; }
    @media screen and (min-width: 1000px) {
      .btn.btn-transparent--white:not([disabled]):hover, .btn.btn-transparent--white:not([disabled]):focus {
        background-color: #fff;
        color: transparent; } }
    @media screen and (min-width: 1000px) {
      .btn.btn-transparent--white:hover, .btn.btn-transparent--white:focus {
        color: #000 !important; } }
  .btn.btn-transparent--pink {
    background-color: transparent;
    color: #ff99a8;
    border-color: transparent;
    cursor: pointer;
    border-color: #ff99a8; }
    @media screen and (min-width: 1000px) {
      .btn.btn-transparent--pink:not([disabled]):hover, .btn.btn-transparent--pink:not([disabled]):focus {
        background-color: #ff99a8;
        color: transparent; } }
    @media screen and (min-width: 1000px) {
      .btn.btn-transparent--pink:hover, .btn.btn-transparent--pink:focus {
        color: #fff !important; } }
  .btn.btn-transparent--grey {
    background-color: #e3e3e3;
    color: #000000;
    border-color: #e3e3e3;
    cursor: pointer;
    border-color: #e3e3e3;
    color: #000; }
    @media screen and (min-width: 1000px) {
      .btn.btn-transparent--grey:not([disabled]):hover, .btn.btn-transparent--grey:not([disabled]):focus {
        background-color: #000000;
        color: #e3e3e3; } }
    @media screen and (min-width: 1000px) {
      .btn.btn-transparent--grey:hover, .btn.btn-transparent--grey:focus {
        border-color: #000000;
        color: #fff !important; } }
  .btn.btn-white {
    background-color: #fff;
    color: #c1c7ca;
    border-color: #fff;
    cursor: pointer; }
    @media screen and (min-width: 1000px) {
      .btn.btn-white:not([disabled]):hover, .btn.btn-white:not([disabled]):focus {
        background-color: #c1c7ca;
        color: #fff; } }
  .btn.btn-white-w-black-text {
    background-color: #fff;
    color: #000;
    border-color: #fff;
    cursor: pointer; }
    @media screen and (min-width: 1000px) {
      .btn.btn-white-w-black-text:not([disabled]):hover, .btn.btn-white-w-black-text:not([disabled]):focus {
        background-color: #000;
        color: #fff; } }
  .btn.btn-text {
    background: none !important;
    border: none !important;
    padding: 1em;
    text-transform: none;
    text-decoration: underline;
    height: inherit; }
    @media screen and (min-width: 1000px) {
      .btn.btn-text:hover {
        text-decoration: none; } }
  .btn.btn-nopadding {
    padding: 0 15px; }
  .btn[disabled] {
    opacity: 0.35; }
  .btn.btn-border-hover:hover {
    border-width: 5px; }

.btn-thin {
  font-family: 'Montserrat';
  text-transform: uppercase;
  letter-spacing: 0.06875em;
  -webkit-appearance: none;
  border-radius: 0;
  display: inline-block;
  font-size: 0.875em;
  text-decoration: none;
  text-align: center;
  padding: 0 55px;
  border: 1px solid;
  height: 62px;
  -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out, border-width 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out, border-width 0.2s ease-out;
  transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out, border-width 0.2s ease-out;
  width: 200px;
  height: 60px;
  line-height: 42px;
  padding: 0;
  font-size: 0.8em; }
  .btn-thin:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%; }

.btn-underline {
  font-family: Montserrat;
  font-weight: 600;
  border: none !important;
  border-bottom: 2px solid currentColor !important;
  padding: 1px !important;
  margin: 7px 0;
  height: auto;
  transition: all 1s ease; }
  .btn-underline.btn-underline--white {
    color: white; }
  .btn-underline:before {
    display: none; }
  @media (hover: hover) {
    .btn-underline:hover {
      border-bottom: 2px solid transparent !important; } }
  .btn-underline .is-off:after {
    font-family: FontAwesome;
    content: "";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    line-height: 1;
    display: block;
    font-size: 2em;
    position: absolute;
    top: 0;
    right: -1em; }
  .btn-underline .is-on {
    display: none; }
    .btn-underline .is-on:before {
      font-family: FontAwesome;
      content: "";
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      text-decoration: inherit;
      line-height: 1;
      display: block;
      font-size: 2em;
      position: absolute;
      top: 0;
      right: -1em; }
  .btn-underline.open .is-off {
    display: none; }
  .btn-underline.open .is-on {
    display: inherit; }

.btn-cta {
  display: inline-block;
  margin: 7px 0;
  color: #fff;
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.35px;
  line-height: 18px;
  -webkit-transition: border-bottom-color 0.4s ease-out;
  -moz-transition: border-bottom-color 0.4s ease-out;
  transition: border-bottom-color 0.4s ease-out;
  border-bottom: 2px solid transparent;
  text-decoration: none;
  border-bottom-color: #fff; }
  .btn-cta:hover {
    border-bottom-color: transparent;
    text-decoration: none; }
  .btn-cta.uppercase {
    text-transform: uppercase; }
  .btn-cta.no-wrap {
    white-space: nowrap; }
  .btn-cta--white {
    display: inline-block;
    margin: 7px 0;
    color: #fff;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.35px;
    line-height: 18px;
    -webkit-transition: border-bottom-color 0.4s ease-out;
    -moz-transition: border-bottom-color 0.4s ease-out;
    transition: border-bottom-color 0.4s ease-out;
    border-bottom: 2px solid transparent;
    text-decoration: none;
    border-bottom-color: #fff; }
    .btn-cta--white:hover {
      border-bottom-color: transparent;
      text-decoration: none; }
    .btn-cta--white.uppercase {
      text-transform: uppercase; }
    .btn-cta--white.no-wrap {
      white-space: nowrap; }
  .btn-cta--black {
    display: inline-block;
    margin: 7px 0;
    color: #000;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.35px;
    line-height: 18px;
    -webkit-transition: border-bottom-color 0.4s ease-out;
    -moz-transition: border-bottom-color 0.4s ease-out;
    transition: border-bottom-color 0.4s ease-out;
    border-bottom: 2px solid transparent;
    text-decoration: none;
    border-bottom-color: #000; }
    .btn-cta--black:hover {
      border-bottom-color: transparent;
      text-decoration: none; }
    .btn-cta--black.uppercase {
      text-transform: uppercase; }
    .btn-cta--black.no-wrap {
      white-space: nowrap; }

.btn-square {
  font-family: 'Montserrat';
  text-transform: uppercase;
  letter-spacing: 0.06875em;
  display: inline-block;
  height: 96px;
  width: 96px;
  font-size: 0.8125em;
  text-decoration: none;
  text-align: center;
  border: 1px solid;
  position: relative;
  -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s;
  -moz-transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s;
  transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s; }
  .btn-square:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%; }
  @media screen and (min-width: 1000px) {
    .btn-square:hover {
      border-color: transparent; } }
  .btn-square > [class^="if-"] {
    display: inline-block;
    line-height: 1.3em;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .btn-square .if-off {
    padding: 10px 10px 0; }
    .btn-square .if-off:after {
      font-family: FontAwesome;
      content: "";
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      text-decoration: inherit;
      line-height: 1;
      display: block;
      font-size: 2em; }
  .btn-square .if-on {
    display: none;
    padding: 0 10px 10px; }
    .btn-square .if-on:before {
      font-family: FontAwesome;
      content: "";
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      text-decoration: inherit;
      line-height: 1;
      display: block;
      font-size: 2em; }
  .btn-square[data-state="on"] .if-off {
    display: none; }
  .btn-square[data-state="on"] .if-on {
    display: inherit; }
  .btn-square.btn-black {
    background-color: #000;
    color: #fff;
    border-color: #000;
    cursor: pointer; }
    @media screen and (min-width: 1000px) {
      .btn-square.btn-black:not([disabled]):hover, .btn-square.btn-black:not([disabled]):focus {
        background-color: #fff;
        color: #000; } }
  .btn-square.btn-pink {
    background-color: #ff99a8;
    color: #fff;
    border-color: #ff99a8;
    cursor: pointer; }
    @media screen and (min-width: 1000px) {
      .btn-square.btn-pink:not([disabled]):hover, .btn-square.btn-pink:not([disabled]):focus {
        background-color: #fff;
        color: #ff99a8; } }
  .btn-square.btn-gold {
    background-color: #000;
    color: #fff;
    border-color: #000;
    cursor: pointer; }
    @media screen and (min-width: 1000px) {
      .btn-square.btn-gold:not([disabled]):hover, .btn-square.btn-gold:not([disabled]):focus {
        background-color: #fff;
        color: #000; } }
  .btn-square.btn-white {
    background-color: #fff;
    color: #000;
    border-color: #fff;
    cursor: pointer; }
    @media screen and (min-width: 1000px) {
      .btn-square.btn-white:not([disabled]):hover, .btn-square.btn-white:not([disabled]):focus {
        background-color: #000;
        color: #fff; } }

.btn-filter {
  font-family: 'Montserrat';
  text-transform: uppercase;
  letter-spacing: 0.0375em;
  font-size: 1em;
  text-decoration: none;
  text-align: center;
  border: 1px solid;
  padding: 8px 24px;
  display: inline-block;
  line-height: 1em;
  -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s;
  -moz-transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s;
  transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s; }
  .btn-filter.btn-black {
    background-color: transparent;
    color: #000;
    border-color: #000; }
    @media screen and (min-width: 1000px) {
      .btn-filter.btn-black:hover {
        background-color: #000;
        color: #fff; } }
    .btn-filter.btn-black[data-active] {
      background-color: #000;
      color: #fff; }
  .btn-filter.btn-pink {
    background-color: transparent;
    color: #ff99a8;
    border-color: #ff99a8; }
    @media screen and (min-width: 1000px) {
      .btn-filter.btn-pink:hover {
        background-color: #ff99a8;
        color: #fff; } }
    .btn-filter.btn-pink[data-active] {
      background-color: #ff99a8;
      color: #fff; }
  .btn-filter.btn-gold {
    background-color: transparent;
    color: #000;
    border-color: #000; }
    @media screen and (min-width: 1000px) {
      .btn-filter.btn-gold:hover {
        background-color: #000;
        color: #fff; } }
    .btn-filter.btn-gold[data-active] {
      background-color: #000;
      color: #fff; }

.btn-plus-minus {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 700;
  font-style: normal;
  background-color: #000;
  color: #fff;
  border-color: #000;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s;
  -moz-transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s;
  transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s;
  display: inline-block;
  width: 26px;
  height: 26px;
  vertical-align: 26px;
  text-align: center;
  text-decoration: none; }
  @media screen and (min-width: 1000px) {
    .btn-plus-minus:not([disabled]):hover, .btn-plus-minus:not([disabled]):focus {
      background-color: #fff;
      color: #000; } }
  .btn-plus-minus:after {
    content: "+";
    line-height: 26px;
    font-size: 1.5em; }
  .btn-plus-minus[data-state="on"]:after {
    content: "-"; }
  .btn-plus-minus.btn-pink {
    background-color: #ff99a8;
    color: #fff;
    border-color: #ff99a8;
    cursor: pointer; }
    @media screen and (min-width: 1000px) {
      .btn-plus-minus.btn-pink:not([disabled]):hover, .btn-plus-minus.btn-pink:not([disabled]):focus {
        background-color: #fff;
        color: #ff99a8; } }
  .btn-plus-minus.btn-gold {
    background-color: #000;
    color: #fff;
    border-color: #000;
    cursor: pointer; }
    @media screen and (min-width: 1000px) {
      .btn-plus-minus.btn-gold:not([disabled]):hover, .btn-plus-minus.btn-gold:not([disabled]):focus {
        background-color: #fff;
        color: #000; } }
  .btn-plus-minus.btn-dark-blue {
    background-color: #2d3847;
    color: #fff;
    border-color: #2d3847;
    cursor: pointer; }
    @media screen and (min-width: 1000px) {
      .btn-plus-minus.btn-dark-blue:not([disabled]):hover, .btn-plus-minus.btn-dark-blue:not([disabled]):focus {
        background-color: #fff;
        color: #2d3847; } }

.btn-number {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 700;
  font-style: normal;
  background-color: #fff;
  color: #000;
  border: 1px solid;
  -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s;
  -moz-transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s;
  transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s;
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  line-height: 22px;
  text-align: center;
  text-decoration: none; }
  @media screen and (min-width: 1000px) {
    .btn-number:hover {
      background-color: #000;
      color: #fff; } }
  .btn-number:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 107%; }

.btn-share {
  cursor: pointer;
  font-size: 1.5em;
  background-color: #000;
  color: #fff;
  display: inline-block;
  width: 2.085em;
  height: 2.085em;
  padding: 0.5em;
  margin-bottom: 0.5em;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  line-height: 1.1em;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  @media screen and (min-width: 1000px) {
    .btn-share:hover {
      color: #000;
      background-color: #fff; } }
  .btn-share[data-media="email"]:after {
    font-family: FontAwesome;
    content: "";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    line-height: 1;
    font-size: 0.875em;
    position: relative;
    top: -2px;
    left: 1px; }
  .btn-share[data-media="facebook"]:after, .btn-share[data-media="facebook-link"]:after {
    font-family: FontAwesome;
    content: "";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    line-height: 1; }
  .btn-share[data-media="twitter"]:after, .btn-share[data-media="twitter-link"]:after {
    font-family: FontAwesome;
    content: "";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    line-height: 1; }
  .btn-share[data-media="pinterest"]:after {
    font-family: "icomoon" !important;
    content: "\e908"; }
  .btn-share[data-media="instagram"]:after {
    font-family: FontAwesome;
    content: "";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    line-height: 1; }
  .btn-share[data-media="rss"]:after {
    font-family: FontAwesome;
    content: "";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    line-height: 1; }
  .btn-share[data-media="youtube"]:after {
    font-family: FontAwesome;
    content: "";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    line-height: 1; }

.btn-play {
  display: inline-block;
  height: 64px;
  width: 64px;
  line-height: 64px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out; }
  @media screen and (min-width: 1000px) {
    .btn-play:hover {
      background: #fff; } }
  .btn-play:after {
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
    font-family: FontAwesome;
    content: "";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    line-height: 1;
    color: #fff; }

.btn-play--no-box {
  display: inline-block;
  height: 64px;
  width: 64px;
  line-height: 64px;
  text-align: center;
  text-decoration: none;
  font-size: 3em;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out; }
  .btn-play--no-box:after {
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
    font-family: FontAwesome;
    content: "";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    line-height: 1;
    color: #fff; }
  @media screen and (min-width: 1000px) {
    .btn-play--no-box:hover:after {
      color: #ff99a8; } }

.btn-slide {
  text-decoration: none;
  font-size: 4em;
  color: #262223;
  opacity: 0.5;
  cursor: pointer;
  -webkit-transform: opacity 0.2s ease-out;
  -moz-transform: opacity 0.2s ease-out;
  -ms-transform: opacity 0.2s ease-out;
  -o-transform: opacity 0.2s ease-out;
  transform: opacity 0.2s ease-out; }
  .btn-slide:after {
    font-family: FontAwesome;
    content: "";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    line-height: 1; }
  .btn-slide[data-direction="right"]:after {
    font-family: FontAwesome;
    content: "";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    line-height: 1; }
  @media screen and (min-width: 1000px) {
    .btn-slide:hover {
      opacity: 1; } }

.btn-dot {
  display: inline-block;
  text-decoration: none; }
  .btn-dot:after {
    font-family: FontAwesome;
    content: "";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    line-height: 1;
    font-size: 10px;
    opacity: 0.5; }
  .btn-dot[data-active]:after {
    opacity: 1; }

.btn-text-fix {
  display: inline-block;
  vertical-align: middle;
  pointer-events: none;
  margin-bottom: 1px; }

.clearfix::after {
  clear: both;
  content: "";
  display: table; }

.inline-block {
  display: inline-block; }

.align-center, .shop-table .shop-td:nth-child(6) input {
  text-align: center; }

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

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

.margin-center, .shop-table .shop-td:nth-child(3) .shop-dropdown #shop-dropdown_btn, .shop-table .shop-td:nth-child(4) .shop-dropdown #shop-dropdown_btn, .shop-table .shop-td:nth-child(5) .shop-dropdown #shop-dropdown_btn {
  margin: 0 auto; }

.under-line, .underline {
  text-decoration: underline; }

.no-decoration, .no-underline {
  text-decoration: none; }

.lowercase {
  text-transform: lowercase; }

.italics {
  font-style: italic !important; }

.halign-center, .halign-middle {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: relative;
  left: 50%; }

.valign-center, .valign-middle {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%; }

.mb5 {
  margin-bottom: 5px; }

.mb10 {
  display: block;
  margin-bottom: 10px; }

.mr10 {
  margin-right: 10px; }

.mb20 {
  display: block;
  margin-bottom: 20px; }

.mb30 {
  display: block;
  margin-bottom: 30px; }

.mb40 {
  display: block;
  margin-bottom: 40px; }

.mb1em {
  display: block;
  margin-bottom: 1em; }

.mb1rem {
  margin-bottom: 1rem; }

.mb2em {
  margin-bottom: 2em; }

.mb4em {
  margin-bottom: 4em; }

.mt30 {
  display: block;
  margin-top: 30px; }

.mt1em {
  display: block;
  margin-top: 1em; }

.p20 {
  padding: 20px; }

@media screen and (min-width: 1000px) {
  .only-mobile, .only-desktop-down {
    display: none !important; } }

@media screen and (min-width: 1250px) {
  .only-desktop-wide-down {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .only-mobile-down {
    display: none !important; } }

.only-tablet {
  display: none !important; }
  @media screen and (min-width: 768px) {
    .only-tablet {
      display: inherit !important; } }
  @media screen and (min-width: 1000px) {
    .only-tablet {
      display: none !important; } }

@media screen and (min-width: 768px) {
  .only-tablet-down {
    display: none !important; } }

.only-tablet-up {
  display: none !important; }
  @media screen and (min-width: 768px) {
    .only-tablet-up {
      display: inherit !important; } }

.only-desktop, .only-desktop-up {
  display: none !important; }
  @media screen and (min-width: 1000px) {
    .only-desktop, .only-desktop-up {
      display: inherit !important; } }

.only-desktop-down {
  display: block !important; }
  @media screen and (min-width: 1000px) {
    .only-desktop-down {
      display: none !important; } }

.only-desktop-wide, .only-desktop-wide-up {
  display: none !important; }
  @media screen and (min-width: 1250px) {
    .only-desktop-wide, .only-desktop-wide-up {
      display: inherit !important; } }

.hide {
  display: none !important; }

.hide-soft {
  display: none; }

.nowrap {
  white-space: nowrap; }

.img-swell-on-hover {
  overflow: hidden; }
  .img-swell-on-hover img {
    -webkit-transition: -webkit-transform 0.25s ease-out;
    -moz-transition: -moz-transform 0.25s ease-out;
    transition: transform 0.25s ease-out; }
    .img-swell-on-hover img:hover {
      -webkit-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -o-transform: scale(1.05);
      transform: scale(1.05); }

.mobile-block {
  display: block; }
  @media screen and (min-width: 1000px) {
    .mobile-block {
      display: inline-block; } }

.dotted-border {
  border-image: url(../../assets/images/global/dotbox.png) 5 repeat;
  border-width: 6px;
  border-style: dotted; }
  .dotted-border.white-border {
    border-image: url(../../assets/images/global/dotbox-white.png) 5 repeat; }

.no-borderimage .dotted-border {
  border-image: none;
  border-width: 4px; }

body.cabi-consultant-site .hide-on-consultant-site {
  display: none !important; }

.show-on-consultant-site {
  display: none !important; }

body.cabi-consultant-site .show-on-consultant-site {
  display: inherit !important; }

.invisible {
  visibility: hidden; }

html.no-scroll {
  margin: 0;
  height: 100%;
  overflow: hidden; }

loading-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite; }
  loading-icon.ng-animate {
    display: none !important; }

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

[show-if-logged-in]:not(.show) {
  display: none; }

[hide-if-empty-top-hat].hidden {
  display: none; }

[hide-if-logged-in]:not(.show) {
  display: none; }

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

.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
  /* added line */ }

#full-screen-overlay-frame {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center; }
  #full-screen-overlay-frame iframe {
    width: 100%;
    height: 100%; }
  #full-screen-overlay-frame.black {
    background-color: black; }
    #full-screen-overlay-frame.black #close-full-screen-frame span {
      color: white; }
  #full-screen-overlay-frame #close-full-screen-frame {
    position: fixed;
    top: 2%;
    right: 2%;
    z-index: 51;
    padding: 4px; }
    #full-screen-overlay-frame #close-full-screen-frame span {
      display: block;
      font-size: 40px;
      cursor: pointer; }
      @media screen and (min-width: 768px) {
        #full-screen-overlay-frame #close-full-screen-frame span {
          font-size: 48px; } }
      @media screen and (min-width: 1250px) {
        #full-screen-overlay-frame #close-full-screen-frame span {
          font-size: 64px; } }
      #full-screen-overlay-frame #close-full-screen-frame span:hover, #full-screen-overlay-frame #close-full-screen-frame span:focus {
        opacity: 0.9;
        transform: scale(1.1); }

body:not(.cabi--ca) .only-cabi-ca {
  display: none;
  visibility: hidden; }

body:not(.cabi--uk) .only-cabi-uk {
  display: none;
  visibility: hidden; }

body.cabi--uk .only-cabi-us,
body.cabi--ca .only-cabi-us {
  display: none;
  visibility: hidden; }

.not-cabi-us {
  display: none;
  visibility: hidden; }

body.cabi--uk .not-cabi-uk {
  display: none !important;
  visibility: hidden !important; }

body.cabi--uk .not-cabi-us,
body.cabi--ca .not-cabi-us {
  display: block;
  visibility: visible; }

@media screen and (min-width: 768px) {
  .o-flex-layout {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify; } }

.o-flex-layout--include-fluid {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify; }

.o-flex-layout--justify-start {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start; }

.o-flex-layout--justify-center {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }

.o-flex-layout--justify-end,
.o-flex-layout--justify-flex-end {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end; }

.o-modal-knockout {
  -webkit-transition-duration: 5s;
  -moz-transition-duration: 5s;
  transition-duration: 5s;
  -webkit-transition: opacity;
  -moz-transition: opacity;
  transition: opacity;
  background-color: #fff;
  height: 100vh;
  left: 0;
  opacity: 1;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 9999; }
  .o-modal-knockout--homepage {
    background-color: rgba(255, 255, 255, 0.85); }

.o-modal-content {
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border: 1px solid #c0c0c0;
  z-index: 9999;
  position: fixed;
  top: 50%;
  left: 50%;
  width: calc(100% - 30px);
  background-color: #fff;
  transition: opacity 0.2s ease-out, top 0.2s ease-out; }
  @media screen and (min-width: 768px) {
    .o-modal-content {
      max-width: 730px; } }
  @media screen and (min-width: 768px) {
    .o-modal-content.last-chance {
      max-width: 786px !important; } }
  .o-modal-content--without-bg {
    background-color: transparent;
    border: none; }

.o-modal__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  padding: 0 0.5rem;
  color: #c0c0c0;
  width: 1rem;
  height: 1rem;
  display: inline-block; }
  .o-modal__close:hover {
    color: #666; }
  .o-modal__close:before, .o-modal__close:after {
    position: absolute;
    content: "";
    display: inline-block;
    border-left: 2px solid;
    height: 1rem; }
  .o-modal__close:before {
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg); }
  .o-modal__close:after {
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg); }

.o-modal-content--fixed-bottom-on-mobile {
  width: 100%;
  max-width: 100%;
  transform: translateX(0%) translateY(0%);
  top: inherit;
  bottom: 0;
  left: 0;
  border: 0 solid transparent; }
  .o-modal-content--fixed-bottom-on-mobile .o-modal-close {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    color: white;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    text-align: center; }
    .o-modal-content--fixed-bottom-on-mobile .o-modal-close:before, .o-modal-content--fixed-bottom-on-mobile .o-modal-close:after {
      position: absolute;
      top: 0;
      left: 0.75em;
      content: "";
      display: block;
      width: 2px;
      height: 1.5em;
      background-color: pink; }
    .o-modal-content--fixed-bottom-on-mobile .o-modal-close:before {
      transform: rotate(45deg); }
    .o-modal-content--fixed-bottom-on-mobile .o-modal-close:after {
      transform: rotate(-45deg); }
  @media screen and (min-width: 768px) {
    .o-modal-content--fixed-bottom-on-mobile .o-modal-content-squeeze {
      max-width: 430px;
      margin: 0 auto; } }

@media screen and (min-width: 1000px) {
  .o-modal-content--no-desktop {
    display: none; } }

.o-modal.ng-enter {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }

.o-modal.ng-enter .o-modal-knockout {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0; }

.o-modal.ng-enter.ng-enter-active .o-modal-knockout {
  opacity: 1; }

.o-modal.ng-enter .o-modal-content {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  transition-delay: 0.5s;
  opacity: 0; }

.o-modal.ng-enter.ng-enter-active .o-modal-content {
  opacity: 1; }

.o-modal.ae-modal .o-modal-knockout:has(.find-my-stylist-gateway) {
  background-color: white; }

.o-modal.ae-modal .o-modal__close {
  z-index: 2;
  display: block;
  height: 2em;
  width: 2em; }
  @media screen and (min-width: 1000px) {
    .o-modal.ae-modal .o-modal__close {
      top: 2rem;
      right: 3rem; } }
  .o-modal.ae-modal .o-modal__close:before, .o-modal.ae-modal .o-modal__close:after {
    height: 2em; }

.o-modal.ae-modal .o-modal-content {
  position: absolute;
  z-index: 1;
  max-width: 100%;
  background: none;
  border: none;
  box-shadow: none;
  text-align: center;
  max-height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100%; }
  @media screen and (max-width: 400px) {
    .o-modal.ae-modal .o-modal-content {
      margin-top: 40px;
      padding-bottom: 40px; } }

.o-modal.ae-modal .ae-modal-content {
  padding: 20px 5px; }

html.ae-modal-opened {
  overflow: hidden;
  height: 100%; }
  html.ae-modal-opened body {
    height: 100%;
    overflow: hidden; }

.o-alignment-container {
  display: block;
  position: relative; }

.o-alignment-content {
  position: absolute; }
  .o-alignment-content--x {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
  .o-alignment-content--y {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .o-alignment-content--xy {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.shop-table .shop-td:not(:nth-child(2)) {
  font-size: 0.9333333333em; }

.c-cabi-dropdown {
  display: inline-block;
  font-size: .8rem;
  position: relative;
  z-index: 1;
  background-color: white;
  width: 250px;
  border: 1px solid #c0c0c0; }

.c-cabi-dropdown.js-open {
  border-color: transparent; }

.c-cabi-dropdown__label {
  font-family: 'Montserrat';
  text-transform: uppercase;
  padding: .5em 1em;
  background: white;
  font-weight: 600;
  color: black; }
  .c-cabi-dropdown__label:before {
    font-family: fontawesome;
    content: '\f0dd';
    font-size: .9em;
    float: right;
    pointer-events: none; }

.c-cabi-dropdown__label-icon,
.c-cabi-dropdown__label-text {
  display: inline-block; }

.c-cabi-dropdown__label-icon {
  margin-right: .5em; }

.c-cabi-dropdown__options {
  display: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin-top: -1px;
  list-style: none;
  padding: 2em 0 0;
  margin: 0;
  font-size: 1.3em; }
  .c-cabi-dropdown.js-open .c-cabi-dropdown__options {
    display: block; }

.c-cabi-dropdown.js-open .c-cabi-dropdown__options {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
  border: 1px solid #c0c0c0; }

.c-cabi-dropdown__option {
  background-color: white; }
  .c-cabi-dropdown__option a {
    display: block;
    padding: .5em 2em; }
    .c-cabi-dropdown__option a:hover {
      background-color: #f4f4f4; }
  .c-cabi-dropdown__option.js-active {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 700;
    font-style: normal; }

.login-gateway,
.login-authenticate,
.login-preferences,
.forgot-password,
.change-password,
.existing-customer-registration,
.new-customer-registration,
.already-logged-in,
.preferences-registration,
.registration-verification,
.show-double-verification-screen {
  width: 100%;
  max-width: 650px;
  top: 20px;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  padding: 0;
  margin-bottom: 40px; }
  .login-gateway .error,
  .login-authenticate .error,
  .login-preferences .error,
  .forgot-password .error,
  .change-password .error,
  .existing-customer-registration .error,
  .new-customer-registration .error,
  .already-logged-in .error,
  .preferences-registration .error,
  .registration-verification .error,
  .show-double-verification-screen .error {
    margin-top: 40px; }
  .login-gateway .custom-input,
  .login-authenticate .custom-input,
  .login-preferences .custom-input,
  .forgot-password .custom-input,
  .change-password .custom-input,
  .existing-customer-registration .custom-input,
  .new-customer-registration .custom-input,
  .already-logged-in .custom-input,
  .preferences-registration .custom-input,
  .registration-verification .custom-input,
  .show-double-verification-screen .custom-input {
    margin-bottom: 25px; }
  .login-gateway .custom-dropdown-icon,
  .login-authenticate .custom-dropdown-icon,
  .login-preferences .custom-dropdown-icon,
  .forgot-password .custom-dropdown-icon,
  .change-password .custom-dropdown-icon,
  .existing-customer-registration .custom-dropdown-icon,
  .new-customer-registration .custom-dropdown-icon,
  .already-logged-in .custom-dropdown-icon,
  .preferences-registration .custom-dropdown-icon,
  .registration-verification .custom-dropdown-icon,
  .show-double-verification-screen .custom-dropdown-icon {
    margin-top: 30px; }
    .login-gateway .custom-dropdown-icon .dropdown-toggle span,
    .login-authenticate .custom-dropdown-icon .dropdown-toggle span,
    .login-preferences .custom-dropdown-icon .dropdown-toggle span,
    .forgot-password .custom-dropdown-icon .dropdown-toggle span,
    .change-password .custom-dropdown-icon .dropdown-toggle span,
    .existing-customer-registration .custom-dropdown-icon .dropdown-toggle span,
    .new-customer-registration .custom-dropdown-icon .dropdown-toggle span,
    .already-logged-in .custom-dropdown-icon .dropdown-toggle span,
    .preferences-registration .custom-dropdown-icon .dropdown-toggle span,
    .registration-verification .custom-dropdown-icon .dropdown-toggle span,
    .show-double-verification-screen .custom-dropdown-icon .dropdown-toggle span {
      padding-right: 20px; }
  .login-gateway .form-field,
  .login-authenticate .form-field,
  .login-preferences .form-field,
  .forgot-password .form-field,
  .change-password .form-field,
  .existing-customer-registration .form-field,
  .new-customer-registration .form-field,
  .already-logged-in .form-field,
  .preferences-registration .form-field,
  .registration-verification .form-field,
  .show-double-verification-screen .form-field {
    max-width: 450px;
    margin: 0 auto; }

.preferences-registration {
  max-width: 450px; }
  .preferences-registration .second-subtitle {
    margin-bottom: 25px; }
  .preferences-registration .horizontal-list {
    display: flex;
    justify-content: space-between; }
  .preferences-registration .benefit {
    display: inline-block;
    text-align: center;
    width: 32%;
    margin: 15px 0;
    background: white;
    color: #ff99a8;
    font-size: 32px; }
    .preferences-registration .benefit .benefit-icon {
      padding-top: 8%; }
    .preferences-registration .benefit div {
      text-align: center;
      font-weight: bold;
      font-size: 12px;
      display: inline-block;
      text-transform: uppercase;
      padding: 0 5% 5% 5%; }
    @media screen and (max-width: 400px) {
      .preferences-registration .benefit {
        font-size: 26px; }
        .preferences-registration .benefit div {
          font-size: 10px; } }
  .preferences-registration .communication-preferences {
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 100%;
    background: white;
    padding: 20px 10px 20px 10px;
    margin-bottom: 20px; }
    .preferences-registration .communication-preferences .preference {
      display: inline-block;
      color: #646464;
      height: 100%;
      width: 25%;
      margin: 10px 0 20px 0;
      text-align: center; }
      .preferences-registration .communication-preferences .preference .preference-name {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 12px;
        padding: 0; }
        .preferences-registration .communication-preferences .preference .preference-name:before, .preferences-registration .communication-preferences .preference .preference-name:after {
          top: 165% !important; }
        .preferences-registration .communication-preferences .preference .preference-name:before {
          left: calc(50% - 10px) !important; }
        .preferences-registration .communication-preferences .preference .preference-name:after {
          left: calc(50% - 6px) !important; }
        @media screen and (max-width: 400px) {
          .preferences-registration .communication-preferences .preference .preference-name {
            font-size: 10px; } }
    .preferences-registration .communication-preferences .custom-checkbox {
      vertical-align: bottom; }
      .preferences-registration .communication-preferences .custom-checkbox label {
        text-align: center; }
  .preferences-registration .source-dropdown {
    display: block !important; }
    .preferences-registration .source-dropdown select {
      width: 100%;
      font-style: italic !important; }

.preferences-registration {
  max-width: 650px; }
  .preferences-registration .communication-preferences p {
    font-weight: 600; }
  .preferences-registration .horizontal-list {
    justify-content: center; }
  .preferences-registration .pref-checkbox-group {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 160px;
    margin: 0 auto;
    margin-top: 16px; }
    .preferences-registration .pref-checkbox-group .pref-checkbox i {
      font-size: 18px; }

.new-customer-registration .password-validation-container,
.existing-customer-registration .password-validation-container,
.change-password .password-validation-container {
  max-width: 450px;
  margin: 0 auto; }
  .new-customer-registration .password-validation-container .alert-text-item,
  .existing-customer-registration .password-validation-container .alert-text-item,
  .change-password .password-validation-container .alert-text-item {
    font-size: 12px;
    text-align: left;
    color: #D32A40;
    padding-left: 16px; }
    .new-customer-registration .password-validation-container .alert-text-item.text-success,
    .existing-customer-registration .password-validation-container .alert-text-item.text-success,
    .change-password .password-validation-container .alert-text-item.text-success {
      color: #28a745 !important; }
    .new-customer-registration .password-validation-container .alert-text-item.confirm-password,
    .existing-customer-registration .password-validation-container .alert-text-item.confirm-password,
    .change-password .password-validation-container .alert-text-item.confirm-password {
      margin-top: -22px;
      padding-bottom: 4px; }
  .new-customer-registration .password-validation-container .validation-messages,
  .existing-customer-registration .password-validation-container .validation-messages,
  .change-password .password-validation-container .validation-messages {
    margin-top: 12px;
    margin-bottom: 12px; }
    .new-customer-registration .password-validation-container .validation-messages .password-alert-text,
    .existing-customer-registration .password-validation-container .validation-messages .password-alert-text,
    .change-password .password-validation-container .validation-messages .password-alert-text {
      font-size: 13px;
      font-weight: 600;
      text-align: left;
      padding-bottom: 12px; }

.new-customer-registration .error,
.existing-customer-registration .error {
  margin-top: 30px; }

.new-customer-registration .warning-message,
.existing-customer-registration .warning-message {
  color: #D32A40;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  margin: 0 auto;
  text-align: left;
  max-width: 450px;
  padding-bottom: 15px; }
  .new-customer-registration .warning-message i,
  .existing-customer-registration .warning-message i {
    padding-right: 10px;
    padding-top: 5px;
    font-size: 16px; }
  .new-customer-registration .warning-message:after,
  .existing-customer-registration .warning-message:after {
    content: '';
    display: table;
    clear: both; }

.new-customer-registration .message,
.existing-customer-registration .message {
  background-color: #f0f0f0;
  font-size: 12px;
  text-align: left;
  max-width: 620px;
  padding: 20px 5%;
  margin: 40px auto; }
  .new-customer-registration .message a,
  .existing-customer-registration .message a {
    font-weight: bold; }

.registration-verification .form-field {
  max-width: 172px; }
  .registration-verification .form-field .custom-input input,
  .registration-verification .form-field .custom-input span {
    text-align: center; }

.new-customer-registration {
  max-width: 100%; }
  .new-customer-registration .nc-header {
    margin-bottom: 60px; }
  .new-customer-registration h2.nc-title {
    font-weight: 400;
    font-size: 36px;
    margin-top: 80px;
    margin-bottom: 30px; }
  .new-customer-registration p.nc-subtitle {
    font-size: 14px;
    text-align: center;
    max-width: 560px;
    margin: 0 auto 30px; }
  .new-customer-registration .second-subtitle {
    max-width: 750px;
    margin: 30px auto 25px; }
    .new-customer-registration .second-subtitle p {
      text-align: center;
      font-size: 14px;
      line-height: 22px; }
  .new-customer-registration .horizontal-list {
    display: flex;
    justify-content: space-between;
    max-width: 484px;
    margin: 0 auto; }
  .new-customer-registration .benefit {
    display: flex;
    align-items: center;
    text-align: left;
    width: 32%;
    margin: 15px 0;
    background: white;
    color: #ff99a8;
    font-size: 36px;
    padding: 10px; }
    .new-customer-registration .benefit .benefit-icon {
      padding-top: 8%; }
    .new-customer-registration .benefit div {
      text-align: left;
      font-weight: bold;
      font-size: 13px;
      line-height: 16px;
      text-transform: uppercase;
      padding: 5% 0; }
    @media screen and (max-width: 400px) {
      .new-customer-registration .benefit {
        font-size: 26px; }
        .new-customer-registration .benefit div {
          font-size: 10px; } }
  .new-customer-registration .communication-preferences {
    text-align: center;
    width: 100%;
    max-width: 800px !important;
    border-top: 1px solid #D5D5D5;
    margin-top: 90px !important; }
  .new-customer-registration .continue-expand {
    width: 50%;
    margin: 0 auto;
    line-height: 1.6em;
    overflow: hidden;
    color: #000;
    transition: all .5s ease-in-out;
    height: 0; }
    .new-customer-registration .continue-expand p {
      font-size: 14px;
      text-align: center; }
    .new-customer-registration .continue-expand.expanded {
      height: 65px; }
    .new-customer-registration .continue-expand .sm-heading {
      color: #B90000;
      margin: 0 0 14px; }
    .new-customer-registration .continue-expand span {
      font-weight: 700; }

.row.last {
  margin-bottom: 100px;
  margin-top: 40px; }

.show-double-verification-screen .double-verification-form {
  font-weight: bold; }
  .show-double-verification-screen .double-verification-form .subtitle {
    font-weight: bold; }
  .show-double-verification-screen .double-verification-form .form-control {
    margin-bottom: 12px; }
    .show-double-verification-screen .double-verification-form .form-control label {
      font-family: Montserrat, sans-serif; }
  .show-double-verification-screen .double-verification-form .note {
    background: #f8eeee;
    padding: 24px 76px;
    font-size: 12px;
    margin-bottom: 10px; }

@media screen and (max-width: 767px) {
  .new-customer-registration h2.nc-title {
    margin: 0 auto 24px;
    padding: 0 40px;
    line-height: 42px; }
  .new-customer-registration p.nc-subtitle {
    font-size: 11px;
    line-height: 18px;
    margin-bottom: 4px;
    padding: 0 20px; }
  .new-customer-registration .second-subtitle {
    max-width: 90%;
    margin: 15px auto 25px; }
    .new-customer-registration .second-subtitle p {
      font-size: 11px;
      line-height: 19px;
      display: inline; }
  .new-customer-registration .benefits {
    margin-top: 16px; }
    .new-customer-registration .benefits .benefit {
      font-size: 28px; }
  .new-customer-registration .communication-preferences {
    border-top: none;
    margin-top: 70px !important; }
  .new-customer-registration .continue-expand {
    width: 75%; }
    .new-customer-registration .continue-expand.expanded {
      height: 70px; } }

/* Back to top */
#cabi-back-to-top {
  background: white;
  height: 120px;
  width: 56px;
  text-align: center;
  border-top: 4px solid #262223;
  text-decoration: none; }
  @media screen and (max-width: 767px) {
    #cabi-back-to-top {
      display: none; } }
  #cabi-back-to-top strong {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 600;
    font-style: normal;
    font-size: 0.625em;
    color: #9e9599;
    text-transform: uppercase;
    display: block;
    line-height: 1.3em;
    color: #262223; }
    #cabi-back-to-top strong:before {
      font-family: FontAwesome;
      content: "";
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      text-decoration: inherit;
      line-height: 1;
      display: block;
      color: #000;
      font-size: 2em;
      padding: 1em 0 .5em; }

.block-quotes {
  background: #ff99a8; }
  .block-quotes .blockquote {
    color: #000;
    text-align: center; }
    .block-quotes .blockquote .h1 {
      font-size: 2.3125em;
      line-height: 1.4;
      margin-bottom: .75em;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-weight: 300;
      padding-top: 1em; }
      @media screen and (max-width: 690px) {
        .block-quotes .blockquote .h1 {
          font-size: 25px; } }
    @media screen and (max-width: 690px) {
      .block-quotes .blockquote span {
        font-size: 14px; } }
    .block-quotes .blockquote img {
      display: inline-block;
      vertical-align: middle;
      width: 114px;
      height: 114px;
      border-radius: 50%;
      position: absolute;
      top: -28px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      margin-right: 0px; }
    .block-quotes .blockquote .host__blockquote-name {
      display: block;
      font-size: 1em;
      text-transform: uppercase;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 700;
      font-style: normal; }
    .block-quotes .blockquote .host__blockquote-location {
      display: block;
      font-size: 0.75em;
      text-transform: uppercase;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      margin-bottom: 2em; }

.blockquote-slider {
  position: relative;
  background: #8b734e !important;
  overflow: visible !important; }
  .blockquote-slider .slideshow-next {
    position: absolute;
    top: 0;
    left: -100%; }
  .blockquote-slider .slide {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    visibility: hidden;
    background: #8b734e; }
    .blockquote-slider .slide.active {
      z-index: 2;
      position: relative; }
    .blockquote-slider .slide.slideInRight, .blockquote-slider .slide.slideOutLeft {
      visibility: visible; }

.bb-custom-wrapper {
  z-index: 999999;
  background: #404040;
  position: relative; }

#book-header {
  width: 100%;
  position: absolute;
  top: 15px;
  left: 0px; }
  #book-header div {
    position: relative;
    margin: 0px auto;
    width: 95%; }
    #book-header div h2 {
      text-align: center;
      color: white; }
    #book-header div .icon {
      font-size: 50px; }
    #book-header div a {
      text-decoration: none;
      color: white;
      position: absolute; }
      #book-header div a:first-of-type {
        left: 0px; }
      #book-header div a[data-purpose="download"] {
        right: 60px;
        top: 0;
        display: none; }
        @media screen and (min-width: 768px) {
          #book-header div a[data-purpose="download"] {
            display: block; } }
      #book-header div a:last-of-type {
        right: 0px;
        top: 8px; }
      #book-header div a[href="/"] {
        display: block;
        width: 100px;
        margin: 0 auto;
        position: relative; }
        #book-header div a[href="/"] object {
          max-height: 51px;
          pointer-events: none; }

.mobile-slides #book-header {
  position: fixed;
  z-index: 1001;
  top: 0px;
  background: #404040; }
  .mobile-slides #book-header a:first-of-type {
    display: none; }
  .mobile-slides #book-header a:last-of-type {
    top: 12px; }
  .mobile-slides #book-header i {
    font-size: 35px; }

.nav {
  cursor: pointer;
  color: white;
  text-align: center;
  position: absolute;
  top: 49%;
  font-size: 60px;
  color: white;
  z-index: 9999999; }
  .nav#bb-nav-next {
    right: -14px; }
  .nav#bb-nav-prev {
    left: -14px; }

.bb-bookblock {
  width: 400px;
  height: 300px;
  margin: 0 auto;
  position: relative;
  z-index: 100;
  -webkit-perspective: 1300px;
  perspective: 1300px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.bb-page {
  position: absolute;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform; }

.bb-vertical .bb-page {
  width: 50%;
  height: 100%;
  left: 50%;
  -webkit-transform-origin: left center;
  transform-origin: left center; }

.bb-horizontal .bb-page {
  width: 100%;
  height: 50%;
  top: 50%;
  -webkit-transform-origin: center top;
  transform-origin: center top; }

.bb-page > div,
.bb-outer,
.bb-content,
.bb-inner {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.bb-vertical .bb-content {
  width: 200%; }

.bb-horizontal .bb-content {
  height: 200%; }

.bb-page > div {
  width: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.bb-vertical .bb-back {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }

.bb-horizontal .bb-back {
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg); }

.bb-outer {
  width: 100%;
  overflow: hidden;
  z-index: 999; }

.bb-overlay,
.bb-flipoverlay {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0; }

.bb-flipoverlay {
  background-color: rgba(0, 0, 0, 0.2); }

.bb-bookblock.bb-vertical > div.bb-page:first-child,
.bb-bookblock.bb-vertical > div.bb-page:first-child .bb-back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg); }

.bb-bookblock.bb-horizontal > div.bb-page:first-child,
.bb-bookblock.bb-horizontal > div.bb-page:first-child .bb-back {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg); }

/* Content display */
.bb-content {
  background: #fff; }

.bb-vertical .bb-front .bb-content {
  left: -100%; }

.bb-horizontal .bb-front .bb-content {
  top: -100%; }

/* Flipping classes */
.bb-vertical .bb-flip-next,
.bb-vertical .bb-flip-initial {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }

.bb-vertical .bb-flip-prev {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg); }

.bb-horizontal .bb-flip-next,
.bb-horizontal .bb-flip-initial {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg); }

.bb-horizontal .bb-flip-prev {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg); }

.bb-vertical .bb-flip-next-end {
  -webkit-transform: rotateY(-15deg);
  transform: rotateY(-15deg); }

#bb-nav-next, #bb-nav-prev {
  display: none; }
  @media screen and (min-width: 768px) {
    #bb-nav-next, #bb-nav-prev {
      display: block; } }

.bb-vertical .bb-flip-prev-end {
  -webkit-transform: rotateY(-165deg);
  transform: rotateY(-165deg); }

.bb-horizontal .bb-flip-next-end {
  -webkit-transform: rotateX(15deg);
  transform: rotateX(15deg); }

.bb-horizontal .bb-flip-prev-end {
  -webkit-transform: rotateX(165deg);
  transform: rotateX(165deg); }

.bb-item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff; }

/* No JS */
.no-js .bb-bookblock,
.no-js ul.bb-custom-grid li {
  width: auto;
  height: auto; }

.no-js .bb-item {
  display: block;
  position: relative; }

.bb-custom-wrapper .bb-bookblock {
  width: calc(100% - 70px);
  height: calc(100% - 140px);
  -webkit-perspective: 2000px;
  perspective: 2000px;
  top: 120px; }

.bb-custom-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  display: none; }
  @media screen and (min-width: 768px) {
    .bb-custom-wrapper {
      display: block; } }
  .bb-custom-wrapper .bb-item {
    height: 100%; }

.mobile-slides {
  display: block; }
  @media screen and (min-width: 768px) {
    .mobile-slides {
      display: none; } }

.mobile-slides #bb-bookblock {
  width: 100%;
  height: 100%;
  top: 55px; }

.mobile-slides #bb-bookblock .bb-item {
  position: relative; }

.mobile-slides #bb-bookblock .bb-item:first-of-type, .mobile-slides #bb-bookblock .bb-item:last-of-type {
  display: none; }

.mobile-slides .bb-custom-side {
  width: 100%;
  display: block;
  height: 0px;
  padding-bottom: 100%; }
  @media screen and (min-width: 768px) {
    .mobile-slides .bb-custom-side {
      display: none; } }
  .mobile-slides .bb-custom-side .internal-page {
    transform: initial;
    top: initial; }

.bb-custom-wrapper .bb-custom-side {
  display: none; }
  @media screen and (min-width: 768px) {
    .bb-custom-wrapper .bb-custom-side {
      display: block;
      width: 50%;
      float: left;
      height: 100%; } }

.bb-custom-side {
  background-color: #404040;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left; }
  .bb-custom-side:first-of-type {
    background-position: center right; }
  .bb-custom-side .internal-page {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    .bb-custom-side .internal-page > a {
      width: 22px;
      height: 22px;
      background: url(/wp-content/themes/cabi/assets/images/collection/look-book/plus.jpg);
      background-size: cover;
      position: absolute; }

@media screen and (min-width: 768px) {
  .internal-page {
    opacity: 0;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    transition-delay: 1s; }
  .bb-item[style="display: block;"] .internal-page {
    opacity: 1;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    transition-delay: 1s; } }

@media screen and (min-aspect-ratio: 30 / 17) {
  .bb-bookblock .bb-item .internal-page {
    width: calc(100vh - 140px); }
  .bb-bookblock .bb-item .bb-custom-side:nth-of-type(odd) .internal-page {
    float: right; } }

div[data-name="notion"].mobile-slides .bb-custom-side {
  padding-bottom: 136%; }

div[data-name="notion"] .bb-custom-side .internal-page {
  height: 0%;
  padding-bottom: 136%; }

@media screen and (min-aspect-ratio: 4 / 3) {
  div[data-name="notion"] .bb-custom-side .internal-page {
    padding-bottom: 0px;
    height: 100%;
    width: calc( (100vh - 140px) * 0.74); }
  div[data-name="notion"] .bb-custom-side:nth-of-type(odd) .internal-page {
    float: right; } }

.bb-item .bb-custom-side:first-child {
  text-align: right; }

.bb-custom-firstpage h1 {
  font-size: 2.625em;
  line-height: 1.3;
  margin: 0;
  font-weight: 300;
  background: #fff; }

.bb-custom-firstpage h1 span {
  display: block;
  font-size: 60%;
  opacity: 0.3;
  padding: 0 0 0.6em 0.1em; }

.bb-custom-firstpage {
  text-align: center;
  padding-top: 15%;
  width: 50%;
  float: left;
  height: 100%; }

.bb-custom-side p {
  padding: 8%;
  font-size: 1.8em;
  font-weight: 300; }

.bb-custom-wrapper h3 {
  font-size: 1.4em;
  font-weight: 300;
  margin: 0.4em 0 1em; }

.bb-custom-wrapper > nav {
  width: 100%;
  height: 40px;
  margin: 1em auto 0;
  position: fixed;
  bottom: 20px;
  z-index: 1000;
  text-align: center; }

.bb-custom-wrapper > nav a {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 2px;
  background: #1baede;
  color: #fff;
  font-size: 0;
  margin: 2px; }

.bb-custom-wrapper > nav a:hover {
  opacity: 0.6; }

.bb-custom-icon:before {
  font-family: 'arrows';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 30px;
  line-height: 40px;
  display: block;
  -webkit-font-smoothing: antialiased; }

.bb-custom-icon-first:before,
.bb-custom-icon-last:before {
  content: "\e002"; }

.bb-custom-icon-arrow-left:before,
.bb-custom-icon-arrow-right:before {
  content: "\e003"; }

.bb-custom-icon-arrow-left:before,
.bb-custom-icon-first:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

/* No JS */
.no-js .bb-custom-wrapper {
  height: auto; }

.no-js .bb-custom-content {
  height: 470px; }

.c-cabi-cuties-archive .c-cabi-cuties-archive__collection cabi-cutie-thumbnail {
  margin-bottom: 1rem;
  display: block; }

@media screen and (min-width: 768px) {
  .c-cabi-cuties-archive .c-cabi-cuties-archive__collection {
    display: flex;
    flex-wrap: wrap; }
    .c-cabi-cuties-archive .c-cabi-cuties-archive__collection cabi-cutie-thumbnail {
      display: inline-block;
      width: 23%;
      margin-left: 1%;
      margin-right: 1%;
      margin-bottom: 2%; } }

.c-cabi-cutie-modal {
  display: flex;
  height: 600px;
  overflow: hidden; }
  .c-cabi-cutie-modal__title {
    font-size: 3em;
    line-height: 1em; }
  .c-cabi-cutie-modal__image {
    max-width: 340px;
    margin: 0 auto; }
    .c-cabi-cutie-modal__image img {
      width: 100%;
      height: auto; }
  .c-cabi-cutie-modal__handle {
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-weight: bold;
    font-size: .9em;
    margin-bottom: 1em; }
    .c-cabi-cutie-modal__handle a {
      text-decoration: none; }
  .c-cabi-cutie-modal__message {
    margin-bottom: 2em;
    padding: 0 2em; }

.c-cabi-cutie-modal__pagination {
  position: absolute;
  top: 50%;
  width: 100%; }

.c-cabi-cutie-modal__pagination-item {
  position: absolute;
  font-size: 2em;
  color: #a0a0a0; }
  .c-cabi-cutie-modal__pagination-item:hover {
    color: #ff99a8; }

.c-cabi-cutie-modal__pagination-item--previous {
  left: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }
  .c-cabi-cutie-modal__pagination-item--previous:before {
    content: "";
    font-family: "icomoon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.c-cabi-cutie-modal__pagination-item--next {
  right: 0;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }
  .c-cabi-cutie-modal__pagination-item--next:before {
    content: "";
    font-family: "icomoon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.c-cabi-cutie-modal__detail-panel,
.c-cabi-cutie-modal__product-panel {
  padding: 2em;
  text-align: center; }

.c-cabi-cutie-modal__detail-panel {
  width: 450px;
  background: #f5f5f5; }

.c-cabi-cutie-modal__product-panel {
  padding: 3em 1.75em 1em;
  width: 100vw;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 700;
  font-style: normal;
  font-size: .9rem; }
  @media screen and (min-width: 768px) {
    .c-cabi-cutie-modal__product-panel {
      width: 180px; } }

@media screen and (min-width: 768px) {
  .c-cabi-cutie-modal__products {
    height: 520px; } }

.c-cabi-cutie-modal__products .c-cabi-cutie-modal__product-carousel {
  display: none; }
  @media screen and (min-width: 768px) {
    .c-cabi-cutie-modal__products .c-cabi-cutie-modal__product-carousel {
      display: initial; } }

@media screen and (min-width: 768px) {
  .c-cabi-cutie-modal__products .c-cabi-cutie-modal__product-grid {
    display: none; } }

.c-cabi-cutie-modal__products .slick-prev, .c-cabi-cutie-modal__products .slick-next {
  display: none !important; }

.c-cabi-cutie-modal__products .slick-dots {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-23px, 235px);
  bottom: initial;
  width: auto; }
  .c-cabi-cutie-modal__products .slick-dots li {
    display: block; }
    .c-cabi-cutie-modal__products .slick-dots li button:before {
      font-size: 32px; }

.c-cabi-cutie-modal__product {
  text-align: center;
  line-height: 1.2em;
  width: 50%;
  display: inline-block; }
  @media screen and (min-width: 768px) {
    .c-cabi-cutie-modal__product {
      height: 240px !important;
      width: intial;
      display: initial; } }
  @media screen and (min-width: 768px) {
    .c-cabi-cutie-modal__product-image {
      width: 131px; } }
  .c-cabi-cutie-modal__product-image img {
    display: block;
    width: 100%;
    height: auto; }

@media screen and (max-width: 767px) {
  .o-modal.o-modal--for-cabi-cutie .o-modal__close:before, .o-modal.o-modal--for-cabi-cutie .o-modal__close:after {
    height: 2rem; }
  .o-modal.o-modal--for-cabi-cutie .o-modal-content {
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    min-height: 100vh;
    overflow-y: auto; }
  .o-modal.o-modal--for-cabi-cutie .c-cabi-cutie-modal {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    overflow: initial; }
  .o-modal.o-modal--for-cabi-cutie .c-cabi-cutie-modal__detail-panel {
    width: 100vw; } }

.c-cabi-cutie-thumbnail img {
  width: 100%;
  height: auto;
  display: block; }

.c-cabi-cutie img {
  width: 100%;
  height: auto;
  display: block; }

.collection-item {
  position: relative; }
  .collection-item.item-read-only a, .collection-item.item-read-only span {
    cursor: default;
    display: block;
    pointer-events: none !important; }
  .collection-item.item-read-only .price {
    display: none !important; }
  .collection-item .entry-content {
    display: table;
    width: 100%; }
  .collection-item .post_thumbnail {
    width: 100%;
    z-index: 2;
    position: relative;
    display: none; }
    .collection-item .post_thumbnail.active {
      display: block; }
  .collection-item .item_photos {
    display: table-row; }
    .collection-item .item_photos .collection-item-a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 3; }
    .collection-item .item_photos .item_image_main {
      background: linear-gradient(to bottom, #f3f3f3, #fafafa); }
    .collection-item .item_photos img {
      width: 100%; }
  .collection-item .post_thumbnail_alt {
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    display: none; }
    .collection-item .post_thumbnail_alt.active {
      display: block; }
  .collection-item .item_description {
    display: table-cell;
    vertical-align: top;
    padding: 0px 10px;
    height: 60px;
    font-size: 0.75em;
    text-align: center;
    font-family: 'Montserrat'; }
    .collection-item .item_description h2 {
      margin: 3px 0px;
      font-size: 1.1em;
      text-align: center;
      line-height: 1.1em; }
      .collection-item .item_description h2 a {
        text-decoration: none; }
    .collection-item .item_description a.price {
      width: 100%;
      display: block;
      text-align: center;
      line-height: 10px;
      text-decoration: none; }
    .collection-item .item_description div[data-bv-show="inline_rating"] {
      padding-top: 4px; }
    .collection-item .item_description .item_extended-sizes {
      color: #6d6d6d;
      font-family: 'Montserrat';
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.5px;
      line-height: 18px;
      display: block;
      text-align: center;
      margin-bottom: 0; }
    .collection-item .item_description .color-choice {
      height: 20px;
      z-index: 6;
      text-align: center; }
      .collection-item .item_description .color-choice .color {
        height: 14px;
        width: 14px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        margin-top: 5px;
        margin-right: 2px;
        display: inline-block;
        opacity: 1;
        -webkit-transition: opacity 0.5s;
        transition: opacity 0.5s;
        position: relative;
        cursor: pointer; }
        .collection-item .item_description .color-choice .color.color-white, .collection-item .item_description .color-choice .color.color-true-white, .collection-item .item_description .color-choice .color.color-brite-white {
          border: 1px solid #ddd; }
  .collection-item .product-info {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
    left: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
    text-align: center; }
    .collection-item .product-info a {
      color: white; }
      .collection-item .product-info a .inner {
        will-change: transform;
        -webkit-transform: scale(0.97);
        -moz-transform: scale(0.97);
        -ms-transform: scale(0.97);
        -o-transform: scale(0.97);
        transform: scale(0.97);
        -webkit-transition: -webkit-transform 0.25s;
        -moz-transition: -moz-transform 0.25s;
        transition: transform 0.25s;
        border: 1px solid #ccc;
        position: absolute;
        z-index: 5;
        width: 100%;
        height: 100%; }
        .collection-item .product-info a .inner .content {
          position: absolute;
          width: 100%;
          bottom: 11px; }
          .collection-item .product-info a .inner .content .quick-look {
            z-index: 3; }
          .collection-item .product-info a .inner .content strong {
            text-transform: uppercase;
            font-weight: normal; }
          .collection-item .product-info a .inner .content .meta {
            font-size: .8em; }
      .collection-item .product-info a .collection-item__hover-image-mask {
        background: #f5f2ed;
        overflow: hidden; }
    .collection-item .product-info .quick-look,
    .collection-item .product-info .collecion-item__remove-from-wishlist {
      font-family: 'Montserrat';
      margin: .5em 2em;
      font-size: 11px;
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      text-transform: uppercase;
      text-align: center;
      height: 40px;
      line-height: 40px;
      cursor: pointer; }
      .collection-item .product-info .quick-look:hover,
      .collection-item .product-info .collecion-item__remove-from-wishlist:hover {
        background: #000;
        opacity: 1; }
      .collection-item .product-info .quick-look span:before,
      .collection-item .product-info .collecion-item__remove-from-wishlist span:before {
        vertical-align: middle;
        display: inline-block;
        margin-right: .5em;
        padding-top: 1px; }
    .collection-item .product-info.hovering {
      opacity: 1; }
      .collection-item .product-info.hovering a .inner {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); }
  .collection-item.out-of-stock .item_description > *:last-child {
    margin-bottom: 40px;
    display: block; }

.collection-item__add-to-favorites {
  display: inline-block;
  position: absolute;
  top: 6px;
  right: 8px;
  z-index: 100;
  color: #ccc;
  padding: 8px;
  cursor: pointer;
  height: 24px;
  width: 27px;
  z-index: 3;
  text-decoration: none;
  background-image: url(/wp-content/themes/cabi/assets/images/collection/items/favorite-heart-sprite.png);
  background-position: top left;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }
  .collection-item__add-to-favorites:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%); }

@keyframes heart-burst {
  from {
    background-position: left; }
  to {
    background-position: right; } }

.collection-item__add-to-favorites.collection-item__add-to-favorites--added {
  animation: heart-burst 0.8s steps(22) 1;
  animation-fill-mode: forwards;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%); }

.collection-item-looks .item_description {
  display: none; }

.collection-item-looks .collection-item__add-to-favorites {
  background-image: url(/wp-content/themes/cabi/assets/images/collection/items/favorite-heart-sprite-white.png); }

.collection-item.disabled {
  opacity: .15; }

#collection-archive-item-grid .collection-item .remove {
  display: none; }

.o-modal--for-contextual-email-promote .o-modal-content {
  max-width: 848px; }

.o-modal--for-contextual-email-promote .close-modal-icon {
  color: #000;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 2; }

.c-contextual-email-promote {
  box-shadow: 0px 2px 45px 0px rgba(0, 0, 0, 0.45); }
  @media screen and (min-width: 1000px) {
    .c-contextual-email-promote {
      width: 848px; } }
  .c-contextual-email-promote .c-contextual-email-promote__wrapper {
    font-family: 'Montserrat';
    background-color: white;
    font-weight: 500;
    position: relative;
    text-align: center;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .c-contextual-email-promote .c-contextual-email-promote__wrapper {
        display: flex;
        height: 420px;
        overflow: hidden; } }
    @media screen and (min-width: 1000px) {
      .c-contextual-email-promote .c-contextual-email-promote__wrapper {
        height: 505px;
        width: 848px; } }
    .c-contextual-email-promote .c-contextual-email-promote__wrapper img {
      display: block;
      width: 100%; }
      .c-contextual-email-promote .c-contextual-email-promote__wrapper img.logo {
        margin: 0 auto 40px auto;
        width: 50px; }
      @media screen and (min-width: 768px) {
        .c-contextual-email-promote .c-contextual-email-promote__wrapper img {
          width: auto; } }
    .c-contextual-email-promote .c-contextual-email-promote__wrapper .modal-close-btn {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 3;
      background: transparent;
      border: 0 none;
      font-size: 38px;
      color: #000;
      cursor: pointer; }
      .c-contextual-email-promote .c-contextual-email-promote__wrapper .modal-close-btn:focus {
        border: 0 none;
        outline: none; }
      @media screen and (min-width: 768px) {
        .c-contextual-email-promote .c-contextual-email-promote__wrapper .modal-close-btn {
          top: 3px;
          right: 6px; } }
    .c-contextual-email-promote .c-contextual-email-promote__wrapper .content-wrapper {
      background: #F7F5F3;
      display: flex;
      flex-flow: column nowrap;
      height: 100%;
      justify-content: center;
      padding: 0 0 35px 0;
      position: relative;
      width: 100%; }
      @media screen and (min-width: 768px) {
        .c-contextual-email-promote .c-contextual-email-promote__wrapper .content-wrapper {
          padding: 0 0 50px 0; } }
    .c-contextual-email-promote .c-contextual-email-promote__wrapper .c-contextual-email-promote__content {
      padding: 20px 35px 0 35px;
      position: relative;
      text-align: center;
      z-index: 2; }
      @media screen and (min-width: 768px) {
        .c-contextual-email-promote .c-contextual-email-promote__wrapper .c-contextual-email-promote__content {
          padding: 50px 30px 0 30px; } }
      .c-contextual-email-promote .c-contextual-email-promote__wrapper .c-contextual-email-promote__content .c-contextual-email-promote__title {
        font-family: 'Playfair Display';
        font-feature-settings: "lnum";
        display: block;
        font-size: 40px;
        font-weight: 400;
        line-height: 1;
        margin: 0 auto 20px auto; }
        @media screen and (min-width: 768px) {
          .c-contextual-email-promote .c-contextual-email-promote__wrapper .c-contextual-email-promote__content .c-contextual-email-promote__title {
            font-size: 46px; } }
        .c-contextual-email-promote .c-contextual-email-promote__wrapper .c-contextual-email-promote__content .c-contextual-email-promote__title + p {
          margin-bottom: 20px;
          font-size: 18px; }
          @media screen and (min-width: 768px) {
            .c-contextual-email-promote .c-contextual-email-promote__wrapper .c-contextual-email-promote__content .c-contextual-email-promote__title + p {
              margin-bottom: 35px; } }
      .c-contextual-email-promote .c-contextual-email-promote__wrapper .c-contextual-email-promote__content .c-contextual-email-promote__standard {
        color: #3b3e49;
        font-size: 15px;
        margin: 0 auto 30px auto; }
        @media screen and (min-width: 1000px) {
          .c-contextual-email-promote .c-contextual-email-promote__wrapper .c-contextual-email-promote__content .c-contextual-email-promote__standard {
            font-size: 18px; } }
      .c-contextual-email-promote .c-contextual-email-promote__wrapper .c-contextual-email-promote__content .btn {
        font-size: 14px;
        height: 55px;
        width: 100%; }
        @media screen and (min-width: 768px) {
          .c-contextual-email-promote .c-contextual-email-promote__wrapper .c-contextual-email-promote__content .btn {
            max-width: 310px; } }
    .c-contextual-email-promote .c-contextual-email-promote__wrapper .c-contextual-email-promote__close {
      font-family: 'Montserrat';
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      color: black;
      display: none;
      font-size: 3rem;
      font-weight: normal;
      height: 2rem;
      position: absolute;
      right: 20px;
      text-decoration: none;
      text-transform: uppercase;
      top: 20px;
      width: 2rem;
      z-index: 3; }
      .c-contextual-email-promote .c-contextual-email-promote__wrapper .c-contextual-email-promote__close:before {
        content: "+"; }
      @media screen and (min-width: 768px) {
        .c-contextual-email-promote .c-contextual-email-promote__wrapper .c-contextual-email-promote__close {
          display: block; } }
    .c-contextual-email-promote .c-contextual-email-promote__wrapper .no-thanks {
      font-family: 'Montserrat';
      color: #868686;
      display: inline-block;
      font-size: 14px;
      font-weight: 600;
      margin: 0 auto;
      padding: 0 0 5px 0;
      position: relative;
      text-align: center;
      text-transform: uppercase; }
      .c-contextual-email-promote .c-contextual-email-promote__wrapper .no-thanks:after {
        background: #868686;
        bottom: 0;
        content: "";
        display: block;
        height: 1px;
        position: absolute;
        width: 100%; }
      @media screen and (min-width: 768px) {
        .c-contextual-email-promote .c-contextual-email-promote__wrapper .no-thanks {
          padding: 30px 0 5px 0; } }

#stay .mailinglist__fieldset {
  margin: 0; }

#stay .mailinglist-form__fieldset {
  border-bottom: none;
  height: 37px; }
  #stay .mailinglist-form__fieldset input::placeholder {
    opacity: 1;
    color: #000; }

#stay .mailinglist-form__submit {
  height: 37px; }

#last-chance-modal {
  border: 10px solid #F1ECEA;
  max-height: 95vh;
  max-width: 850px;
  overflow-x: hidden;
  overflow-y: auto; }
  @media screen and (min-width: 768px) {
    #last-chance-modal {
      background: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s25/modal/S25-last-chance-bg-v2.jpg) top center no-repeat;
      background-size: cover;
      align-items: stretch;
      border: none;
      display: grid;
      grid-template-columns: 58% 42%;
      grid-template-rows: 1fr auto;
      max-height: 80vh;
      width: 95%; }
      #last-chance-modal:after {
        background: #FFF7F5;
        content: '';
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 424px;
        z-index: 1; }
      #last-chance-modal .content-wrapper {
        z-index: 2; } }
  @media screen and (min-width: 1000px) {
    #last-chance-modal {
      background: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s25/modal/S25-last-chance-bg-v2.jpg) top center no-repeat;
      background-size: 100%;
      width: 100%; } }
  #last-chance-modal h2 {
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    color: #000;
    font-size: 50px;
    font-style: italic;
    font-weight: 400;
    line-height: 51px;
    margin: 0 0 15px 0;
    text-align: center; }
    @media screen and (min-width: 768px) {
      #last-chance-modal h2 {
        font-size: 55px;
        line-height: 60px;
        margin-bottom: auto; } }
  #last-chance-modal .modal-image {
    background: #F1ECEA;
    position: relative; }
    #last-chance-modal .modal-image img {
      height: auto;
      width: 100%; }
    #last-chance-modal .modal-image .text-container {
      bottom: 10px;
      position: absolute;
      width: 100%; }
    @media screen and (min-width: 768px) {
      #last-chance-modal .modal-image {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
        overflow: hidden; }
        #last-chance-modal .modal-image img {
          height: 100%;
          left: 50%;
          position: absolute;
          top: 50%;
          transform: translate(-50%, -50%);
          width: auto; } }
  #last-chance-modal .content-wrapper {
    background: #F1ECEA;
    display: grid;
    grid-column: 1 / 2;
    grid-gap: 18px;
    grid-row: 1 / 2;
    padding: 20px 20px 24px 20px;
    text-align: center;
    width: 100%; }
    @media screen and (min-width: 768px) {
      #last-chance-modal .content-wrapper {
        background: #FFF7F5;
        display: block;
        height: 100%;
        max-width: 424px;
        padding: 45px 25px 70px 25px; }
        #last-chance-modal .content-wrapper h2,
        #last-chance-modal .content-wrapper p,
        #last-chance-modal .content-wrapper #clockdiv {
          margin-bottom: 15px; } }
    #last-chance-modal .content-wrapper p {
      font-family: Montserrat;
      font-size: 14px;
      line-height: 18px;
      margin: 0 5px; }
      #last-chance-modal .content-wrapper p.wider {
        margin: 0 0 0 -4%;
        width: 108%; }
      #last-chance-modal .content-wrapper p strong {
        font-weight: 700;
        font-style: normal; }
      #last-chance-modal .content-wrapper p a {
        color: #000; }
      @media screen and (min-width: 768px) {
        #last-chance-modal .content-wrapper p {
          margin: 0 0 15px 0; } }
    #last-chance-modal .content-wrapper #clockdiv {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 3px; }
      @media screen and (min-width: 768px) {
        #last-chance-modal .content-wrapper #clockdiv {
          grid-gap: 9px;
          margin: 0 auto 15px auto;
          width: 100%; } }
      #last-chance-modal .content-wrapper #clockdiv .time-wrapper {
        background: transparent;
        box-sizing: border-box;
        display: grid;
        padding-bottom: 12px;
        text-align: center; }
        #last-chance-modal .content-wrapper #clockdiv .time-wrapper .days,
        #last-chance-modal .content-wrapper #clockdiv .time-wrapper .hours,
        #last-chance-modal .content-wrapper #clockdiv .time-wrapper .minutes {
          font-family: 'Montserrat';
          color: #000000;
          font-size: 60px;
          font-weight: 300;
          letter-spacing: 0.37px;
          line-height: 73px;
          text-align: center; }
        #last-chance-modal .content-wrapper #clockdiv .time-wrapper .smalltext {
          font-family: 'Montserrat';
          color: #000;
          font-size: 12px;
          font-weight: 700;
          letter-spacing: 0.07px;
          line-height: 15px;
          text-align: center; }
    #last-chance-modal .content-wrapper .cta-wrapper {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 8px;
      align-items: center; }
    #last-chance-modal .content-wrapper .btn {
      font-family: 'Montserrat';
      font-weight: 600;
      background: black;
      border: 1px solid #000;
      color: white;
      font-size: 14px;
      height: 75px;
      margin: 0 auto;
      outline: none;
      padding: 0px;
      width: 100%; }
      #last-chance-modal .content-wrapper .btn:hover {
        background-color: #fff;
        color: black; }
      @media screen and (min-width: 768px) {
        #last-chance-modal .content-wrapper .btn {
          height: 60px;
          width: 220px; } }

.modal-mailing-list-inline-container {
  padding-top: 18px;
  padding-bottom: 18px;
  background-color: #fff;
  z-index: 3; }
  .modal-mailing-list-inline-container .mailingListBox {
    font-size: 13px;
    max-width: 85%;
    margin: 0 auto; }
    .modal-mailing-list-inline-container .mailingListBox p {
      margin: 0 10px; }
    @media screen and (min-width: 768px) {
      .modal-mailing-list-inline-container .mailingListBox {
        display: grid;
        align-items: center;
        grid-gap: 18px;
        grid-template-columns: 46% 1fr;
        max-width: none;
        width: calc(100% - 52px); }
        .modal-mailing-list-inline-container .mailingListBox p {
          margin: 0; } }
    .modal-mailing-list-inline-container .mailingListBox > div {
      width: 100%;
      text-align: center;
      margin-bottom: 1rem;
      font-family: 'Montserrat';
      font-size: 14px; }
      @media screen and (min-width: 768px) {
        .modal-mailing-list-inline-container .mailingListBox > div {
          font-size: 12px;
          margin-bottom: 0px;
          line-height: 1.4em;
          text-align: left; } }
    .modal-mailing-list-inline-container .mailingListBox .mailinglist__fieldset {
      margin-bottom: 0; }
    .modal-mailing-list-inline-container .mailingListBox .mailinglist-form__fieldset {
      border: none; }
      .modal-mailing-list-inline-container .mailingListBox .mailinglist-form__fieldset input {
        height: 100%;
        font-style: normal;
        font-size: 12px;
        padding-left: 1rem;
        border-radius: 0;
        outline: none;
        padding-left: 1rem;
        border: 1px solid black; }
        .modal-mailing-list-inline-container .mailingListBox .mailinglist-form__fieldset input::placeholder {
          font-style: normal;
          font-size: 12px;
          font-family: Montserrat, sans-serif;
          content: "Enter your email address."; }
        .modal-mailing-list-inline-container .mailingListBox .mailinglist-form__fieldset input button {
          border: none;
          outline: none; }

.o-modal--gwp img {
  max-width: 100%;
  max-height: 100%; }

.o-modal--gwp .o-modal-content {
  max-width: 100%;
  width: 1008px;
  background: #fff; }
  @media screen and (max-width: 767px) {
    .o-modal--gwp .o-modal-content {
      width: 480px; } }

.o-modal--gwp__footer {
  grid-column: 1 / 2;
  grid-row: 3 / 4;
  background: #000;
  text-align: center;
  padding: 35px 35px 25px;
  color: #fff; }
  @media screen and (min-width: 768px) {
    .o-modal--gwp__footer {
      grid-column: 1 / 3;
      grid-row: 2 / 3; } }
  .o-modal--gwp__footer p {
    font-family: Montserrat;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.3px;
    color: #fff;
    margin-bottom: 18px; }

.o-modal--gwp .modal-close-btn {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 3;
  background: transparent;
  border: 0 none;
  font-size: 38px;
  color: #000;
  cursor: pointer; }
  .o-modal--gwp .modal-close-btn:focus {
    border: 0 none;
    outline: none; }
  @media screen and (min-width: 768px) {
    .o-modal--gwp .modal-close-btn {
      top: 6px;
      right: 10px; } }

.o-modal--gwp .mailinglist-form__submit {
  background: #fff;
  color: #000;
  border: 1px solid #fff;
  width: 150px; }
  @media screen and (max-width: 767px) {
    .o-modal--gwp .mailinglist-form__submit {
      width: 130px;
      height: 38px; } }

.o-modal--gwp .mailinglist-form__fieldset {
  border: 1px solid #fff; }
  .o-modal--gwp .mailinglist-form__fieldset input {
    color: #fff !important;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    padding: 8px !important;
    line-height: 1; }
    .o-modal--gwp .mailinglist-form__fieldset input::-moz-placeholder {
      color: #fff !important;
      font-family: Montserrat;
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      opacity: 1; }
    .o-modal--gwp .mailinglist-form__fieldset input:-moz-placeholder {
      color: #fff !important;
      font-family: Montserrat;
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      opacity: 1; }
    .o-modal--gwp .mailinglist-form__fieldset input::-webkit-input-placeholder {
      color: #fff !important;
      font-family: Montserrat;
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      opacity: 1; }
    .o-modal--gwp .mailinglist-form__fieldset input:-ms-input-placeholder {
      color: #fff !important;
      font-family: Montserrat;
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      opacity: 1; }

#summer-styles-s24 img {
  max-width: 100%;
  max-height: 100%;
  width: 100%; }

#summer-styles-s24 .o-modal-content {
  max-width: 100%;
  width: 1008px;
  background: #fff; }

#summer-styles-s24 .c-gwp {
  background: #fff;
  border: 8px solid #f8f8f8;
  margin: 0 auto;
  max-height: 100vh;
  max-width: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: center; }
  @media screen and (max-width: 767px) {
    #summer-styles-s24 .c-gwp {
      max-height: 95vh; } }
  @media screen and (min-width: 1000px) {
    #summer-styles-s24 .c-gwp {
      max-width: 1008px; } }
  #summer-styles-s24 .c-gwp .inner-wrapper {
    max-width: 100%;
    padding: 30px 0 0 0;
    text-align: center;
    width: 100%; }
    #summer-styles-s24 .c-gwp .inner-wrapper .text-content {
      padding: 0 20px 20px 20px; }
    #summer-styles-s24 .c-gwp .inner-wrapper h2 {
      font-family: 'Playfair Display';
      font-feature-settings: "lnum";
      font-weight: 700;
      font-size: 48px;
      font-weight: 700;
      line-height: 52px;
      margin: 0 0 10px 0; }
    #summer-styles-s24 .c-gwp .inner-wrapper h3,
    #summer-styles-s24 .c-gwp .inner-wrapper h4 {
      font-family: 'Montserrat';
      font-weight: 700; }
    #summer-styles-s24 .c-gwp .inner-wrapper h3 {
      font-size: 30px;
      line-height: 34px;
      margin: 5px 0 0 0;
      font-weight: 700; }
      #summer-styles-s24 .c-gwp .inner-wrapper h3 span.not-bold {
        font-weight: 400;
        font-size: 20px; }
    #summer-styles-s24 .c-gwp .inner-wrapper h4 {
      font-weight: 400;
      font-size: 20px;
      line-height: 27px;
      margin: 0 0 10px 0; }
    #summer-styles-s24 .c-gwp .inner-wrapper .button-container div {
      display: block; }
    #summer-styles-s24 .c-gwp .inner-wrapper .button-container .btn-black,
    #summer-styles-s24 .c-gwp .inner-wrapper .button-container .btn-underline {
      font-size: 14px; }
      #summer-styles-s24 .c-gwp .inner-wrapper .button-container .btn-black:before,
      #summer-styles-s24 .c-gwp .inner-wrapper .button-container .btn-underline:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%; }
    #summer-styles-s24 .c-gwp .inner-wrapper .button-container .btn-black {
      height: 60px;
      padding: 0 20px; }
    #summer-styles-s24 .c-gwp .inner-wrapper .button-container .btn-underline {
      margin-top: 15px; }
    @media screen and (min-width: 1000px) {
      #summer-styles-s24 .c-gwp .inner-wrapper {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0;
        text-align: left; }
        #summer-styles-s24 .c-gwp .inner-wrapper img {
          height: 468px;
          order: 2;
          width: auto; }
        #summer-styles-s24 .c-gwp .inner-wrapper .text-content {
          order: 1;
          padding: 50px; }
        #summer-styles-s24 .c-gwp .inner-wrapper h2 {
          font-size: 55px;
          line-height: 58px; }
        #summer-styles-s24 .c-gwp .inner-wrapper h3 span.not-bold {
          font-size: 24px; }
        #summer-styles-s24 .c-gwp .inner-wrapper h4 {
          font-size: 24px;
          line-height: 30px;
          margin: 0 0 30px 0; }
        #summer-styles-s24 .c-gwp .inner-wrapper .button-container {
          display: flex;
          flex-wrap: wrap; }
          #summer-styles-s24 .c-gwp .inner-wrapper .button-container div {
            display: inline;
            width: auto; }
          #summer-styles-s24 .c-gwp .inner-wrapper .button-container .btn-underline {
            margin-left: 40px; } }
  #summer-styles-s24 .c-gwp__footer {
    background: #000;
    color: #fff;
    grid-column: 1 / 2;
    grid-row: 3 / 4;
    padding: 20px;
    text-align: center;
    width: 100%; }
    @media screen and (min-width: 1000px) {
      #summer-styles-s24 .c-gwp__footer {
        grid-column: 1 / 3;
        grid-row: 2 / 3;
        order: 3; } }
    #summer-styles-s24 .c-gwp__footer p {
      color: #fff;
      font-family: Montserrat;
      font-size: 14px;
      letter-spacing: 0.3px;
      line-height: 22px;
      margin-bottom: 18px; }
  #summer-styles-s24 .c-gwp__newsletter {
    margin: 0 auto;
    max-width: 515px; }

#summer-styles-s24 .modal-close-btn {
  background: transparent;
  border: 0 none;
  color: #000;
  cursor: pointer;
  font-size: 48px;
  position: absolute;
  right: -5px;
  top: -10px;
  z-index: 3; }
  #summer-styles-s24 .modal-close-btn:focus {
    border: 0 none;
    outline: none; }

#summer-styles-s24 .mailinglist-form__submit {
  background: #fff;
  color: #000;
  border: 1px solid #fff;
  width: 150px; }
  @media screen and (max-width: 767px) {
    #summer-styles-s24 .mailinglist-form__submit {
      width: 130px;
      height: 38px; } }

#summer-styles-s24 .mailinglist-form__fieldset {
  border: 1px solid #fff; }
  #summer-styles-s24 .mailinglist-form__fieldset input {
    color: #fff;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    padding: 8px;
    line-height: 1; }
    #summer-styles-s24 .mailinglist-form__fieldset input::-moz-placeholder {
      color: #fff;
      font-family: Montserrat;
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      opacity: 1; }
    #summer-styles-s24 .mailinglist-form__fieldset input:-moz-placeholder {
      color: #fff;
      font-family: Montserrat;
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      opacity: 1; }
    #summer-styles-s24 .mailinglist-form__fieldset input::-webkit-input-placeholder {
      color: #fff;
      font-family: Montserrat;
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      opacity: 1; }
    #summer-styles-s24 .mailinglist-form__fieldset input:-ms-input-placeholder {
      color: #fff;
      font-family: Montserrat;
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      opacity: 1; }

#f24-sweepstakes img {
  max-width: 100%;
  max-height: 100%;
  width: 100%; }

#f24-sweepstakes .o-modal-content {
  max-width: 100%;
  width: 850px;
  background: rgba(255, 255, 255, 0.8); }

#f24-sweepstakes .c-gwp,
#f24-sweepstakes .c-perk {
  background: #f7f5f3;
  margin: 0 auto;
  max-height: 100vh;
  max-width: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: center; }
  @media screen and (max-width: 767px) {
    #f24-sweepstakes .c-gwp,
    #f24-sweepstakes .c-perk {
      max-height: 90vh; } }
  @media screen and (min-width: 1000px) {
    #f24-sweepstakes .c-gwp,
    #f24-sweepstakes .c-perk {
      max-width: 850px; } }
  #f24-sweepstakes .c-gwp .inner-wrapper,
  #f24-sweepstakes .c-perk .inner-wrapper {
    max-width: 100%;
    text-align: center;
    width: 100%; }
    @media screen and (max-width: 767px) {
      #f24-sweepstakes .c-gwp .inner-wrapper,
      #f24-sweepstakes .c-perk .inner-wrapper {
        position: relative; } }
    #f24-sweepstakes .c-gwp .inner-wrapper .text-content,
    #f24-sweepstakes .c-perk .inner-wrapper .text-content {
      padding: 20px 10px; }
      #f24-sweepstakes .c-gwp .inner-wrapper .text-content .lockup,
      #f24-sweepstakes .c-perk .inner-wrapper .text-content .lockup {
        margin: 0 auto;
        padding: 0 20px 5px 20px; }
        @media screen and (max-width: 999px) {
          #f24-sweepstakes .c-gwp .inner-wrapper .text-content .lockup,
          #f24-sweepstakes .c-perk .inner-wrapper .text-content .lockup {
            padding-bottom: 0;
            margin-bottom: -6px; } }
      #f24-sweepstakes .c-gwp .inner-wrapper .text-content p,
      #f24-sweepstakes .c-perk .inner-wrapper .text-content p {
        color: #524d49;
        font-family: "Montserrat";
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 15px 0;
        letter-spacing: normal; }
        #f24-sweepstakes .c-gwp .inner-wrapper .text-content p strong,
        #f24-sweepstakes .c-perk .inner-wrapper .text-content p strong {
          color: #000;
          font-family: 'Montserrat';
          font-weight: 700;
          display: block;
          letter-spacing: normal; }
          @media screen and (max-width: 999px) {
            #f24-sweepstakes .c-gwp .inner-wrapper .text-content p strong,
            #f24-sweepstakes .c-perk .inner-wrapper .text-content p strong {
              font-size: 18px; } }
    #f24-sweepstakes .c-gwp .inner-wrapper .button-container,
    #f24-sweepstakes .c-perk .inner-wrapper .button-container {
      display: flex;
      flex-flow: column;
      gap: 10px; }
      #f24-sweepstakes .c-gwp .inner-wrapper .button-container div,
      #f24-sweepstakes .c-perk .inner-wrapper .button-container div {
        display: block; }
      #f24-sweepstakes .c-gwp .inner-wrapper .button-container .btn-black,
      #f24-sweepstakes .c-gwp .inner-wrapper .button-container .btn-underline,
      #f24-sweepstakes .c-perk .inner-wrapper .button-container .btn-black,
      #f24-sweepstakes .c-perk .inner-wrapper .button-container .btn-underline {
        font-size: 14px;
        min-width: 250px; }
        #f24-sweepstakes .c-gwp .inner-wrapper .button-container .btn-black:before,
        #f24-sweepstakes .c-gwp .inner-wrapper .button-container .btn-underline:before,
        #f24-sweepstakes .c-perk .inner-wrapper .button-container .btn-black:before,
        #f24-sweepstakes .c-perk .inner-wrapper .button-container .btn-underline:before {
          content: "";
          display: inline-block;
          vertical-align: middle;
          height: 100%; }
      #f24-sweepstakes .c-gwp .inner-wrapper .button-container .btn-black,
      #f24-sweepstakes .c-perk .inner-wrapper .button-container .btn-black {
        height: 60px;
        padding: 0 40px; }
      #f24-sweepstakes .c-gwp .inner-wrapper .button-container .btn-underline,
      #f24-sweepstakes .c-perk .inner-wrapper .button-container .btn-underline {
        border: none !important;
        color: #524d49;
        font-size: 12px;
        margin: 10px 0 0;
        padding: 0 !important;
        text-decoration: underline; }
    @media screen and (min-width: 1000px) {
      #f24-sweepstakes .c-gwp .inner-wrapper,
      #f24-sweepstakes .c-perk .inner-wrapper {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0; }
        #f24-sweepstakes .c-gwp .inner-wrapper img,
        #f24-sweepstakes .c-perk .inner-wrapper img {
          height: auto;
          width: 50%; }
        #f24-sweepstakes .c-gwp .inner-wrapper .text-content,
        #f24-sweepstakes .c-perk .inner-wrapper .text-content {
          padding: 20px 30px;
          width: 50%; }
          #f24-sweepstakes .c-gwp .inner-wrapper .text-content .lockup,
          #f24-sweepstakes .c-perk .inner-wrapper .text-content .lockup {
            padding: 0 10px 25px 10px;
            width: 100%; }
          #f24-sweepstakes .c-gwp .inner-wrapper .text-content p,
          #f24-sweepstakes .c-perk .inner-wrapper .text-content p {
            font-size: 18px;
            margin: 0 0 15px 0; }
        #f24-sweepstakes .c-gwp .inner-wrapper .button-container .btn-underline,
        #f24-sweepstakes .c-perk .inner-wrapper .button-container .btn-underline {
          font-size: 13px;
          margin-top: 15px; } }
  #f24-sweepstakes .c-gwp__footer,
  #f24-sweepstakes .c-perk__footer {
    background: #fff;
    color: #000;
    grid-column: 1 / 2;
    grid-row: 3 / 4;
    padding: 20px 20px 10px 20px;
    text-align: center;
    width: 100%; }
    #f24-sweepstakes .c-gwp__footer p,
    #f24-sweepstakes .c-perk__footer p {
      color: #000;
      font-family: Montserrat;
      font-size: 14px;
      line-height: 18px;
      margin-bottom: 15px; }
    @media screen and (min-width: 1000px) {
      #f24-sweepstakes .c-gwp__footer,
      #f24-sweepstakes .c-perk__footer {
        padding: 20px 40px 10px 40px; } }
  #f24-sweepstakes .c-gwp__newsletter,
  #f24-sweepstakes .c-perk__newsletter {
    margin: 0 auto; }
    @media screen and (min-width: 1000px) {
      #f24-sweepstakes .c-gwp__newsletter,
      #f24-sweepstakes .c-perk__newsletter {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        text-align: left; }
        #f24-sweepstakes .c-gwp__newsletter p,
        #f24-sweepstakes .c-gwp__newsletter mailinglist-inline-form,
        #f24-sweepstakes .c-perk__newsletter p,
        #f24-sweepstakes .c-perk__newsletter mailinglist-inline-form {
          width: calc(50% - 10px); } }

#f24-sweepstakes .c-gwp {
  background: #fcf9f7; }
  @media screen and (min-width: 1000px) {
    #f24-sweepstakes .c-gwp .inner-wrapper img {
      width: 56%; } }
  #f24-sweepstakes .c-gwp .inner-wrapper img.only-desktop-down {
    height: calc(100% * 221 / 314);
    max-height: 221px;
    width: auto; }
  #f24-sweepstakes .c-gwp .inner-wrapper .text-content {
    padding-left: 15px;
    padding-right: 15px; }
    @media screen and (min-width: 1000px) {
      #f24-sweepstakes .c-gwp .inner-wrapper .text-content {
        padding-left: 30px;
        padding-right: 30px;
        width: 44%; } }
    #f24-sweepstakes .c-gwp .inner-wrapper .text-content p {
      margin: 0 0 20px 0; }
      @media screen and (min-width: 1000px) {
        #f24-sweepstakes .c-gwp .inner-wrapper .text-content p {
          margin: 0 0 35px 0; } }
      #f24-sweepstakes .c-gwp .inner-wrapper .text-content p strong {
        color: #ff7891 !important; }
    #f24-sweepstakes .c-gwp .inner-wrapper .text-content .lockup {
      padding: 15px;
      margin-bottom: 0; }
      @media screen and (max-width: 999px) {
        #f24-sweepstakes .c-gwp .inner-wrapper .text-content .lockup {
          max-width: 270px; } }
  #f24-sweepstakes .c-gwp .text-content .btn-black {
    background: #000;
    border-color: #000; }
    #f24-sweepstakes .c-gwp .text-content .btn-black:hover {
      background: #fff;
      border-color: #000; }
  #f24-sweepstakes .c-gwp .text-content p {
    margin-bottom: 20px; }
    #f24-sweepstakes .c-gwp .text-content p:first-of-type {
      margin-bottom: 5px; }
    #f24-sweepstakes .c-gwp .text-content p span {
      text-transform: uppercase; }
    #f24-sweepstakes .c-gwp .text-content p.conditions {
      font-size: 14px; }
  #f24-sweepstakes .c-gwp__footer {
    background: #feeaea; }
  #f24-sweepstakes .c-gwp .modal-close-btn {
    color: #000; }

#f24-sweepstakes .c-perk img.only-desktop-down {
  height: calc(100% * 510 / 748);
  max-height: calc(400px * 510 / 748); }

@media screen and (max-width: 767px) {
  #f24-sweepstakes .c-perk .text-content {
    width: 330px;
    margin: auto; } }

#f24-sweepstakes .c-perk .btn.btn-black {
  width: 280px;
  max-width: 100%; }

#f24-sweepstakes .c-perk .image-content {
  position: relative;
  line-height: 0; }
  #f24-sweepstakes .c-perk .image-content:after {
    content: "";
    position: absolute;
    top: 3%;
    right: 2%;
    left: 2%;
    bottom: 3%;
    border: 1px solid #fff;
    display: block; }

#f24-sweepstakes .c-perk img.lockup.only-desktop-down {
  width: 194px;
  height: 110px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

#f24-sweepstakes .modal-close-btn {
  background: transparent;
  border: 0 none;
  color: #fff;
  cursor: pointer;
  font-size: 48px;
  position: absolute;
  right: 5px;
  top: -10px;
  z-index: 3; }
  #f24-sweepstakes .modal-close-btn:focus {
    border: 0 none;
    outline: none; }
  @media screen and (min-width: 1000px) {
    #f24-sweepstakes .modal-close-btn {
      color: #000; } }

#f24-sweepstakes .mailinglist-form__submit {
  background: #000;
  border: 1px solid #000;
  color: #fff;
  height: 42px;
  width: 150px; }
  @media screen and (max-width: 767px) {
    #f24-sweepstakes .mailinglist-form__submit {
      width: 130px; } }

#f24-sweepstakes .mailinglist-form__fieldset {
  border: none; }
  #f24-sweepstakes .mailinglist-form__fieldset input {
    color: #000 !important;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    height: 40px;
    padding: 8px;
    line-height: 1; }
    #f24-sweepstakes .mailinglist-form__fieldset input::-moz-placeholder {
      color: #000 !important;
      font-family: Montserrat;
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      opacity: 1; }
    #f24-sweepstakes .mailinglist-form__fieldset input:-moz-placeholder {
      color: #000 !important;
      font-family: Montserrat;
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      opacity: 1; }
    #f24-sweepstakes .mailinglist-form__fieldset input::-webkit-input-placeholder {
      color: #000 !important;
      font-family: Montserrat;
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      opacity: 1; }
    #f24-sweepstakes .mailinglist-form__fieldset input:-ms-input-placeholder {
      color: #000 !important;
      font-family: Montserrat;
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      opacity: 1; }

.pecr-gdpr-cookies-promote .modal-content--overide {
  max-width: unset;
  left: 0px;
  transform: unset;
  bottom: 0;
  top: unset; }

.modal-noThanks-btn {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: transparent;
  color: #000;
  cursor: pointer; }

.pecr-gdpr-cookies-promote__wrapper {
  position: relative;
  width: 100vw;
  border-top: 3px solid #000000;
  background-color: white;
  box-shadow: 0 0 23px 0 rgba(0, 0, 0, 0.5); }
  @media screen and (min-width: 768px) {
    .pecr-gdpr-cookies-promote__wrapper {
      overflow: hidden; } }
  .pecr-gdpr-cookies-promote__wrapper .modal-close-btn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    background: transparent;
    border: 0 none;
    font-size: 38px;
    color: #fff;
    cursor: pointer; }
    .pecr-gdpr-cookies-promote__wrapper .modal-close-btn:focus {
      border: 0 none;
      outline: none; }
    @media screen and (min-width: 768px) {
      .pecr-gdpr-cookies-promote__wrapper .modal-close-btn {
        top: 3px;
        right: 6px; } }

.pecr-gdpr-cookies-promote__content {
  text-align: center;
  padding: 20px;
  position: relative;
  z-index: 2;
  display: flex;
  max-width: 1080px;
  margin: 0 auto;
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 999px) {
    .pecr-gdpr-cookies-promote__content {
      flex-direction: column; } }
  @media screen and (min-width: 1000px) {
    .pecr-gdpr-cookies-promote__content {
      padding: 20px; } }
  .pecr-gdpr-cookies-promote__content--left {
    display: flex;
    flex-direction: column;
    text-align: left; }
  .pecr-gdpr-cookies-promote__content--right {
    min-width: 240px; }
    @media screen and (max-width: 999px) {
      .pecr-gdpr-cookies-promote__content--right {
        min-width: 100%; } }

.pecr-gdpr-cookies-promote__title {
  color: #000000;
  font-family: 'Montserrat';
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1.35px;
  line-height: 18px;
  text-transform: uppercase;
  margin-bottom: 10px; }
  @media screen and (max-width: 767px) {
    .pecr-gdpr-cookies-promote__title {
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 1.35px;
      line-height: 18px; } }

.pecr-gdpr-cookies-promote__message {
  color: #000000;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.31px;
  line-height: 18px; }
  @media screen and (max-width: 999px) {
    .pecr-gdpr-cookies-promote__message {
      margin-bottom: 15px; } }
  @media screen and (min-width: 1000px) {
    .pecr-gdpr-cookies-promote__message {
      margin-right: 25px; } }

.pecr-gdpr-cookies-promote__close {
  min-width: 240px; }
  @media screen and (max-width: 999px) {
    .pecr-gdpr-cookies-promote__close {
      min-width: 100%; } }

.o-modal--for-pecr-gdpr-cookies-promote .o-modal-content {
  max-width: unset;
  left: 0px;
  transform: unset;
  bottom: 0;
  top: unset;
  z-index: 10000; }

.o-modal--create-cultivate {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .o-modal--create-cultivate {
      max-width: 840px; } }
  .o-modal--create-cultivate .o-modal-knockout--create-cultivate {
    display: none; }
    @media screen and (min-width: 768px) {
      .o-modal--create-cultivate .o-modal-knockout--create-cultivate {
        display: block; } }
  .o-modal--create-cultivate .o-modal-content--create-cultivate {
    width: 100%;
    transform: translateX(0%) translateY(0%);
    top: inherit;
    bottom: 0;
    left: 0;
    border: 0 solid transparent; }
    @media screen and (min-width: 768px) {
      .o-modal--create-cultivate .o-modal-content--create-cultivate {
        width: 840px;
        height: 480px;
        transform: translateX(-50%) translateY(-50%);
        top: 50%;
        left: 50%; } }
  .o-modal--create-cultivate .modal-close--create-cultivate {
    position: absolute;
    top: -50px;
    right: -50px;
    color: white;
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center; }
    .o-modal--create-cultivate .modal-close--create-cultivate span {
      font-size: 72px;
      line-height: 25px;
      display: inline-block;
      margin-right: -5px;
      color: rgba(0, 0, 0, 0.8);
      padding: 10px 0;
      transform: rotate(45deg); }
  .o-modal--create-cultivate .modal-close--create-cultivate-mobile {
    display: block;
    position: relative;
    top: -20px;
    right: -50px; }
    .o-modal--create-cultivate .modal-close--create-cultivate-mobile span {
      font-size: 52px;
      color: rgba(0, 0, 0, 0.8); }
    @media screen and (min-width: 768px) {
      .o-modal--create-cultivate .modal-close--create-cultivate-mobile {
        display: none; } }
  .o-modal--create-cultivate .modal-close--create-cultivate-desktop {
    display: none; }
    @media screen and (min-width: 768px) {
      .o-modal--create-cultivate .modal-close--create-cultivate-desktop {
        display: block; } }
  .o-modal--create-cultivate .c-create-cultivate__wrapper {
    height: 100%;
    overflow: hidden; }
    @media screen and (min-width: 768px) {
      .o-modal--create-cultivate .c-create-cultivate__wrapper {
        height: initial;
        width: 800px; } }
  .o-modal--create-cultivate .c-create-cultivate__mobile-bar {
    height: 10px;
    width: 100%;
    background-color: #ff99a8; }
    @media screen and (min-width: 768px) {
      .o-modal--create-cultivate .c-create-cultivate__mobile-bar {
        display: none; } }
  .o-modal--create-cultivate .c-create-cultivate__background-image {
    background-image: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top right;
    z-index: 1; }
    @media screen and (min-width: 768px) {
      .o-modal--create-cultivate .c-create-cultivate__background-image {
        background-image: url("https://media-fall.cabionline.com/wp-content/uploads/2018/01/create-cultivate-modal-bg.jpg"); } }
  .o-modal--create-cultivate .c-create-cultivate__content {
    position: relative;
    top: 50%;
    left: 0;
    transform: translateY(0);
    width: 100%;
    z-index: 2;
    padding: 1em 1em;
    display: flex;
    align-items: center; }
    @media screen and (min-width: 768px) {
      .o-modal--create-cultivate .c-create-cultivate__content {
        position: absolute;
        transform: translateY(-50%);
        left: calc(3% + 1rem);
        width: calc(60% - 2rem);
        padding: 0;
        display: block; } }
  .o-modal--create-cultivate .c-create-cultivate__welcome-wrapper {
    display: flex;
    align-items: center;
    color: #fff; }
    .o-modal--create-cultivate .c-create-cultivate__welcome-wrapper--desktop {
      display: none; }
      @media screen and (min-width: 768px) {
        .o-modal--create-cultivate .c-create-cultivate__welcome-wrapper--desktop {
          justify-content: center;
          display: flex;
          margin-bottom: 2em; } }
    .o-modal--create-cultivate .c-create-cultivate__welcome-wrapper--mobile {
      display: flex;
      flex-wrap: wrap;
      margin-right: 1em; }
      @media screen and (min-width: 768px) {
        .o-modal--create-cultivate .c-create-cultivate__welcome-wrapper--mobile {
          display: none; } }
  .o-modal--create-cultivate .c-create-cultivate__welcome-message {
    font-family: 'Montserrat';
    font-size: 1.10em;
    padding: 0 1em;
    font-weight: 800; }
    .o-modal--create-cultivate .c-create-cultivate__welcome-message--black {
      font-weight: 800;
      line-height: 1.3em;
      color: #000; }
    @media screen and (min-width: 768px) {
      .o-modal--create-cultivate .c-create-cultivate__welcome-message {
        font-size: .85em; } }
  .o-modal--create-cultivate .c-create-cultivate__svg {
    width: 80px; }
    @media screen and (min-width: 768px) {
      .o-modal--create-cultivate .c-create-cultivate__svg {
        width: 150px; } }
  .o-modal--create-cultivate .c-create-cultivate__title {
    display: none; }
    @media screen and (min-width: 768px) {
      .o-modal--create-cultivate .c-create-cultivate__title {
        display: block;
        font-size: 1.6em;
        color: #fff;
        text-align: center;
        padding: 0 2em;
        margin-bottom: 1em;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: italic;
        font-weight: 800; } }
  .o-modal--create-cultivate .c-create-cultivate__message {
    font-size: 1em;
    font-weight: 600;
    color: #fff; }
    .o-modal--create-cultivate .c-create-cultivate__message span {
      font-weight: 800;
      font-style: italic; }
    .o-modal--create-cultivate .c-create-cultivate__message--black {
      color: #000; }
    .o-modal--create-cultivate .c-create-cultivate__message--desktop {
      display: none; }
      @media screen and (min-width: 768px) {
        .o-modal--create-cultivate .c-create-cultivate__message--desktop {
          padding: 0 2em;
          text-align: center;
          display: block; } }
    .o-modal--create-cultivate .c-create-cultivate__message--mobile {
      display: block;
      padding: 0;
      text-align: left;
      margin-top: 1em; }
      @media screen and (min-width: 768px) {
        .o-modal--create-cultivate .c-create-cultivate__message--mobile {
          display: none; } }
  .o-modal--create-cultivate .c-create-cultivate__btn-wrapper {
    justify-content: center;
    flex-wrap: wrap; }
    .o-modal--create-cultivate .c-create-cultivate__btn-wrapper--desktop {
      display: none; }
      @media screen and (min-width: 768px) {
        .o-modal--create-cultivate .c-create-cultivate__btn-wrapper--desktop {
          display: flex; } }
    .o-modal--create-cultivate .c-create-cultivate__btn-wrapper--mobile {
      display: flex; }
      @media screen and (min-width: 768px) {
        .o-modal--create-cultivate .c-create-cultivate__btn-wrapper--mobile {
          display: none; } }
    @media screen and (min-width: 768px) {
      .o-modal--create-cultivate .c-create-cultivate__btn-wrapper {
        flex-wrap: nowrap;
        padding: 0 1.5em;
        margin-top: 3em; } }
  .o-modal--create-cultivate .c-create-cultivate__button {
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.15em;
    font-size: .8em;
    font-weight: 800;
    width: 100%; }
    .o-modal--create-cultivate .c-create-cultivate__button.btn.btn-white {
      color: black;
      padding: 0 2em;
      border: 0px solid transparent; }
      .o-modal--create-cultivate .c-create-cultivate__button.btn.btn-white:first-child {
        margin-right: 1em; }
      .o-modal--create-cultivate .c-create-cultivate__button.btn.btn-white:hover {
        background-color: #000;
        color: #fff;
        border: 0px solid transparent; }
      @media screen and (min-width: 768px) {
        .o-modal--create-cultivate .c-create-cultivate__button.btn.btn-white {
          width: 185px;
          padding: 0 3em; } }
    .o-modal--create-cultivate .c-create-cultivate__button.btn.btn-black {
      padding: 0 2em;
      margin-bottom: .75em; }

.c-cc-registration {
  background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f18/create-cultivate-registration/cc-registration-bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
  position: absolute;
  width: 100%;
  min-height: 100vh;
  padding-bottom: 30px; }
  .c-cc-registration .c-cc-registration__header {
    height: 150px;
    align-items: center;
    display: flex;
    flex-flow: row;
    padding: 0 3em; }
  .c-cc-registration .c-cc-registration__line-wrapper {
    flex: 1; }
  .c-cc-registration .c-cc-registration__line {
    height: 1px;
    background: #4c5e73; }
  .c-cc-registration .c-cc-registration__logo {
    width: 70px;
    margin: 0 3em; }
  .c-cc-registration .c-cc-registration__form {
    width: 360px;
    margin: 1em 0 0 3em; }
    .c-cc-registration .c-cc-registration__form .nf-field-container {
      margin-bottom: 1em; }
    .c-cc-registration .c-cc-registration__form .field-wrap {
      border: #fff solid 3px; }
    .c-cc-registration .c-cc-registration__form .field-wrap.nf-error {
      border: #ff0053 solid 3px; }
    .c-cc-registration .c-cc-registration__form .list-checkbox-wrap {
      font-size: 1.25em;
      margin-top: 1.5em; }
      .c-cc-registration .c-cc-registration__form .list-checkbox-wrap .nf-field-label label {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: italic; }
      .c-cc-registration .c-cc-registration__form .list-checkbox-wrap label {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        color: #fff; }
      .c-cc-registration .c-cc-registration__form .list-checkbox-wrap .nf-field-element {
        margin-top: 1.5em; }
    .c-cc-registration .c-cc-registration__form .label-above:not(.list-container) .nf-field-label {
      margin: .5em 0 0 .5em; }
    .c-cc-registration .c-cc-registration__form .nf-field-label {
      margin-bottom: 0; }
      .c-cc-registration .c-cc-registration__form .nf-field-label label {
        color: #fff; }
    .c-cc-registration .c-cc-registration__form .field-wrap:not(.list-checkbox-wrap) label {
      font-weight: 600 !important;
      font-family: 'Montserrat';
      text-transform: uppercase; }
    .c-cc-registration .c-cc-registration__form .ninja-forms-field:not(select) {
      background-color: transparent;
      border: transparent;
      color: #fff;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 1.25em; }
    .c-cc-registration .c-cc-registration__form select.ninja-forms-field {
      padding: 6px;
      font-size: 1.25em; }
    .c-cc-registration .c-cc-registration__form .submit-wrap .nf-element {
      font-family: 'Montserrat';
      text-transform: uppercase;
      background-color: #fff;
      color: #000;
      border-color: #fff;
      cursor: pointer;
      padding: 1em 2em;
      font-size: 1em;
      font-weight: 600;
      border-radius: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
  .c-cc-registration .c-cc-registration__title {
    color: #fff;
    font-family: JustLovely;
    font-weight: normal;
    font-style: normal;
    font-size: 4.25em;
    line-height: 1.25em;
    margin-bottom: .25em; }
  .c-cc-registration .list-checkbox-wrap .nf-field-element li:not(:last-child) {
    margin-bottom: 1em !important; }
  .c-cc-registration .list-checkbox-wrap input[type=checkbox] {
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
    height: 1em; }
  .c-cc-registration .list-checkbox-wrap input[type=checkbox] + label {
    display: flex;
    align-items: center;
    margin-left: 2.75em !important;
    line-height: 1.5em; }
  .c-cc-registration .list-checkbox-wrap input[type=checkbox] + label:before {
    font-family: FontAwesome;
    content: "\f00c";
    display: inline-block;
    border: #fff solid 2px;
    position: absolute;
    left: 0;
    width: 1.75em;
    display: flex;
    justify-content: center;
    color: transparent; }
  .c-cc-registration .list-checkbox-wrap input[type=checkbox]:checked + label:before {
    color: #fff; }
  .c-cc-registration .list-checkbox-wrap.nf-error .nf-field-element input[type=checkbox] + label:before {
    border: #ff0053 solid 2px; }
  .c-cc-registration .nf-form-fields-required {
    color: #fff;
    margin-bottom: .35em;
    font-weight: 600; }
  .c-cc-registration .nf-before-form-content {
    display: none; }
  .c-cc-registration .nf-after-form-content {
    display: none; }
  .c-cc-registration .ninja-forms-req-symbol {
    display: none; }
  .c-cc-registration .nf-error-msg {
    color: #ff0053;
    font-size: 1.15em;
    font-weight: 600; }
    .c-cc-registration .nf-error-msg:before {
      font-family: FontAwesome;
      content: "\f071";
      margin-right: .5em; }
  .c-cc-registration .nf-response-msg {
    display: flex;
    flex-flow: column; }
    .c-cc-registration .nf-response-msg h1 {
      color: #fff;
      font-family: JustLovely;
      font-weight: normal;
      font-style: normal;
      font-size: 8.25em;
      line-height: 1.25em;
      margin: .25em 0 0 0;
      text-align: center; }
    .c-cc-registration .nf-response-msg p {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: italic;
      color: #fff;
      text-align: center;
      font-size: 1.35em;
      line-height: 1.75em;
      font-weight: 600; }
  .c-cc-registration .c-cc-registration__success {
    max-width: 108px;
    margin: 0 auto;
    margin-top: 15em; }
    .c-cc-registration .c-cc-registration__success img {
      width: 100%; }

.blog__popular {
  padding: 30px;
  border-top: 10px solid #ff99a8;
  border-bottom: 1px solid #cccccc;
  text-align: center; }
  @media screen and (min-width: 1000px) {
    .blog__popular {
      padding: 60px 40px 80px; } }
  @media screen and (min-width: 768px) {
    .blog__popular {
      border-left: 1px solid #cccccc;
      border-right: 1px solid #cccccc; } }

.blog__popular__title {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-weight: 700;
  letter-spacing: -1px;
  font-size: 3.75em;
  line-height: 1em;
  margin-bottom: 30px; }
  @media screen and (min-width: 1000px) {
    .blog__popular__title {
      margin-bottom: 60px; } }

.popular-posts__list {
  padding: 0;
  margin: 0; }
  .popular-posts__list li {
    list-style: none;
    padding: 0;
    margin: 0; }

.popular-post-list-item {
  font-size: 1.2em; }
  .popular-post-list-item:not(:last-child) {
    margin-bottom: 20px; }
    @media screen and (min-width: 1000px) {
      .popular-post-list-item:not(:last-child) {
        margin-bottom: 50px; } }
  .popular-post-list-item a {
    font-weight: 600;
    text-decoration: none; }
    @media screen and (min-width: 768px) {
      .popular-post-list-item a:hover {
        text-decoration: underline; } }

[data-component='discover-host-ctas'] {
  background: #f0f0f0;
  margin-top: 75px; }
  [data-component='discover-host-ctas']::after {
    clear: both;
    content: "";
    display: table; }
  [data-component='discover-host-ctas'] .container div {
    padding: 35px 0;
    border-bottom: 1px solid #f0f0f0; }
    [data-component='discover-host-ctas'] .container div .h2 {
      font-size: 2em; }
  @media screen and (min-width: 1000px) {
    [data-component='discover-host-ctas'] {
      padding: 35px 0; }
      [data-component='discover-host-ctas'] .container div {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
        padding-right: 9%; }
        [data-component='discover-host-ctas'] .container div:last-child {
          margin-right: 0; } }

.dropdown-list {
  display: inline-block;
  position: relative; }
  .dropdown-list a[data-selected-item] {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 600;
    font-style: normal;
    background-color: #f0f0f0;
    line-height: 1.25em;
    text-decoration: none;
    padding: 1em;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .dropdown-list a[data-selected-item]:before {
      font-family: FontAwesome;
      content: "";
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      text-decoration: inherit;
      line-height: 1;
      float: right;
      margin-left: 24px;
      position: absolute;
      right: 1em; }
    @media screen and (min-width: 768px) {
      .dropdown-list a[data-selected-item]:hover {
        background-color: #e8e8e8; } }
  .dropdown-list ul {
    padding: 0;
    margin: 0;
    background: #eeefef;
    display: block;
    width: 100%;
    position: absolute;
    z-index: 99; }
    .dropdown-list ul li {
      list-style: none;
      padding: 0;
      margin: 0; }
    .dropdown-list ul li {
      border-top: 1px solid #fff; }
      .dropdown-list ul li a {
        padding: 1em;
        text-decoration: none;
        display: block; }
        @media screen and (min-width: 768px) {
          .dropdown-list ul li a:hover {
            background-color: #e8e8e8; } }

.dropdown {
  line-height: 1.5em; }
  .dropdown .dropdown-container {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 80%; }
  .dropdown .dropdown-button {
    background: #000;
    border: 1px solid #000;
    cursor: pointer;
    float: right;
    font-size: 1.2em;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 800;
    font-style: normal;
    line-height: 40px;
    margin: 0;
    text-transform: uppercase;
    color: #fff;
    padding: 0 2.5em 0 0.5em;
    position: relative;
    width: 100%; }
    @media screen and (min-width: 53.75em) {
      .dropdown .dropdown-button {
        font-size: 1em;
        padding: 0 2.5em 0 0.5em; } }
  .dropdown .dropdown-button:hover {
    background-color: black; }
  .dropdown .dropdown-button:after {
    color: #fff;
    content: "\25BE";
    display: block;
    position: absolute;
    right: 1em;
    top: 0; }
  .dropdown .dropdown-menu {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #000;
    border-radius: 3px;
    border: 1px solid #000;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    color: #333;
    cursor: pointer;
    display: none;
    margin: 0;
    overflow: show;
    padding: 0;
    position: absolute;
    right: 0;
    top: 40px;
    width: 100%;
    z-index: 2; }
  .dropdown .dropdown-menu li {
    border-bottom: 1px solid silver;
    color: #333;
    list-style: none;
    padding: 0.5em;
    display: block; }
  .dropdown .dropdown-menu li:hover {
    background: black; }
  .dropdown .dropdown-menu li:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .dropdown .dropdown-menu li:last-child {
    border: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
  .dropdown .show-menu {
    display: block; }

[data-component-event-table] {
  padding-top: 60px; }
  [data-component-event-table] .h2 {
    text-align: center;
    font-size: 34px;
    margin-bottom: 60px;
    letter-spacing: 0.06em;
    line-height: 1.4em;
    color: #6d6d6d; }
    [data-component-event-table] .h2 span {
      color: #000; }
  [data-component-event-table] .table {
    font-size: 16px;
    color: #262223;
    padding-bottom: 25px;
    border-bottom: 1px solid #c1c7ca;
    position: relative;
    margin-bottom: 100px; }
    [data-component-event-table] .table .tbody .row {
      height: 70px;
      margin-bottom: 10px; }
      [data-component-event-table] .table .tbody .row .col {
        height: 100%; }
        [data-component-event-table] .table .tbody .row .col p {
          -webkit-transform: none;
          -moz-transform: none;
          -ms-transform: none;
          -o-transform: none;
          transform: none; }
    [data-component-event-table] .table .row {
      clear: both;
      width: 100%; }
      [data-component-event-table] .table .row.row-header {
        border-bottom: 1px solid #c1c7ca;
        text-transform: uppercase;
        margin-bottom: 30px;
        height: 35px; }
      [data-component-event-table] .table .row .col {
        float: left;
        display: flex;
        align-items: center; }
        [data-component-event-table] .table .row .col p {
          letter-spacing: 0.006em;
          line-height: 1em; }
        [data-component-event-table] .table .row .col.col-date {
          width: 140px;
          text-align: center; }
        [data-component-event-table] .table .row .col:nth-child(2) {
          width: 25%;
          padding-left: 1.6%; }
        [data-component-event-table] .table .row .col:nth-child(3) {
          width: 30%;
          padding-left: 2.6%; }
        [data-component-event-table] .table .row .col .date {
          margin: 0 auto;
          width: 80px;
          height: 70px;
          background: #000;
          line-height: 70px;
          text-align: center;
          -webkit-transform: none;
          -moz-transform: none;
          -ms-transform: none;
          -o-transform: none;
          transform: none; }
          [data-component-event-table] .table .row .col .date span {
            color: #fff;
            display: block;
            letter-spacing: 0.006em;
            font-size: 16px; }
        [data-component-event-table] .table .row .col.col-btn {
          padding-left: 1.7%; }
          [data-component-event-table] .table .row .col.col-btn a {
            text-decoration: none;
            text-transform: uppercase;
            font-size: 14px;
            color: #000;
            width: 250px;
            display: block;
            padding: 15px;
            letter-spacing: 0.09em;
            line-height: 1.3;
            margin: 0 auto;
            text-align: center;
            background: white;
            border: none;
            font-weight: bold;
            font-style: normal; }
            [data-component-event-table] .table .row .col.col-btn a:hover {
              background: #000;
              color: #fff;
              border-color: #fff; }
  [data-component-event-table] .btn-square {
    position: absolute;
    left: 50%;
    margin-left: -60px;
    margin-top: 25px; }
  [data-component-event-table] .header {
    color: #ff99a8;
    font-size: 2em;
    clear: both;
    padding-bottom: 60px;
    text-align: center; }
    [data-component-event-table] .header span {
      color: #000;
      font-style: italic; }
    [data-component-event-table] .header span.com-gathering {
      display: block;
      margin-top: 8px;
      line-height: 1.25em; }
      @media screen and (min-width: 768px) {
        [data-component-event-table] .header span.com-gathering {
          display: inline-block;
          margin-top: 0px; } }
  [data-component-event-table] .no-events-found {
    text-align: center;
    font-size: 1.5em;
    padding-top: 1em;
    line-height: 1.25em; }

.links-wrapper {
  text-align: center;
  padding-top: 175px; }
  .links-wrapper .h3 {
    font-size: 34px;
    line-height: 1em;
    color: #000;
    letter-spacing: 0.06em; }
    .links-wrapper .h3 br {
      display: none; }
  .links-wrapper a {
    text-transform: uppercase;
    font-size: 12px; }
    .links-wrapper a:hover {
      text-decoration: none; }

@media screen and (max-width: 999px) {
  [data-component-event-table] .table .row .col.col-date {
    width: 100px; }
  [data-component-event-table] .table .row .col:nth-child(2) {
    width: 22%; }
  [data-component-event-table] .table .row .col:nth-child(3) {
    width: 25%; }
  .events .container-wide {
    max-width: 720px; }
  .wrap-events {
    max-height: 400px; } }

@media (max-width: 768px) {
  [data-component-event-table] {
    padding-top: 40px; }
    [data-component-event-table] .table {
      font-size: 14px;
      padding-bottom: 120px; }
      [data-component-event-table] .table .tbody {
        padding: 0 10px; }
        [data-component-event-table] .table .tbody .row {
          height: 65px;
          margin: 0; }
      [data-component-event-table] .table .row.row-header {
        font-size: 12px;
        height: 25px;
        margin-bottom: 10px;
        padding: 0 10px; }
      [data-component-event-table] .table .row .col:nth-child(2) {
        width: 41%;
        padding-left: 3%; }
      [data-component-event-table] .table .row .col:nth-child(3) {
        width: 41%;
        padding-left: 2.6%; }
      [data-component-event-table] .table .row .col .date {
        width: 50px;
        height: 45px;
        line-height: 42px;
        margin: 0; }
        [data-component-event-table] .table .row .col .date span {
          font-size: 12px; }
      [data-component-event-table] .table .row .col.col-date {
        text-align: left;
        width: 50px; }
      [data-component-event-table] .table .row .col.col-btn {
        padding-left: 0;
        width: 100%;
        margin: 10px 0 20px;
        height: auto; }
        [data-component-event-table] .table .row .col.col-btn a {
          width: 100%;
          font-size: 12px; }
    [data-component-event-table] .h3 {
      font-size: 28px;
      margin-bottom: 30px; }
      [data-component-event-table] .h3 span {
        display: block; }
    [data-component-event-table] .btn-square {
      height: 75px;
      width: 75px;
      margin-left: -43px; }
  .links-wrapper {
    padding: 105px 0 35px;
    width: 90%;
    margin: 0 auto; }
    .links-wrapper .h3 {
      font-size: 28px;
      margin-bottom: 10px; }
      .links-wrapper .h3 br {
        display: block; } }

.exchange-and-return-form,
.no-result {
  width: 100%;
  max-width: 500px;
  top: 20px;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  padding: 0;
  margin-bottom: 40px;
  text-align: center; }
  .exchange-and-return-form .btn-try-again,
  .no-result .btn-try-again {
    padding: 0 70px !important; }
  .exchange-and-return-form .custom-input,
  .no-result .custom-input {
    margin-bottom: 25px; }
  .exchange-and-return-form .custom-dropdown,
  .no-result .custom-dropdown {
    width: 100%;
    margin-bottom: 20px; }
    .exchange-and-return-form .custom-dropdown .dropdown-toggle,
    .no-result .custom-dropdown .dropdown-toggle {
      width: 100%;
      text-align: left;
      padding-left: 5px; }
  .exchange-and-return-form .link-cancel,
  .no-result .link-cancel {
    display: inline-block;
    margin-top: 20px; }
  @media (min-width: 700px) {
    .exchange-and-return-form .subtitle-row,
    .no-result .subtitle-row {
      width: 130%;
      margin-left: -15%; } }

.any-result {
  width: 100%;
  top: 20px;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  padding: 0;
  margin-bottom: 40px;
  text-align: center; }
  .any-result .subtitle {
    width: 700px;
    margin: auto;
    padding-top: 10px;
    text-align: center; }
    @media screen and (max-width: 700px) {
      .any-result .subtitle {
        width: 100%; } }
  .any-result .btn-try-again {
    padding: 0 70px !important; }
  .any-result .table-wrapper {
    overflow-x: auto;
    overflow-y: hidden; }
  .any-result table {
    text-align: left;
    margin: 0 auto;
    width: 800px;
    margin-bottom: 30px; }
    .any-result table thead {
      background-color: black;
      color: white; }
    .any-result table th {
      padding: 10px;
      text-transform: uppercase; }
    .any-result table tbody {
      background-color: whitesmoke; }
      .any-result table tbody td {
        padding: 12px; }
  @media screen and (max-width: 800px) {
    .any-result .table-wrapper table th:first-child {
      position: sticky;
      position: -webkit-sticky;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 130px;
      color: white;
      background-color: black; }
    .any-result .table-wrapper table td:first-child {
      position: sticky;
      position: -webkit-sticky;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 130px;
      background-color: whitesmoke; } }
  .any-result .stylist-info-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap; }
  .any-result .stylist-info {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 320px;
    padding: 0 20px;
    white-space: nowrap; }
    .any-result .stylist-info .profile-photo {
      margin: auto;
      width: 165px;
      height: 165px;
      border-radius: 50%;
      margin-bottom: 10px;
      background: #646464;
      background-clip: padding-box;
      border: 4px solid transparent; }
    .any-result .stylist-info img {
      right: 4px;
      bottom: 4px;
      width: 165px;
      height: 165px;
      position: relative;
      border-radius: 50%;
      margin-bottom: 10px;
      border: 4px solid transparent; }
    .any-result .stylist-info p {
      line-height: 20px;
      text-transform: uppercase;
      text-align: center;
      white-space: normal;
      font-family: 'Montserrat'; }
    .any-result .stylist-info .selected-stylist {
      border: 4px solid #f899a8; }
    .any-result .stylist-info .spinner-wrapper {
      background: transparent;
      position: relative; }
      .any-result .stylist-info .spinner-wrapper .spinner {
        display: inline-block;
        width: 80px;
        height: 80px;
        right: 30px;
        top: 50%;
        margin-top: -40px;
        border: 3px solid #b0b0b0;
        border-radius: 50%;
        border-top: 3px solid #646464;
        position: absolute;
        animation: spin 1s linear infinite; }
  .any-result .contacts {
    margin-top: 40px;
    white-space: normal; }
    .any-result .contacts div:first-child {
      float: left;
      margin-left: 10px; }
    .any-result .contacts div:nth-child(2) {
      float: right;
      margin-right: 10px; }
    .any-result .contacts div {
      display: inline-block; }
    .any-result .contacts div > i {
      display: inline;
      padding: 0 10px; }
    .any-result .contacts div > a {
      text-decoration: none; }

.block-faqs {
  background: #f8f5f2; }
  .block-faqs .h1 {
    text-align: center;
    margin-bottom: 35px;
    font-size: 72px;
    color: #000; }
  @media screen and (min-width: 768px) {
    .block-faqs .panel-group {
      width: 50%;
      float: left; } }
  .block-faqs .panel-group .panel {
    width: 99.7%;
    margin-bottom: 2px;
    background: #fff;
    font-size: 14px;
    letter-spacing: 0.2px; }
  .block-faqs .panel-group .panel-heading {
    position: relative;
    cursor: pointer;
    padding: 26px 70px 24px 20px;
    color: #0f0d17;
    text-decoration: none; }
    .block-faqs .panel-group .panel-heading .more-text {
      position: absolute;
      top: 50%;
      right: 30px;
      margin-top: -9px;
      display: block;
      color: #000;
      font-size: 26px;
      font-style: normal;
      width: 14px;
      height: 14px; }
  .block-faqs .panel-group .panel-body {
    padding: 0 31px 26px;
    display: none; }

/* Attached e-commerce global styling */
.find-my-stylist-gateway .row {
  text-align: center; }

.find-my-stylist-gateway .error {
  margin-top: 10px;
  margin-bottom: 30px; }

.find-my-stylist-gateway .warning-message {
  color: #D32A40;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  margin: 0 auto;
  text-align: left;
  max-width: 450px;
  padding-bottom: 15px; }
  .find-my-stylist-gateway .warning-message i {
    padding-right: 10px;
    padding-top: 5px;
    font-size: 16px; }
  .find-my-stylist-gateway .warning-message:after {
    content: '';
    display: table;
    clear: both; }

.find-my-stylist-gateway .stylist-finder-card {
  background: white;
  text-align: center;
  padding: 45px 52px 45px 52px;
  display: inline-block;
  margin-bottom: 10px;
  max-width: 650px;
  width: 100%; }
  .find-my-stylist-gateway .stylist-finder-card .ae-btn {
    margin: 10px 0 0 0 !important; }
  .find-my-stylist-gateway .stylist-finder-card .form-field {
    max-width: 450px;
    margin: 0 auto; }
  @media (max-width: 500px) {
    .find-my-stylist-gateway .stylist-finder-card {
      padding: 30px 0; }
      .find-my-stylist-gateway .stylist-finder-card .form-field {
        padding: 0 10px; }
      .find-my-stylist-gateway .stylist-finder-card .wide {
        padding: 0; } }
  .find-my-stylist-gateway .stylist-finder-card .card-title {
    text-transform: uppercase;
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px; }
    .find-my-stylist-gateway .stylist-finder-card .card-title span {
      text-transform: initial; }
  .find-my-stylist-gateway .stylist-finder-card .card-description {
    font-size: 20px;
    font-style: italic;
    margin-bottom: 20px; }

.find-my-stylist-gateway .link-cancel {
  display: inline-block;
  margin-top: 20px; }

.find-my-stylist-gateway .custom-input {
  margin-bottom: 25px; }

.find-my-stylist-gateway .stylist-or-hostess {
  margin: 25px auto;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 400px; }
  .find-my-stylist-gateway .stylist-or-hostess .custom-checkbox {
    margin: 0 2%; }
  .find-my-stylist-gateway .stylist-or-hostess .custom-checkbox input:checked + label {
    color: #000; }
    .find-my-stylist-gateway .stylist-or-hostess .custom-checkbox input:checked + label:before {
      background-color: #000; }
    .find-my-stylist-gateway .stylist-or-hostess .custom-checkbox input:checked + label:after {
      background-color: #000; }
  .find-my-stylist-gateway .stylist-or-hostess .custom-checkbox input + label {
    padding-left: 30px; }
    .find-my-stylist-gateway .stylist-or-hostess .custom-checkbox input + label:before {
      height: 22px;
      width: 22px; }
    .find-my-stylist-gateway .stylist-or-hostess .custom-checkbox input + label:after {
      left: 5px;
      height: 12px;
      width: 12px; }

.find-my-stylist-gateway .custom-dropdown {
  width: 100%;
  margin-bottom: 20px; }
  .find-my-stylist-gateway .custom-dropdown .dropdown-toggle {
    width: 100%;
    text-align: left;
    padding-left: 5px; }

.find-my-stylist-gateway .communication-preferences {
  display: inline-block;
  text-align: center;
  width: 100%;
  height: 100%;
  background: white;
  padding: 20px 0;
  margin-bottom: 20px; }
  .find-my-stylist-gateway .communication-preferences .preference {
    display: inline-block;
    color: #646464;
    height: 100%;
    width: 24%;
    margin: 10px 0 20px 0;
    text-align: center; }
    .find-my-stylist-gateway .communication-preferences .preference .preference-name {
      text-transform: uppercase;
      font-weight: bold;
      font-size: 12px;
      padding: 0; }
      .find-my-stylist-gateway .communication-preferences .preference .preference-name:before, .find-my-stylist-gateway .communication-preferences .preference .preference-name:after {
        top: 165% !important; }
      .find-my-stylist-gateway .communication-preferences .preference .preference-name:before {
        left: calc(50% - 10px) !important; }
      .find-my-stylist-gateway .communication-preferences .preference .preference-name:after {
        left: calc(50% - 6px) !important; }
      @media screen and (max-width: 400px) {
        .find-my-stylist-gateway .communication-preferences .preference .preference-name {
          font-size: 10px; } }
  .find-my-stylist-gateway .communication-preferences .custom-checkbox {
    vertical-align: bottom; }
    .find-my-stylist-gateway .communication-preferences .custom-checkbox label {
      text-align: center; }

.select-stylist .error,
.confirm-stylist .error,
.no-stylist .error,
.meet-stylist .error {
  margin-top: 30px;
  margin-bottom: 0px; }

.select-stylist .btn-try-again,
.confirm-stylist .btn-try-again,
.no-stylist .btn-try-again,
.meet-stylist .btn-try-again {
  padding: 0 65px !important; }

.select-stylist .subtitle,
.confirm-stylist .subtitle,
.no-stylist .subtitle,
.meet-stylist .subtitle {
  width: 700px;
  margin: auto;
  padding-top: 10px;
  text-align: center; }
  @media screen and (max-width: 700px) {
    .select-stylist .subtitle,
    .confirm-stylist .subtitle,
    .no-stylist .subtitle,
    .meet-stylist .subtitle {
      width: 100%; } }

.select-stylist .loading,
.confirm-stylist .loading,
.no-stylist .loading,
.meet-stylist .loading {
  font-size: 18px;
  margin-left: -35px;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: normal; }
  .select-stylist .loading .spinner,
  .confirm-stylist .loading .spinner,
  .no-stylist .loading .spinner,
  .meet-stylist .loading .spinner {
    display: inline-block;
    width: 25px;
    height: 25px;
    top: 50%;
    margin-top: -12px;
    margin-left: 10px;
    border: 3px solid #b0b0b0;
    border-radius: 50%;
    border-top: 3px solid #646464;
    position: absolute;
    animation: spin 1s linear infinite; }

.select-stylist .stylist-info-wrapper,
.confirm-stylist .stylist-info-wrapper,
.no-stylist .stylist-info-wrapper,
.meet-stylist .stylist-info-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap; }

.select-stylist .stylist-info,
.confirm-stylist .stylist-info,
.no-stylist .stylist-info,
.meet-stylist .stylist-info {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 250px;
  padding: 0 20px;
  white-space: nowrap; }
  .select-stylist .stylist-info div,
  .confirm-stylist .stylist-info div,
  .no-stylist .stylist-info div,
  .meet-stylist .stylist-info div {
    margin: auto;
    width: 165px;
    height: 165px;
    border-radius: 50%;
    margin-bottom: 10px;
    background: #646464;
    background-clip: padding-box;
    border: 4px solid transparent; }
  .select-stylist .stylist-info img,
  .confirm-stylist .stylist-info img,
  .no-stylist .stylist-info img,
  .meet-stylist .stylist-info img {
    right: 4px;
    bottom: 4px;
    width: 165px;
    height: 165px;
    position: relative;
    border-radius: 50%;
    margin-bottom: 10px;
    border: 4px solid transparent; }
  .select-stylist .stylist-info p,
  .confirm-stylist .stylist-info p,
  .no-stylist .stylist-info p,
  .meet-stylist .stylist-info p {
    line-height: 20px;
    text-transform: uppercase;
    text-align: center;
    white-space: normal;
    font-family: 'Montserrat'; }
  .select-stylist .stylist-info .selected-stylist,
  .confirm-stylist .stylist-info .selected-stylist,
  .no-stylist .stylist-info .selected-stylist,
  .meet-stylist .stylist-info .selected-stylist {
    border: 4px solid #ff99a8; }
  .select-stylist .stylist-info .spinner-wrapper,
  .confirm-stylist .stylist-info .spinner-wrapper,
  .no-stylist .stylist-info .spinner-wrapper,
  .meet-stylist .stylist-info .spinner-wrapper {
    background: transparent;
    position: relative; }
    .select-stylist .stylist-info .spinner-wrapper .spinner,
    .confirm-stylist .stylist-info .spinner-wrapper .spinner,
    .no-stylist .stylist-info .spinner-wrapper .spinner,
    .meet-stylist .stylist-info .spinner-wrapper .spinner {
      display: inline-block;
      width: 80px;
      height: 80px;
      right: 30px;
      top: 50%;
      margin-top: -40px;
      border: 3px solid #b0b0b0;
      border-radius: 50%;
      border-top: 3px solid #646464;
      position: absolute;
      animation: spin 1s linear infinite;
      background: transparent; }

.select-stylist .contacts,
.confirm-stylist .contacts,
.no-stylist .contacts,
.meet-stylist .contacts {
  padding-top: 20px;
  text-align: left; }
  .select-stylist .contacts div,
  .confirm-stylist .contacts div,
  .no-stylist .contacts div,
  .meet-stylist .contacts div {
    display: inline-block;
    padding: 0 40px 0 0; }
  .select-stylist .contacts div > i,
  .confirm-stylist .contacts div > i,
  .no-stylist .contacts div > i,
  .meet-stylist .contacts div > i {
    display: inline;
    padding: 0 10px 0 5px; }
  .select-stylist .contacts div > a,
  .confirm-stylist .contacts div > a,
  .no-stylist .contacts div > a,
  .meet-stylist .contacts div > a {
    text-decoration: none; }

.meet-stylist .stylist-info {
  width: 200px; }

.meet-stylist .meet-stylist-info-card {
  margin-bottom: 20px;
  display: flex;
  justify-content: center; }
  .meet-stylist .meet-stylist-info-card .info-card-wrapper {
    display: inline-block;
    max-width: 400px;
    margin: 15px; }
    .meet-stylist .meet-stylist-info-card .info-card-wrapper .info-card {
      display: flex;
      flex-direction: column; }
      .meet-stylist .meet-stylist-info-card .info-card-wrapper .info-card .title {
        text-align: left; }

@media screen and (max-width: 400px) {
  .meet-stylist .meet-stylist-info-card {
    display: block; }
    .meet-stylist .meet-stylist-info-card .title {
      margin-top: 20px;
      text-align: center !important; }
    .meet-stylist .meet-stylist-info-card .contacts {
      text-align: center !important; }
      .meet-stylist .meet-stylist-info-card .contacts div {
        padding: 0 20px 0 20px; }
      .meet-stylist .meet-stylist-info-card .contacts div > i {
        padding: 0 10px; } }

[data-component='helpmenu'] .helpmenu-title {
  text-align: center; }

[data-component='helpmenu'] .help-directory .btn, [data-component='helpmenu'] .stylist-directory .btn {
  padding: 0;
  width: 100%;
  font-family: 'Montserrat';
  color: #666666;
  border-color: #000;
  cursor: pointer;
  will-change: border-width;
  -webkit-transition: border-width 0.1s ease-out;
  -moz-transition: border-width 0.1s ease-out;
  transition: border-width 0.1s ease-out;
  color: #666; }
  @media screen and (min-width: 1000px) {
    [data-component='helpmenu'] .help-directory .btn:not([disabled]):hover, [data-component='helpmenu'] .help-directory .btn:not([disabled]):focus, [data-component='helpmenu'] .stylist-directory .btn:not([disabled]):hover, [data-component='helpmenu'] .stylist-directory .btn:not([disabled]):focus {
      color: #000;
      border-color: #000;
      border-width: 3px; } }
  .style-ideas__help [data-component='helpmenu'] .help-directory .btn, .style-ideas__help [data-component='helpmenu'] .stylist-directory .btn {
    background-color: #fff;
    color: #fff;
    border-color: #fff;
    cursor: pointer;
    color: #666666;
    border-color: #000;
    cursor: pointer;
    will-change: border-width;
    -webkit-transition: border-width 0.1s ease-out;
    -moz-transition: border-width 0.1s ease-out;
    transition: border-width 0.1s ease-out; }
    @media screen and (min-width: 1000px) {
      .style-ideas__help [data-component='helpmenu'] .help-directory .btn:not([disabled]):hover, .style-ideas__help [data-component='helpmenu'] .help-directory .btn:not([disabled]):focus, .style-ideas__help [data-component='helpmenu'] .stylist-directory .btn:not([disabled]):hover, .style-ideas__help [data-component='helpmenu'] .stylist-directory .btn:not([disabled]):focus {
        background-color: #fff;
        color: #fff; } }
    @media screen and (min-width: 1000px) {
      .style-ideas__help [data-component='helpmenu'] .help-directory .btn:not([disabled]):hover, .style-ideas__help [data-component='helpmenu'] .help-directory .btn:not([disabled]):focus, .style-ideas__help [data-component='helpmenu'] .stylist-directory .btn:not([disabled]):hover, .style-ideas__help [data-component='helpmenu'] .stylist-directory .btn:not([disabled]):focus {
        color: #000;
        border-color: #000;
        border-width: 4px; } }

[data-component='helpmenu'] #mobile-helpmenu {
  display: block;
  margin: 15px;
  text-align: left; }
  [data-component='helpmenu'] #mobile-helpmenu a[data-selected-item] {
    background-color: transparent !important;
    color: #000;
    border: 1px solid #000;
    font-size: 13px;
    text-transform: uppercase;
    padding: 1.765625em 1em; }
    .style-ideas__help [data-component='helpmenu'] #mobile-helpmenu a[data-selected-item] {
      background: #000; }
  [data-component='helpmenu'] #mobile-helpmenu a.btn {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 700;
    font-style: normal;
    background-color: #fff;
    color: #fff;
    border-color: #fff;
    cursor: pointer;
    color: #000;
    border: 1px solid #000;
    border-top: none;
    text-align: left; }
    @media screen and (min-width: 1000px) {
      [data-component='helpmenu'] #mobile-helpmenu a.btn:not([disabled]):hover, [data-component='helpmenu'] #mobile-helpmenu a.btn:not([disabled]):focus {
        background-color: #fff;
        color: #fff; } }
    @media screen and (min-width: 1000px) {
      [data-component='helpmenu'] #mobile-helpmenu a.btn {
        text-align: inherit; } }
  [data-component='helpmenu'] #mobile-helpmenu li:first-child {
    display: none; }
  [data-component='helpmenu'] #mobile-helpmenu li {
    border-top: none; }
  [data-component='helpmenu'] #mobile-helpmenu br {
    display: none; }

.home__content-left [data-component='helpmenu'] .helpmenu__btn {
  display: block;
  width: 100%; }
  @media screen and (min-width: 1000px) {
    .home__content-left [data-component='helpmenu'] .helpmenu__btn {
      max-width: 352px;
      margin: 0 auto; } }
  .home__content-left [data-component='helpmenu'] .helpmenu__btn > .btn {
    width: 80%; }
    @media screen and (min-width: 1000px) {
      .home__content-left [data-component='helpmenu'] .helpmenu__btn > .btn {
        width: 100%; }
        .home__content-left [data-component='helpmenu'] .helpmenu__btn > .btn br {
          display: none; } }

@media screen and (min-width: 1000px) {
  [data-component='helpmenu'] {
    padding: 20px 0; }
    [data-component='helpmenu'] a {
      position: relative;
      line-height: 1.5em; }
      [data-component='helpmenu'] a > span {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        position: relative;
        top: 50%;
        position: absolute;
        width: 100%;
        left: 0; }
      [data-component='helpmenu'] a:before {
        display: none; } }

.home-apsot-wrapper {
  height: 575px;
  margin: 0 auto;
  max-width: 1440px;
  overflow: hidden;
  position: relative; }
  .home-apsot-wrapper:after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.208421) 55%, rgba(0, 0, 0, 0.6) 100%);
    bottom: 0;
    content: '';
    height: 75%;
    position: absolute;
    width: 100%;
    z-index: 2; }
  .home-apsot-wrapper .copy-wrapper {
    bottom: 0;
    left: 50%;
    padding: 0 50px 30px 50px;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    width: 100%;
    z-index: 3; }
    .home-apsot-wrapper .copy-wrapper h1,
    .home-apsot-wrapper .copy-wrapper a {
      color: #fff; }
    .home-apsot-wrapper .copy-wrapper h1 {
      font-family: 'Playfair Display';
      font-feature-settings: "lnum";
      font-weight: 600;
      font-size: 48px;
      letter-spacing: -1px;
      line-height: 48px;
      margin: 0 0 10px 0; }
    .home-apsot-wrapper .copy-wrapper p,
    .home-apsot-wrapper .copy-wrapper a {
      font-family: 'Montserrat';
      font-weight: 600; }
    .home-apsot-wrapper .copy-wrapper .subhead-content {
      color: #fff;
      display: none;
      font-size: 20px;
      letter-spacing: 1px;
      line-height: 22px;
      margin: 0 0 20px 0;
      padding: 2px 5px; }
    .home-apsot-wrapper .copy-wrapper a {
      font-size: 14px;
      letter-spacing: 0.35px;
      line-height: 17.07px;
      margin: 0 20px 0 0;
      padding: 0 0 5px 0;
      position: relative;
      text-decoration: none; }
      .home-apsot-wrapper .copy-wrapper a:last-of-type {
        margin: 0; }
      .home-apsot-wrapper .copy-wrapper a:after {
        background: #fff;
        bottom: 0;
        content: '';
        height: 1px;
        left: 0;
        position: absolute;
        width: 100%; }
    .home-apsot-wrapper .copy-wrapper .buttons-wrapper {
      display: flex;
      justify-content: center; }
    @media screen and (min-width: 768px) {
      .home-apsot-wrapper .copy-wrapper h1 {
        font-size: 60px;
        line-height: 60px;
        margin: 0 0 20px 0; }
      .home-apsot-wrapper .copy-wrapper .subhead-content {
        display: inline-block; } }
  .home-apsot-wrapper .video-wrapper {
    height: 0;
    left: 0;
    padding-bottom: 178%;
    position: relative;
    top: 0; }
    .home-apsot-wrapper .video-wrapper iframe {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1; }
  @media screen and (min-width: 1000px) {
    .home-apsot-wrapper {
      height: 575px; }
      .home-apsot-wrapper .video-wrapper {
        padding-bottom: 56.25%; } }
  @media screen and (min-width: 1250px) {
    .home-apsot-wrapper {
      height: 585px; } }

.c-homepage-mailinglist {
  background: black;
  padding: 4rem 0;
  max-width: 1440px;
  margin: auto; }

.c-hot-flash-library__loading loading-icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1rem; }

.c-hot-flash-library__filter-wrapper {
  margin-bottom: 2em; }

.c-hot-flash-list-filter label {
  font-family: 'Montserrat';
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: bold; }

.c-hot-flash-list-filter__search {
  margin-bottom: 1rem; }
  .c-hot-flash-list-filter__search input {
    width: 100%; }

.c-hot-flash-list__playlist-instructions::after {
  clear: both;
  content: "";
  display: table; }

.c-hot-flash-list__playlist-instructions .c-hot-flash-list__playlist-instruction-col {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%; }
  .c-hot-flash-list__playlist-instructions .c-hot-flash-list__playlist-instruction-col:last-child {
    margin-right: 0; }

.c-hot-flash-list__playlist-instructions .video-ellipse {
  background: #ff99a8;
  border-radius: 60px;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  position: relative;
  margin-left: 40%;
  margin-top: 0;
  margin-bottom: 10px; }

.c-hot-flash-list__playlist-instructions .video-button-center {
  color: white;
  font-size: 1.5em;
  line-height: .6em;
  text-align: center;
  position: absolute;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  top: 31%;
  left: 32%; }

.c-hot-flash-list__playlist-instructions .video-playlist-text {
  padding-right: 15%;
  margin-left: 8%;
  margin-bottom: 1em; }
  .c-hot-flash-list__playlist-instructions .video-playlist-text p {
    font-style: italic;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    margin-bottom: 0; }
  .c-hot-flash-list__playlist-instructions .video-playlist-text.last {
    padding-right: 10%; }

.c-hot-flash-list__playlist-instructions span.playlist-icon {
  color: #ff99a8;
  font-style: normal;
  font-size: 20px; }

#video-playlist-single {
  display: block;
  padding-top: 30px; }
  #video-playlist-single .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden; }
    @media screen and (max-width: 999px) and (min-width: 768px) {
      #video-playlist-single .video-container {
        margin-left: -5%;
        margin-right: -5%; } }
    @media screen and (max-width: 767px) {
      #video-playlist-single .video-container {
        margin: 0; } }
    #video-playlist-single .video-container iframe, #video-playlist-single .video-container object, #video-playlist-single .video-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.hot-flash-video-item__video-table {
  width: 100%; }
  .hot-flash-video-item__video-table thead th {
    font-family: 'Montserrat';
    text-align: left;
    padding: .5em;
    text-transform: uppercase; }
  .hot-flash-video-item__video-table tr td {
    border-top: 1px solid #e8e8e8;
    width: 100%;
    padding: .5em; }
    .hot-flash-video-item__video-table tr td a {
      font-family: 'Montserrat';
      color: #ff99a8;
      text-decoration: underline;
      font-size: .85em; }
  .hot-flash-video-item__video-table tr:nth-child(even) td {
    background-color: rgba(0, 0, 0, 0.05); }

.c-hot-flash-instructions p {
  margin-bottom: 2em; }

.c-hot-flash-instructions ul {
  list-style: none; }
  .c-hot-flash-instructions ul li {
    margin-bottom: 2em; }
    .c-hot-flash-instructions ul li img {
      display: block;
      max-width: 100%;
      margin: 0 auto;
      height: auto;
      border: 3px solid #e0e0e0; }

.c-hot-flash-list__item {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  background: white;
  font-size: 1rem;
  padding: 1em;
  background-color: #f8f8f8;
  margin-top: 3px; }
  .c-hot-flash-list__item:hover {
    background-color: #f0f0f0; }
  .c-hot-flash-list__item--thin {
    background-color: #fbfbfb;
    font-size: .9rem;
    padding: .65em 1em; }

.c-hot-flash-list__item-toggle {
  font-family: 'Montserrat';
  color: #ff99a8;
  font-weight: bold;
  text-decoration: underline;
  text-transform: uppercase;
  font-size: .8em; }

.c-hot-flash-list__item-video {
  padding: 1rem;
  background-color: #f8f8f8; }

.c-hot-list-item__video {
  position: relative;
  padding-top: 61.25%;
  margin-bottom: 1rem; }
  .c-hot-list-item__video iframe, .c-hot-list-item__video object, .c-hot-list-item__video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.c-hot-flash-list-item__footer {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify; }

.c-hot-flash-list-item__categories {
  font-size: .8em;
  margin-bottom: 1rem; }

.c-hot-flash-list-item__category-label {
  font-family: 'Montserrat';
  color: #c0c0c0;
  text-transform: uppercase; }

.item-grid {
  position: relative;
  text-align: left; }
  .item-grid > ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
    justify-content: center;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%; }
    .item-grid > ul li {
      list-style: none;
      padding: 0;
      margin: 0; }
    @media screen and (min-width: 768px) {
      .item-grid > ul {
        padding-top: 1rem; } }
  .item-grid .item:not(.hide) {
    position: relative;
    overflow: visible;
    vertical-align: top; }
    @media screen and (max-width: 767px) {
      .item-grid .item:not(.hide) {
        width: calc((100% / 2) - ((1 / 2) * 10px)); } }
    @media screen and (max-width: 999px) and (min-width: 768px) {
      .item-grid .item:not(.hide) {
        width: calc((100% / 3) - ((2 / 3) * 10px)); } }
    @media screen and (min-width: 1000px) {
      .item-grid .item:not(.hide) {
        width: calc((100% / 4) - ((3 / 4) * 10px)); } }
  .item-grid .item.hide {
    display: none; }
  .item-grid .item.quicklook {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff0f0;
    z-index: 999;
    width: 100%; }
  @media screen and (max-width: 767px) {
    .cabi .item-grid > ul {
      margin-top: 10px; } }
  .foxtale .item-grid {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 10px; }
    @media screen and (min-width: 1000px) {
      .foxtale .item-grid {
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px; } }
    .foxtale .item-grid > ul {
      gap: 0; }
    .foxtale .item-grid .item:not(.hide) {
      margin: 0 2.5px; }
      @media screen and (max-width: 767px) {
        .foxtale .item-grid .item:not(.hide) {
          width: calc(100% / 2 - 5px); } }
      @media screen and (max-width: 999px) and (min-width: 768px) {
        .foxtale .item-grid .item:not(.hide) {
          width: calc(100% / 3 - 5px); } }
      @media screen and (min-width: 1000px) {
        .foxtale .item-grid .item:not(.hide) {
          width: calc(100% / 4 - 5px); } }
      @media screen and (min-width: 1180px) {
        .foxtale .item-grid .item:not(.hide) {
          width: calc(100% / 5 - 5px); } }

.c-items-in-look__hr {
  background: #ccc;
  height: 1px; }

.c-items-in-look__title {
  font-size: 1em;
  line-height: 1.5em;
  margin: 1.5em auto;
  max-width: 58%;
  text-align: center;
  text-transform: lowercase; }
  @media screen and (min-width: 768px) {
    .c-items-in-look__title {
      font-size: 1.5em;
      max-width: none; } }

.lead-form__title {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-weight: 700;
  letter-spacing: -1px;
  text-align: center;
  font-size: 1.9em;
  padding: 40px 0px; }
  @media screen and (min-width: 768px) {
    .lead-form__title {
      font-size: 3em; } }
  .lead-form__title--mobile {
    padding: 20px 0px 40px 0px;
    line-height: .8em; }
    @media screen and (min-width: 768px) {
      .lead-form__title--mobile {
        line-height: 2.5em;
        padding: 40px 0px; } }

#lead-form-wrapper {
  position: relative;
  background: #fff;
  max-width: 700px;
  margin: 0 auto; }

#lead-form {
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  opacity: 1; }
  #lead-form.complete {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0; }
  #lead-form #leadform-embed-fields {
    margin: 1em 0; }
  #lead-form .input-wrapper {
    margin-bottom: 6px;
    position: relative; }
    #lead-form .input-wrapper--disabled {
      pointer-events: none; }
      #lead-form .input-wrapper--disabled input:not([type=submit]),
      #lead-form .input-wrapper--disabled textarea {
        background: #f9f9f9; }
        #lead-form .input-wrapper--disabled input:not([type=submit])::-moz-placeholder,
        #lead-form .input-wrapper--disabled textarea::-moz-placeholder {
          color: #a4a4a4; }
        #lead-form .input-wrapper--disabled input:not([type=submit]):-moz-placeholder,
        #lead-form .input-wrapper--disabled textarea:-moz-placeholder {
          color: #a4a4a4; }
        #lead-form .input-wrapper--disabled input:not([type=submit])::-webkit-input-placeholder,
        #lead-form .input-wrapper--disabled textarea::-webkit-input-placeholder {
          color: #a4a4a4; }
        #lead-form .input-wrapper--disabled input:not([type=submit]):-ms-input-placeholder,
        #lead-form .input-wrapper--disabled textarea:-ms-input-placeholder {
          color: #a4a4a4; }
      #lead-form .input-wrapper--disabled .leadform-static-label {
        color: #6d6d6d; }
      #lead-form .input-wrapper--disabled .dropdown-list a[data-selected-item] {
        background: #f9f9f9;
        color: #b4b4b4; }
        #lead-form .input-wrapper--disabled .dropdown-list a[data-selected-item]:before {
          color: #b2b2b2; }
      #lead-form .input-wrapper--disabled label#qualifier-list-label,
      #lead-form .input-wrapper--disabled label#leadsources-list-label,
      #lead-form .input-wrapper--disabled label#select-state-list-label,
      #lead-form .input-wrapper--disabled label#store-visited-list-label {
        color: #6d6d6d; }
      #lead-form .input-wrapper--disabled .control__indicator {
        background: #f9f9f9; }
      #lead-form .input-wrapper--disabled .checkbox-message {
        font-family: 'Montserrat';
        color: #cacaca; }
  #lead-form .checkbox-wrapper {
    display: flex; }
  #lead-form .checkbox-message {
    font-size: 13px;
    margin-left: 10px; }
  #lead-form .leadform-static-label {
    position: absolute;
    left: 18px;
    top: 5px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-size: 11px; }
  #lead-form .leadform-full-width {
    width: 100%; }
  #lead-form .leadform-half-width {
    width: 50%; }
  #lead-form .row {
    margin-bottom: 15px; }
    #lead-form .row:first-child {
      margin-top: 0; }
  #lead-form .dropdown-list {
    width: 100%;
    font-size: 12px; }
    #lead-form .dropdown-list a[data-selected-item] {
      font-family: 'Montserrat';
      font-size: 1.05em;
      background: #f9f9f9;
      padding: 1.5em; }
      #lead-form .dropdown-list a[data-selected-item]:hover {
        background: #EAEAEA; }
      #lead-form .dropdown-list a[data-selected-item]:before {
        font-size: 1.75em;
        line-height: .75em; }
    #lead-form .dropdown-list ul li {
      background: #cfcfcf;
      border-top: 1px solid #a4a4a4; }
      #lead-form .dropdown-list ul li a {
        font-family: 'Montserrat';
        color: black;
        font-weight: 600;
        padding: 1.5em;
        font-size: 1.05em; }
    #lead-form .dropdown-list--active a[data-selected-item] {
      background-color: #EAEAEA; }
  #lead-form hr {
    border: none;
    background: #b8b8b8;
    height: 1px;
    margin: 16px 0; }
    #lead-form hr::after {
      clear: both;
      content: "";
      display: table; }
  #lead-form label {
    display: block;
    padding-right: 15px; }
    #lead-form label span {
      text-transform: lowercase !important; }
    @media screen and (min-width: 768px) {
      #lead-form label {
        display: inline-block; } }
  #lead-form label.control {
    display: flex; }
    @media screen and (min-width: 768px) {
      #lead-form label.control {
        display: flex; } }
  #lead-form label#qualifier-list-label {
    font-family: 'Montserrat';
    font-size: .85em;
    text-transform: uppercase; }
  #lead-form label#qualifier-list-label,
  #lead-form label#leadsources-list-label,
  #lead-form label#select-state-list-label,
  #lead-form label#store-visited-list-label {
    font-family: 'Montserrat';
    font-size: .8em;
    font-weight: 800;
    text-transform: uppercase; }
    #lead-form label#qualifier-list-label span,
    #lead-form label#leadsources-list-label span,
    #lead-form label#select-state-list-label span,
    #lead-form label#store-visited-list-label span {
      text-transform: lowercase; }
    @media screen and (min-width: 768px) {
      #lead-form label#qualifier-list-label,
      #lead-form label#leadsources-list-label,
      #lead-form label#select-state-list-label,
      #lead-form label#store-visited-list-label {
        display: block;
        line-height: 2em;
        padding: 0 1em 0 0; } }
  #lead-form .question-label {
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-size: .8em;
    font-weight: 800; }
    #lead-form .question-label span {
      text-transform: lowercase; }
    @media screen and (min-width: 768px) {
      #lead-form .question-label {
        display: block;
        line-height: 2em;
        padding: 0 1em 0 0; } }
  #lead-form input:not([type=submit]),
  #lead-form textarea {
    border: none;
    background: #EAEAEA;
    padding: 1.95em 1.5em 1.15em 1.5em; }
    #lead-form input:not([type=submit])::-moz-placeholder,
    #lead-form textarea::-moz-placeholder {
      font-family: 'Montserrat';
      color: #b8b8b8; }
    #lead-form input:not([type=submit]):-moz-placeholder,
    #lead-form textarea:-moz-placeholder {
      font-family: 'Montserrat';
      color: #b8b8b8; }
    #lead-form input:not([type=submit])::-webkit-input-placeholder,
    #lead-form textarea::-webkit-input-placeholder {
      font-family: 'Montserrat';
      color: #b8b8b8; }
    #lead-form input:not([type=submit]):-ms-input-placeholder,
    #lead-form textarea:-ms-input-placeholder {
      font-family: 'Montserrat';
      color: #b8b8b8; }
    @media screen and (max-width: 999px) {
      #lead-form input:not([type=submit]),
      #lead-form textarea {
        display: block;
        width: 100%;
        margin-bottom: 3px; } }
  #lead-form textarea {
    width: 100%;
    resize: none; }
  @media screen and (max-width: 999px) {
    #lead-form .leadform-checkbox:not([type=submit]),
    #lead-form textarea {
      width: inherit; } }
  #lead-form input[type=checkbox] {
    float: left;
    margin: .25em .5em 1em 0; }
  #lead-form #qualifier-list,
  #lead-form #leadsources-list,
  #lead-form #select-state-list,
  #lead-form #store-visited-list {
    display: none; }

div#additional [class*=" additional-"] {
  display: none;
  position: relative;
  z-index: 2;
  margin-bottom: 30px; }
  div#additional [class*=" additional-"] .links {
    font-size: 12px; }
  div#additional [class*=" additional-"] .links .list-info {
    text-transform: uppercase;
    font-family: 'Montserrat'; }
  div#additional [class*=" additional-"] #NotSameConsultantExplanationRow {
    display: none; }

#additional input:not([type=submit]):not([type=checkbox]) {
  width: 100%; }

#lead-form-errors {
  padding: 0;
  margin: 0;
  background: #ffe6e9;
  border: 10px solid #ffebee;
  padding: 1em 2em;
  margin-bottom: 1em; }
  #lead-form-errors li {
    list-style: none;
    padding: 0;
    margin: 0; }
  #lead-form-errors li {
    padding: .25em 0;
    font-size: 12px;
    list-style: disc; }
    #lead-form-errors li:first-child {
      padding-top: 0; }
    #lead-form-errors li:last-child {
      border-bottom: 0;
      padding-bottom: 0; }

#lead-form-confirmation {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  -webkit-transition: opacity 0.25s ease-out;
  -moz-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  padding: 1em;
  position: absolute;
  width: 100%;
  opacity: 0; }
  #lead-form-confirmation.reveal {
    opacity: 1; }

.lead-form-intro {
  width: 80%;
  margin: 0 auto; }

.control {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 18px;
  align-items: center;
  height: 35px; }
  .control input {
    position: absolute;
    z-index: -1;
    opacity: 0; }

.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 30px;
  width: 30px;
  background: #EAEAEA; }
  .control__indicator:after {
    content: '';
    position: absolute;
    display: none; }
    .control input:checked ~ .control__indicator:after {
      display: block; }
    .control--checkbox .control__indicator:after {
      left: 12px;
      top: 8px;
      width: 5px;
      height: 10px;
      border: solid black;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg); }

@media screen and (min-width: 768px) {
  #StateSelectedRow .dropdown-list {
    width: 50%; } }

#StateSelectedRow .dropdown-list ul {
  overflow-y: scroll;
  height: 330px; }

#StoreVisitedRow .dropdown-list ul {
  overflow-y: scroll;
  height: 330px; }

.lead-form__get-started {
  margin-top: 40px; }

.c-cabi-lead-form {
  position: relative; }

.o-modal--for-lead-form .o-modal-content {
  max-height: 90vh;
  overflow: initial;
  width: 100%; }

.o-modal--for-lead-form .o-modal-content-inner {
  margin: 2rem;
  overflow-x: hidden; }

.o-modal--for-lead-form #lead-form #leadform-embed-fields {
  margin: 0; }

#cabi-loader {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 42px;
  height: 42px;
  line-height: 42px;
  margin: -21px 0 -21px;
  background: rgba(255, 255, 255, 0.9);
  color: #262223;
  border-radius: 12px;
  box-shadow: 0 0 5px rgba(38, 34, 35, 0.5);
  text-align: center;
  z-index: 9999999; }

locale-flag {
  display: block;
  max-width: 50px; }
  locale-flag svg {
    display: block;
    width: 100%;
    line-height: 1.3em; }

locale-indicator {
  display: inline-block;
  vertical-align: middle;
  height: 20px; }
  locale-indicator.localeindicator--with-caret {
    width: 80px; }

.locale-indicator--flag {
  display: block;
  cursor: pointer;
  position: relative;
  width: 30px; }
  .locale-indicator--flag.locale-indicator__with-caret:after {
    content: 'change';
    color: #888;
    position: absolute;
    text-decoration: underline;
    top: -2px;
    right: -50px;
    font-size: 10px;
    height: 20px;
    font-weight: 800; }
  .locale-indicator--flag.locale-indicator__with-caret:hover:after {
    color: #404040; }

.locale-selector__list {
  list-style: none;
  text-align: center;
  margin: 1em 0; }

.locale-selector__list-item {
  display: inline-block;
  margin: 0 .5em;
  padding: 10px; }
  .locale-selector__list-item--active {
    background: #f5f5f5; }

.locale-selector__flag {
  opacity: .2; }
  .locale-selector__flag:hover {
    opacity: .5; }
  .locale-selector__list-item--active .locale-selector__flag {
    opacity: 1; }

.locale-selector__btn:hover {
  background: black;
  color: white; }

#modal.modal--for-locale-selector {
  max-width: 540px; }

.looks-footer {
  background: #F7F6F5;
  padding-bottom: 70px; }
  .looks-footer .back-to-looks {
    padding-top: 20px;
    display: flex;
    justify-content: center; }
    .looks-footer .back-to-looks a {
      font-family: 'Montserrat';
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.01em;
      font-size: 14px; }
  .looks-footer--title {
    text-align: center;
    font-family: 'Montserrat';
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 24px;
    padding-top: 60px;
    margin-bottom: 20px;
    font-weight: 400; }
    .looks-footer--title span {
      font-family: 'Montserrat';
      font-weight: 600;
      color: #907058; }
    @media screen and (max-width: 767px) {
      .looks-footer--title {
        padding-top: 35px; } }
    @media screen and (min-width: 1000px) {
      .looks-footer--title {
        font-size: 24px;
        line-height: 39px;
        letter-spacing: 0.6px; } }
  .looks-footer--items {
    display: flex;
    align-items: center;
    flex-direction: column; }
    @media screen and (min-width: 768px) {
      .looks-footer--items {
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: nowrap; } }
    .looks-footer--items .slick-dots {
      bottom: -25px; }
      .looks-footer--items .slick-dots li {
        width: 10px;
        height: 10px; }
        .looks-footer--items .slick-dots li button {
          width: 10px;
          height: 10px; }
          .looks-footer--items .slick-dots li button:before {
            content: "";
            background: #000000;
            width: 10px;
            height: 10px;
            border-radius: 10px;
            opacity: 0.125; }
        .looks-footer--items .slick-dots li.slick-active button:before {
          opacity: 1; }
  .looks-footer--item {
    width: calc(100% - 30px);
    text-align: center; }
    @media screen and (min-width: 768px) {
      .looks-footer--item {
        width: calc(100% / 3 - 30px); } }
    .looks-footer--item .item-img-container {
      overflow: hidden;
      height: 0;
      padding-bottom: 132%; }
    .looks-footer--item img {
      width: 100%;
      transition: transform ease-out 0.4s; }
    .looks-footer--item-title {
      font-size: 14px;
      line-height: 18px;
      letter-spacing: 0.35px;
      text-transform: uppercase; }

.mailinglist-form {
  margin: 0 auto;
  max-width: 40em; }

.mailinglist-form__fieldset {
  border-bottom: 1px solid #fff;
  margin-bottom: 1em; }
  .mailinglist-form__fieldset--flex-row {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    box-align: baseline;
    -webkit-align-items: baseline;
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -o-align-items: baseline;
    align-items: baseline;
    -ms-flex-align: baseline; }
  .mailinglist-form__fieldset.has-error {
    border-color: #b52440; }
  .mailinglist-form.success .mailinglist-form__fieldset:before {
    font-family: 'fontawesome';
    content: "\f00c";
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.6em;
    float: left;
    margin-top: .5em; }
  .mailinglist-form__fieldset label {
    padding: .5em;
    opacity: 0.5; }
    .mailinglist-form__fieldset label.active {
      opacity: 1; }
  .mailinglist-form__fieldset input {
    width: 100%;
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 15px;
    font-family: 'Montserrat';
    font-weight: 600; }
    .mailinglist-form__fieldset input::-moz-placeholder {
      color: #fff;
      font-family: 'Montserrat';
      font-weight: 600; }
    .mailinglist-form__fieldset input:-moz-placeholder {
      color: #fff;
      font-family: 'Montserrat';
      font-weight: 600; }
    .mailinglist-form__fieldset input::-webkit-input-placeholder {
      color: #fff;
      font-family: 'Montserrat';
      font-weight: 600; }
    .mailinglist-form__fieldset input:-ms-input-placeholder {
      color: #fff;
      font-family: 'Montserrat';
      font-weight: 600; }
    .mailinglist-form__fieldset input:focus {
      outline: none !important; }
    .mailinglist-form.success .mailinglist-form__fieldset input {
      width: calc(100% - 1.5em); }
  .mailinglist-form__fieldset .mailinglist-form__submit {
    outline: none; }

.mailinglist-form__error-message {
  color: #ff0054;
  font-size: .875em;
  font-weight: bold;
  text-align: left;
  padding: 0 .5em;
  margin-bottom: 2em; }
  .mailinglist-form__error-message:before {
    font-family: 'fontawesome';
    padding-right: 1em;
    content: '\f071';
    float: left;
    margin-bottom: 2em; }
  .mailinglist-form__error-message a {
    display: none; }

.mailinglist-form--inline .mailinglist__fieldset {
  display: flex;
  margin-bottom: 1em; }

.mailinglist-form--inline .mailinglist-form__fieldset {
  width: 100%;
  border-bottom: 1px solid #c0c0c0;
  margin-bottom: 0; }
  .mailinglist-form--inline .mailinglist-form__fieldset input {
    padding: 0;
    color: black; }
    .mailinglist-form--inline .mailinglist-form__fieldset input::-moz-placeholder {
      color: #6D6D6D; }
    .mailinglist-form--inline .mailinglist-form__fieldset input:-moz-placeholder {
      color: #6D6D6D; }
    .mailinglist-form--inline .mailinglist-form__fieldset input::-webkit-input-placeholder {
      color: #6D6D6D; }
    .mailinglist-form--inline .mailinglist-form__fieldset input:-ms-input-placeholder {
      color: #6D6D6D; }

.mailinglist-form--inline .mailinglist-form__submit {
  width: 110px;
  height: 35px;
  line-height: 30px;
  font-weight: 600;
  padding: 0; }

.blog__mailinglist {
  background-color: #000;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  padding: 32px 0;
  position: fixed;
  bottom: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 0.8s ease-in-out, opacity 0.4s ease-out;
  -moz-transition: -moz-transform 0.8s ease-in-out, opacity 0.4s ease-out;
  transition: transform 0.8s ease-in-out, opacity 0.4s ease-out;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }
  .blog__mailinglist::after {
    clear: both;
    content: "";
    display: table; }
  .blog__mailinglist--static {
    opacity: 1;
    position: relative;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    z-index: 1; }
  .blog__mailinglist--fixed {
    background-color: rgba(0, 0, 0, 0.9);
    opacity: 1;
    padding: 22px 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  .home .blog__mailinglist--static {
    height: 0;
    overflow: hidden;
    padding: 0; }

.blog__mailinglist--fixed .mailinglist-form__error-message {
  position: relative;
  top: 13px; }

.blog__mailinglist-container {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  -ms-flex-line-pack: center; }
  @media screen and (min-width: 1000px) {
    .blog__mailinglist-container {
      padding: 0 70px 0 15px;
      -webkit-flex-flow: row nowrap;
      -moz-flex-flow: row nowrap;
      flex-flow: row nowrap; } }
  .blog__mailinglist-container--success {
    padding: 0 15px;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }

.blog__message {
  position: relative;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  height: 45px; }
  @media screen and (min-width: 1000px) {
    .blog__message {
      height: 74px;
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 1 375px;
      -moz-flex: 0 1 375px;
      -ms-flex: 0 1 375px;
      flex: 0 1 375px; }
      .blog__mailinglist-container--success .blog__message {
        height: 100px; } }

.blog__introduction-message,
.blog__confirmation-message {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1; }
  .blog__introduction-message.ng-enter,
  .blog__confirmation-message.ng-enter {
    /*@include transition(opacity 1s ease);*/
    /*opacity: 0;*/
    -webkit-animation-name: fade-in;
    -moz-animation-name: fade-in;
    animation-name: fade-in;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s; }
  .blog__introduction-message.ng-enter.ng-enter-active,
  .blog__confirmation-message.ng-enter.ng-enter-active {
    opacity: 1; }
  .blog__introduction-message.ng-leave,
  .blog__confirmation-message.ng-leave {
    /*@include transition(all 1s ease);*/
    /*opacity: 1; */
    -webkit-animation-name: fade-out;
    -moz-animation-name: fade-out;
    animation-name: fade-out;
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    animation-play-state: running; }
  .blog__introduction-message.ng-leave.ng-leave-active,
  .blog__confirmation-message.ng-leave.ng-leave-active {
    opacity: 0; }

.blog__content-title {
  font-size: 1.4666666667em;
  font-family: "Didot 06 A", "Didot 06 B", "georgia";
  font-weight: 500;
  font-style: italic; }
  @media screen and (min-width: 480px) {
    .blog__content-title {
      font-size: 2.2666666667em; } }
  @media screen and (min-width: 1000px) {
    .blog__content-title {
      margin-bottom: 0.5rem;
      font-size: 1.8666666667em; } }

.blog__content-copy {
  font-size: 0.9333333333em;
  letter-spacing: 0px; }

.blog__form-submit {
  color: #b7a58b !important;
  border-color: #b7a58b !important; }

.blog__mailinglist mailinglist-form {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.blog__mailinglist .mailinglist-form {
  max-width: none;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify; }
  @media screen and (min-width: 1000px) {
    .blog__mailinglist .mailinglist-form {
      padding: 0 0 0 40px; } }
  @media screen and (min-width: 1250px) {
    .blog__mailinglist .mailinglist-form {
      padding: 0 0 0 80px; } }

.blog__mailinglist .mailinglist-form__fieldset {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  align-self: flex-end;
  -ms-flex-item-align: end;
  margin-right: 20px;
  margin-bottom: 0; }
  @media screen and (min-width: 1000px) {
    .blog__mailinglist .mailinglist-form__fieldset {
      margin-right: 35px; } }
  @media screen and (min-width: 1250px) {
    .blog__mailinglist .mailinglist-form__fieldset {
      margin-right: 70px; } }

@media screen and (max-width: 767px) {
  .blog__mailinglist .mailinglist-form__fieldset input {
    font-size: 1.6em; } }

@media screen and (max-width: 480px) {
  .blog__mailinglist .mailinglist-form__fieldset input {
    font-size: 1.2em; } }

.blog__mailinglist .mailinglist-form__submit {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 180px;
  -moz-flex: 0 1 180px;
  -ms-flex: 0 1 180px;
  flex: 0 1 180px;
  padding: 0; }
  @media screen and (max-width: 999px) {
    .blog__mailinglist .mailinglist-form__submit {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 1 160px;
      -moz-flex: 0 1 160px;
      -ms-flex: 0 1 160px;
      flex: 0 1 160px;
      font-size: 1.4em;
      font-weight: bold; } }
  @media screen and (max-width: 480px) {
    .blog__mailinglist .mailinglist-form__submit {
      font-size: 1.2em;
      height: 50px; } }

.blog__mailinglist-close {
  color: #fff;
  display: block;
  font-size: 1.8em;
  position: absolute;
  right: 25px;
  top: 32px;
  text-decoration: none; }

#modal-knockout {
  position: fixed;
  z-index: 9997;
  top: -1%;
  right: -1%;
  bottom: -1%;
  left: -1%;
  background: #2b2e38;
  background-color: rgba(255, 255, 255, 0.875); }
  @media screen and (min-width: 768px) {
    #modal-knockout.browse-look-modal-bg {
      background-color: rgba(255, 255, 255, 0.85); } }
  @media screen and (min-width: 1000px) {
    #modal-knockout.browse-look-modal-bg {
      background-color: rgba(255, 255, 255, 0.95); } }

#modal {
  z-index: 9998;
  position: fixed;
  top: 50%;
  left: 50%;
  width: calc(100%);
  transform: translate(-50%, -50%) scale(0.75);
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  padding: 20px; }
  @media screen and (min-width: 768px) {
    #modal {
      width: 100%;
      max-width: 840px;
      transform: translate(-50%, -50%) scale(1); }
      #modal.universal {
        max-width: 340px; } }
  @media screen and (max-height: 660px) {
    #modal {
      transform: translate(-50%, -50%) scale(0.75); } }
  #modal #modal-close {
    position: absolute;
    top: -50px;
    right: -50px;
    color: white;
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center; }
    #modal #modal-close span {
      font-size: 72px;
      line-height: 25px;
      display: inline-block;
      margin-right: -5px;
      color: rgba(0, 0, 0, 0.5);
      padding: 10px 0;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
      #modal #modal-close span:hover {
        color: rgba(0, 0, 0, 0.75); }
  #modal[data-selector$="-video"],
  #modal [data-selector*="-video "] {
    max-width: 80%; }
  #modal[data-sendconsultantemailmodal] #modal-close {
    top: 0px;
    right: 2px;
    padding: 0px;
    margin: 0px; }

#modal.auto-scroll {
  height: 90%;
  overflow: auto; }

@media screen and (max-width: 767px) {
  #modal.modal---mobile-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(0, 0);
    height: 100% !important;
    width: 100% !important; } }

*[data-modal-content] {
  display: none; }

#modal-donation {
  position: fixed;
  z-index: 9997;
  top: -1%;
  right: -1%;
  bottom: -1%;
  left: -1%;
  background-color: white;
  overflow-y: auto; }
  #modal-donation .header {
    background-image: url("/wp-content/themes/cabi/assets/images/donationFundDesktop.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    padding-top: 14vh; }
    #modal-donation .header .logo {
      color: #fff;
      text-align: center;
      width: 100%;
      max-width: 600px;
      margin: 0 auto 2vh; }
      #modal-donation .header .logo img {
        width: 100%;
        height: auto; }
    #modal-donation .header .subtext {
      background: #FF99A8;
      color: #fff;
      text-align: center;
      padding: 3vh;
      font-size: 1.8vh;
      line-height: 2.34vh;
      width: 60vw;
      max-width: 760px;
      margin: 0 auto 3vh; }
  #modal-donation .donation-content {
    display: flex;
    justify-content: space-evenly;
    width: 80%;
    text-align: left;
    margin: 0 auto;
    line-height: 2.6vh;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-weight: normal;
    color: #000;
    justify-content: center;
    flex-direction: row; }
    #modal-donation .donation-content .dontation-item {
      width: 43%; }
  #modal-donation .header-text {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 800;
    font-style: normal;
    font-size: 2vh; }
  #modal-donation .sub-header-text {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 600;
    font-style: normal;
    font-size: 1.8vh; }
  #modal-donation .content-sub-heading {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 600;
    font-style: normal;
    font-size: 1.75vh;
    margin-top: 2vh; }
  #modal-donation .content-list {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    line-height: 2.3vh;
    list-style-position: inside;
    margin-left: 0.5vh;
    margin-top: 1vh;
    padding: 0;
    font-size: 1.6vh; }
  #modal-donation .donation-message {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 1.6vh;
    margin-top: 3vh;
    line-height: 2.3vh; }
  #modal-donation ._button {
    text-align: center;
    margin-top: 3vh;
    margin-bottom: 15vh; }
    #modal-donation ._button button {
      height: unset;
      padding: 0.5vh 4.4vh;
      line-height: 4.73vh;
      font-size: 1.3vh;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: bold; }
  @media screen and (max-width: 767px) {
    #modal-donation .header {
      background-image: url("/wp-content/themes/cabi/assets/images/donationFundMobile.jpg");
      background-size: contain;
      background-position: center top;
      padding-top: 9vh; }
      #modal-donation .header .logo {
        width: 84vw; }
      #modal-donation .header .subtext {
        width: 90vw; }
    #modal-donation .donation-content {
      width: 80%;
      line-height: 2.6vh;
      flex-direction: column; }
      #modal-donation .donation-content .dontation-item {
        width: 100%; }
    #modal-donation .margin-top {
      margin-top: 3vh; }
    #modal-donation .header-text {
      font-size: 2.5vh; }
    #modal-donation .sub-header-text {
      font-size: 2.2vh; }
    #modal-donation .content-sub-heading {
      font-size: 2vh; }
    #modal-donation .content-list {
      font-size: 1.8vh;
      list-style-position: outside;
      margin-left: 2.5vh; }
    #modal-donation .donation-message {
      font-size: 1.8vh; }
    #modal-donation ._button button {
      padding: 1vh 4.4vh;
      line-height: 4.73vh;
      font-size: 1.8vh; } }

.continue-to-checkout {
  top: 92% !important;
  box-shadow: none !important;
  padding: 0 !important; }

#s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper {
  position: relative;
  width: 100%;
  height: 579px;
  margin: auto; }
  @media screen and (max-width: 767px) {
    #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper {
      background: transparent;
      max-width: 375px;
      max-height: calc(100vh - 50px);
      overflow: auto; } }
  @media screen and (min-width: 768px) {
    #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper {
      width: 590px;
      height: 551px;
      overflow: hidden;
      background: white url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/s23/modal/s23-last-chance-booking-bg.jpg") center/cover no-repeat; } }
  #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .modal-close-btn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    background: transparent;
    border: 0 none;
    font-size: 38px;
    color: #000;
    cursor: pointer; }
    #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .modal-close-btn:focus {
      border: 0 none;
      outline: none; }
    @media screen and (min-width: 768px) {
      #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .modal-close-btn {
        top: 3px;
        right: 6px; } }
  #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .c-s23-vip-perk__background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: 1; }
    #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .c-s23-vip-perk__background-image:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: white;
      opacity: 0.85; }
  #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .c-s23-vip-perk__content {
    text-align: center;
    padding: 1rem 26px;
    position: relative;
    z-index: 2;
    height: 579px;
    background: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/s23/modal/s23-last-chance-booking-bg-mobile.jpg") top center/auto 100% no-repeat; }
    @media screen and (min-width: 768px) {
      #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .c-s23-vip-perk__content {
        background: none;
        position: absolute;
        top: 194px;
        left: calc(50%);
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        width: 100%;
        height: auto;
        z-index: 2;
        padding: 0; } }
    #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .c-s23-vip-perk__content .c-s23-vip-perk__title {
      display: block;
      font-family: 'Montserrat';
      font-weight: 700;
      padding-bottom: 12px;
      letter-spacing: normal;
      font-size: 34px;
      line-height: 38px;
      text-transform: uppercase; }
      #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .c-s23-vip-perk__content .c-s23-vip-perk__title span {
        text-transform: lowercase; }
      @media screen and (max-width: 767px) {
        #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .c-s23-vip-perk__content .c-s23-vip-perk__title {
          margin-top: 143px; } }
      @media screen and (max-width: 320px) {
        #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .c-s23-vip-perk__content .c-s23-vip-perk__title {
          font-size: 30px; } }
    #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .c-s23-vip-perk__content .c-s23-vip-perk__standard {
      display: block;
      margin: 0 auto 25px;
      font-family: montserrat;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: .4px; }
      @media screen and (max-width: 767px) {
        #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .c-s23-vip-perk__content .c-s23-vip-perk__standard {
          margin-right: 30%; } }
      @media screen and (max-width: 320px) {
        #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .c-s23-vip-perk__content .c-s23-vip-perk__standard {
          font-size: 14px; } }
  #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .c-s23-vip-perk__close {
    position: absolute;
    top: 23px;
    right: 17px;
    font-size: 0;
    text-decoration: none;
    display: inline-block;
    height: 19px;
    width: 19px; }
    @media screen and (max-width: 767px) {
      #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .c-s23-vip-perk__close {
        z-index: 2;
        top: 16px;
        right: 15px; } }
    @media screen and (max-width: 369px) {
      #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .c-s23-vip-perk__close {
        top: 4px;
        right: 6px; } }
    #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .c-s23-vip-perk__close:before, #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .c-s23-vip-perk__close:after {
      content: '';
      display: inline-block;
      height: 2px;
      width: 100%;
      background: white;
      position: absolute;
      left: 50%;
      top: 50%; }
    #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .c-s23-vip-perk__close:after {
      transform: translateX(-50%) rotate(45deg); }
    #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .c-s23-vip-perk__close:before {
      transform: translateX(-50%) rotate(-45deg); }
  #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .modal-content {
    width: 275px;
    margin-left: auto;
    margin-right: 52px; }
    @media screen and (max-width: 767px) {
      #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .modal-content {
        width: 100%;
        margin-right: auto; } }
  #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .c-s23-vip-perk__terms {
    font-family: 'Montserrat';
    font-size: 12px;
    line-height: 18px;
    width: 100%; }
    @media screen and (min-width: 768px) {
      #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .c-s23-vip-perk__terms {
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
        margin-top: 12px; } }
    @media screen and (max-width: 767px) {
      #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .c-s23-vip-perk__terms {
        position: absolute;
        bottom: 0;
        padding: 11px 5px;
        width: 305px;
        max-width: 100%;
        left: 50%;
        transform: translateX(-50%); } }
    @media screen and (max-width: 319px) {
      #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .c-s23-vip-perk__terms {
        background: #FFFBF7; } }
  #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .btn {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .35px;
    padding: 0 35px; }
    @media screen and (max-width: 767px) {
      #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .btn {
        padding: 0 25px;
        margin-right: 30%; } }
    @media screen and (max-width: 364px) {
      #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .btn {
        padding: 10px 19px;
        font-size: 12px; } }
    @media screen and (max-width: 318px) {
      #s23-vip .c-s23-vip-perk .c-s23-vip-perk__wrapper .btn:before {
        display: none; } }

@media screen and (min-width: 1000px) {
  .c-outfit-preview img {
    -webkit-transition: opacity 0.33s;
    -moz-transition: opacity 0.33s;
    transition: opacity 0.33s; }
  .c-outfit-preview:hover img, .c-outfit-preview:focus img,
  .c-outfit-preview .active-tabbed img {
    opacity: .5; } }

.c-outfit-preview .c-outfit-preview__content {
  opacity: 0;
  -webkit-transition: opacity 0s;
  -moz-transition: opacity 0s;
  transition: opacity 0s;
  margin-top: -5%; }

.c-outfit-preview:hover .c-outfit-preview__content {
  opacity: 1;
  -webkit-transition: opacity 0.33s;
  -moz-transition: opacity 0.33s;
  transition: opacity 0.33s; }

.c-outfit-preview:focus .c-outfit-preview__content {
  opacity: 1;
  -webkit-transition: opacity 0.33s;
  -moz-transition: opacity 0.33s;
  transition: opacity 0.33s; }

.c-outfit-preview.active-tabbed .c-outfit-preview__content {
  opacity: 1;
  -webkit-transition: opacity 0.33s;
  -moz-transition: opacity 0.33s;
  transition: opacity 0.33s; }

@media screen and (max-width: 999px) {
  .c-outfit-preview {
    padding-bottom: 3em; }
    .c-outfit-preview .c-outfit-preview__content {
      opacity: 1;
      top: calc(100% - 2em);
      margin-top: 5%; } }

.entry-content .privacy-policy {
  margin: 30px 0;
  border: 1px black solid; }
  .entry-content .privacy-policy tr {
    border: 1px black solid; }
    .entry-content .privacy-policy tr th {
      border: 1px black solid;
      padding: 5px; }
    .entry-content .privacy-policy tr td {
      border: 1px black solid;
      padding: 5px; }

.promotion.promotion-collection {
  cursor: pointer; }
  @media screen and (min-width: 768px) {
    .promotion.promotion-collection {
      padding: 50px; } }
  .promotion.promotion-collection .image img {
    width: 100%;
    height: auto;
    display: block; }
  .promotion.promotion-collection .content {
    padding: 3rem 2rem; }
    @media screen and (max-width: 999px) {
      .promotion.promotion-collection .content {
        font-size: 1.25em; } }
    .promotion.promotion-collection .content .h3 {
      font-family: 'Montserrat';
      text-transform: uppercase;
      font-size: 1em;
      margin-bottom: .5em; }
    .promotion.promotion-collection .content p {
      font-size: .9em; }

.promotion.promotion-blog-post .image {
  border: 10px solid #ccc; }
  .promotion.promotion-blog-post .image img {
    width: 100%;
    height: auto;
    display: block; }

.promotion.promotion-blog-post .content {
  padding: 1em 0; }
  .promotion.promotion-blog-post .content a {
    font-size: .85em; }

.send_email__title {
  margin-bottom: 1.5em; }

.send_email__fieldset {
  background-color: #f5f5f5;
  padding: 3px 0;
  margin: 1em 0 0; }
  .send_email__fieldset:last-of-type {
    margin-bottom: 1em; }

.send_email__helper_text {
  font-size: 10px;
  color: #666;
  font-style: italic; }

.send_email__label {
  font-size: 13px;
  background-color: #f5f5f5;
  color: #6d6d6d;
  padding: 0 0.5rem; }

.send_email__input {
  font-size: 1.1em !important;
  padding: 0 0.5rem !important;
  border: none;
  background-color: #f5f5f5; }

.invalid.send_email__fieldset {
  background-color: #fcc; }
  .invalid.send_email__fieldset .send_email__label {
    color: red; }
  .invalid.send_email__fieldset .send_email__input {
    background-color: inherit; }

.error-message {
  color: red;
  padding-top: 20px;
  font-style: italic; }

.angular-global-components {
  font-family: 'Montserrat'; }

.c-site-header {
  font-family: 'Montserrat';
  background-color: white;
  /* Used on pages that are white on top, and it blends into header */ }
  @media screen and (min-width: 1000px) {
    .c-site-header {
      height: 82px; }
      body.cabi-is-authenticated .c-site-header, body.cabi-is-not-microsite .c-site-header {
        height: 110px; } }
  .c-site-header--with-bottom-border {
    border-bottom: 1px solid #eeefef; }

/* Helper class added to .c-site-header to encapulate
the fixed header code */
.c-site-header--fixed-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 9996;
  transform: translateX(0px);
  padding-bottom: 3px; }
  body.mm-menu-open .c-site-header--fixed-wrapper {
    transform: translateX(80%); }
    @media screen and (min-width: 550px) {
      body.mm-menu-open .c-site-header--fixed-wrapper {
        transform: translateX(440px); } }

.c-site-header .container {
  justify-content: space-between; }
  @media screen and (min-width: 1000px) {
    .c-site-header .container {
      max-width: 1170px;
      padding: 0 40px; } }

.c-site-header__account-bar {
  height: 0;
  overflow: hidden;
  background-color: #f9f9f9; }
  @media screen and (min-width: 1000px) {
    .c-site-header__account-bar {
      height: 28px;
      overflow: visible; } }

.c-site-header__stylist-bar {
  padding: 0.75em 0;
  background: #f9f9f9; }
  @media screen and (min-width: 1000px) {
    .c-site-header__stylist-bar {
      display: none; } }
  .c-site-header__stylist-bar > .container > *:first-child {
    flex: 1; }
  .c-site-header__stylist-bar nav > * {
    font-weight: bold; }
    @media screen and (min-width: 1000px) {
      .c-site-header__stylist-bar nav > * {
        margin: 0 0.75rem; } }

.c-site-header__navigation-bar {
  padding: 0.67rem 0; }

.c-site-header__burger-button {
  display: block;
  width: 22px;
  height: 19px;
  padding: 0;
  position: relative;
  border: none;
  border-radius: 0;
  background-color: transparent;
  margin: 0 1.5rem 0 0;
  outline: none; }
  @media screen and (min-width: 1000px) {
    .c-site-header__burger-button {
      display: none; } }
  .c-site-header__burger-button span {
    display: block;
    border-bottom: 2px solid #000; }
    .c-site-header__burger-button span:not(:first-child) {
      margin-top: 5px; }

.c-site-header__logo {
  width: 100%; }
  @media screen and (min-width: 1000px) {
    .c-site-header__logo {
      width: auto; } }

.c-site-header__logo-wrapper {
  width: 32px;
  margin-right: 1.5rem; }
  @media screen and (min-width: 1000px) {
    .c-site-header__logo-wrapper {
      width: 50px;
      margin-right: 2.5rem; } }

.c-site-header__dropdown-navigation {
  display: none; }
  @media screen and (min-width: 1000px) {
    .c-site-header__dropdown-navigation {
      display: block;
      width: 100%; } }

.c-site-header__stylist-information {
  display: none; }
  @media screen and (min-width: 1000px) {
    .c-site-header__stylist-information {
      display: block;
      margin: 0 1.5rem 0 0; } }
  .c-site-header__stylist-information a.c-site-header__stylist-information-find-btn {
    border-width: 2px;
    padding: 0.5rem 0.75rem;
    white-space: nowrap;
    line-height: 1;
    height: auto;
    font-size: 0.75rem;
    font-weight: 700; }

.c-site-header__stylist-information-wrapper {
  display: flex; }
  @media screen and (min-width: 1000px) {
    .c-site-header__stylist-information-wrapper {
      width: 170px; } }
  .c-site-header__stylist-information-wrapper .c-site-header__stylist-avatar {
    margin-right: 0.5rem; }
    .c-site-header__stylist-information-wrapper .c-site-header__stylist-avatar img {
      display: block;
      height: 46px;
      width: 46px;
      border-radius: 46px; }
  .c-site-header__stylist-bar .c-site-header__stylist-information-wrapper .c-site-header__stylist-avatar img {
    width: 28px;
    height: 28px; }
  .c-site-header__stylist-bar .c-site-header__stylist-information-wrapper stylist-info a#stylistinfo-toggle {
    line-height: 28px; }

.c-site-header__favorites-wrapper {
  padding-top: 4px; }
  .c-site-header__favorites-wrapper path {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }

.c-site-header__hanger-icon-wrapper {
  padding-top: 4px; }
  .c-site-header__hanger-icon-wrapper path {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }

.c-site-header__utility-group .fa {
  font-size: 1.5rem;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s; }
  @media screen and (min-width: 1000px) {
    .c-site-header__utility-group .fa {
      font-size: 1.25rem; } }

.c-site-header__utility-group > *:not(:first-child) {
  margin-left: 0.75rem; }

.c-site-header__utility-group > *:not(:last-child) {
  margin-right: 0.75rem; }

.c-site-header__notification-bar {
  overflow: hidden; }
  @media only screen and (max-width: 1000px) {
    .c-site-header__notification-bar {
      margin-top: -3px; } }
  .c-site-header__notification-bar .growl-container > .growl-item {
    margin-bottom: 0; }

.c-site-header-hh-option {
  display: none;
  height: 70px;
  /* target safari on mobile only */ }
  .c-site-header-hh-option .hh-wrapper {
    position: fixed;
    width: 100%;
    z-index: 1111;
    background-color: #F7F7F7;
    height: 70px;
    align-items: center;
    justify-content: center;
    display: flex; }
    .c-site-header-hh-option .hh-wrapper .back-link {
      text-decoration: none;
      border: 1px solid #C1C1C1;
      padding: 9px 24px;
      font-family: 'Montserrat';
      font-weight: 600;
      font-size: 15px; }
      .c-site-header-hh-option .hh-wrapper .back-link .fa-reply {
        margin-right: 4px; }
  @media only screen and (max-width: 768px) {
    @supports (-webkit-hyphens: none) {
      .c-site-header-hh-option {
        margin-top: 10px; } } }

.c-site-header-hh-option.show {
  display: flex !important; }

.c-site-footer__menus {
  display: none;
  padding: 4rem 0; }
  @media screen and (min-width: 1000px) {
    .c-site-footer__menus {
      display: flex;
      position: relative; } }
  .c-site-footer__menus [class^="menu-"] {
    vertical-align: top; }
    .c-site-footer__menus [class^="menu-"] a {
      color: inherit;
      text-decoration: none; }
      .c-site-footer__menus [class^="menu-"] a:hover {
        text-decoration: underline; }
  .c-site-footer__menus .menu-additional {
    padding: 0;
    margin: 0;
    margin-right: 0;
    font-size: 0.875rem;
    width: 25%; }
    .c-site-footer__menus .menu-additional li {
      list-style: none;
      padding: 0;
      margin: 0; }
    .c-site-footer__menus .menu-additional ul {
      max-width: 224px; }
    .c-site-footer__menus .menu-additional li {
      padding-left: 2rem;
      margin: 0 0 24px 0; }
      .c-site-footer__menus .menu-additional li a {
        text-transform: uppercase;
        font-family: 'Montserrat';
        font-weight: 600; }
      .c-site-footer__menus .menu-additional li i.fa {
        font-size: 1.33rem;
        margin-right: .67rem; }
    .c-site-footer__menus .menu-additional li.menu-additional-item--with-icon {
      padding-left: 0; }
  .c-site-footer__menus .cab-tap__footer-link {
    display: flex;
    align-items: center; }
    .c-site-footer__menus .cab-tap__footer-link .get-your-app__svg {
      width: 20px;
      margin-right: 1em; }
  .c-site-footer__menus .menu-primary {
    width: 75%; }
    .c-site-footer__menus .menu-primary #menu-main-navigation {
      padding: 0;
      margin: 0;
      position: relative;
      height: 480px;
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      align-content: space-between; }
      .c-site-footer__menus .menu-primary #menu-main-navigation li {
        list-style: none;
        padding: 0;
        margin: 0; }
      .c-site-footer__menus .menu-primary #menu-main-navigation::after {
        clear: both;
        content: "";
        display: table; }
      .c-site-footer__menus .menu-primary #menu-main-navigation > li {
        width: auto;
        flex: 0 0 auto;
        margin-bottom: 20px; }
        .c-site-footer__menus .menu-primary #menu-main-navigation > li a {
          text-transform: uppercase;
          font-size: 13px;
          font-weight: bold;
          font-family: 'Montserrat';
          font-weight: 600;
          font-size: 0.8125rem; }
      .c-site-footer__menus .menu-primary #menu-main-navigation .column > a {
        display: none !important; }
      .c-site-footer__menus .menu-primary #menu-main-navigation .column ul .dead-link {
        pointer-events: all !important; }
        .c-site-footer__menus .menu-primary #menu-main-navigation .column ul .dead-link > a {
          pointer-events: none !important; }
      .c-site-footer__menus .menu-primary #menu-main-navigation .column ul > li {
        margin-bottom: 25px; }
      .c-site-footer__menus .menu-primary #menu-main-navigation .column ul ul {
        margin-top: 5px; }
        .c-site-footer__menus .menu-primary #menu-main-navigation .column ul ul > li {
          margin-bottom: 7px;
          line-height: 1.2; }
        .c-site-footer__menus .menu-primary #menu-main-navigation .column ul ul a {
          font-size: 0.625em;
          font-family: 'Montserrat';
          font-weight: 500; }
        .c-site-footer__menus .menu-primary #menu-main-navigation .column ul ul ul li {
          position: relative;
          margin-left: 25px; }
          .c-site-footer__menus .menu-primary #menu-main-navigation .column ul ul ul li::before {
            content: "";
            width: 3px;
            height: 3px;
            background: #000000;
            border-radius: 50%;
            position: absolute;
            display: block;
            top: 50%;
            transform: translateY(-50%);
            left: -10px; }

@media screen and (min-width: 1000px) {
  .c-site-footer__menus li.overview {
    display: none; } }

#legal-links {
  padding-bottom: 2em; }
  #legal-links ul li {
    font-size: .9em;
    padding: 0 1em;
    margin-bottom: 1em;
    font-family: 'Montserrat';
    color: #323232; }
    @media screen and (min-width: 1000px) {
      #legal-links ul li {
        display: inline-block; }
        #legal-links ul li:not(:last-child) {
          border-right: 1px solid #262223; } }
    #legal-links ul li a {
      color: #262223;
      text-decoration: none;
      font-family: 'Montserrat'; }
      #legal-links ul li a:hover {
        text-decoration: underline; }

@media screen and (min-width: 1000px) {
  .page-template-show-microsite .c-site-footer__menus {
    display: none; } }

.dead-link {
  pointer-events: none !important; }

.c-site-primary-menu .menu-main-navigation {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start; }
  .c-site-primary-menu .menu-main-navigation .menu-submenu.is-focused {
    display: block;
    font-size: 1.2em;
    position: absolute;
    left: 0;
    top: calc(100%);
    height: auto;
    width: 800px;
    z-index: 9999;
    text-align: left;
    padding: 0;
    margin: 0;
    background: #fff;
    border-top: 3px solid #000;
    -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5), 5px 3px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5), 5px 3px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5), 5px 3px 5px 0px rgba(0, 0, 0, 0.5); }
    .c-site-primary-menu .menu-main-navigation .menu-submenu.is-focused li {
      list-style: none;
      padding: 0;
      margin: 0; }
  .c-site-primary-menu .menu-main-navigation > li:hover > .menu-submenu {
    display: block;
    font-size: 1.2em;
    position: absolute;
    left: 0;
    top: calc(100%);
    height: auto;
    width: 800px;
    z-index: 9999;
    text-align: left;
    padding: 0;
    margin: 0;
    background: #fff;
    border-top: 3px solid #000;
    -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5), 5px 3px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5), 5px 3px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5), 5px 3px 5px 0px rgba(0, 0, 0, 0.5); }
    .c-site-primary-menu .menu-main-navigation > li:hover > .menu-submenu li {
      list-style: none;
      padding: 0;
      margin: 0; }
  .c-site-primary-menu .menu-main-navigation > li {
    letter-spacing: 0.04em;
    margin: 0 1rem; }
    @media screen and (min-width: 1000px) {
      .c-site-primary-menu .menu-main-navigation > li {
        margin: 0 1.5rem 0 0; } }
    @media screen and (min-width: 1250px) {
      .c-site-primary-menu .menu-main-navigation > li {
        margin: 0 2rem 0 0; } }
    .c-site-primary-menu .menu-main-navigation > li.active > a {
      color: #000000;
      border-bottom: 2px solid #000000; }
    .c-site-primary-menu .menu-main-navigation > li > a {
      color: #262223;
      text-decoration: none;
      font-size: 1rem;
      display: block;
      line-height: 52px;
      position: relative;
      border-bottom: 2px solid transparent;
      text-transform: uppercase; }
      @media screen and (min-width: 1000px) {
        .c-site-primary-menu .menu-main-navigation > li > a {
          line-height: 31px;
          white-space: nowrap;
          font-size: 14px; } }
      @media screen and (min-width: 1250px) {
        .c-site-primary-menu .menu-main-navigation > li > a {
          font-size: 1rem; } }
      .c-site-primary-menu .menu-main-navigation > li > a span.hide-in-header {
        display: none; }
    .c-site-primary-menu .menu-main-navigation > li.lowercase > a {
      text-transform: none; }
    .c-site-primary-menu .menu-main-navigation > li.standout a {
      text-transform: uppercase; }
    .c-site-primary-menu .menu-main-navigation > li > a:hover {
      color: #000000;
      border-bottom: 2px solid #000000; }
      .c-site-primary-menu .menu-main-navigation > li > a:hover:after {
        height: 3px; }
    .c-site-primary-menu .menu-main-navigation > li > .menu-submenu {
      display: none; }

.c-site-primary-menu li.new-label a:after {
  content: "NEW";
  background: black;
  color: white;
  margin-left: 0.25rem;
  font-weight: 900;
  padding: 0.175rem 0.2rem;
  line-height: 1; }

.c-site-primary-menu .menu-main-navigation .menu-submenu::after {
  clear: both;
  content: "";
  display: table; }

.c-site-primary-menu .menu-main-navigation .menu-submenu > ul {
  height: 100%;
  text-transform: uppercase; }
  .c-site-primary-menu .menu-main-navigation .menu-submenu > ul.sub-menu {
    max-height: 90vh;
    overflow-y: auto;
    width: 582px; }
    .c-site-primary-menu .menu-main-navigation .menu-submenu > ul.sub-menu > li > a {
      line-height: 1.2em;
      font-size: 13px;
      letter-spacing: 0.0375em;
      font-family: 'Montserrat';
      font-weight: 600;
      margin-bottom: 1.4285714286em;
      display: block; }
    .c-site-primary-menu .menu-main-navigation .menu-submenu > ul.sub-menu > li a {
      text-decoration: none; }
      .c-site-primary-menu .menu-main-navigation .menu-submenu > ul.sub-menu > li a:hover {
        text-decoration: underline; }
      .c-site-primary-menu .menu-main-navigation .menu-submenu > ul.sub-menu > li a.make-stronger {
        font-weight: 600; }
    .c-site-primary-menu .menu-main-navigation .menu-submenu > ul.sub-menu > li > .sub-menu {
      display: block;
      font-family: 'Montserrat';
      font-size: 10px;
      letter-spacing: 0.0375em;
      line-height: 1.2em; }
      .c-site-primary-menu .menu-main-navigation .menu-submenu > ul.sub-menu > li > .sub-menu > li {
        margin-bottom: 1.75em; }
        .c-site-primary-menu .menu-main-navigation .menu-submenu > ul.sub-menu > li > .sub-menu > li:last-child {
          margin-bottom: 0; }
        .c-site-primary-menu .menu-main-navigation .menu-submenu > ul.sub-menu > li > .sub-menu > li > .sub-menu {
          display: none; }
    .c-site-primary-menu .menu-main-navigation .menu-submenu > ul.sub-menu > li > ul#look-categories > li {
      word-wrap: break-word;
      width: 150px; }
      .c-site-primary-menu .menu-main-navigation .menu-submenu > ul.sub-menu > li > ul#look-categories > li.new-label {
        line-height: 1.5; }
  .c-site-primary-menu .menu-main-navigation .menu-submenu > ul.promotion a {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative; }
  .c-site-primary-menu .menu-main-navigation .menu-submenu > ul.promotion img {
    position: absolute;
    height: 100%;
    min-width: 100%;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); }

@media (min-width: 768px) and (max-width: 1024px) {
  .c-site-primary-menu .menu-main-navigation #menu-collection .menu-submenu {
    left: -100px; } }

.c-site-primary-menu .menu-main-navigation #menu-collection .menu-submenu > ul {
  display: flex;
  padding: 0 40px; }
  .c-site-primary-menu .menu-main-navigation #menu-collection .menu-submenu > ul.sub-menu {
    width: 100%; }
    .c-site-primary-menu .menu-main-navigation #menu-collection .menu-submenu > ul.sub-menu > li {
      width: 33%;
      padding: 40px 0;
      display: block; }
      .c-site-primary-menu .menu-main-navigation #menu-collection .menu-submenu > ul.sub-menu > li .sub-menu .sub-categories {
        display: flex;
        flex-flow: column;
        gap: 15px;
        margin-left: 15px;
        margin-top: 15px; }
        .c-site-primary-menu .menu-main-navigation #menu-collection .menu-submenu > ul.sub-menu > li .sub-menu .sub-categories li {
          position: relative; }
          .c-site-primary-menu .menu-main-navigation #menu-collection .menu-submenu > ul.sub-menu > li .sub-menu .sub-categories li::before {
            content: "";
            width: 3px;
            height: 3px;
            background: #000000;
            border-radius: 50%;
            position: absolute;
            display: block;
            top: 50%;
            transform: translateY(-50%);
            left: -10px; }

.c-site-primary-menu .menu-main-navigation #menu-collection .the-cabi-blog {
  display: flex;
  height: 193px; }
  .c-site-primary-menu .menu-main-navigation #menu-collection .the-cabi-blog .the-cabi-blog--image {
    display: block;
    height: auto;
    width: 100%;
    background-size: cover;
    background-position: center center; }

.c-site-primary-menu .menu-main-navigation .promotion {
  text-transform: inherit !important; }
  .c-site-primary-menu .menu-main-navigation .promotion .promotion__recent-promo--link {
    display: block;
    height: 180px;
    width: 100%;
    background-size: cover;
    background-position: center center; }
  .c-site-primary-menu .menu-main-navigation .promotion .promotion__from-blog {
    padding: 20px 26px; }
  .c-site-primary-menu .menu-main-navigation .promotion .promotion__from-blog--link {
    display: block;
    height: 193px;
    width: 100%;
    background-size: cover;
    background-position: center center; }
  .c-site-primary-menu .menu-main-navigation .promotion .promotion__from-blog-label {
    font-family: Montserrat !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.6em;
    margin-bottom: 0.25em; }
  .c-site-primary-menu .menu-main-navigation .promotion .promotion__from-blog-label-link {
    text-decoration: none; }
    @media screen and (min-width: 1000px) {
      .c-site-primary-menu .menu-main-navigation .promotion .promotion__from-blog-label-link:hover {
        text-decoration: underline; } }
  .c-site-primary-menu .menu-main-navigation .promotion .promotion__from-blog--title {
    margin-top: 10px;
    font-weight: 600;
    font-size: 0.8em;
    line-height: 1.2em;
    overflow: hidden;
    text-transform: inherit; }
  .c-site-primary-menu .menu-main-navigation .promotion .promotion__from-blog--excerpt {
    font-size: 0.6em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-transform: inherit;
    line-height: 1.45em;
    margin-top: 5px; }

.cabi-consultant-site .c-site-primary-menu .menu-main-navigation #menu-what-is-cabi .menu-submenu > ul.sub-menu > li {
  margin-bottom: 1em; }

.cabi-consultant-site .c-site-primary-menu .menu-main-navigation #menu-what-is-cabi #host-callout, .cabi-consultant-site .c-site-primary-menu .menu-main-navigation #menu-what-is-cabi #join-us-callout, .cabi-consultant-site .c-site-primary-menu .menu-main-navigation #menu-join-us #host-callout, .cabi-consultant-site .c-site-primary-menu .menu-main-navigation #menu-join-us #join-us-callout, .cabi-consultant-site .c-site-primary-menu .menu-main-navigation #menu-host #host-callout, .cabi-consultant-site .c-site-primary-menu .menu-main-navigation #menu-host #join-us-callout {
  font-size: .85em !important;
  line-height: 20px !important; }

.c-site-primary-menu .menu-main-navigation #menu-join-us .menu-submenu,
.c-site-primary-menu .menu-main-navigation #menu-host .menu-submenu,
.c-site-primary-menu .menu-main-navigation #menu-what-is-cabi .menu-submenu {
  width: 620px;
  height: 380px; }
  .c-site-primary-menu .menu-main-navigation #menu-join-us .menu-submenu #host-callout,
  .c-site-primary-menu .menu-main-navigation #menu-join-us .menu-submenu #join-us-callout,
  .c-site-primary-menu .menu-main-navigation #menu-host .menu-submenu #host-callout,
  .c-site-primary-menu .menu-main-navigation #menu-host .menu-submenu #join-us-callout,
  .c-site-primary-menu .menu-main-navigation #menu-what-is-cabi .menu-submenu #host-callout,
  .c-site-primary-menu .menu-main-navigation #menu-what-is-cabi .menu-submenu #join-us-callout {
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    bottom: 40px;
    color: #524F45;
    font-size: 19px;
    font-weight: 400;
    left: 20px;
    line-height: 20px;
    position: absolute;
    text-transform: initial; }
  .c-site-primary-menu .menu-main-navigation #menu-join-us .menu-submenu > ul,
  .c-site-primary-menu .menu-main-navigation #menu-host .menu-submenu > ul,
  .c-site-primary-menu .menu-main-navigation #menu-what-is-cabi .menu-submenu > ul {
    float: left; }
    .c-site-primary-menu .menu-main-navigation #menu-join-us .menu-submenu > ul.sub-menu,
    .c-site-primary-menu .menu-main-navigation #menu-host .menu-submenu > ul.sub-menu,
    .c-site-primary-menu .menu-main-navigation #menu-what-is-cabi .menu-submenu > ul.sub-menu {
      width: 320px;
      padding: 30px; }
      .c-site-primary-menu .menu-main-navigation #menu-join-us .menu-submenu > ul.sub-menu > li,
      .c-site-primary-menu .menu-main-navigation #menu-host .menu-submenu > ul.sub-menu > li,
      .c-site-primary-menu .menu-main-navigation #menu-what-is-cabi .menu-submenu > ul.sub-menu > li {
        display: block;
        margin-bottom: 1em; }
        .c-site-primary-menu .menu-main-navigation #menu-join-us .menu-submenu > ul.sub-menu > li a,
        .c-site-primary-menu .menu-main-navigation #menu-host .menu-submenu > ul.sub-menu > li a,
        .c-site-primary-menu .menu-main-navigation #menu-what-is-cabi .menu-submenu > ul.sub-menu > li a {
          text-decoration: none; }
          .c-site-primary-menu .menu-main-navigation #menu-join-us .menu-submenu > ul.sub-menu > li a:hover,
          .c-site-primary-menu .menu-main-navigation #menu-host .menu-submenu > ul.sub-menu > li a:hover,
          .c-site-primary-menu .menu-main-navigation #menu-what-is-cabi .menu-submenu > ul.sub-menu > li a:hover {
            text-decoration: underline; }
    .c-site-primary-menu .menu-main-navigation #menu-join-us .menu-submenu > ul.promotion,
    .c-site-primary-menu .menu-main-navigation #menu-host .menu-submenu > ul.promotion,
    .c-site-primary-menu .menu-main-navigation #menu-what-is-cabi .menu-submenu > ul.promotion {
      width: 300px;
      position: absolute;
      right: 0;
      top: 0; }
  .c-site-primary-menu .menu-main-navigation #menu-join-us .menu-submenu.replicated-menu > ul.sub-menu > li,
  .c-site-primary-menu .menu-main-navigation #menu-host .menu-submenu.replicated-menu > ul.sub-menu > li,
  .c-site-primary-menu .menu-main-navigation #menu-what-is-cabi .menu-submenu.replicated-menu > ul.sub-menu > li {
    margin-bottom: 1em; }
  .c-site-primary-menu .menu-main-navigation #menu-join-us .menu-submenu .scheduler-link,
  .c-site-primary-menu .menu-main-navigation #menu-host .menu-submenu .scheduler-link,
  .c-site-primary-menu .menu-main-navigation #menu-what-is-cabi .menu-submenu .scheduler-link {
    line-height: 1.2em;
    font-size: 14px;
    letter-spacing: 0.0375em;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 800;
    font-style: normal;
    margin-bottom: 1.4285714286em;
    display: block; }

.c-site-primary-menu .menu-main-navigation #menu-what-is-cabi .menu-submenu {
  width: 640px; }
  .c-site-primary-menu .menu-main-navigation #menu-what-is-cabi .menu-submenu > ul.promotion {
    width: 320px; }

.c-site-primary-menu .menu-main-navigation #menu-blog .menu-submenu #blog-callout {
  position: absolute;
  left: 50px;
  bottom: 40px;
  line-height: 1em;
  width: 405px;
  height: 134px;
  overflow: hidden;
  display: table; }
  .c-site-primary-menu .menu-main-navigation #menu-blog .menu-submenu #blog-callout img {
    vertical-align: middle;
    width: 223px;
    max-height: 134px;
    display: table-cell; }
  .c-site-primary-menu .menu-main-navigation #menu-blog .menu-submenu #blog-callout .post {
    width: 182px;
    vertical-align: top;
    display: table-cell;
    padding-left: 20px; }
    .c-site-primary-menu .menu-main-navigation #menu-blog .menu-submenu #blog-callout .post #label {
      font-family: 'Montserrat';
      font-weight: 600;
      text-transform: uppercase;
      font-size: 0.6em;
      margin-bottom: 0.25em;
      color: #ff99a8; }
    .c-site-primary-menu .menu-main-navigation #menu-blog .menu-submenu #blog-callout .post #title {
      font-weight: 600;
      font-size: 1.02em;
      line-height: 1.2em;
      overflow: hidden;
      height: 112px; }
    .c-site-primary-menu .menu-main-navigation #menu-blog .menu-submenu #blog-callout .post #excerpt {
      font-size: 0.7em;
      font-family: 'Montserrat'; }

.c-site-primary-menu .menu-main-navigation #menu-blog .menu-submenu > ul {
  float: left; }
  .c-site-primary-menu .menu-main-navigation #menu-blog .menu-submenu > ul.sub-menu {
    width: 555px;
    padding: 40px 50px; }
    .c-site-primary-menu .menu-main-navigation #menu-blog .menu-submenu > ul.sub-menu > li {
      display: block;
      margin-bottom: 1em; }
      .c-site-primary-menu .menu-main-navigation #menu-blog .menu-submenu > ul.sub-menu > li a {
        text-decoration: none; }
        .c-site-primary-menu .menu-main-navigation #menu-blog .menu-submenu > ul.sub-menu > li a:hover {
          text-decoration: underline; }
  .c-site-primary-menu .menu-main-navigation #menu-blog .menu-submenu > ul.promotion {
    width: 415px; }
    .c-site-primary-menu .menu-main-navigation #menu-blog .menu-submenu > ul.promotion a {
      height: 100%;
      width: 100%;
      display: block;
      background-size: cover;
      background-position: center center; }

.c-site-primary-menu a[href="/styles/cabiclothing/"] {
  text-transform: none !important; }

#c-site-header__mobile {
  display: block;
  position: fixed;
  top: 100vh;
  right: 0;
  bottom: -100vh;
  left: 0;
  background: #f7f7f7;
  z-index: 100000;
  max-height: 100vh;
  overflow: auto;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  @media screen and (max-width: 999px) {
    #c-site-header__mobile.open {
      top: 0;
      bottom: 0; } }
  #c-site-header__mobile .menu-whats-new {
    display: none; }
  #c-site-header__mobile .sub-menu {
    margin-bottom: 0; }

.category-menu .menu-submenu {
  display: none;
  padding: 0 4vw 0 6.667vw; }
  @media screen and (min-width: 768px) {
    .category-menu .menu-submenu {
      padding: 0 2vw 0 3.334vw; } }
  .category-menu .menu-submenu ul {
    list-style: none; }

.category-menu.open {
  background-color: #fff;
  padding-bottom: 4vw; }
  @media screen and (min-width: 768px) {
    .category-menu.open {
      padding-bottom: 2vw; } }
  .category-menu.open .menu-submenu {
    display: block; }

.category-menu-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 4vw; }
  @media screen and (min-width: 768px) {
    .category-menu-header {
      padding: 0 2vw; } }
  .category-menu-header a {
    color: #000000;
    font-family: 'Montserrat';
    font-size: 4vw;
    font-weight: 600;
    letter-spacing: 0.248vw;
    line-height: 13.333vw;
    text-decoration: none;
    text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      .category-menu-header a {
        font-size: 2vw;
        letter-spacing: 0.124vw;
        line-height: 6.6667vw; } }
  .category-menu-header .mobile-toggle {
    color: #888888;
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 8.533vw;
    letter-spacing: 0.451vw;
    line-height: 9.6vw;
    width: 8.533vw;
    text-align: center; }
    .category-menu-header .mobile-toggle.open:after {
      content: "\2013"; }
    .category-menu-header .mobile-toggle.close:after {
      content: "\002B"; }
    @media screen and (min-width: 768px) {
      .category-menu-header .mobile-toggle {
        font-size: 4.267vw;
        letter-spacing: 0.2255vw;
        line-height: 4.8vw;
        width: 4.267vw; } }

.menu-sub-category-header,
.menu-sub-categories-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  height: 9.6vw; }
  @media screen and (min-width: 768px) {
    .menu-sub-category-header,
    .menu-sub-categories-header {
      height: 4.8vw; } }
  .menu-sub-category-header a,
  .menu-sub-categories-header a {
    color: #000000;
    font-family: 'Montserrat';
    font-size: 3.467vw;
    font-weight: 600;
    letter-spacing: 0.211vw;
    line-height: 10.133vw;
    text-decoration: none;
    text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      .menu-sub-category-header a,
      .menu-sub-categories-header a {
        font-size: 1.734vw;
        letter-spacing: 0.1055vw;
        line-height: 5.067vw; } }
  .menu-sub-category-header .mobile-toggle,
  .menu-sub-categories-header .mobile-toggle {
    color: #888888;
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 8.533vw;
    letter-spacing: 0.451vw;
    line-height: 9.6vw;
    width: 8.533vw;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .menu-sub-category-header .mobile-toggle,
      .menu-sub-categories-header .mobile-toggle {
        font-size: 4.267vw;
        letter-spacing: 0.2255vw;
        line-height: 4.8vw;
        width: 4.267vw; } }
    .menu-sub-category-header .mobile-toggle.open:after,
    .menu-sub-categories-header .mobile-toggle.open:after {
      content: "\2013"; }
    .menu-sub-category-header .mobile-toggle.close:after,
    .menu-sub-categories-header .mobile-toggle.close:after {
      content: "\002B"; }

#c-site-header__mobile .sub-menu .sub-menu {
  padding-left: 1.6vw;
  display: none; }
  @media screen and (min-width: 768px) {
    #c-site-header__mobile .sub-menu .sub-menu {
      padding-left: 0.8vw; } }
  #c-site-header__mobile .sub-menu .sub-menu.open {
    display: block; }
  #c-site-header__mobile .sub-menu .sub-menu .sub-categories {
    display: none;
    margin-top: 2.667vw;
    padding-left: 1.6vw;
    margin-bottom: 10.667vw; }
    #c-site-header__mobile .sub-menu .sub-menu .sub-categories.open {
      display: block; }
    #c-site-header__mobile .sub-menu .sub-menu .sub-categories li {
      margin-bottom: 2.667vw; }
    @media screen and (min-width: 768px) {
      #c-site-header__mobile .sub-menu .sub-menu .sub-categories {
        margin-top: 1.334vw;
        padding-left: 0.8vw;
        margin-bottom: 5.334vw; }
        #c-site-header__mobile .sub-menu .sub-menu .sub-categories li {
          margin-bottom: 1.334vw; } }
  #c-site-header__mobile .sub-menu .sub-menu .menu-item {
    margin-bottom: 2.667vw; }
    #c-site-header__mobile .sub-menu .sub-menu .menu-item:last-of-type {
      margin-bottom: 4vw; }
      @media screen and (min-width: 768px) {
        #c-site-header__mobile .sub-menu .sub-menu .menu-item:last-of-type {
          margin-bottom: 2vw; } }
    @media screen and (min-width: 768px) {
      #c-site-header__mobile .sub-menu .sub-menu .menu-item {
        margin-bottom: 1.334vw; } }
  #c-site-header__mobile .sub-menu .sub-menu .menu-item a {
    font-family: 'Montserrat';
    display: block;
    font-size: 3.2vw;
    font-weight: 400;
    letter-spacing: 0.211vw;
    line-height: 2;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 0; }
    @media screen and (min-width: 768px) {
      #c-site-header__mobile .sub-menu .sub-menu .menu-item a {
        font-size: 1.6vw;
        letter-spacing: 0.1055vw; } }
    #c-site-header__mobile .sub-menu .sub-menu .menu-item a[href="/styles/cabiclothing/"] {
      text-transform: none; }

.mobile-menu__header {
  background-color: #000;
  height: 12vw;
  border-bottom: 1px solid #cacaca;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 4vw;
  position: relative; }
  @media screen and (min-width: 768px) {
    .mobile-menu__header {
      height: 6vw;
      padding: 0 2vw; } }
  .mobile-menu__header--left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center; }

#mobile-menu-cabi-tap {
  color: #fff;
  font-family: Montserrat;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 3.5vw;
  padding-right: 9vw; }
  #mobile-menu-cabi-tap:after {
    content: '';
    background: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/global/icon-app-devices.svg) bottom/contain no-repeat;
    position: absolute;
    width: 8vw;
    right: 2vw;
    top: 2vw;
    bottom: 0; }
  @media screen and (min-width: 768px) {
    #mobile-menu-cabi-tap {
      font-size: 1.75vw;
      padding-right: 5vw; }
      #mobile-menu-cabi-tap:after {
        width: 4vw;
        right: 1vw; } }

.mobile-menu__header-action.close-mobile-menu {
  font-size: 10.667vw;
  font-family: 'Montserrat';
  font-weight: 300;
  color: #fff;
  text-decoration: none; }
  @media screen and (min-width: 768px) {
    .mobile-menu__header-action.close-mobile-menu {
      font-size: 5.334vw; } }

.mobile-menu__header-action#search-wrapper-mobile {
  margin-left: 5.333vw;
  color: #fff;
  font-size: 4.8vw; }
  @media screen and (min-width: 768px) {
    .mobile-menu__header-action#search-wrapper-mobile {
      margin-left: 2.1667vw;
      font-size: 2.4vw; } }

.mobile-menu__header-action.get-our-app {
  color: #fff;
  font-family: 'Montserrat';
  font-size: 2.933vw;
  font-weight: 600;
  letter-spacing: 0.077vw;
  line-height: 3.733vw;
  text-decoration: none;
  padding-right: 6.4vw;
  position: relative; }
  @media screen and (min-width: 768px) {
    .mobile-menu__header-action.get-our-app {
      font-size: 1.467vw;
      letter-spacing: 0.0385vw;
      line-height: 1.867vw;
      padding-right: 3.2vw; } }
  .mobile-menu__header-action.get-our-app:after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    width: 4.8vw;
    height: 6.4vw;
    filter: invert(1);
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media screen and (min-width: 768px) {
      .mobile-menu__header-action.get-our-app:after {
        width: 2.4vw;
        height: 3.2vw; } }

.mobile-menu__footer ul {
  margin-top: 5.333vw;
  padding: 0 4vw;
  list-style: none; }
  @media screen and (min-width: 768px) {
    .mobile-menu__footer ul {
      margin-top: 2.667vw;
      padding: 0 2vw; } }
  .mobile-menu__footer ul li {
    margin-bottom: 1.333vw; }
    @media screen and (min-width: 768px) {
      .mobile-menu__footer ul li {
        margin-bottom: 0.667vw; } }
  .mobile-menu__footer ul li > a {
    color: #585858;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 3.2vw;
    font-weight: 600;
    letter-spacing: 0.168vw;
    line-height: 6.667vw;
    text-decoration: none; }
    @media screen and (min-width: 768px) {
      .mobile-menu__footer ul li > a {
        font-size: 1.6vw;
        letter-spacing: 0.084vw;
        line-height: 3.334vw; } }

#c-site-header__mobile .one-tier .sub-menu {
  padding-left: 1.6vw;
  display: none; }
  @media screen and (min-width: 768px) {
    #c-site-header__mobile .one-tier .sub-menu {
      padding-left: 0.8vw; } }
  #c-site-header__mobile .one-tier .sub-menu.open {
    display: block; }
  #c-site-header__mobile .one-tier .sub-menu .menu-item {
    margin-bottom: 2.667vw; }
    @media screen and (min-width: 768px) {
      #c-site-header__mobile .one-tier .sub-menu .menu-item {
        margin-bottom: 1.334vw; } }
    #c-site-header__mobile .one-tier .sub-menu .menu-item:last-of-type {
      margin-bottom: 4vw; }
      @media screen and (min-width: 768px) {
        #c-site-header__mobile .one-tier .sub-menu .menu-item:last-of-type {
          margin-bottom: 2vw; } }
  #c-site-header__mobile .one-tier .sub-menu .menu-item a {
    font-family: 'Montserrat';
    font-size: 3.467vw;
    font-weight: 600;
    letter-spacing: 0.211vw;
    line-height: 10.133vw;
    text-decoration: none;
    text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      #c-site-header__mobile .one-tier .sub-menu .menu-item a {
        font-size: 1.734vw;
        letter-spacing: 0.1055vw;
        line-height: 5.067vw; } }

html.no-overflow {
  overflow: hidden; }

social-share-buttons {
  font-size: 1rem;
  width: 100%; }
  social-share-buttons .b-social-share-link,
  social-share-buttons .b-social-link_mail {
    vertical-align: top; }
  social-share-buttons .b-social-share-link,
  social-share-buttons .b-social-link_mail {
    display: inline-block;
    width: 2.085em;
    height: 2.085em;
    margin-bottom: .5em;
    padding: .5em;
    font-size: 1.5em;
    vertical-align: top;
    text-align: center;
    color: #fff;
    background-color: black;
    cursor: pointer; }
    @media screen and (min-width: 1000px) {
      social-share-buttons .b-social-share-link,
      social-share-buttons .b-social-link_mail {
        border-radius: 0;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s; }
        social-share-buttons .b-social-share-link:hover,
        social-share-buttons .b-social-link_mail:hover {
          background-color: white;
          color: black; } }

/* Variables
================================================= */
/* Mixins
================================================= */
/* Modernizr
================================================= */
/* Styles
================================================= */
.shop-table {
  border-collapse: collapse;
  margin: .5em 0;
  table-layout: auto;
  width: 100%;
  display: table; }
  .shop-table .shop-th {
    font-weight: 600;
    padding: .5em 0;
    text-align: left;
    font-size: 0.75em; }
  .shop-table .shop-tr {
    display: table-row;
    width: 100%;
    border-bottom: 1px solid #eae4de; }
    .shop-table .shop-tr:first-child {
      border-top: 1px solid #eae4de; }
  .shop-table .shop-td {
    padding: 1em .5em; }
    .shop-table .shop-td:nth-child(1) img {
      max-width: 95px; }
    .shop-table .shop-td:nth-child(2) .out-of-stock {
      background-color: #6D6D6D;
      text-transform: uppercase;
      color: #fff;
      display: inline-block; }
      .shop-table .shop-td:nth-child(2) .out-of-stock p {
        padding: 0.25em .5em;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 800;
        font-style: normal;
        font-size: .7em; }
    .shop-table .shop-td:nth-child(2) > p:not(div) {
      white-space: nowrap;
      overflow: auto; }
      .shop-table .shop-td:nth-child(2) > p:not(div):first-of-type {
        font-size: 1.2em;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 700;
        font-style: normal; }
      .shop-table .shop-td:nth-child(2) > p:not(div) a {
        color: #6D6D6D; }
    .shop-table .shop-td:nth-child(3) .shop-dropdown #shop-dropdown_btn {
      position: relative;
      max-width: 110px; }
      .shop-table .shop-td:nth-child(3) .shop-dropdown #shop-dropdown_btn a {
        background-color: #fff;
        border: 1px solid #eae4de;
        display: block;
        padding: .5em;
        text-decoration: none; }
        .shop-table .shop-td:nth-child(3) .shop-dropdown #shop-dropdown_btn a span {
          vertical-align: middle; }
        .shop-table .shop-td:nth-child(3) .shop-dropdown #shop-dropdown_btn a i {
          margin-left: .5em;
          font-size: 1.2em; }
      .shop-table .shop-td:nth-child(3) .shop-dropdown #shop-dropdown_btn ul.shop-dropdown_submenu {
        display: none;
        padding: 0;
        margin: 0;
        position: absolute;
        background-color: #fff;
        border: 1px solid #eae4de;
        border-top: none;
        width: 100%; }
        .shop-table .shop-td:nth-child(3) .shop-dropdown #shop-dropdown_btn ul.shop-dropdown_submenu li {
          list-style: none;
          padding: 0;
          margin: 0; }
        .shop-table .shop-td:nth-child(3) .shop-dropdown #shop-dropdown_btn ul.shop-dropdown_submenu li:hover {
          background-color: #262223;
          color: #fff; }
    .shop-table .shop-td:nth-child(4) .shop-dropdown #shop-dropdown_btn {
      position: relative;
      max-width: 110px; }
      .shop-table .shop-td:nth-child(4) .shop-dropdown #shop-dropdown_btn a {
        background-color: #fff;
        border: 1px solid #eae4de;
        display: block;
        padding: .5em;
        text-decoration: none; }
        .shop-table .shop-td:nth-child(4) .shop-dropdown #shop-dropdown_btn a span {
          vertical-align: middle; }
        .shop-table .shop-td:nth-child(4) .shop-dropdown #shop-dropdown_btn a i {
          margin-left: .5em;
          font-size: 1.2em; }
      .shop-table .shop-td:nth-child(4) .shop-dropdown #shop-dropdown_btn ul.shop-dropdown_submenu {
        display: none;
        padding: 0;
        margin: 0;
        position: absolute;
        background-color: #fff;
        border: 1px solid #eae4de;
        border-top: none;
        width: 100%; }
        .shop-table .shop-td:nth-child(4) .shop-dropdown #shop-dropdown_btn ul.shop-dropdown_submenu li {
          list-style: none;
          padding: 0;
          margin: 0; }
        .shop-table .shop-td:nth-child(4) .shop-dropdown #shop-dropdown_btn ul.shop-dropdown_submenu li:hover {
          background-color: #262223;
          color: #fff; }
    .shop-table .shop-td:nth-child(5) .shop-dropdown #shop-dropdown_btn {
      position: relative;
      max-width: 110px; }
      .shop-table .shop-td:nth-child(5) .shop-dropdown #shop-dropdown_btn a {
        background-color: #fff;
        border: 1px solid #eae4de;
        display: block;
        padding: .5em;
        text-decoration: none; }
        .shop-table .shop-td:nth-child(5) .shop-dropdown #shop-dropdown_btn a span {
          vertical-align: middle; }
        .shop-table .shop-td:nth-child(5) .shop-dropdown #shop-dropdown_btn a i {
          margin-left: .5em;
          font-size: 1.2em; }
      .shop-table .shop-td:nth-child(5) .shop-dropdown #shop-dropdown_btn ul.shop-dropdown_submenu {
        display: none;
        padding: 0;
        margin: 0;
        position: absolute;
        background-color: #fff;
        border: 1px solid #eae4de;
        border-top: none;
        width: 100%; }
        .shop-table .shop-td:nth-child(5) .shop-dropdown #shop-dropdown_btn ul.shop-dropdown_submenu li {
          list-style: none;
          padding: 0;
          margin: 0; }
        .shop-table .shop-td:nth-child(5) .shop-dropdown #shop-dropdown_btn ul.shop-dropdown_submenu li:hover {
          background-color: #262223;
          color: #fff; }
    .shop-table .shop-td:nth-child(6) input {
      width: 35px;
      height: 40px;
      font-size: 1.1em;
      border: 1px solid #eae4de;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal; }
    .shop-table .shop-td:nth-child(6) input::-webkit-outer-spin-button,
    .shop-table .shop-td:nth-child(6) input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .shop-table .shop-td:nth-child(7) {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 800;
      font-style: normal; }
    .shop-table .shop-td:last-child {
      font-weight: bold !important; }
      .shop-table .shop-td:last-child a {
        text-decoration: none;
        -webkit-transition: all 0.15s ease-out 0s;
        -moz-transition: all 0.15s ease-out 0s;
        transition: all 0.15s ease-out 0s; }
        .shop-table .shop-td:last-child a:hover {
          color: #000; }
  .shop-table .shop-td,
  .shop-table .shop-th {
    display: table-cell; }
  .shop-table .shop-tr,
  .shop-table .shop-td,
  .shop-table .shop-th {
    vertical-align: middle;
    text-align: center; }
  .shop-table .shop-td {
    text-align: left; }

.section-header {
  text-align: center;
  margin-bottom: 30px;
  padding: 0 10%; }
  .section-header h2 {
    margin: 0 0 5px 0;
    font-size: 55px;
    line-height: 70px;
    display: block;
    font-weight: 100; }
    @media screen and (max-width: 767px) {
      .section-header h2 {
        font-size: 25px;
        line-height: 30px; } }
  .section-header .section-title {
    font-family: 'Didot 06 A', 'Didot 06 B', 'georgia'; }
  .section-header span {
    display: block;
    text-transform: uppercase;
    color: #6D6D6D;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.03em; }
  .section-header .leading {
    font-family: Montserrat; }

.section-wrapper {
  padding: 40px; }
  @media screen and (max-width: 767px) {
    .section-wrapper {
      padding: 0px; } }
  .section-wrapper hr {
    height: 1px;
    background: #cbcbcb;
    margin: 50px 0; }
  .section-wrapper--no-padding {
    padding: 0; }

.table-style {
  width: 100%;
  border-collapse: collapse;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 600;
  font-style: normal;
  font-weight: 600; }
  .table-style.table-style-large thead th {
    padding: 0 15px 15px 15px;
    font-size: 14px;
    line-height: 16px; }
    @media screen and (max-width: 767px) {
      .table-style.table-style-large thead th {
        font-size: 10px;
        line-height: 15px;
        padding: 5px 5px 10px 5px; } }
  .table-style.table-style-large tbody td {
    padding: 15px;
    font-size: 20px; }
    @media screen and (max-width: 767px) {
      .table-style.table-style-large tbody td {
        font-size: 10px;
        padding: 5px 2px; } }
    @media screen and (max-width: 767px) {
      .table-style.table-style-large tbody td .columns {
        margin: 0; } }
    @media screen and (max-width: 767px) {
      .table-style.table-style-large tbody td .columns .col-2 {
        padding: 0; } }
  .table-style.table-style-large tbody span {
    font-size: 14px; }
    .table-style.table-style-large tbody span .small-font {
      font-size: 11px !important; }
    @media screen and (max-width: 767px) {
      .table-style.table-style-large tbody span {
        font-size: 8px; } }
  .table-style.table-style-small thead th {
    padding: 0px 15px 15px 15px;
    font-size: 12px;
    line-height: 14px; }
  .table-style.table-style-small tbody td {
    padding: 7px 15px;
    font-size: 14px; }
  .table-style.table-style-small tbody span {
    font-size: 12px;
    line-height: 1; }
  .table-style.table-style-small tbody .total td {
    padding-top: 12px;
    padding-bottom: 12px; }
  .table-style thead th {
    background: #f0f0ef;
    border: 1px solid #f0f0ef;
    vertical-align: middle; }
  .table-style tbody td {
    background: #fff;
    border: 2px solid #f0f0ef;
    vertical-align: middle;
    text-align: center;
    min-height: 48px; }
  .table-style tbody span {
    display: block;
    color: #6D6D6D;
    text-transform: uppercase; }
  .table-style tbody .total td {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 800;
    font-style: normal; }
  .table-style .columns {
    overflow: hidden;
    display: table;
    vertical-align: middle;
    width: 100%; }
    .table-style .columns .col-1,
    .table-style .columns .col-2 {
      display: table-cell;
      vertical-align: middle;
      padding: 0 20px; }
    .table-style .columns .col-1 {
      width: 126px; }
    .table-style .columns .lvl {
      max-width: 100%;
      display: block;
      height: auto;
      margin: 0 auto; }

.custom-table {
  background-color: #f0f0ef;
  padding: 15px 25px 25px 25px;
  margin: 20px 0; }
  @media screen and (max-width: 767px) {
    .custom-table {
      padding: 5px;
      margin: 0; } }

.table-30 {
  width: 30%; }

.table-10 {
  width: 10%; }

.small-font {
  font-size: 16px !important; }

.smaller-font {
  font-size: 11px !important; }

video-player {
  display: block;
  position: relative;
  font-size: .8em; }

.video-player__player {
  position: relative;
  display: block;
  padding-top: 62.5%; }
  .video-player__player object, .video-player__player iframe, .video-player__player embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  [data-page-id^="page-join-us"] .video-player__player {
    padding-top: 56.25%; }

.video-player__poster-wrapper {
  position: absolute;
  top: 0;
  z-index: 1;
  cursor: pointer; }
  .video-player__poster-wrapper:hover .btn-play:after {
    opacity: 1; }

.video-player__poster {
  width: 100%;
  height: 100%;
  display: block; }

.video-player__play-btn {
  position: absolute;
  top: 49.9%;
  left: 49.9%;
  -webkit-transform: translate(-50.1%, -50.1%);
  -moz-transform: translate(-50.1%, -50.1%);
  -ms-transform: translate(-50.1%, -50.1%);
  -o-transform: translate(-50.1%, -50.1%);
  transform: translate(-50.1%, -50.1%);
  text-align: center;
  width: 100%; }
  @media screen and (max-width: 480px) {
    .video-player__play-btn {
      z-index: 2; } }
  .video-player__play-btn span {
    display: block;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    white-space: nowrap;
    padding-top: 10px; }
    .video-player__play-btn span.btn-play {
      background-color: transparent;
      margin: 0 auto; }
      @media screen and (min-width: 768px) {
        .video-player__play-btn span.btn-play {
          margin: 0 auto 30px; } }
      .video-player__play-btn span.btn-play:after {
        color: #fff;
        opacity: 0.7;
        font-size: 40px;
        will-change: opacity;
        -webkit-transition: opacity 0.2s ease-out;
        -moz-transition: opacity 0.2s ease-out;
        transition: opacity 0.2s ease-out; }
        @media screen and (min-width: 768px) {
          .video-player__play-btn span.btn-play:after {
            font-size: 75px; } }

.video-player__sub-title {
  display: inline-block;
  position: absolute;
  top: 49.9%;
  left: 49.9%;
  -webkit-transform: translate(-50.1%, -50.1%);
  -moz-transform: translate(-50.1%, -50.1%);
  -ms-transform: translate(-50.1%, -50.1%);
  -o-transform: translate(-50.1%, -50.1%);
  transform: translate(-50.1%, -50.1%);
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: 14px;
  font-family: 'Montserrat';
  font-weight: 600;
  letter-spacing: 0.4px;
  line-height: 27px;
  margin-top: 42px; }
  @media screen and (max-width: 480px) {
    .video-player__sub-title {
      z-index: 2; } }
  @media screen and (min-width: 768px) {
    .video-player__sub-title {
      margin-top: 62px; } }

.video-player__thumbnails {
  text-align: center; }
  .video-player__thumbnails ul {
    white-space: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative; }
    .video-player__thumbnails ul li {
      width: 33%;
      display: inline-block;
      vertical-align: top;
      margin: .5em .25em; }
      .video-player__thumbnails ul li:first-child {
        margin-left: 0; }
      .video-player__thumbnails ul li:last-child {
        margin-right: 0; }
      .video-player__thumbnails ul li.video-player__thumbnail--playing {
        width: 45%; }
        .video-player__thumbnails ul li.video-player__thumbnail--playing .video-player__thumbnail-image {
          opacity: 1; }
        .video-player__thumbnails ul li.video-player__thumbnail--playing .video-player__thumbnail-text {
          display: block;
          margin-top: .25em;
          white-space: normal;
          color: #000; }
  @media screen and (min-width: 1000px) {
    .video-player__thumbnails ul {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row wrap;
      -moz-flex-flow: row wrap;
      flex-flow: row wrap;
      padding: 0;
      margin: 0;
      white-space: inherit; }
      .video-player__thumbnails ul li {
        list-style: none;
        padding: 0;
        margin: 0; }
      .video-player__thumbnails ul li {
        padding: 0;
        margin: 0;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        white-space: auto; } }

.video-player__thumbnail-image {
  opacity: .5;
  position: relative; }
  .video-player__thumbnail-image:before {
    font-family: fontawesome;
    content: '\f04b';
    color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 3em;
    -webkit-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: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
    .video-player__thumbnail--playing .video-player__thumbnail-image:before {
      content: ''; }
  .video-player__thumbnail-image:hover:before {
    color: #ff99a8; }
  .video-player__thumbnail-image--teal:hover:before {
    color: #5dc5c6; }
  .video-player__thumbnail-image img {
    display: block;
    width: 100%;
    height: auto; }

.video-player__thumbnail-image-mask {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.65);
  width: 100%;
  height: 100%;
  text-align: center; }
  .video-player__thumbnail--playing .video-player__thumbnail-image-mask {
    display: block; }
  .video-player__thumbnail-image-mask span {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    color: white;
    text-transform: uppercase;
    font-family: 'Montserrat';
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1.1em; }
    @media screen and (min-width: 1000px) {
      .video-player__thumbnail-image-mask span br {
        display: none; } }

.video-player__thumbnail-text {
  padding: 1em 0; }
  .video-player__thumbnail--playing .video-player__thumbnail-text {
    color: #a6a6a6; }

.video-player__text-title {
  display: block;
  font-family: 'Montserrat'; }

.video-player__text-subtitle {
  font-style: italic;
  white-space: normal; }

.youtube-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }

.youtube-video-container iframe,
.youtube-video-container object,
.youtube-video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

video::-webkit-media-controls-start-playback-button {
  display: none; }

.perks__thirds {
  display: block;
  margin: 40px auto 50px;
  flex: 1; }

.perks__third {
  width: 100%;
  height: 100%;
  border: 2px solid #f7b5c0;
  border-top: none;
  position: relative;
  margin-top: 50px; }
  .perks__third:before, .perks__third:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 33.33333%; }
  .perks__third:before {
    top: 0;
    left: 0;
    border-top: 2px solid #f7b5c0; }
  .perks__third:after {
    top: 0;
    right: 0;
    border-top: 2px solid #f7b5c0; }
  .perks__third img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .perks__third__content {
    padding: 45px 32px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-content: space-between;
    height: 100%; }
    @media screen and (max-width: 999px) {
      .perks__third__content {
        padding-top: 45px;
        height: auto; } }
    .perks__third__content--context {
      font-size: 16px;
      font-weight: 300;
      letter-spacing: 0.35px;
      line-height: 24px;
      text-align: center; }
  .perks__third__content-header {
    display: flex;
    vertical-align: baseline;
    text-align: center;
    flex: 0 1 80px;
    margin-bottom: 20px;
    align-items: flex-end; }
    .perks__third__content-header--title {
      margin: 0 auto;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: italic;
      font-size: 36px;
      letter-spacing: 0.52px;
      line-height: 40px;
      text-align: center; }
    @media screen and (max-width: 999px) {
      .perks__third__content-header {
        flex-basis: 40px; } }
    @media screen and (max-width: 480px) {
      .perks__third__content-header {
        flex-basis: 80px; } }

@media screen and (min-width: 1000px) {
  .perks__third-wrapper {
    flex: 1;
    margin: 15px; } }

@media screen and (min-width: 1000px) {
  .perks__thirds {
    display: flex; }
  .perks__third {
    margin-top: 0px; } }

body#page-blog.with-knockout:after {
  z-index: 998; }

.blog {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 40px; }
  .blog .btn-underline {
    font-size: 16px; }

.blog__title {
  margin: 60px auto 35px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 22px;
  line-height: 22px;
  font-family: Montserrat; }
  @media screen and (min-width: 768px) {
    .blog__title {
      font-size: 18px; } }

.blog__posts {
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .blog__posts {
      flex-direction: row; } }

.blog__posts__item {
  list-style: none;
  margin: 0 -1px;
  overflow: hidden;
  padding-bottom: 35px; }
  .blog__posts__item .img-wrapper {
    overflow: hidden;
    max-height: 180px;
    overflow: hidden; }
    @media screen and (max-width: 999px) and (min-width: 768px) {
      .blog__posts__item .img-wrapper {
        max-height: 130px; } }
    @media screen and (max-width: 767px) {
      .blog__posts__item .img-wrapper {
        max-height: 180px; } }
  .blog__posts__item a {
    text-decoration: none; }
  .blog__posts__item__img {
    flex: 1;
    width: 100%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
  .blog__posts__item__title {
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    max-width: 325px;
    line-height: 24px;
    text-decoration: none;
    margin: 15px auto; }
  .blog__posts__item:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  @media screen and (min-width: 768px) {
    .blog__posts__item {
      margin: 0 7px; }
      .blog__posts__item__title {
        font-size: 14px;
        max-width: 250px; } }

.event-list-container {
  margin: 38px 0px; }
  @media screen and (min-width: 768px) {
    .event-list-container {
      margin: 48px 0px; } }
  @media screen and (min-width: 1000px) {
    .event-list-container {
      margin: 66px 0px; } }
  .event-list-container .events-table .table-header {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      .event-list-container .events-table .table-header {
        flex-direction: row;
        justify-content: space-between;
        align-items: center; } }
    .event-list-container .events-table .table-header h1 {
      font-family: 'Montserrat';
      font-weight: 600;
      font-size: 24px;
      line-height: 29px;
      letter-spacing: 0.11px; }
      @media screen and (max-width: 767px) {
        .event-list-container .events-table .table-header h1 {
          font-size: 20px;
          line-height: 24px;
          letter-spacing: 0.1px;
          text-align: center;
          margin-bottom: 36px; } }
    .event-list-container .events-table .table-header .table-filters {
      display: flex;
      width: 100%;
      flex-direction: column; }
      @media screen and (min-width: 768px) {
        .event-list-container .events-table .table-header .table-filters {
          flex-direction: row;
          align-items: center;
          max-width: 410px;
          gap: 10px; } }
      .event-list-container .events-table .table-header .table-filters p {
        font-family: 'Montserrat';
        font-weight: 600;
        font-size: 14px;
        line-height: 1;
        letter-spacing: 0.26px; }
        @media screen and (max-width: 767px) {
          .event-list-container .events-table .table-header .table-filters p {
            margin-bottom: 8px; } }
      .event-list-container .events-table .table-header .table-filters select {
        font-family: 'Montserrat';
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: 0.3px;
        height: 50px;
        width: 100%;
        padding-left: 15px;
        padding-right: 20px;
        outline: 1px solid #cccccc;
        background-color: #f6f6f6;
        color: #000; }
        @media screen and (min-width: 768px) {
          .event-list-container .events-table .table-header .table-filters select {
            width: 255px; } }
  .event-list-container .events-table .thead .row {
    width: 100%;
    display: grid;
    grid-template-columns: 15% 60% 25%;
    grid-template-rows: 88px; }
    @media screen and (max-width: 767px) {
      .event-list-container .events-table .thead .row {
        display: none; } }
    @media screen and (min-width: 768px) {
      .event-list-container .events-table .thead .row {
        grid-template-columns: 13% auto 18% 20%;
        grid-template-rows: 60px;
        grid-gap: 25px; } }
    .event-list-container .events-table .thead .row .col {
      height: 100%;
      float: left;
      display: flex;
      align-items: center;
      font-family: 'Montserrat';
      font-weight: 600;
      font-size: 12px;
      line-height: 15px;
      letter-spacing: 0.06px; }
      @media screen and (min-width: 768px) {
        .event-list-container .events-table .thead .row .col {
          font-size: 15px;
          line-height: 19px;
          letter-spacing: 0.07px; } }
  .event-list-container .events-table .tbody {
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      .event-list-container .events-table .tbody {
        padding-top: 20px; } }
    @media screen and (min-width: 768px) {
      .event-list-container .events-table .tbody {
        margin-top: 28px; } }
    .event-list-container .events-table .tbody .row {
      width: 100%;
      display: grid;
      grid-template-columns: auto 1fr;
      grid-template-rows: auto auto auto;
      grid-column-gap: 12px;
      grid-row-gap: 8px;
      margin-bottom: 40px; }
      @media screen and (min-width: 768px) {
        .event-list-container .events-table .tbody .row {
          grid-template-columns: 13% auto 18% 20%;
          grid-template-rows: 60px;
          margin-bottom: 10px;
          grid-gap: 25px; } }
      .event-list-container .events-table .tbody .row .col {
        height: 100%;
        float: left;
        display: flex;
        align-items: center; }
        @media screen and (max-width: 767px) {
          .event-list-container .events-table .tbody .row .col {
            grid-column: 1/3; }
            .event-list-container .events-table .tbody .row .col.event-time, .event-list-container .events-table .tbody .row .col.event-date {
              order: 1; }
            .event-list-container .events-table .tbody .row .col.event-title, .event-list-container .events-table .tbody .row .col.event-btn {
              order: 2; }
            .event-list-container .events-table .tbody .row .col.event-date {
              grid-column: 1/2; }
            .event-list-container .events-table .tbody .row .col.event-time {
              grid-column: 2/3; } }
        .event-list-container .events-table .tbody .row .col p {
          font-family: 'Montserrat';
          font-weight: 600;
          font-size: 16px;
          line-height: 19px;
          letter-spacing: 0.08px; }
          .event-list-container .events-table .tbody .row .col p.time, .event-list-container .events-table .tbody .row .col p.date {
            font-family: 'Montserrat';
            font-size: 14px;
            line-height: 18px; }
            @media screen and (max-width: 767px) {
              .event-list-container .events-table .tbody .row .col p.time, .event-list-container .events-table .tbody .row .col p.date {
                line-height: 19px; } }
          .event-list-container .events-table .tbody .row .col p.coming-soon {
            font-family: 'Montserrat';
            font-weight: 700;
            font-size: 0.875em;
            letter-spacing: 0.06875em;
            text-transform: uppercase;
            width: 100%; }
          @media screen and (min-width: 768px) {
            .event-list-container .events-table .tbody .row .col p {
              font-size: 20px;
              line-height: 24px; }
              .event-list-container .events-table .tbody .row .col p.time, .event-list-container .events-table .tbody .row .col p.date {
                font-size: 16px;
                line-height: 19px; }
              .event-list-container .events-table .tbody .row .col p.coming-soon {
                text-align: center; } }
        .event-list-container .events-table .tbody .row .col .btn {
          margin: 0px; }
          .event-list-container .events-table .tbody .row .col .btn:before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            height: 100%; }
          @media screen and (min-width: 768px) {
            .event-list-container .events-table .tbody .row .col .btn {
              background-color: #000;
              color: white;
              height: 100%;
              padding: 0px;
              width: 100%;
              border: 1px solid #000 !important; }
              .event-list-container .events-table .tbody .row .col .btn:hover {
                background-color: #fff;
                color: #000; } }
  .event-list-container .events-table hr {
    position: absolute;
    width: 100vw;
    height: 1px;
    left: 0;
    background-color: #979797; }
    @media screen and (min-width: 1000px) {
      .event-list-container .events-table hr {
        width: 110%;
        position: relative;
        left: 0;
        margin-left: -5%; } }

trend-grid {
  width: 100%; }

.trend-grid ul {
  list-style: none;
  display: flex;
  flex-flow: row wrap; }

.trend-grid li {
  width: 50%;
  flex: 0 0 auto;
  text-align: center;
  position: relative; }
  @media screen and (min-width: 768px) {
    .trend-grid li {
      width: 33.3333%; } }
  @media screen and (min-width: 1000px) {
    .trend-grid li {
      width: 25%; } }
  .trend-grid li img {
    max-width: 100%; }
  .trend-grid li .link-container {
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 5px;
    width: auto; }

.items-in-looks-container {
  margin: 0 auto;
  max-width: 1080px;
  padding: 45px 0;
  text-align: center;
  width: 90%; }
  .items-in-looks-container h2 {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 auto 40px auto;
    text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      .items-in-looks-container h2 {
        font-size: 25px; } }
  .items-in-looks-container img {
    width: 100%; }
  .items-in-looks-container ul {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center; }
  .items-in-looks-container li {
    margin: 0 2% 20px 0;
    width: 49%; }
    .items-in-looks-container li:nth-last-of-type(2n+2), .items-in-looks-container li:last-of-type {
      margin: 0 0 20px 0; }
    .items-in-looks-container li p {
      font-size: 14px;
      letter-spacing: 0.35px;
      line-height: 17px; }
    @media screen and (min-width: 768px) {
      .items-in-looks-container li {
        width: 32%; }
        .items-in-looks-container li:nth-last-of-type(2n+2) {
          margin: 0 2% 20px 0; }
        .items-in-looks-container li:nth-last-of-type(3n+3) {
          margin: 0 0 20px 0; } }
    @media screen and (min-width: 1000px) {
      .items-in-looks-container li {
        width: 23.5%; }
        .items-in-looks-container li:nth-last-of-type(3n+3) {
          margin: 0 2% 20px 0; }
        .items-in-looks-container li:nth-last-of-type(4n+4) {
          margin: 0 0 20px 0; } }

:root {
  --video-width: 100vw;
  --video-height: 100vh; }
  @media (min-aspect-ratio: 16 / 9) {
    :root {
      --video-height: 56.25vw; } }
  @media (max-aspect-ratio: 16 / 9) {
    :root {
      --video-width: 177.78vh; } }

.c-interstitial__container {
  height: calc(50vw * (550 / 327.5));
  width: 100%;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    .c-interstitial__container {
      height: calc(33.3333vw * (550 / 327.5)); } }
  @media screen and (min-width: 1000px) {
    .c-interstitial__container {
      height: 550px; } }
  .c-interstitial__container img {
    height: 100%;
    width: 100%;
    object-fit: cover; }
  .c-interstitial__container iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    max-height: 100%; }
    *[data-col="2"] .c-interstitial__container iframe, *[data-col="3"] .c-interstitial__container iframe, *[data-col="4"] .c-interstitial__container iframe {
      width: calc(100% * 16 / 9); }

.c-interstitial[data-num="0"] {
  order: -1; }

.c-interstitial[data-col="2"] {
  width: 100% !important; }
  @media screen and (min-width: 768px) {
    .c-interstitial[data-col="2"] {
      width: calc(66.6666% - 10px) !important; } }
  @media screen and (min-width: 1000px) {
    .c-interstitial[data-col="2"] {
      width: calc(50% - 10px) !important; } }

.c-interstitial[data-col="3"] {
  width: 50% !important; }
  @media screen and (min-width: 768px) {
    .c-interstitial[data-col="3"] {
      width: 100% !important; } }
  @media screen and (min-width: 1000px) {
    .c-interstitial[data-col="3"] {
      width: calc(75% - 10px) !important; } }

.c-interstitial[data-col="4"] {
  width: 100% !important; }

.flexible-content-sections .flex-content {
  display: block;
  margin: 0 auto;
  width: calc(100% - 20px); }
  .flexible-content-sections .flex-content--button-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px auto;
    max-width: 820px; }
    .flexible-content-sections .flex-content--button-row a {
      border: 2px solid #000;
      color: #000;
      font-family: Montserrat, sans-serif;
      font-size: 14px;
      font-weight: 600;
      margin: 0 0 6px 0;
      padding: 20px 10px;
      text-align: center;
      text-decoration: none;
      transition: all 0.25s ease-in-out;
      width: calc(50% - 3px); }
      .flexible-content-sections .flex-content--button-row a:nth-of-type(odd):last-of-type {
        margin-left: auto;
        margin-right: auto;
        justify-self: center; }
      .flexible-content-sections .flex-content--button-row a:hover {
        background: #000;
        color: #fff; }
    @media screen and (min-width: 768px) {
      .flexible-content-sections .flex-content--button-row a {
        width: calc(33.333% - 5px); } }
    @media screen and (min-width: 1000px) {
      .flexible-content-sections .flex-content--button-row {
        justify-content: center; }
        .flexible-content-sections .flex-content--button-row a {
          margin: 0 5px 5px 0;
          width: calc(25% - 5px); }
          .flexible-content-sections .flex-content--button-row a:nth-of-type(4n+4), .flexible-content-sections .flex-content--button-row a:last-of-type {
            margin: 0 0 5px 0; } }
  .flexible-content-sections .flex-content--text-container {
    margin: 30px auto;
    max-width: 820px; }
    .flexible-content-sections .flex-content--text-container h1,
    .flexible-content-sections .flex-content--text-container h2,
    .flexible-content-sections .flex-content--text-container h3 {
      font-family: 'Playfair Display';
      font-feature-settings: "lnum";
      font-weight: 700;
      line-height: 1.2;
      margin: 5px 0 0 0; }
    .flexible-content-sections .flex-content--text-container h1 {
      font-size: 34px; }
    .flexible-content-sections .flex-content--text-container p {
      margin: 0 0 20px 0; }
      .flexible-content-sections .flex-content--text-container p:has(+ h1), .flexible-content-sections .flex-content--text-container p:has(+ h2), .flexible-content-sections .flex-content--text-container p:has(+ h3) {
        margin: 0; }
    @media screen and (min-width: 768px) {
      .flexible-content-sections .flex-content--text-container {
        margin: 50px auto 30px auto; } }
  .flexible-content-sections .flex-content--card-row, .flexible-content-sections .flex-content--full-width-row {
    margin: 5px auto 0 auto;
    max-width: 1440px; }
    .flexible-content-sections .flex-content--card-row .card-content,
    .flexible-content-sections .flex-content--card-row img,
    .flexible-content-sections .flex-content--card-row .video-player,
    .flexible-content-sections .flex-content--card-row .content-container,
    .flexible-content-sections .flex-content--card-row img, .flexible-content-sections .flex-content--full-width-row .card-content,
    .flexible-content-sections .flex-content--full-width-row img,
    .flexible-content-sections .flex-content--full-width-row .video-player,
    .flexible-content-sections .flex-content--full-width-row .content-container,
    .flexible-content-sections .flex-content--full-width-row img {
      position: absolute;
      width: 100%; }
    .flexible-content-sections .flex-content--card-row .card-content,
    .flexible-content-sections .flex-content--card-row .content-container, .flexible-content-sections .flex-content--full-width-row .card-content,
    .flexible-content-sections .flex-content--full-width-row .content-container {
      bottom: 0;
      font-family: Montserrat, sans-serif;
      font-weight: 600;
      left: 0;
      letter-spacing: -1px;
      padding: 40px;
      text-align: center;
      width: 100%;
      z-index: 2; }
      .flexible-content-sections .flex-content--card-row .card-content h1,
      .flexible-content-sections .flex-content--card-row .card-content p,
      .flexible-content-sections .flex-content--card-row .content-container h1,
      .flexible-content-sections .flex-content--card-row .content-container p, .flexible-content-sections .flex-content--full-width-row .card-content h1,
      .flexible-content-sections .flex-content--full-width-row .card-content p,
      .flexible-content-sections .flex-content--full-width-row .content-container h1,
      .flexible-content-sections .flex-content--full-width-row .content-container p {
        color: #fff;
        width: 100%; }
        .flexible-content-sections .flex-content--card-row .card-content h1 br,
        .flexible-content-sections .flex-content--card-row .card-content p br,
        .flexible-content-sections .flex-content--card-row .content-container h1 br,
        .flexible-content-sections .flex-content--card-row .content-container p br, .flexible-content-sections .flex-content--full-width-row .card-content h1 br,
        .flexible-content-sections .flex-content--full-width-row .card-content p br,
        .flexible-content-sections .flex-content--full-width-row .content-container h1 br,
        .flexible-content-sections .flex-content--full-width-row .content-container p br {
          display: none; }
        @media screen and (min-width: 768px) {
          .flexible-content-sections .flex-content--card-row .card-content h1 br,
          .flexible-content-sections .flex-content--card-row .card-content p br,
          .flexible-content-sections .flex-content--card-row .content-container h1 br,
          .flexible-content-sections .flex-content--card-row .content-container p br, .flexible-content-sections .flex-content--full-width-row .card-content h1 br,
          .flexible-content-sections .flex-content--full-width-row .card-content p br,
          .flexible-content-sections .flex-content--full-width-row .content-container h1 br,
          .flexible-content-sections .flex-content--full-width-row .content-container p br {
            display: block; } }
      .flexible-content-sections .flex-content--card-row .card-content h1,
      .flexible-content-sections .flex-content--card-row .content-container h1, .flexible-content-sections .flex-content--full-width-row .card-content h1,
      .flexible-content-sections .flex-content--full-width-row .content-container h1 {
        font-size: 18px;
        font-weight: 600;
        letter-spacing: -1px;
        line-height: 22px;
        margin-bottom: 10px; }
        @media screen and (min-width: 768px) {
          .flexible-content-sections .flex-content--card-row .card-content h1,
          .flexible-content-sections .flex-content--card-row .content-container h1, .flexible-content-sections .flex-content--full-width-row .card-content h1,
          .flexible-content-sections .flex-content--full-width-row .content-container h1 {
            font-size: 24px;
            line-height: 28px; } }
      .flexible-content-sections .flex-content--card-row .card-content p,
      .flexible-content-sections .flex-content--card-row .content-container p, .flexible-content-sections .flex-content--full-width-row .card-content p,
      .flexible-content-sections .flex-content--full-width-row .content-container p {
        font-size: 20px;
        line-height: 21px; }
      .flexible-content-sections .flex-content--card-row .card-content .card-btn,
      .flexible-content-sections .flex-content--card-row .content-container .card-btn, .flexible-content-sections .flex-content--full-width-row .card-content .card-btn,
      .flexible-content-sections .flex-content--full-width-row .content-container .card-btn {
        color: #fff;
        display: inline-block;
        font-size: 14px;
        letter-spacing: 0.35px;
        margin: 0 auto;
        padding: 0 0 2px 0;
        position: relative;
        text-decoration: none; }
        .flexible-content-sections .flex-content--card-row .card-content .card-btn:after,
        .flexible-content-sections .flex-content--card-row .content-container .card-btn:after, .flexible-content-sections .flex-content--full-width-row .card-content .card-btn:after,
        .flexible-content-sections .flex-content--full-width-row .content-container .card-btn:after {
          background: #fff;
          bottom: 0;
          content: '';
          display: block;
          height: 2px;
          left: 50%;
          position: absolute;
          transform: translateX(-50%);
          transition: all 0.25s ease-in-out;
          width: 100%; }
    .flexible-content-sections .flex-content--card-row .content-container h1, .flexible-content-sections .flex-content--full-width-row .content-container h1 {
      letter-spacing: 0.6px; }
    .flexible-content-sections .flex-content--card-row .card, .flexible-content-sections .flex-content--full-width-row .card {
      overflow: hidden; }
      .flexible-content-sections .flex-content--card-row .card:hover .media-container, .flexible-content-sections .flex-content--full-width-row .card:hover .media-container {
        transform: scale(1.02); }
    .flexible-content-sections .flex-content--card-row .media-container, .flexible-content-sections .flex-content--full-width-row .media-container {
      bottom: 0;
      height: 100%;
      overflow: hidden;
      position: absolute;
      top: 0;
      transition: all 0.25s ease-in-out;
      width: 100%;
      z-index: 1; }
      .flexible-content-sections .flex-content--card-row .media-container:after, .flexible-content-sections .flex-content--full-width-row .media-container:after {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
        bottom: 0;
        content: '';
        display: block;
        height: 40%;
        left: 0;
        position: absolute;
        width: 100%; }
      .flexible-content-sections .flex-content--card-row .media-container img,
      .flexible-content-sections .flex-content--card-row .media-container iframe, .flexible-content-sections .flex-content--full-width-row .media-container img,
      .flexible-content-sections .flex-content--full-width-row .media-container iframe {
        height: 100%;
        left: 50%;
        position: relative;
        transform: translateX(-50%);
        width: 100vw; }
      .flexible-content-sections .flex-content--card-row .media-container img, .flexible-content-sections .flex-content--full-width-row .media-container img {
        bottom: 0;
        height: 100%;
        left: 50%;
        max-height: none;
        max-width: none;
        object-fit: cover;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%; }
  .flexible-content-sections .flex-content--card-row .card {
    display: block;
    margin: 0;
    overflow: hidden;
    padding-bottom: 131.17%;
    position: relative; }
  .flexible-content-sections .flex-content--card-row.stack .card {
    margin-bottom: 5px; }
    .flexible-content-sections .flex-content--card-row.stack .card:last-of-type {
      margin-bottom: 0; }
  .flexible-content-sections .flex-content--card-row.stack.three-cards .card {
    width: 100%; }
  .flexible-content-sections .flex-content--card-row.stack.four-cards .card-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .flexible-content-sections .flex-content--card-row.stack.four-cards .card {
    padding-bottom: 75%;
    width: calc(50% - 2.5px); }
    .flexible-content-sections .flex-content--card-row.stack.four-cards .card .card-content {
      bottom: inherit;
      top: 50%;
      transform: translateY(-50%); }
  .flexible-content-sections .flex-content--card-row.slider {
    margin-bottom: 20px;
    overflow-x: scroll;
    padding-bottom: 10px;
    scrollbar-width: thin;
    scrollbar-color: #000 #EFD6D6; }
    .flexible-content-sections .flex-content--card-row.slider::-webkit-scrollbar {
      height: 10px; }
    .flexible-content-sections .flex-content--card-row.slider::-webkit-scrollbar-thumb {
      background-color: black;
      border-radius: 10px; }
    .flexible-content-sections .flex-content--card-row.slider::-webkit-scrollbar-track {
      background-color: #EFD6D6;
      border-radius: 10px; }
    .flexible-content-sections .flex-content--card-row.slider .card-wrapper {
      display: flex; }
    .flexible-content-sections .flex-content--card-row.slider.three-cards .card, .flexible-content-sections .flex-content--card-row.slider.four-cards .card {
      height: 392px;
      flex-shrink: 0;
      margin-right: 5px;
      padding: 0;
      width: 290px; }
      .flexible-content-sections .flex-content--card-row.slider.three-cards .card:last-of-type, .flexible-content-sections .flex-content--card-row.slider.four-cards .card:last-of-type {
        margin-right: 0; }
    .flexible-content-sections .flex-content--card-row.slider.three-cards {
      max-width: 880px; }
    .flexible-content-sections .flex-content--card-row.slider.four-cards {
      max-width: 1175px; }
  @media screen and (min-width: 768px) {
    .flexible-content-sections .flex-content--card-row.stack, .flexible-content-sections .flex-content--card-row.slider {
      padding-bottom: 0; }
      .flexible-content-sections .flex-content--card-row.stack .card-wrapper, .flexible-content-sections .flex-content--card-row.slider .card-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
      .flexible-content-sections .flex-content--card-row.stack.three-cards .card, .flexible-content-sections .flex-content--card-row.stack.three-cards .card, .flexible-content-sections .flex-content--card-row.slider.three-cards .card, .flexible-content-sections .flex-content--card-row.slider.three-cards .card {
        height: auto;
        margin-bottom: 0;
        margin-right: 0; }
      .flexible-content-sections .flex-content--card-row.stack.three-cards .card, .flexible-content-sections .flex-content--card-row.slider.three-cards .card {
        padding-bottom: 43.9%;
        width: calc(33.333% - 2.5px); }
      .flexible-content-sections .flex-content--card-row.stack.four-cards .card, .flexible-content-sections .flex-content--card-row.slider.four-cards .card {
        padding-bottom: 35%;
        width: calc(25% - 2.5px); }
    .flexible-content-sections .flex-content--card-row.slider {
      margin-bottom: 0;
      overflow-x: hidden;
      scrollbar-width: none;
      width: calc(100% - 20px); }
      .flexible-content-sections .flex-content--card-row.slider.three-cards, .flexible-content-sections .flex-content--card-row.slider.four-cards {
        max-width: 1440px; }
        .flexible-content-sections .flex-content--card-row.slider.three-cards .card, .flexible-content-sections .flex-content--card-row.slider.four-cards .card {
          height: auto;
          margin-right: 0; }
      .flexible-content-sections .flex-content--card-row.slider::-webkit-scrollbar {
        height: 0;
        width: 0; } }
  .flexible-content-sections .flex-content--full-width-row {
    padding-bottom: 131.17%;
    position: relative;
    text-decoration: none; }
    .flexible-content-sections .flex-content--full-width-row .content-container {
      z-index: 2; }
      .flexible-content-sections .flex-content--full-width-row .content-container h1 {
        text-transform: uppercase; }
      .flexible-content-sections .flex-content--full-width-row .content-container p {
        display: none;
        font-family: Montserrat, sans-serif;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 20px;
        margin: 0 0 25px 0; }
      .flexible-content-sections .flex-content--full-width-row .content-container h1,
      .flexible-content-sections .flex-content--full-width-row .content-container p {
        color: #fff; }
      .flexible-content-sections .flex-content--full-width-row .content-container .btn-container {
        width: 100%; }
        .flexible-content-sections .flex-content--full-width-row .content-container .btn-container:nth-of-type(2) {
          margin: 10px 0 0 0; }
      .flexible-content-sections .flex-content--full-width-row .content-container .card-btn {
        color: #fff; }
        .flexible-content-sections .flex-content--full-width-row .content-container .card-btn:after {
          background: #fff; }
    .flexible-content-sections .flex-content--full-width-row .media-container {
      z-index: 1; }
      .flexible-content-sections .flex-content--full-width-row .media-container img {
        width: 100%; }
    @media screen and (min-width: 768px) {
      .flexible-content-sections .flex-content--full-width-row {
        max-height: 448px;
        padding-bottom: 31.11%; }
        .flexible-content-sections .flex-content--full-width-row .content-container {
          bottom: inherit;
          left: inherit;
          max-width: 320px;
          padding: 40px 0 40px 40px;
          right: 40px;
          text-align: left;
          top: 50%;
          transform: translateY(-50%); }
          .flexible-content-sections .flex-content--full-width-row .content-container h1 {
            font-family: 'Playfair Display';
            font-feature-settings: "lnum";
            font-size: 30px;
            line-height: 38px;
            text-transform: none; }
          .flexible-content-sections .flex-content--full-width-row .content-container p {
            display: block; }
          .flexible-content-sections .flex-content--full-width-row .content-container.text-color-black h1,
          .flexible-content-sections .flex-content--full-width-row .content-container.text-color-black p {
            color: #000; }
          .flexible-content-sections .flex-content--full-width-row .content-container.text-color-black .card-btn {
            color: #000; }
            .flexible-content-sections .flex-content--full-width-row .content-container.text-color-black .card-btn:after {
              background: #000; }
          .flexible-content-sections .flex-content--full-width-row .content-container .btn-container {
            display: inline; }
            .flexible-content-sections .flex-content--full-width-row .content-container .btn-container:nth-of-type(2) {
              margin: 0 0 0 10px; }
          .flexible-content-sections .flex-content--full-width-row .content-container .card-btn {
            margin: 0 auto 0 0; }
        .flexible-content-sections .flex-content--full-width-row .media-container {
          max-height: 448px;
          left: 0; }
          .flexible-content-sections .flex-content--full-width-row .media-container:after {
            display: none; } }
    @media screen and (min-width: 1000px) {
      .flexible-content-sections .flex-content--full-width-row {
        align-items: center;
        display: flex;
        height: 448px;
        padding: 0; }
        .flexible-content-sections .flex-content--full-width-row .content-container {
          margin-left: 60%;
          padding: 40px 0;
          position: relative;
          top: inherit;
          transform: none; }
          .flexible-content-sections .flex-content--full-width-row .content-container h1 {
            font-size: 40px;
            line-height: 48px; } }

.homepage-perks {
  background: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f25/global/pattern-light-v2.jpg") center center repeat;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 400;
  margin: 0 auto 5px auto;
  max-width: 1440px;
  padding: 0 10px 30px 10px;
  text-align: center;
  width: 100%; }
  @media screen and (min-width: 1000px) {
    .homepage-perks {
      padding: 0 10px 40px 10px; } }
  .homepage-perks .text-content {
    padding: 40px 5px 20px 5px; }
  .homepage-perks h1 {
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    font-weight: 600;
    font-size: 32px;
    letter-spacing: 0px;
    line-height: 37px;
    margin: 0 0 10px 0; }
    @media screen and (min-width: 768px) {
      .homepage-perks h1 {
        font-size: 44px;
        margin: 0 0 15px 0; } }
  .homepage-perks p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0; }
  .homepage-perks .cards-tag-container {
    margin: 0 auto 20px auto;
    max-width: 1190px;
    position: relative; }
    .homepage-perks .cards-tag-container:before, .homepage-perks .cards-tag-container:after {
      background: #657798;
      content: '';
      display: block;
      height: 1px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: calc(50% - 95px); }
    .homepage-perks .cards-tag-container:before {
      left: -10px; }
    .homepage-perks .cards-tag-container:after {
      right: -10px; }
    .homepage-perks .cards-tag-container .cards-tag {
      border: 1px solid #657798;
      color: #657798;
      display: block;
      font-family: Montserrat, sans-serif;
      font-size: 20px;
      font-weight: 700;
      letter-spacing: 2px;
      line-height: 20px;
      margin: 0 auto;
      padding: 10px 0;
      width: 210px; }
    @media screen and (min-width: 1000px) {
      .homepage-perks .cards-tag-container:before, .homepage-perks .cards-tag-container:after {
        width: calc(50% - 105px); }
      .homepage-perks .cards-tag-container:before {
        left: 0px; }
      .homepage-perks .cards-tag-container:after {
        right: 0px; } }
  .homepage-perks .perks-cards {
    margin: 0 auto 40px auto;
    max-width: 1190px;
    overflow-x: scroll;
    scrollbar-width: thin;
    scrollbar-color: #000 #EFD6D6; }
    .homepage-perks .perks-cards::-webkit-scrollbar {
      height: 10px; }
    .homepage-perks .perks-cards::-webkit-scrollbar-thumb {
      background-color: black;
      border-radius: 10px; }
    .homepage-perks .perks-cards::-webkit-scrollbar-track {
      background-color: #EFD6D6;
      border-radius: 10px; }
    .homepage-perks .perks-cards ul {
      display: flex;
      justify-content: space-between;
      list-style: none; }
    .homepage-perks .perks-cards li {
      flex-shrink: 0;
      margin-right: 5px;
      padding: 0;
      width: 325px; }
      .homepage-perks .perks-cards li:last-of-type {
        margin-right: 0; }
      .homepage-perks .perks-cards li .image-wrapper {
        padding: 0 0 25px 0;
        position: relative; }
        .homepage-perks .perks-cards li .image-wrapper img {
          display: block;
          width: 100%; }
      .homepage-perks .perks-cards li h4 {
        align-items: center;
        background: #657798;
        border-radius: 100%;
        border: 4px solid #F8F1EB;
        bottom: 0;
        color: #fff;
        display: flex;
        font-size: 20px;
        font-weight: 600;
        height: 50px;
        justify-content: center;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 50px; }
      .homepage-perks .perks-cards li h2 {
        font-family: 'Playfair Display';
        font-feature-settings: "lnum";
        font-size: 24px;
        font-weight: 400;
        margin: 15px auto; }
        @media screen and (min-width: 768px) {
          .homepage-perks .perks-cards li h2 {
            font-size: 28px; } }
      .homepage-perks .perks-cards li p {
        padding: 0 0 30px 0; }
    @media screen and (min-width: 1000px) {
      .homepage-perks .perks-cards {
        margin: 0 auto 10px auto;
        overflow: hidden; }
        .homepage-perks .perks-cards li {
          margin: 0;
          width: calc(33.333% - 5px); } }
  .homepage-perks .btn {
    height: 55px;
    width: 310px !important; }

.homepage-foundation {
  background: #FEE1E1 url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f25/home/heart.svg") center center no-repeat;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 400;
  margin: 0 auto;
  max-width: 1440px;
  overflow: hidden;
  padding: 70px 40px;
  position: relative;
  text-align: center; }
  .homepage-foundation h1,
  .homepage-foundation p,
  .homepage-foundation a {
    max-width: 720px;
    position: relative;
    z-index: 2; }
  .homepage-foundation h1 {
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    font-weight: 600;
    font-size: 32px;
    letter-spacing: 0px;
    line-height: 32px;
    margin: 0 auto 15px auto; }
  .homepage-foundation p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0px;
    margin: 0 auto 20px auto; }
  .homepage-foundation a {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.35px;
    margin: 0 auto 15px auto;
    padding: 0 0 2px 0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase; }
    .homepage-foundation a:nth-of-type(2) {
      margin: 0 auto; }
    .homepage-foundation a:after {
      background: #000;
      bottom: 0;
      content: '';
      display: block;
      height: 1px;
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
      transition: all 0.5s ease-in-out;
      width: 100%; }
  @media screen and (min-width: 768px) {
    .homepage-foundation {
      background-size: 251px;
      padding: 90px 40px; }
      .homepage-foundation h1 br {
        display: none; }
      .homepage-foundation a {
        margin: 0 20px 15px auto; }
        .homepage-foundation a:nth-of-type(2) {
          margin: 0 auto 15px 0; } }

.cabi-accordion__item {
  border-bottom: 2px solid #000;
  padding: 25px 15px; }

.cabi-accordion button {
  color: #000; }

.cabi-accordion__title {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  background: none;
  border: none;
  font-size: 22px;
  font-style: italic;
  font-weight: 400;
  padding-left: 0;
  padding-right: 40px;
  position: relative;
  text-align: left;
  width: 100%; }
  .cabi-accordion__title:after {
    content: "\2b";
    font-size: 20px;
    font: var(--fa-font-sharp-solid);
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%); }
  .cabi-accordion__title.active:after {
    transform: translateY(-50%) rotate(90deg); }

.cabi-accordion__body {
  display: none;
  padding-top: 25px; }
  .cabi-accordion__body p, .cabi-accordion__body li {
    font-family: 'Montserrat'; }
  .cabi-accordion__body p {
    margin-bottom: 10px; }
  .cabi-accordion__body ul {
    margin-left: 30px;
    margin-bottom: 15px; }

#page--cabi-stylist-faq .cabi-accordion {
  margin-bottom: 50px; }

.expanding-inner-container {
  height: 185px;
  margin: 0 auto;
  max-width: 745px;
  overflow: hidden;
  padding-bottom: 30px;
  position: relative;
  text-align: left;
  transition: all 0.5s ease-in-out; }
  .expanding-inner-container .show-less-btn,
  .expanding-inner-container .read-more-btn {
    background: #fff;
    cursor: pointer;
    width: 100%; }
    .expanding-inner-container .show-less-btn span,
    .expanding-inner-container .read-more-btn span {
      text-decoration: underline; }
  .expanding-inner-container .read-more-btn {
    bottom: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    transition: opacity 0.25s ease-in-out; }
    .expanding-inner-container .read-more-btn .show-more {
      font-family: 'Montserrat';
      font-weight: 600;
      position: relative;
      text-decoration: underline;
      text-transform: uppercase;
      width: 100%; }
      .expanding-inner-container .read-more-btn .show-more:before {
        background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.5), #fff);
        content: '';
        height: 60px;
        left: 0;
        position: absolute;
        top: -60px;
        width: 100%;
        z-index: 1; }
  .expanding-inner-container .show-less-btn {
    font-family: 'Montserrat';
    font-weight: 600;
    padding-top: 10px;
    position: relative;
    text-decoration: underline;
    text-transform: uppercase;
    width: 100%;
    z-index: 2; }
  .expanding-inner-container.expanded .read-more-btn {
    opacity: 0; }

.outfits__container {
  margin: auto;
  max-width: 1200px; }
  .outfits__section--simple .outfits__container {
    max-width: 850px; }
  .outfits__container h2 {
    font-family: "Playfair Display";
    font-size: 32px;
    font-weight: 600;
    line-height: 32px;
    margin: 0 0 10px 0; }

.outfits__section--stacked .outfit {
  display: flex;
  flex-flow: column-reverse nowrap;
  gap: 10px 50px;
  padding: 30px 0; }
  @media screen and (min-width: 768px) {
    .outfits__section--stacked .outfit {
      align-items: center;
      flex-direction: row;
      padding: 30px 20px; } }
  .outfits__section--stacked .outfit__images {
    display: flex;
    flex-flow: column nowrap;
    gap: 2px; }
    @media screen and (min-width: 768px) {
      .outfits__section--stacked .outfit__images {
        flex-direction: row;
        gap: 0; } }
    .outfits__section--stacked .outfit__images > img {
      aspect-ratio: 539 / 632;
      flex: 1 1 0;
      margin: 0 auto;
      object-fit: contain;
      object-position: center;
      width: calc(100% - 4px); }
      @media screen and (min-width: 768px) {
        .outfits__section--stacked .outfit__images > img {
          margin-left: auto;
          max-width: calc(539 / 1200 * 100vw);
          object-position: center right;
          width: 539px; } }
  @media screen and (min-width: 768px) {
    .outfits__section--stacked .outfit:nth-child(even) {
      flex-direction: row-reverse; }
      .outfits__section--stacked .outfit:nth-child(even) .products {
        margin: 0 2px 0 0; } }
  @media screen and (min-width: 768px) {
    .outfits__section--stacked .outfit:nth-child(even) .outfit__images {
      flex-direction: row-reverse; }
      .outfits__section--stacked .outfit:nth-child(even) .outfit__images > img {
        object-position: center left; } }
  .outfits__section--stacked .outfit__content {
    margin: 0 20px; }
    @media screen and (min-width: 768px) {
      .outfits__section--stacked .outfit__content {
        margin: 0; } }
    .outfits__section--stacked .outfit__content p {
      font-family: 'Montserrat';
      margin: 0 0 10px 0; }
      .outfits__section--stacked .outfit__content p:first-child {
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 0.35px;
        line-height: 1;
        margin: 0 0 3px 0;
        text-transform: uppercase; }
    .outfits__section--stacked .outfit__content a.btn {
      font-size: 14px;
      letter-spacing: 0.35px;
      line-height: 17px; }

.outfits__section--stacked .products {
  display: flex;
  flex-flow: row nowrap;
  flex: 0 0 auto;
  gap: 2px;
  margin: 0 0 0 2px;
  overflow-x: auto;
  width: calc(100% - 2px); }
  @media screen and (min-width: 768px) {
    .outfits__section--stacked .products {
      flex-flow: column;
      height: 632px;
      gap: 0;
      max-height: calc(632 / 1200 * 100vw);
      overflow: hidden;
      justify-content: flex-start; }
      .outfits__section--stacked .products--4 {
        max-width: calc(154 / 1200 * 100vw);
        width: 154px; }
        .outfits__section--stacked .products--4 .product {
          height: calc(25% - 2px); }
      .outfits__section--stacked .products--5 {
        max-width: calc(122 / 1200 * 100vw);
        width: 122px; }
        .outfits__section--stacked .products--5 .product {
          height: calc(20% - 2px); } }
  .outfits__section--stacked .products .product {
    aspect-ratio: 1 / 1;
    background: #F5F7F2;
    line-height: 0;
    text-decoration: none;
    width: 28.5%; }
    @media screen and (max-width: 767px) {
      .outfits__section--stacked .products .product {
        flex: 0 0 auto; } }
    @media screen and (min-width: 768px) {
      .outfits__section--stacked .products .product {
        margin: 0 0 2px 0;
        width: 100%; }
        .outfits__section--stacked .products .product:last-of-type {
          margin: 0; } }
    .outfits__section--stacked .products .product img {
      height: 100%;
      object-fit: contain;
      width: 100%; }

.outfits__section--simple img {
  display: block;
  width: 100%; }

.outfits__section--simple .outfit.text-color--white .outfit-text {
  color: #fff; }

.outfits__section--simple .outfit.text-color--white .image-second a.btn {
  color: #fff; }

.outfits__section--simple .outfit .outfit-image {
  position: relative; }
  .outfits__section--simple .outfit .outfit-image.image-first {
    text-align: center;
    padding: 45px; }
  .outfits__section--simple .outfit .outfit-image.image-second {
    display: none; }
  .outfits__section--simple .outfit .outfit-image a.btn {
    font-size: 14px;
    margin: 0 auto;
    text-shadow: 0px 0 5px rgba(0, 0, 0, 0.2); }
  .outfits__section--simple .outfit .outfit-image .image-container {
    margin: 0 0 10px 0;
    position: relative; }
    .outfits__section--simple .outfit .outfit-image .image-container .outfit-text {
      padding: 0 40px;
      position: absolute; }
    .outfits__section--simple .outfit .outfit-image .image-container .outfit-text {
      max-width: 70%;
      text-align: left;
      top: 50%;
      transform: translateY(-50%); }
      .outfits__section--simple .outfit .outfit-image .image-container .outfit-text p,
      .outfits__section--simple .outfit .outfit-image .image-container .outfit-text h2 {
        font-family: 'Didot';
        text-shadow: 0px 0 5px rgba(0, 0, 0, 0.2); }
      .outfits__section--simple .outfit .outfit-image .image-container .outfit-text p {
        font-size: 12px;
        line-height: 15px; }
      .outfits__section--simple .outfit .outfit-image .image-container .outfit-text h2 {
        font-size: 27px;
        line-height: 29px; }

.outfits__section--simple .outfit:nth-of-type(2n+2) .outfit-image.image-first {
  padding: 0; }

@media screen and (min-width: 1000px) {
  .outfits__section--simple .outfit {
    display: flex;
    margin: 0 0 50px 0; }
    .outfits__section--simple .outfit .outfit-image.image-first {
      width: 47%; }
    .outfits__section--simple .outfit .outfit-image.image-second {
      display: block;
      width: 53%; }
      .outfits__section--simple .outfit .outfit-image.image-second a.btn {
        bottom: 40px;
        left: 40px;
        position: absolute; }
    .outfits__section--simple .outfit:nth-of-type(2n+2).text-color--white .image-first a.btn {
      color: #fff; }
    .outfits__section--simple .outfit:nth-of-type(2n+2).text-color--white .image-second a.btn {
      color: #000; }
    .outfits__section--simple .outfit:nth-of-type(2n+2) .outfit-image.image-first {
      width: 53%; }
      .outfits__section--simple .outfit:nth-of-type(2n+2) .outfit-image.image-first a.btn {
        bottom: 40px;
        left: 40px;
        position: absolute; }
    .outfits__section--simple .outfit:nth-of-type(2n+2) .outfit-image.image-second {
      padding: 45px;
      width: 47%; }
      .outfits__section--simple .outfit:nth-of-type(2n+2) .outfit-image.image-second a.btn {
        bottom: inherit;
        left: 50%;
        margin-top: 10px;
        transform: translateX(-50%); }
    .outfits__section--simple .outfit:nth-of-type(2n+2) .outfit-image .image-container {
      margin: 0; } }

add-to-cart input:focus,
add-to-cart select:focus,
add-to-cart textarea:focus,
add-to-cart button:focus {
  outline: none; }

add-to-cart input[type="number"]::-webkit-inner-spin-button,
add-to-cart input[type="number"]::-webkit-outer-spin-button {
  opacity: 1; }

add-to-cart .btn[disabled]:hover {
  color: inherit !important; }
  @media screen and (min-width: 1000px) {
    add-to-cart .btn[disabled]:hover {
      color: inherit !important; } }

add-to-cart .input-select {
  width: 100%;
  border-bottom: 1px solid #000; }
  @media screen and (min-width: 1000px) {
    add-to-cart .input-select {
      width: 200px; } }
  add-to-cart .input-select.size-selector:focus {
    border: 2px solid #000000; }
  add-to-cart .input-select select {
    -webkit-box-shadow: none;
    box-shadow: none; }
  add-to-cart .input-select::after {
    color: #646464;
    font-size: 32px; }

add-to-cart label {
  display: inline-block;
  width: 20%;
  min-width: 80px;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 600;
  font-style: normal; }

add-to-cart .ng-empty {
  color: #b0b0b0 !important; }
  add-to-cart .ng-empty :not(.disabled-option):not(:disabled) {
    color: #000; }

add-to-cart .attribute {
  width: 100%;
  padding-bottom: 12px; }
  add-to-cart .attribute:last-of-type {
    padding-bottom: 0; }
    add-to-cart .attribute:last-of-type .attribute-options-container {
      padding-bottom: 0; }
  add-to-cart .attribute select {
    padding: 10px 30px 10px 10px;
    border: none;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    font-style: italic; }
    add-to-cart .attribute select .disabled-option {
      color: #b0b0b0; }
    add-to-cart .attribute select:after {
      right: 12px; }
  add-to-cart .attribute label {
    padding-left: 0;
    color: #666666;
    font-family: 'Montserrat';
    font-weight: 600;
    letter-spacing: 0.28px;
    line-height: 14px;
    font-size: 12px;
    text-transform: uppercase;
    font-style: normal;
    margin-bottom: 8px;
    width: 100%; }
    add-to-cart .attribute label span {
      font-weight: 600;
      color: #000; }
  add-to-cart .attribute .attribute-options-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    grid-gap: 8px;
    padding-bottom: 18px; }
  add-to-cart .attribute .btn-color-option,
  add-to-cart .attribute .btn-attribute-option {
    width: 45px;
    height: 45px;
    border: 1px solid #6C6C6C;
    border-radius: 50%;
    padding: 0;
    position: relative;
    background-color: white;
    text-transform: uppercase;
    color: black !important; }
    add-to-cart .attribute .btn-color-option.active,
    add-to-cart .attribute .btn-attribute-option.active {
      border: 3px solid #000000; }
    add-to-cart .attribute .btn-color-option[disabled],
    add-to-cart .attribute .btn-attribute-option[disabled] {
      color: #979797;
      border-color: #979797;
      background-color: transparent;
      opacity: 0.3;
      position: relative; }

add-to-cart .estimated-ship-date-wrapper span {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: italic;
  font-size: 13px;
  letter-spacing: 0.5px;
  line-height: 15px; }

add-to-cart .estimated-ship-date-message {
  font-size: 12px; }

add-to-cart .qty label {
  color: #6d6d6d;
  display: block;
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0.35px;
  line-height: 16px;
  padding-left: 0.5em; }

add-to-cart .qty input {
  border: none;
  border-bottom: 1px solid #000000;
  width: 72px;
  height: 38px; }

add-to-cart .add-to-bag-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  padding-bottom: 36px;
  padding-top: 30px; }
  add-to-cart .add-to-bag-container .btn {
    width: 80%;
    height: 48px;
    padding: 0;
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 40px; }
    add-to-cart .add-to-bag-container .btn[disabled] {
      cursor: default; }
      add-to-cart .add-to-bag-container .btn[disabled]:hover, add-to-cart .add-to-bag-container .btn[disabled]:focus {
        color: #fff; }
    add-to-cart .add-to-bag-container .btn:hover {
      background: #000;
      color: #fff; }
    add-to-cart .add-to-bag-container .btn:focus {
      outline: none; }

add-to-cart .pdp-size-chart a {
  letter-spacing: 0.28px;
  line-height: 14px;
  font-size: 11px; }

add-to-cart .pdp-size-chart-icon {
  position: relative;
  height: 11px;
  top: 2px;
  left: 1px; }

add-to-cart .add-to-bag-wrapper {
  margin: 30px 0; }
  @media screen and (min-width: 768px) {
    add-to-cart .add-to-bag-wrapper #add-to-bag-pixel-tracker {
      padding: 0px 47px; } }
  add-to-cart .add-to-bag-wrapper loading-icon {
    vertical-align: middle; }
    add-to-cart .add-to-bag-wrapper loading-icon svg {
      fill: #fff; }
  add-to-cart .add-to-bag-wrapper .waitlist {
    position: relative; }
    add-to-cart .add-to-bag-wrapper .waitlist::before {
      content: "Out of Stock";
      position: absolute;
      top: -17px;
      width: 101%;
      background: #8b8b8b;
      height: 24px;
      left: -1px;
      text-transform: initial;
      color: white;
      line-height: 23px; }
  add-to-cart .add-to-bag-wrapper .waitlist-message {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    margin-top: 15px;
    margin-right: 36px; }

.add-to-cart__error-message {
  margin-top: -18px;
  padding-bottom: 18px;
  color: #d22c2b; }

a.quicklook-favorites-btn {
  display: inline-block;
  padding: 0 15px;
  width: 32px;
  height: 23px;
  vertical-align: middle;
  text-align: center; }
  a.quicklook-favorites-btn svg {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
  a.quicklook-favorites-btn:hover svg, a.quicklook-favorites-btn:focus svg {
    fill: #ff99a8; }

.disabled-purchase__wrapper {
  padding-top: 40px;
  margin-bottom: 40px; }
  @media screen and (min-width: 1000px) {
    .disabled-purchase__wrapper {
      padding-top: 0; } }

.disabled-purchase__description {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.66px;
  line-height: 22px; }
  @media screen and (min-width: 1000px) {
    .disabled-purchase__description {
      font-size: 18px;
      letter-spacing: 0.83px;
      line-height: 26px; } }

@media screen and (max-width: 999px) {
  .disabled-purchase__find-my-stylist {
    background-color: #000;
    color: #fff;
    border-color: #000;
    cursor: pointer; } }
  @media screen and (max-width: 999px) and (min-width: 1000px) {
    .disabled-purchase__find-my-stylist:not([disabled]):hover, .disabled-purchase__find-my-stylist:not([disabled]):focus {
      background-color: #fff;
      color: #000; } }

@media screen and (min-width: 1000px) {
  .disabled-purchase__find-my-stylist {
    background-color: transparent;
    color: #000;
    border-color: transparent;
    cursor: pointer;
    border-color: #000; } }
  @media screen and (min-width: 1000px) and (min-width: 1000px) {
    .disabled-purchase__find-my-stylist:not([disabled]):hover, .disabled-purchase__find-my-stylist:not([disabled]):focus {
      background-color: #000;
      color: transparent; } }
  @media screen and (min-width: 1000px) and (min-width: 768px) {
    .disabled-purchase__find-my-stylist:hover {
      color: #fff !important; } }

.browse-look-modal {
  max-width: none !important;
  height: 100% !important;
  padding: 0 !important;
  transform: none !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  background-color: rgba(255, 255, 255, 0.8) !important; }
  @media screen and (max-width: 767px) {
    .browse-look-modal {
      border: none !important; } }
  @media screen and (min-width: 1000px) {
    .browse-look-modal {
      background-color: rgba(255, 255, 255, 0.4) !important; } }
  .browse-look-modal .quicklook-content__title .item-number {
    display: none; }
  .browse-look-modal .quicklook-content__meta li:nth-child(2) {
    border-right: none;
    margin-right: 0;
    padding-right: 0; }
  .browse-look-modal .quicklook-content__meta li:last-of-type {
    display: none; }
  .browse-look-modal quick-look-favorites .quicklook-heart {
    display: none; }

.growl-in-browse-look {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  z-index: 99; }

.browse-look-modal__heading {
  position: relative;
  background: white;
  padding: 10px;
  z-index: 50; }
  @media screen and (min-width: 768px) {
    .browse-look-modal__heading {
      background: transparent;
      padding: 10px 20px;
      margin-top: 24px;
      margin-bottom: 24px; } }
  @media screen and (min-width: 1000px) {
    .browse-look-modal__heading {
      background-color: #fff; } }

.browse-look-modal__title {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-size: 20px;
  letter-spacing: 0.21px;
  line-height: 24px; }
  @media screen and (min-width: 768px) {
    .browse-look-modal__title {
      display: inline-block;
      font-size: 24px;
      font-weight: 300;
      letter-spacing: 1.15px;
      line-height: 29px; } }
  @media screen and (min-width: 1000px) {
    .browse-look-modal__title .shop-this-look {
      height: 24px;
      width: 175px;
      color: #000000;
      font-family: 'Playfair Display';
      font-feature-settings: "lnum";
      font-size: 24px;
      font-weight: 300;
      letter-spacing: 1.15px;
      line-height: 29px; } }

.browse-look-modal__add-look-to-wishlist {
  display: inline-block;
  color: #000000;
  text-decoration: underline;
  font-family: 'Montserrat';
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3px;
  line-height: 15px;
  margin-bottom: 6px;
  text-transform: uppercase;
  cursor: pointer; }
  @media screen and (min-width: 768px) {
    .browse-look-modal__add-look-to-wishlist {
      font-size: 14px;
      letter-spacing: 0.35px;
      line-height: 18px;
      margin-left: 16px; } }

.browse-look-modal__add-look-to-wishlist-confirmation {
  display: inline-block;
  margin-left: 1em;
  color: #ff99a8;
  font-size: .9em; }

.browse-look-modal__navigation {
  display: none;
  position: absolute;
  top: 43px;
  left: 0;
  z-index: 2;
  width: 53px;
  height: 345px;
  background-color: #f5f5f5;
  padding: 30px 0 30px 5px; }
  @media screen and (min-width: 768px) {
    .browse-look-modal__navigation {
      width: 108px;
      height: 547px;
      padding: 30px 0; } }

.browse-look-modal__navigation .slick-slider {
  margin-bottom: 0 !important; }
  .browse-look-modal__navigation .slick-slider .slick-prev,
  .browse-look-modal__navigation .slick-slider .slick-next {
    background: black;
    color: white;
    width: calc(100% - 2px);
    display: block; }
    @media screen and (min-width: 768px) {
      .browse-look-modal__navigation .slick-slider .slick-prev,
      .browse-look-modal__navigation .slick-slider .slick-next {
        width: calc(100% - 26px); } }
    .browse-look-modal__navigation .slick-slider .slick-prev:hover,
    .browse-look-modal__navigation .slick-slider .slick-next:hover {
      color: white;
      background: #303030; }
    .browse-look-modal__navigation .slick-slider .slick-prev:focus,
    .browse-look-modal__navigation .slick-slider .slick-next:focus {
      color: white;
      background: black; }
    .browse-look-modal__navigation .slick-slider .slick-prev.slick-disabled,
    .browse-look-modal__navigation .slick-slider .slick-next.slick-disabled {
      opacity: .15; }
      .browse-look-modal__navigation .slick-slider .slick-prev.slick-disabled:before,
      .browse-look-modal__navigation .slick-slider .slick-next.slick-disabled:before {
        opacity: 1; }
    .browse-look-modal__navigation .slick-slider .slick-prev:before,
    .browse-look-modal__navigation .slick-slider .slick-next:before {
      display: block !important; }
  .browse-look-modal__navigation .slick-slider .slick-prev {
    top: 0;
    left: 50%;
    -webkit-transform: translateY(-15px) translateX(-50%);
    -moz-transform: translateY(-15px) translateX(-50%);
    -ms-transform: translateY(-15px) translateX(-50%);
    -o-transform: translateY(-15px) translateX(-50%);
    transform: translateY(-15px) translateX(-50%); }
    .browse-look-modal__navigation .slick-slider .slick-prev:before {
      font-family: FontAwesome;
      content: "";
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      text-decoration: inherit;
      line-height: 1; }
  .browse-look-modal__navigation .slick-slider .slick-next {
    top: 100%;
    left: 50%;
    -webkit-transform: translateY(15px) translateX(-50%);
    -moz-transform: translateY(15px) translateX(-50%);
    -ms-transform: translateY(15px) translateX(-50%);
    -o-transform: translateY(15px) translateX(-50%);
    transform: translateY(15px) translateX(-50%); }
    .browse-look-modal__navigation .slick-slider .slick-next:before {
      font-family: FontAwesome;
      content: "";
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      text-decoration: inherit;
      line-height: 1; }

.browse-look-modal__navigation .slick-list {
  height: 370px !important; }
  @media screen and (min-width: 768px) {
    .browse-look-modal__navigation .slick-list {
      height: 487px !important; } }

.browse-look-modal__navigation-item {
  text-align: center;
  margin: 3px 0; }

.browse-look-modal__navigation-link {
  display: inline-block;
  opacity: .5;
  background: white;
  border: 3px solid transparent;
  padding: 5px 0; }
  @media screen and (min-width: 768px) {
    .browse-look-modal__navigation-link {
      padding: 10px; } }
  .browse-look-modal__navigation-item:hover .browse-look-modal__navigation-link {
    opacity: 1; }
  .browse-look-modal__navigation-item--active .browse-look-modal__navigation-link {
    opacity: 1;
    border-color: #181818; }

.browse-look-modal__navigation-thumbnail {
  width: 40px; }
  @media screen and (min-width: 768px) {
    .browse-look-modal__navigation-thumbnail {
      width: 56px; } }

.browse-look-modal__container {
  width: 100%;
  height: 85vh; }
  @media screen and (min-width: 1000px) {
    .browse-look-modal__container {
      max-width: 1170px;
      margin: 0 auto;
      display: flex;
      flex-direction: row; } }

.browse-look-modal__cover {
  display: none; }
  @media screen and (min-width: 1000px) {
    .browse-look-modal__cover {
      display: block;
      margin-right: 40px; }
      .browse-look-modal__cover img {
        width: 375px; } }

.browse-look-modal__content {
  z-index: 2; }
  @media screen and (max-width: 767px) {
    .browse-look-modal__content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; } }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    .browse-look-modal__content {
      display: flex;
      flex-direction: row;
      justify-content: center; } }
  @media screen and (min-width: 1000px) {
    .browse-look-modal__content {
      margin-bottom: 20px;
      width: 100%; } }

.browse-look-modal__content--container {
  width: 100%;
  height: calc(100% - 40px);
  overflow: auto; }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    .browse-look-modal__content--container {
      max-width: 768px;
      margin: 0 auto; } }
  @media screen and (min-width: 1000px) {
    .browse-look-modal__content--container {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 20px 20px 20px 0;
      height: calc(100% - 53px); } }

.browse-look-modal__content--border {
  display: flex;
  flex-flow: column nowrap; }
  @media screen and (min-width: 768px) {
    .browse-look-modal__content--border {
      flex-flow: row nowrap; } }
  @media screen and (max-width: 999px) {
    .browse-look-modal__content--border {
      border-bottom: 1px solid #e4e4e4;
      width: calc(100% - 30px); } }
  @media screen and (min-width: 1000px) {
    .browse-look-modal__content--border {
      height: 100%; } }

.browse-look-modal__content:last-of-type .browse-look-modal__content--border {
  border: 0 none; }

.browse-look-modal__information {
  clear: both;
  padding: 0 20px 20px;
  margin: auto 20px !important;
  flex: 1 1 0; }

.browse-look-modal__information--row {
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .browse-look-modal__information--row {
      flex-direction: row; } }
  .browse-look-modal__information--row img {
    display: none; }

.browse-look-modal__actions {
  margin-bottom: 2em; }
  .browse-look-modal__actions::after {
    clear: both;
    content: "";
    display: table; }
  .browse-look-modal__actions ul {
    padding: 0;
    margin: 0; }
    .browse-look-modal__actions ul li {
      display: inline-block; }
    .browse-look-modal__actions ul li {
      list-style: none;
      padding: 0;
      margin: 0; }
    .browse-look-modal__actions ul li {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%; }
      .browse-look-modal__actions ul li:last-child {
        margin-right: 0; }
      .browse-look-modal__actions ul li .btn {
        font-family: 'Montserrat';
        text-transform: uppercase;
        letter-spacing: 0.06875em;
        -webkit-appearance: none;
        border-radius: 0;
        display: inline-block;
        font-size: 0.875em;
        text-decoration: none;
        text-align: center;
        padding: 0 55px;
        border: 1px solid;
        height: 62px;
        -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out, border-width 0.2s ease-out;
        -moz-transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out, border-width 0.2s ease-out;
        transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out, border-width 0.2s ease-out;
        width: 200px;
        height: 60px;
        line-height: 42px;
        padding: 0;
        font-size: 0.8em;
        padding: 0 !important;
        height: 47px !important;
        width: 100%; }
        .browse-look-modal__actions ul li .btn:before {
          content: "";
          display: inline-block;
          vertical-align: middle;
          height: 100%; }
    .browse-look-modal__actions ul li.add-to-wishlist {
      overflow: hidden; }
      .browse-look-modal__actions ul li.add-to-wishlist loading-icon i {
        color: white !important;
        font-size: 1.5em !important;
        margin-right: .25em;
        display: inline-block;
        margin-top: .25em; }
      .browse-look-modal__actions ul li.add-to-wishlist .btn {
        -webkit-transition: -webkit-transform 0.2s ease-out;
        -moz-transition: -moz-transform 0.2s ease-out;
        transition: transform 0.2s ease-out; }
      .browse-look-modal__actions ul li.add-to-wishlist .btn-pink:hover {
        background: #ff99a8;
        color: white;
        cursor: default; }
      .browse-look-modal__actions ul li.add-to-wishlist[data-added] .btn {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%); }

.browse-look-modal #modal-close {
  top: 0 !important;
  right: 13px !important; }
  @media screen and (min-width: 768px) {
    .browse-look-modal #modal-close {
      right: 20px !important; } }
  @media screen and (min-width: 1000px) {
    .browse-look-modal #modal-close {
      right: 3px !important; } }
  .browse-look-modal #modal-close span {
    font-size: 50px !important; }

.browse-look-modal quicklook-images {
  float: left;
  width: 100%;
  max-width: 350px;
  height: 558px;
  background: white; }
  @media screen and (min-width: 768px) {
    .browse-look-modal quicklook-images {
      width: 350px;
      height: 558px; } }
  @media screen and (min-width: 1000px) {
    .browse-look-modal quicklook-images {
      height: 100%;
      min-height: 558px; } }
  @media screen and (min-width: 1000px) {
    .browse-look-modal quicklook-images .quicklook-images {
      position: absolute;
      display: block;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      left: 50%; } }
  .browse-look-modal quicklook-images .quicklook-images ul {
    width: 100%; }

.browse-look-modal quicklook-content {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.browse-look-modal .quicklook-content {
  padding-top: 20px; }
  @media screen and (min-width: 768px) {
    .browse-look-modal .quicklook-content {
      padding-top: 0; } }

.browse-look-modal .quicklook-content__title {
  font-size: 16px;
  font-family: 'Montserrat'; }

.browse-look-modal .quicklook-content__meta {
  font-size: 13px;
  font-family: 'Montserrat';
  text-transform: uppercase;
  line-height: 13px; }
  .browse-look-modal .quicklook-content__meta li:last-of-type {
    font-weight: 600; }

.browse-look-modal .quicklook-content__description {
  display: none; }

cart, cart-favorites {
  display: block; }
  cart .currently-editing-wrapper, cart-favorites .currently-editing-wrapper {
    display: flex;
    width: 970px;
    padding: 19px;
    align-items: center;
    background: #f9f9f9 0 0 no-repeat padding-box; }
    cart .currently-editing-wrapper .icon-i, cart-favorites .currently-editing-wrapper .icon-i {
      background-image: url(../images/icon-info.png);
      height: 20px;
      width: 20px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      margin-right: 13px; }
    cart .currently-editing-wrapper .currently-editing, cart-favorites .currently-editing-wrapper .currently-editing {
      font-size: 13px;
      letter-spacing: 0.17px;
      text-transform: uppercase;
      font-family: 'Montserrat';
      font-weight: 600; }
  cart #dropdown-header, cart-favorites #dropdown-header {
    display: none;
    padding-bottom: .5em; }
  cart #shopping-cart .shop-tr .shop-td, cart-favorites #shopping-cart .shop-tr .shop-td {
    vertical-align: middle; }
    cart #shopping-cart .shop-tr .shop-td p, cart-favorites #shopping-cart .shop-tr .shop-td p {
      font-size: 12px !important; }
    cart #shopping-cart .shop-tr .shop-td label, cart-favorites #shopping-cart .shop-tr .shop-td label {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 700;
      font-style: normal; }
    cart #shopping-cart .shop-tr .shop-td.title p, cart-favorites #shopping-cart .shop-tr .shop-td.title p {
      font-size: 14px !important; }
    cart #shopping-cart .shop-tr .shop-td.title span, cart-favorites #shopping-cart .shop-tr .shop-td.title span {
      font-size: 11px !important; }
    cart #shopping-cart .shop-tr .shop-td.options p, cart-favorites #shopping-cart .shop-tr .shop-td.options p {
      font-size: 12px;
      margin: .5em 0; }
  cart #shopping-cart .shop-tr .adjust-width, cart-favorites #shopping-cart .shop-tr .adjust-width {
    width: 215px !important; }
  cart #cart-editable-items .shop-tr, cart-favorites #cart-editable-items .shop-tr {
    background: #F7F7F7 0 0 no-repeat padding-box;
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    cart #cart-editable-items .shop-tr .shop-td, cart-favorites #cart-editable-items .shop-tr .shop-td {
      padding-top: 2em; }
      cart #cart-editable-items .shop-tr .shop-td p, cart-favorites #cart-editable-items .shop-tr .shop-td p {
        font-size: 16px !important; }
      cart #cart-editable-items .shop-tr .shop-td.image, cart-favorites #cart-editable-items .shop-tr .shop-td.image {
        width: 8%; }
        cart #cart-editable-items .shop-tr .shop-td.image img, cart-favorites #cart-editable-items .shop-tr .shop-td.image img {
          width: 60px;
          height: 82px; }
      cart #cart-editable-items .shop-tr .shop-td.title, cart-favorites #cart-editable-items .shop-tr .shop-td.title {
        width: 18%; }
        cart #cart-editable-items .shop-tr .shop-td.title span, cart-favorites #cart-editable-items .shop-tr .shop-td.title span {
          font-size: 14px !important; }
      cart #cart-editable-items .shop-tr .shop-td.color .icon-dropdown-carret, cart #cart-editable-items .shop-tr .shop-td.length .icon-dropdown-carret, cart #cart-editable-items .shop-tr .shop-td.size .icon-dropdown-carret, cart-favorites #cart-editable-items .shop-tr .shop-td.color .icon-dropdown-carret, cart-favorites #cart-editable-items .shop-tr .shop-td.length .icon-dropdown-carret, cart-favorites #cart-editable-items .shop-tr .shop-td.size .icon-dropdown-carret {
        background-image: url(../images/icon-carat-gray.svg);
        height: 8px;
        width: 18px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        position: relative;
        bottom: 25px;
        left: 85%;
        cursor: pointer;
        pointer-events: none; }
      cart #cart-editable-items .shop-tr .shop-td.color .source-dropdown select, cart #cart-editable-items .shop-tr .shop-td.length .source-dropdown select, cart #cart-editable-items .shop-tr .shop-td.size .source-dropdown select, cart-favorites #cart-editable-items .shop-tr .shop-td.color .source-dropdown select, cart-favorites #cart-editable-items .shop-tr .shop-td.length .source-dropdown select, cart-favorites #cart-editable-items .shop-tr .shop-td.size .source-dropdown select {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: italic;
        cursor: pointer;
        font-size: 16px;
        letter-spacing: 0.6px;
        width: 100%;
        border: none;
        border-bottom: 1px solid;
        background-color: transparent;
        padding: 0.5em 0.5em 0.5em 0.5em;
        line-height: 1.5em;
        border-radius: 0;
        margin: 8px 0 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none; }
      cart #cart-editable-items .shop-tr .shop-td.color .source-dropdown select:focus, cart #cart-editable-items .shop-tr .shop-td.length .source-dropdown select:focus, cart #cart-editable-items .shop-tr .shop-td.size .source-dropdown select:focus, cart-favorites #cart-editable-items .shop-tr .shop-td.color .source-dropdown select:focus, cart-favorites #cart-editable-items .shop-tr .shop-td.length .source-dropdown select:focus, cart-favorites #cart-editable-items .shop-tr .shop-td.size .source-dropdown select:focus {
        outline: 1px solid #000; }
      cart #cart-editable-items .shop-tr .shop-td.color .source-dropdown option, cart #cart-editable-items .shop-tr .shop-td.length .source-dropdown option, cart #cart-editable-items .shop-tr .shop-td.size .source-dropdown option, cart-favorites #cart-editable-items .shop-tr .shop-td.color .source-dropdown option, cart-favorites #cart-editable-items .shop-tr .shop-td.length .source-dropdown option, cart-favorites #cart-editable-items .shop-tr .shop-td.size .source-dropdown option {
        background-color: #F7F7F7; }
      cart #cart-editable-items .shop-tr .shop-td.color, cart-favorites #cart-editable-items .shop-tr .shop-td.color {
        width: 19%; }
      cart #cart-editable-items .shop-tr .shop-td.size, cart-favorites #cart-editable-items .shop-tr .shop-td.size {
        width: 12%; }
        cart #cart-editable-items .shop-tr .shop-td.size .icon-dropdown-carret, cart-favorites #cart-editable-items .shop-tr .shop-td.size .icon-dropdown-carret {
          left: 70px; }
        cart #cart-editable-items .shop-tr .shop-td.size .source-dropdown select, cart-favorites #cart-editable-items .shop-tr .shop-td.size .source-dropdown select {
          width: 110px; }
      cart #cart-editable-items .shop-tr .shop-td.length, cart-favorites #cart-editable-items .shop-tr .shop-td.length {
        width: 12%; }
      cart #cart-editable-items .shop-tr .shop-td.qty, cart-favorites #cart-editable-items .shop-tr .shop-td.qty {
        display: flex;
        width: 10%; }
        cart #cart-editable-items .shop-tr .shop-td.qty input, cart-favorites #cart-editable-items .shop-tr .shop-td.qty input {
          background-color: transparent;
          font-size: 16px;
          border: none;
          border-bottom: 1px solid;
          text-align: center;
          margin-top: 5px;
          cursor: default;
          max-width: 60px; }
        cart #cart-editable-items .shop-tr .shop-td.qty .qty-number-buttons, cart-favorites #cart-editable-items .shop-tr .shop-td.qty .qty-number-buttons {
          display: inline-block;
          margin-top: 11px;
          margin-left: 2px; }
          cart #cart-editable-items .shop-tr .shop-td.qty .qty-number-buttons div, cart-favorites #cart-editable-items .shop-tr .shop-td.qty .qty-number-buttons div {
            border: 1px solid #979797;
            background-color: #DEDEDE;
            width: 30px;
            height: 15px;
            text-align: center;
            cursor: pointer; }
            cart #cart-editable-items .shop-tr .shop-td.qty .qty-number-buttons div i, cart-favorites #cart-editable-items .shop-tr .shop-td.qty .qty-number-buttons div i {
              position: relative;
              top: calc(50% - 12px); }
      cart #cart-editable-items .shop-tr .shop-td.price, cart-favorites #cart-editable-items .shop-tr .shop-td.price {
        text-align: right;
        width: 11%; }
        cart #cart-editable-items .shop-tr .shop-td.price p, cart-favorites #cart-editable-items .shop-tr .shop-td.price p {
          margin-top: 14px;
          margin-left: 15px;
          margin-right: 10px; }
          cart #cart-editable-items .shop-tr .shop-td.price p label, cart-favorites #cart-editable-items .shop-tr .shop-td.price p label {
            font-family: 'Montserrat';
            font-weight: 600; }
      cart #cart-editable-items .shop-tr .shop-td.options, cart-favorites #cart-editable-items .shop-tr .shop-td.options {
        width: 11%; }
        cart #cart-editable-items .shop-tr .shop-td.options p, cart-favorites #cart-editable-items .shop-tr .shop-td.options p {
          font-size: 12px !important; }
          cart #cart-editable-items .shop-tr .shop-td.options p label, cart-favorites #cart-editable-items .shop-tr .shop-td.options p label {
            text-decoration: underline;
            text-transform: uppercase;
            margin-left: 5px;
            cursor: pointer;
            font-family: 'Montserrat';
            font-weight: 600; }
        cart #cart-editable-items .shop-tr .shop-td.options p:first-child, cart-favorites #cart-editable-items .shop-tr .shop-td.options p:first-child {
          padding-top: 12px;
          padding-bottom: 20px; }
        cart #cart-editable-items .shop-tr .shop-td.options .disabled, cart-favorites #cart-editable-items .shop-tr .shop-td.options .disabled {
          cursor: not-allowed;
          opacity: 0.5; }
          cart #cart-editable-items .shop-tr .shop-td.options .disabled > a, cart-favorites #cart-editable-items .shop-tr .shop-td.options .disabled > a {
            color: currentColor;
            display: inline-block;
            /* For IE11/ MS Edge bug */
            pointer-events: none;
            text-decoration: none; }
    cart #cart-editable-items .shop-tr .adjust-width, cart-favorites #cart-editable-items .shop-tr .adjust-width {
      width: 215px !important; }
  cart cart-items, cart-favorites cart-items {
    table-layout: auto;
    width: 100%;
    display: table; }
  cart .shop-table.no-margin, cart-favorites .shop-table.no-margin {
    margin: 0; }
  cart .shop-table .shop-tr, cart-favorites .shop-table .shop-tr {
    border-bottom: 0 !important; }
  cart .shop-table .with-bottom-border, cart-favorites .shop-table .with-bottom-border {
    border-bottom: 1px solid #eae4de !important; }
  cart .shopping-checkout-bottom, cart-favorites .shopping-checkout-bottom {
    padding: 20px 0 0; }
    cart .shopping-checkout-bottom .view-cart-button, cart-favorites .shopping-checkout-bottom .view-cart-button {
      margin-right: -10px; }
      cart .shopping-checkout-bottom .view-cart-button .btn, cart-favorites .shopping-checkout-bottom .view-cart-button .btn {
        padding: 0px 7px;
        height: 52px;
        font-size: 0.8em;
        font-weight: 600;
        line-height: 50px; }
        cart .shopping-checkout-bottom .view-cart-button .btn svg, cart-favorites .shopping-checkout-bottom .view-cart-button .btn svg {
          width: 10px;
          fill: white;
          display: inline-block;
          position: relative;
          top: 1px;
          margin-right: 6px;
          vertical-align: middle; }
        cart .shopping-checkout-bottom .view-cart-button .btn span, cart-favorites .shopping-checkout-bottom .view-cart-button .btn span {
          vertical-align: middle; }
    cart .shopping-checkout-bottom .clear-bag__wrapper, cart-favorites .shopping-checkout-bottom .clear-bag__wrapper {
      padding-right: 3em; }
    cart .shopping-checkout-bottom .clear-bag__link, cart-favorites .shopping-checkout-bottom .clear-bag__link {
      font-size: .75em; }
      cart .shopping-checkout-bottom .clear-bag__link span, cart-favorites .shopping-checkout-bottom .clear-bag__link span {
        text-decoration: underline;
        -webkit-transition: all 0.15s ease-out 0s;
        -moz-transition: all 0.15s ease-out 0s;
        transition: all 0.15s ease-out 0s; }
        cart .shopping-checkout-bottom .clear-bag__link span:hover, cart-favorites .shopping-checkout-bottom .clear-bag__link span:hover {
          color: #000; }
    cart .shopping-checkout-bottom .check-out-yourself__wrapper, cart-favorites .shopping-checkout-bottom .check-out-yourself__wrapper {
      text-align: right;
      padding-right: 20px;
      margin-top: 25px; }
    cart .shopping-checkout-bottom .check-out-yourself__link, cart-favorites .shopping-checkout-bottom .check-out-yourself__link {
      font-size: .75em; }
      cart .shopping-checkout-bottom .check-out-yourself__link span, cart-favorites .shopping-checkout-bottom .check-out-yourself__link span {
        text-decoration: underline;
        -webkit-transition: all 0.15s ease-out 0s;
        -moz-transition: all 0.15s ease-out 0s;
        transition: all 0.15s ease-out 0s; }
        cart .shopping-checkout-bottom .check-out-yourself__link span:hover, cart-favorites .shopping-checkout-bottom .check-out-yourself__link span:hover {
          color: #000; }
    cart .shopping-checkout-bottom .check-out-button, cart-favorites .shopping-checkout-bottom .check-out-button {
      height: 50px;
      line-height: 50px;
      font-size: .9em;
      padding: 0 20px; }
    cart .shopping-checkout-bottom .shop-for-more, cart-favorites .shopping-checkout-bottom .shop-for-more {
      text-align: right;
      margin: 40px 35px 0; }
      cart .shopping-checkout-bottom .shop-for-more span, cart-favorites .shopping-checkout-bottom .shop-for-more span {
        font-family: 'Montserrat';
        cursor: pointer;
        font-weight: bold;
        border-bottom: 2px solid #000;
        font-size: 0.875em; }
        cart .shopping-checkout-bottom .shop-for-more span a, cart-favorites .shopping-checkout-bottom .shop-for-more span a {
          text-decoration: none; }
  cart .icon-close, cart-favorites .icon-close {
    vertical-align: middle; }
  cart .estimated-ship-date, cart-favorites .estimated-ship-date {
    display: block;
    font-size: 10px; }
  @media screen and (max-width: 1000px) {
    cart .currently-editing-wrapper, cart-favorites .currently-editing-wrapper {
      width: 708px; }
      cart .currently-editing-wrapper .currently-editing, cart-favorites .currently-editing-wrapper .currently-editing {
        font-size: 10px; }
    cart #cart-editable-items .shop-tr, cart-favorites #cart-editable-items .shop-tr {
      width: 708px; }
      cart #cart-editable-items .shop-tr .shop-td p, cart-favorites #cart-editable-items .shop-tr .shop-td p {
        font-size: 12px !important; }
      cart #cart-editable-items .shop-tr .shop-td.image, cart-favorites #cart-editable-items .shop-tr .shop-td.image {
        width: 11%; }
      cart #cart-editable-items .shop-tr .shop-td.title span, cart-favorites #cart-editable-items .shop-tr .shop-td.title span {
        font-size: 9px !important; }
      cart #cart-editable-items .shop-tr .shop-td.color .icon-dropdown-carret, cart #cart-editable-items .shop-tr .shop-td.length .icon-dropdown-carret, cart #cart-editable-items .shop-tr .shop-td.size .icon-dropdown-carret, cart-favorites #cart-editable-items .shop-tr .shop-td.color .icon-dropdown-carret, cart-favorites #cart-editable-items .shop-tr .shop-td.length .icon-dropdown-carret, cart-favorites #cart-editable-items .shop-tr .shop-td.size .icon-dropdown-carret {
        bottom: 16px; }
      cart #cart-editable-items .shop-tr .shop-td.color .icon-dropdown-carret, cart #cart-editable-items .shop-tr .shop-td.length .icon-dropdown-carret, cart-favorites #cart-editable-items .shop-tr .shop-td.color .icon-dropdown-carret, cart-favorites #cart-editable-items .shop-tr .shop-td.length .icon-dropdown-carret {
        left: 75px; }
      cart #cart-editable-items .shop-tr .shop-td.color .source-dropdown select, cart #cart-editable-items .shop-tr .shop-td.length .source-dropdown select, cart-favorites #cart-editable-items .shop-tr .shop-td.color .source-dropdown select, cart-favorites #cart-editable-items .shop-tr .shop-td.length .source-dropdown select {
        font-size: 11px;
        width: 100px; }
      cart #cart-editable-items .shop-tr .shop-td.size .icon-dropdown-carret, cart-favorites #cart-editable-items .shop-tr .shop-td.size .icon-dropdown-carret {
        left: 45px; }
      cart #cart-editable-items .shop-tr .shop-td.size .source-dropdown select, cart-favorites #cart-editable-items .shop-tr .shop-td.size .source-dropdown select {
        font-size: 11px;
        width: 75px; }
      cart #cart-editable-items .shop-tr .shop-td.qty, cart-favorites #cart-editable-items .shop-tr .shop-td.qty {
        width: 13%; }
        cart #cart-editable-items .shop-tr .shop-td.qty input, cart-favorites #cart-editable-items .shop-tr .shop-td.qty input {
          font-size: 12px;
          margin-top: 0px; }
        cart #cart-editable-items .shop-tr .shop-td.qty .qty-number-buttons, cart-favorites #cart-editable-items .shop-tr .shop-td.qty .qty-number-buttons {
          margin-top: -2px; }
      cart #cart-editable-items .shop-tr .shop-td.price, cart-favorites #cart-editable-items .shop-tr .shop-td.price {
        width: 9%; }
        cart #cart-editable-items .shop-tr .shop-td.price p, cart-favorites #cart-editable-items .shop-tr .shop-td.price p {
          margin-top: -2px;
          margin-left: 8px;
          margin-right: 0px; }
      cart #cart-editable-items .shop-tr .shop-td.options, cart-favorites #cart-editable-items .shop-tr .shop-td.options {
        margin-right: 0;
        padding-left: 0;
        padding-right: 0; }
        cart #cart-editable-items .shop-tr .shop-td.options p, cart-favorites #cart-editable-items .shop-tr .shop-td.options p {
          font-size: 9px !important; }
        cart #cart-editable-items .shop-tr .shop-td.options p:first-child, cart-favorites #cart-editable-items .shop-tr .shop-td.options p:first-child {
          padding-top: 0px;
          padding-bottom: 14px; } }
  @media screen and (max-width: 767px) {
    cart .currently-editing-wrapper, cart-favorites .currently-editing-wrapper {
      width: auto; }
      cart .currently-editing-wrapper .currently-editing, cart-favorites .currently-editing-wrapper .currently-editing {
        font-size: 9px; }
      cart .currently-editing-wrapper .icon-i, cart-favorites .currently-editing-wrapper .icon-i {
        height: 2.3vh;
        width: 2.2vh;
        padding-right: 2.3vh; }
    cart #cart-editable-items .shop-tr, cart-favorites #cart-editable-items .shop-tr {
      background-color: transparent;
      width: auto;
      display: block; }
      cart #cart-editable-items .shop-tr .shop-td, cart-favorites #cart-editable-items .shop-tr .shop-td {
        width: auto !important; }
        cart #cart-editable-items .shop-tr .shop-td p, cart-favorites #cart-editable-items .shop-tr .shop-td p {
          font-size: 16px !important; }
        cart #cart-editable-items .shop-tr .shop-td.image img, cart-favorites #cart-editable-items .shop-tr .shop-td.image img {
          width: auto;
          height: auto; }
        cart #cart-editable-items .shop-tr .shop-td.title, cart-favorites #cart-editable-items .shop-tr .shop-td.title {
          float: none;
          padding-top: 40px; }
          cart #cart-editable-items .shop-tr .shop-td.title span, cart-favorites #cart-editable-items .shop-tr .shop-td.title span {
            font-size: 14px !important;
            padding-left: 3px; }
        cart #cart-editable-items .shop-tr .shop-td.color .selectable, cart #cart-editable-items .shop-tr .shop-td.size .selectable, cart #cart-editable-items .shop-tr .shop-td.length .selectable, cart-favorites #cart-editable-items .shop-tr .shop-td.color .selectable, cart-favorites #cart-editable-items .shop-tr .shop-td.size .selectable, cart-favorites #cart-editable-items .shop-tr .shop-td.length .selectable {
          display: inline-block;
          min-width: 40px;
          min-height: 30px;
          text-align: center;
          padding-top: 3px;
          padding-left: 5px;
          padding-right: 5px;
          margin-right: 2px;
          margin-top: 5px;
          border-style: solid;
          border-width: 2px;
          border-color: #6C6C6C;
          color: #6C6C6C;
          font-size: 12px;
          font-family: 'Montserrat'; }
          cart #cart-editable-items .shop-tr .shop-td.color .selectable.selected, cart #cart-editable-items .shop-tr .shop-td.size .selectable.selected, cart #cart-editable-items .shop-tr .shop-td.length .selectable.selected, cart-favorites #cart-editable-items .shop-tr .shop-td.color .selectable.selected, cart-favorites #cart-editable-items .shop-tr .shop-td.size .selectable.selected, cart-favorites #cart-editable-items .shop-tr .shop-td.length .selectable.selected {
            border-color: #000;
            color: #000; }
          cart #cart-editable-items .shop-tr .shop-td.color .selectable.disabled, cart #cart-editable-items .shop-tr .shop-td.size .selectable.disabled, cart #cart-editable-items .shop-tr .shop-td.length .selectable.disabled, cart-favorites #cart-editable-items .shop-tr .shop-td.color .selectable.disabled, cart-favorites #cart-editable-items .shop-tr .shop-td.size .selectable.disabled, cart-favorites #cart-editable-items .shop-tr .shop-td.length .selectable.disabled {
            border-color: #979797;
            color: #979797;
            pointer-events: none;
            background: linear-gradient(to left top, transparent 47.75%, currentColor 49.5%, currentColor 50.5%, transparent 52.25%); }
        cart #cart-editable-items .shop-tr .shop-td.color .selectable:active, cart #cart-editable-items .shop-tr .shop-td.size .selectable:active, cart #cart-editable-items .shop-tr .shop-td.length .selectable:active, cart-favorites #cart-editable-items .shop-tr .shop-td.color .selectable:active, cart-favorites #cart-editable-items .shop-tr .shop-td.size .selectable:active, cart-favorites #cart-editable-items .shop-tr .shop-td.length .selectable:active {
          background-color: transparent; }
        cart #cart-editable-items .shop-tr .shop-td.color, cart-favorites #cart-editable-items .shop-tr .shop-td.color {
          font-family: 'Montserrat';
          font-weight: 600;
          text-transform: uppercase; }
          cart #cart-editable-items .shop-tr .shop-td.color p, cart-favorites #cart-editable-items .shop-tr .shop-td.color p {
            font-size: 12px !important;
            display: inline-block; }
            cart #cart-editable-items .shop-tr .shop-td.color p label:first-child, cart-favorites #cart-editable-items .shop-tr .shop-td.color p label:first-child {
              font-size: 12px !important;
              color: #666666; }
            cart #cart-editable-items .shop-tr .shop-td.color p label:last-child, cart-favorites #cart-editable-items .shop-tr .shop-td.color p label:last-child {
              padding-left: 5px; }
          cart #cart-editable-items .shop-tr .shop-td.color .selectable.first, cart-favorites #cart-editable-items .shop-tr .shop-td.color .selectable.first {
            margin-left: 5px; }
        cart #cart-editable-items .shop-tr .shop-td.size, cart-favorites #cart-editable-items .shop-tr .shop-td.size {
          padding-bottom: 10px;
          clear: both; }
          cart #cart-editable-items .shop-tr .shop-td.size p, cart-favorites #cart-editable-items .shop-tr .shop-td.size p {
            font-family: 'Montserrat';
            font-weight: 600;
            font-size: 10px !important;
            text-transform: uppercase; }
            cart #cart-editable-items .shop-tr .shop-td.size p label:first-child, cart-favorites #cart-editable-items .shop-tr .shop-td.size p label:first-child {
              color: #666666; }
            cart #cart-editable-items .shop-tr .shop-td.size p label:last-child, cart-favorites #cart-editable-items .shop-tr .shop-td.size p label:last-child {
              padding-left: 5px; }
            cart #cart-editable-items .shop-tr .shop-td.size p .question-icon, cart-favorites #cart-editable-items .shop-tr .shop-td.size p .question-icon {
              border: 1px solid black;
              text-align: center;
              padding: 0 3px;
              font-size: 9px;
              font-weight: 900;
              margin: 0 5px; }
            cart #cart-editable-items .shop-tr .shop-td.size p size-chart a, cart-favorites #cart-editable-items .shop-tr .shop-td.size p size-chart a {
              font-family: 'Montserrat';
              font-weight: 600;
              font-size: 10px !important; }
        cart #cart-editable-items .shop-tr .shop-td.length, cart-favorites #cart-editable-items .shop-tr .shop-td.length {
          padding-top: 0;
          padding-bottom: 10px; }
          cart #cart-editable-items .shop-tr .shop-td.length p, cart-favorites #cart-editable-items .shop-tr .shop-td.length p {
            font-family: 'Montserrat';
            font-weight: 600;
            font-size: 10px !important;
            text-transform: uppercase; }
            cart #cart-editable-items .shop-tr .shop-td.length p label:first-child, cart-favorites #cart-editable-items .shop-tr .shop-td.length p label:first-child {
              color: #666666; }
            cart #cart-editable-items .shop-tr .shop-td.length p label:last-child, cart-favorites #cart-editable-items .shop-tr .shop-td.length p label:last-child {
              padding-left: 5px; }
        cart #cart-editable-items .shop-tr .shop-td.qty, cart-favorites #cart-editable-items .shop-tr .shop-td.qty {
          display: block;
          padding-top: 0;
          padding-left: 5px; }
          cart #cart-editable-items .shop-tr .shop-td.qty p, cart-favorites #cart-editable-items .shop-tr .shop-td.qty p {
            font-family: 'Montserrat';
            font-weight: 600;
            color: #666666;
            font-size: 10px !important;
            text-transform: uppercase; }
          cart #cart-editable-items .shop-tr .shop-td.qty .qty-mobile-wrapper, cart-favorites #cart-editable-items .shop-tr .shop-td.qty .qty-mobile-wrapper {
            padding-top: 5px; }
            cart #cart-editable-items .shop-tr .shop-td.qty .qty-mobile-wrapper div, cart-favorites #cart-editable-items .shop-tr .shop-td.qty .qty-mobile-wrapper div {
              display: inline-block;
              min-width: 30px;
              min-height: 30px;
              text-align: center;
              padding-top: 5px;
              color: #000;
              border: 1px solid black;
              font-size: 18px;
              font-family: 'Montserrat';
              font-weight: 600; }
            cart #cart-editable-items .shop-tr .shop-td.qty .qty-mobile-wrapper div:first-child, cart-favorites #cart-editable-items .shop-tr .shop-td.qty .qty-mobile-wrapper div:first-child {
              border-right: none; }
            cart #cart-editable-items .shop-tr .shop-td.qty .qty-mobile-wrapper div:last-child, cart-favorites #cart-editable-items .shop-tr .shop-td.qty .qty-mobile-wrapper div:last-child {
              border-left: none; }
        cart #cart-editable-items .shop-tr .shop-td.options, cart-favorites #cart-editable-items .shop-tr .shop-td.options {
          margin-right: 0; }
          cart #cart-editable-items .shop-tr .shop-td.options button, cart-favorites #cart-editable-items .shop-tr .shop-td.options button {
            width: 94px;
            height: 40px;
            text-align: center;
            padding: 0px 0px 0px 10px;
            margin-top: -5px;
            margin-right: 4px; }
            cart #cart-editable-items .shop-tr .shop-td.options button i, cart-favorites #cart-editable-items .shop-tr .shop-td.options button i {
              position: absolute;
              top: 14px;
              left: 13px; }
            cart #cart-editable-items .shop-tr .shop-td.options button.disabled, cart-favorites #cart-editable-items .shop-tr .shop-td.options button.disabled {
              pointer-events: none; }
          cart #cart-editable-items .shop-tr .shop-td.options p, cart-favorites #cart-editable-items .shop-tr .shop-td.options p {
            font-size: 12px !important; }
            cart #cart-editable-items .shop-tr .shop-td.options p a label, cart-favorites #cart-editable-items .shop-tr .shop-td.options p a label {
              text-decoration: none;
              border-bottom: 1px solid #000; }
    cart #shopping-cart .shop-tr .shop-td.options p, cart-favorites #shopping-cart .shop-tr .shop-td.options p {
      margin-right: 10px; } }
  cart.small[hide-clear-bag='true'] #dropdown-header, cart-favorites.small[hide-clear-bag='true'] #dropdown-header {
    display: block; }
  cart.small .shop-td, cart-favorites.small .shop-td {
    width: auto; }
  cart.small .shop-td.image, cart-favorites.small .shop-td.image {
    float: left;
    margin-right: 10px; }
    cart.small .shop-td.image img, cart-favorites.small .shop-td.image img {
      max-width: 72px; }
  cart.small .shopping-checkout-bottom, cart-favorites.small .shopping-checkout-bottom {
    padding: 10px; }
    cart.small .shopping-checkout-bottom .btn, cart-favorites.small .shopping-checkout-bottom .btn {
      padding: 0px 10px;
      height: 52px;
      font-size: 0.8em;
      font-weight: 600;
      line-height: 50px; }
    cart.small .shopping-checkout-bottom p.subtotal-label, cart-favorites.small .shopping-checkout-bottom p.subtotal-label {
      font-size: 11px; }
    cart.small .shopping-checkout-bottom p.subtotal-amount, cart-favorites.small .shopping-checkout-bottom p.subtotal-amount {
      display: block;
      text-align: left;
      font-size: 16px; }
  cart.small .nonmobile-version, cart-favorites.small .nonmobile-version {
    visibility: hidden;
    pointer-events: none;
    height: 20px; }
  cart.small .my-favorites-title, cart-favorites.small .my-favorites-title {
    margin-top: 35px; }
  cart.small .favorites .shop-tr .shop-td.title, cart-favorites.small .favorites .shop-tr .shop-td.title {
    margin-top: 30px; }
  cart.small .favorites .shop-tr .shop-td p, cart-favorites.small .favorites .shop-tr .shop-td p {
    padding: 0 5px 0 5px; }
  cart.small .add-all-to-bag, cart-favorites.small .add-all-to-bag {
    justify-content: flex-start;
    margin-top: 24px; }
  cart.medium .shop-td p, cart-favorites.medium .shop-td p {
    font-size: 13px !important; }
  cart.medium .shop-td.image img, cart-favorites.medium .shop-td.image img {
    max-width: 60px; }
  cart.medium .shopping-checkout-bottom, cart-favorites.medium .shopping-checkout-bottom {
    padding: 10px; }
    cart.medium .shopping-checkout-bottom #checkout-right, cart-favorites.medium .shopping-checkout-bottom #checkout-right {
      float: right; }
    cart.medium .shopping-checkout-bottom .btn, cart-favorites.medium .shopping-checkout-bottom .btn {
      padding: 0 20px; }
    cart.medium .shopping-checkout-bottom p.subtotal-label, cart-favorites.medium .shopping-checkout-bottom p.subtotal-label {
      font-size: 12px; }
    cart.medium .shopping-checkout-bottom p.subtotal-amount, cart-favorites.medium .shopping-checkout-bottom p.subtotal-amount {
      display: block;
      text-align: left;
      font-size: 13px; }
  cart.medium .mobile-version, cart-favorites.medium .mobile-version {
    display: none; }
  cart.large .shop-table .shop-td, cart-favorites.large .shop-table .shop-td {
    vertical-align: top; }
    cart.large .shop-table .shop-td.image, cart-favorites.large .shop-table .shop-td.image {
      padding-top: 1.5em; }
    cart.large .shop-table .shop-td.title, cart.large .shop-table .shop-td.properties, cart-favorites.large .shop-table .shop-td.title, cart-favorites.large .shop-table .shop-td.properties {
      width: 22%; }
    cart.large .shop-table .shop-td.qty, cart-favorites.large .shop-table .shop-td.qty {
      width: 8%; }
    cart.large .shop-table .shop-td.price, cart-favorites.large .shop-table .shop-td.price {
      width: 10%; }
    cart.large .shop-table .shop-td.options, cart-favorites.large .shop-table .shop-td.options {
      width: 22%; }
  cart.large .shopping-checkout-bottom #checkout-right, cart-favorites.large .shopping-checkout-bottom #checkout-right {
    float: right;
    margin-bottom: 20px; }
  cart.large .mobile-version, cart-favorites.large .mobile-version {
    display: none; }
  cart.large .add-all-to-bag, cart-favorites.large .add-all-to-bag {
    display: flex;
    justify-content: flex-end;
    margin-top: 24px; }

cart-count {
  display: inline-block;
  position: relative;
  height: 24px;
  margin-left: 0 !important;
  padding-left: 0.75rem; }
  cart-count > a {
    color: black;
    text-decoration: none; }
    cart-count > a span.count {
      font-size: 14px;
      position: absolute;
      top: -5px;
      right: -10px;
      width: 12px; }
  cart-count .dropdown {
    position: absolute;
    top: 33px;
    right: -10px;
    width: 570px;
    z-index: 2;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
    border-top: 4px solid #ff99a8;
    padding: 20px 10px; }
    cart-count .dropdown:before {
      font-family: FontAwesome;
      content: "";
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      text-decoration: inherit;
      line-height: 1;
      color: #ff99a8;
      position: absolute;
      top: -20px;
      right: 10px;
      font-size: 30px; }
    cart-count .dropdown .container {
      position: relative; }
      cart-count .dropdown .container .content-to-show-waitlist {
        position: absolute;
        bottom: -55px;
        background-color: #e6e6e6;
        left: -10px;
        width: calc(100% + 20px);
        text-align: center;
        padding: 10px 0; }
    cart-count .dropdown #checkout-left.pull-left {
      float: left; }
    cart-count .dropdown #checkout-right > div:last-child {
      padding-right: 0; }

home-show-banner {
  display: block;
  background: #ff99a8;
  text-align: center;
  line-height: 1.5em; }
  @media screen and (min-width: 1000px) {
    home-show-banner {
      line-height: 48px; } }

.home-show-banner-message {
  display: inline-block;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 600;
  font-style: italic;
  color: white;
  padding-right: 1em; }
  @media screen and (max-width: 999px) {
    .home-show-banner-message {
      max-width: 310px;
      padding: 7px 10px; } }

.home-show-banner-icon {
  display: inline-block;
  width: 20px;
  margin-right: .5em;
  vertical-align: baseline; }

.home-show-banner-cta {
  color: black;
  text-decoration: underline;
  font-size: .9em; }

homeshow-toggle {
  display: block; }

.growl-container {
  text-align: center; }
  .growl-container .growl-item {
    border-radius: 0; }
    .growl-container .growl-item.alert-success {
      color: #000;
      background-color: #ff99a8;
      border-color: #ff8f9f; }
    .growl-container .growl-item.alert-error {
      color: #fff;
      background-color: #D22C2B;
      border-color: #ca2a29; }
    .growl-container .growl-item.alert-info {
      color: #f7f4f0;
      background-color: #000;
      border-color: black; }
    .growl-container .growl-item .growl-message {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 1.2em; }
      .growl-container .growl-item .growl-message i {
        font-size: 1.2em; }

.growl-container > .growl-item {
  position: relative;
  z-index: -1;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transform: translateY(5%);
  -moz-transform: translateY(5%);
  -ms-transform: translateY(5%);
  -o-transform: translateY(5%);
  transform: translateY(5%); }
  @media screen and (min-width: 1000px) {
    .growl-container > .growl-item {
      -webkit-transform: translateY(6%);
      -moz-transform: translateY(6%);
      -ms-transform: translateY(6%);
      -o-transform: translateY(6%);
      transform: translateY(6%); } }

.growl-container > .growl-item.ng-enter {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.growl-container > .growl-item.ng-leave {
  opacity: 0; }

.scroll-inside-container__bounding-box {
  position: relative; }

.gift-card-view {
  margin: 50px 0 50px 0;
  font-size: medium; }
  .gift-card-view .answers_gc_msg {
    width: 87.6%; }
  .gift-card-view .form-control {
    margin-top: 10px; }
  .gift-card-view .form-block-group {
    vertical-align: top;
    display: inline-block;
    padding: 5px 10px 5px 0;
    vertical-align: top;
    width: 30%; }
    .gift-card-view .form-block-group input {
      width: 95% !important; }
    .gift-card-view .form-block-group .error-message {
      width: 95% !important; }
  .gift-card-view .label-field {
    font-size: medium;
    font-weight: bold;
    color: #000; }
  .gift-card-view .title {
    font-size: xx-large;
    line-height: 35px; }
  .gift-card-view .form-group {
    margin-top: 15px; }
  .gift-card-view .form-group label, .gift-card-view .form-group input {
    display: block; }
  .gift-card-view .label-field {
    padding: 0 0 10px 0;
    font-size: large; }
  .gift-card-view .form-group input:not([type=radio]) {
    width: 140px;
    display: inline; }
  .gift-card-view .left-inner-addon {
    position: relative;
    color: #FFFFFF; }
    .gift-card-view .left-inner-addon input {
      border-radius: 50px;
      border: none;
      font-size: 14px;
      font-weight: 900;
      margin: 5px 5px 5px 0;
      padding: 0 15px 0 40px;
      height: 34px !important;
      background-color: #000;
      color: #FFFFFF; }
    .gift-card-view .left-inner-addon span {
      position: absolute;
      margin: 10px;
      padding: 2px 7px;
      pointer-events: none;
      font-weight: 900;
      border-right: 1px solid white; }
  .gift-card-view .underline {
    border-bottom: 1px solid #EAE9E7;
    margin: 10px 0;
    overflow: auto;
    display: block; }
  .gift-card-view .horizontal-form * {
    display: inline; }
  .gift-card-view .horizontal-form input, .gift-card-view .horizontal-form .input-select {
    margin-right: 20px; }
  .gift-card-view .horizontal-form select {
    width: 80px; }
  .gift-card-view .horizontal-form input {
    height: 42px; }
  .gift-card-view .form-group, .gift-card-view .horizontal-form {
    padding: 7px 0; }
  .gift-card-view .card-type {
    width: 250px;
    height: 197px;
    text-align: center;
    margin: 0 20px 0 0;
    cursor: pointer;
    display: inline-block; }
    .gift-card-view .card-type label {
      text-align: left;
      margin-top: 4px; }
    .gift-card-view .card-type img:hover, .gift-card-view .card-type.selected-card-type img {
      border: 4px solid #000; }
    .gift-card-view .card-type input[type=radio] {
      display: none; }
    .gift-card-view .card-type img, .gift-card-view .card-type .card-type-name {
      display: block; }
      .gift-card-view .card-type img *, .gift-card-view .card-type .card-type-name * {
        display: inline; }
      .gift-card-view .card-type img a, .gift-card-view .card-type .card-type-name a {
        text-decoration: none;
        color: #FF99A8;
        font-weight: bold; }
    .gift-card-view .card-type img {
      width: 100%;
      border: 4px solid rgba(255, 255, 255, 0); }
    .gift-card-view .card-type i {
      position: relative;
      float: right;
      bottom: 49px;
      right: 4px;
      font-size: 25px;
      color: #838383;
      padding: 10px;
      background-color: #FFFFFF; }
      .gift-card-view .card-type i:hover {
        font-size: 40px;
        bottom: 64px;
        cursor: -webkit-zoom-in; }
  .gift-card-view textarea {
    width: 87.6%; }
  .gift-card-view .higher-amount-text {
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 16px; }
  .gift-card-view .btn-cta--black {
    font-size: 16px; }
  .gift-card-view .switch-field {
    padding: 20px 0;
    overflow: hidden; }
    .gift-card-view .switch-field input {
      display: none; }
      .gift-card-view .switch-field input:checked + label {
        background-color: #000;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #FFFFFF; }
    .gift-card-view .switch-field label {
      display: inline-block;
      width: auto;
      background-color: #FFFFFF;
      color: #000000;
      font-size: 14px;
      font-weight: 900;
      text-align: center;
      text-shadow: none;
      margin: 5px 5px 5px 0;
      padding: 6px 14px;
      border: none;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      border-radius: 50px;
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      -ms-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out; }
      .gift-card-view .switch-field label:hover, .gift-card-view .switch-field label:focus {
        cursor: pointer;
        background-color: #000;
        color: #fff; }

.sr-fieldset {
  border: none;
  margin: 0;
  padding: 0; }
  .sr-fieldset input {
    width: auto; }

.sr-only {
  border: 0;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

#modal.zoomed-image {
  width: auto;
  max-width: none; }
  #modal.zoomed-image #modal-close {
    top: -35px;
    right: -35px; }

header#site-header #header-wrapper div#header-bar home-show-banner {
  overflow: hidden !important;
  z-index: -1 !important; }

.show-modal#modal {
  background-color: #fdfdfd; }

.show-modal__header {
  text-align: center;
  margin-top: -78px;
  margin-bottom: 30px; }
  .show-modal__header::after {
    clear: both;
    content: "";
    display: table; }
  .show-modal__header .show-modal__avatar {
    margin-bottom: 15px; }
  .show-modal__header .show-modal__message {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 400;
    font-style: italic;
    font-size: 1.75em;
    line-height: 1.25em; }

.show-modal__avatar {
  border-radius: 50%;
  width: 72px; }

.show-modal__button-wrapper {
  margin-top: 10px; }
  .show-modal__button-wrapper .btn {
    width: 100%;
    height: 64px !important;
    line-height: 64px !important;
    font-size: .9em !important; }

/* Variables
================================================= */
/* Mixins
================================================= */
/* Modernizr
================================================= */
/* Styles
================================================= */
size-chart a {
  font-size: 0.9em;
  color: inherit; }

.modal-for-size-chart {
  -webkit-transform: translateX(-50%) translateY(0) !important;
  -moz-transform: translateX(-50%) translateY(0) !important;
  -ms-transform: translateX(-50%) translateY(0) !important;
  -o-transform: translateX(-50%) translateY(0) !important;
  transform: translateX(-50%) translateY(0) !important;
  top: 100px !important; }
  @media screen and (min-width: 768px) {
    .modal-for-size-chart {
      height: 80%;
      max-height: 915px; }
      .modal-for-size-chart #size-chart-modal {
        overflow-x: auto;
        height: 100%; } }

#size-chart-modal #size-chart-header {
  display: flex;
  align-items: flex-end;
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 1px solid #dddddd; }
  @media screen and (max-width: 767px) {
    #size-chart-modal #size-chart-header {
      flex-direction: column;
      align-items: flex-start; } }
  #size-chart-modal #size-chart-header object {
    max-width: 50px; }
  #size-chart-modal #size-chart-header h1 {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 600;
    font-style: normal;
    font-size: 26px;
    letter-spacing: 0.57px;
    line-height: 31px;
    margin-right: 25px; }
  #size-chart-modal #size-chart-header p {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.05px;
    line-height: 22px; }

#size-chart-modal #size-chart-table {
  margin-bottom: 25px; }
  #size-chart-modal #size-chart-table .size-chart-table-large {
    display: none; }
    @media screen and (min-width: 1000px) {
      #size-chart-modal #size-chart-table .size-chart-table-large {
        display: table; } }
  #size-chart-modal #size-chart-table .size-chart-table-small {
    display: table; }
    @media screen and (min-width: 1000px) {
      #size-chart-modal #size-chart-table .size-chart-table-small {
        display: none; } }
  #size-chart-modal #size-chart-table table {
    width: 100%;
    font-size: 0.8em;
    table-layout: fixed; }
    #size-chart-modal #size-chart-table table th {
      background-color: #f8f8f8; }
    #size-chart-modal #size-chart-table table thead tr:first-of-type th {
      border-bottom: 1px solid #c1c7ca; }
    #size-chart-modal #size-chart-table table thead tr:last-of-type th {
      border-bottom: 2px solid #000000; }
    #size-chart-modal #size-chart-table table thead th {
      font-family: 'Montserrat';
      font-weight: 700;
      font-size: 12px;
      letter-spacing: 0.04px;
      line-height: 40px;
      border-bottom: 2px solid #000; }
      #size-chart-modal #size-chart-table table thead th:last-child {
        border-right: none; }
      #size-chart-modal #size-chart-table table thead th:first-child {
        background-color: transparent; }
    #size-chart-modal #size-chart-table table thead .size-heding {
      color: #999999;
      background-color: transparent; }
    #size-chart-modal #size-chart-table table tbody th {
      font-family: 'Montserrat';
      font-weight: 700;
      font-size: 12px;
      letter-spacing: 0.04px;
      line-height: 50px; }
    #size-chart-modal #size-chart-table table tbody td {
      font-family: 'Montserrat';
      font-size: 12px;
      letter-spacing: 0.04px;
      line-height: 50px; }
    #size-chart-modal #size-chart-table table th,
    #size-chart-modal #size-chart-table table td {
      text-align: center;
      border-right: 1px solid #c1c7ca;
      border-bottom: 1px solid #c1c7ca; }
    #size-chart-modal #size-chart-table table td:last-child {
      border-right: none; }

#size-chart-modal #size-chart-body {
  font-size: 0.9em;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media screen and (max-width: 999px) {
    #size-chart-modal #size-chart-body {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; } }
  @media screen and (max-width: 767px) {
    #size-chart-modal #size-chart-body {
      display: block; } }
  #size-chart-modal #size-chart-body .desktop-object {
    display: inline-block;
    width: 100px; }
    @media screen and (max-width: 767px) {
      #size-chart-modal #size-chart-body .desktop-object {
        display: none; } }
  #size-chart-modal #size-chart-body .measure-videos {
    max-width: 455px;
    display: inline-block; }
    @media screen and (max-width: 767px) {
      #size-chart-modal #size-chart-body .measure-videos {
        display: block; } }
    #size-chart-modal #size-chart-body .measure-videos h2 {
      font-family: 'Montserrat';
      font-weight: 700;
      width: 100%;
      font-size: 14px;
      letter-spacing: 0.31px;
      line-height: 18px;
      margin-bottom: 20px; }
      @media screen and (max-width: 999px) {
        #size-chart-modal #size-chart-body .measure-videos h2 {
          margin-top: 40px; } }
      @media screen and (max-width: 767px) {
        #size-chart-modal #size-chart-body .measure-videos h2 {
          font-size: 20px;
          letter-spacing: 0.44px;
          line-height: 24px; } }
    #size-chart-modal #size-chart-body .measure-videos .video-thumbnail {
      max-width: 220px;
      text-align: center;
      display: inline-block;
      margin-bottom: 20px;
      position: relative;
      cursor: pointer; }
      #size-chart-modal #size-chart-body .measure-videos .video-thumbnail:focus {
        border: 2px solid #000000; }
      @media screen and (max-width: 767px) {
        #size-chart-modal #size-chart-body .measure-videos .video-thumbnail {
          display: block;
          max-width: 100%; } }
      #size-chart-modal #size-chart-body .measure-videos .video-thumbnail img {
        width: 100%;
        border: 1px solid #d1d1d1; }
      #size-chart-modal #size-chart-body .measure-videos .video-thumbnail span {
        font-family: 'Montserrat';
        font-weight: 700;
        font-size: 13px;
        letter-spacing: 0.04px;
        line-height: 26px; }
      #size-chart-modal #size-chart-body .measure-videos .video-thumbnail .btn-play {
        height: 0;
        width: 0; }
        #size-chart-modal #size-chart-body .measure-videos .video-thumbnail .btn-play:after {
          position: absolute;
          top: calc(50% - 20px);
          left: 50%;
          transform: translate(-50%, -50%);
          width: 45px;
          height: 45px;
          font-size: 45px; }

#size-chart-modal .size-chart-note {
  background-color: #f5f5f5;
  padding: 1em;
  margin-bottom: 2em; }

#size-chart-modal .size-chart-details {
  padding: 0 1em;
  max-width: 350px; }
  @media screen and (max-width: 999px) {
    #size-chart-modal .size-chart-details {
      display: inline; } }
  @media screen and (max-width: 767px) {
    #size-chart-modal .size-chart-details .mobile-object-container {
      display: flex; } }
  #size-chart-modal .size-chart-details .mobile-object {
    width: 80px;
    margin-right: 15px; }
    @media screen and (min-width: 768px) {
      #size-chart-modal .size-chart-details .mobile-object {
        display: none; } }
  #size-chart-modal .size-chart-details p {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    letter-spacing: 0.05px;
    line-height: 20px;
    margin-bottom: 15px; }
    @media screen and (max-width: 767px) {
      #size-chart-modal .size-chart-details p {
        font-size: 13px;
        letter-spacing: 0.04px;
        line-height: 18px; } }
    #size-chart-modal .size-chart-details p strong {
      font-family: 'Montserrat';
      font-weight: 700;
      font-size: 15px;
      letter-spacing: 0.04px;
      line-height: 22px; }
      @media screen and (max-width: 767px) {
        #size-chart-modal .size-chart-details p strong {
          font-size: 13px;
          letter-spacing: 0.04px;
          line-height: 18px; } }

stylist-info {
  position: relative;
  text-align: right;
  font-size: 13px; }
  stylist-info a#stylistinfo-toggle {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    line-height: 46px;
    text-transform: uppercase;
    white-space: nowrap;
    font-family: 'Montserrat';
    font-weight: 700; }
    stylist-info a#stylistinfo-toggle:hover {
      text-decoration: underline; }
    stylist-info a#stylistinfo-toggle i {
      margin-left: .5em; }
  stylist-info .dropdown {
    position: absolute;
    top: 80%;
    right: -15px;
    background: #fafafa;
    border-top: 4px solid #000000;
    padding: 20px;
    margin-top: 10px;
    z-index: 1;
    width: 172px;
    display: inline-block; }
    stylist-info .dropdown ul {
      padding: 0;
      margin: 0;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      text-align: left;
      color: #565257; }
      stylist-info .dropdown ul li {
        list-style: none;
        padding: 0;
        margin: 0; }
      stylist-info .dropdown ul li {
        margin: .25em 0;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 700;
        font-style: normal;
        font-size: .75rem; }
        stylist-info .dropdown ul li#stylistInfo-fullname {
          margin-top: 0;
          margin-bottom: .5em; }
        stylist-info .dropdown ul li a {
          text-decoration: none;
          font-family: "Archer SSm A", "Archer SSm B";
          font-weight: 700;
          font-style: normal; }
          stylist-info .dropdown ul li a i {
            padding-right: .25em; }
      stylist-info .dropdown ul li.email a {
        cursor: pointer; }
      stylist-info .dropdown ul li.not-my-stylist {
        padding-top: 1em;
        margin-bottom: 0; }
        stylist-info .dropdown ul li.not-my-stylist:before {
          content: '\f05c';
          font-family: fontawesome;
          color: #000;
          margin-right: .5em; }
        stylist-info .dropdown ul li.not-my-stylist a {
          font-family: 'Montserrat';
          font-weight: 700;
          text-transform: uppercase; }

profile-dropdown {
  position: relative;
  text-align: right;
  font-size: 15px; }
  profile-dropdown > div {
    position: relative; }
  profile-dropdown #profile-dropdown-toggle {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 36px;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: .85em; }
    @media screen and (min-width: 1000px) {
      profile-dropdown #profile-dropdown-toggle {
        line-height: 28px; } }
    profile-dropdown #profile-dropdown-toggle a {
      font-weight: 900;
      text-decoration: none;
      margin-left: 0.3em; }
    profile-dropdown #profile-dropdown-toggle i {
      font-size: 12px; }
      profile-dropdown #profile-dropdown-toggle i:first-child {
        margin-right: .5em; }
      profile-dropdown #profile-dropdown-toggle i:last-child {
        margin-left: .5em; }
  profile-dropdown .dropdown {
    position: absolute;
    right: -50%;
    background: #f5f5f5;
    border-top: 4px solid #000;
    padding: 20px;
    z-index: 1;
    width: 172px;
    display: block;
    font-size: 12px; }
    @media screen and (min-width: 1000px) {
      profile-dropdown .dropdown {
        right: -15px; } }
    @media screen and (max-width: 999px) {
      profile-dropdown .dropdown {
        right: auto;
        left: 0; } }
    profile-dropdown .dropdown:before {
      font-family: FontAwesome;
      content: "";
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      text-decoration: inherit;
      line-height: 1;
      color: #000;
      position: absolute;
      top: -22px;
      font-size: 30px;
      right: 153px; }
      @media screen and (min-width: 1000px) {
        profile-dropdown .dropdown:before {
          right: 10px; } }
    profile-dropdown .dropdown ul {
      padding: 0;
      margin: 0;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      text-align: left; }
      profile-dropdown .dropdown ul li {
        list-style: none;
        padding: 0;
        margin: 0; }
      profile-dropdown .dropdown ul li {
        margin: .25em 0; }
        profile-dropdown .dropdown ul li a {
          font-family: "Archer SSm A", "Archer SSm B";
          font-weight: 700;
          font-style: normal;
          color: #565257;
          text-decoration: none; }
          profile-dropdown .dropdown ul li a:hover {
            text-decoration: underline; }
          profile-dropdown .dropdown ul li a i {
            padding-right: .25em; }

#modal.quicklook {
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  left: 50%;
  max-width: 765px;
  position: fixed;
  top: 50%;
  width: 100%;
  z-index: 9998; }
  @media screen and (min-width: 1000px) {
    #modal.quicklook {
      max-width: none;
      width: 765px; } }
  #modal.quicklook.browse-look-modal {
    width: 100% !important; }
  #modal.quicklook.looks #quick-look-title {
    display: none; }
  @media screen and (max-height: 660px) {
    #modal.quicklook {
      -webkit-transform: translateX(-50%) translateY(-50%) scale(0.75);
      -moz-transform: translateX(-50%) translateY(-50%) scale(0.75);
      -ms-transform: translateX(-50%) translateY(-50%) scale(0.75);
      -o-transform: translateX(-50%) translateY(-50%) scale(0.75);
      transform: translateX(-50%) translateY(-50%) scale(0.75); } }
  #modal.quicklook.initialized {
    height: 555px;
    padding: 0; }
  #modal.quicklook #quick-look-inner {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #modal.quicklook #quick-look-inner #attribute-color .btn-color-option {
      height: 38px;
      width: 38px; }
    #modal.quicklook #quick-look-inner .bv_main_container div.bv_main_container_row_flex {
      display: none !important; }
    #modal.quicklook #quick-look-inner #quick-look-content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: 0 auto;
      padding: 20px 30px 5px 15px;
      width: 390px; }
      @media screen and (min-width: 768px) {
        #modal.quicklook #quick-look-inner #quick-look-content {
          margin: 0; } }
      #modal.quicklook #quick-look-inner #quick-look-content .item-number {
        font-family: 'Montserrat';
        font-size: 12px;
        font-weight: 600;
        padding: 0 0 15px 0;
        text-transform: uppercase; }
      #modal.quicklook #quick-look-inner #quick-look-content .quicklook-content__title {
        margin: 0; }
        #modal.quicklook #quick-look-inner #quick-look-content .quicklook-content__title h3 {
          font-size: 32px;
          line-height: 32px; }
      #modal.quicklook #quick-look-inner #quick-look-content .price {
        font-family: 'Montserrat';
        font-size: 18px;
        font-weight: 600; }
      #modal.quicklook #quick-look-inner #quick-look-content .add-to-bag-container {
        display: none; }
      #modal.quicklook #quick-look-inner #quick-look-content .add-to-cart-form {
        padding: 10px 0 0 0; }
      #modal.quicklook #quick-look-inner #quick-look-content .quicklook-content__meta {
        align-items: flex-start;
        border-bottom: 1px solid #CECECE;
        display: flex;
        justify-content: space-between;
        margin: 0 0 15px 0;
        padding: 15px 0; }
        @media screen and (min-width: 768px) {
          #modal.quicklook #quick-look-inner #quick-look-content .quicklook-content__meta {
            margin: 0; } }
        #modal.quicklook #quick-look-inner #quick-look-content .quicklook-content__meta .item-number {
          display: none; }
        #modal.quicklook #quick-look-inner #quick-look-content .quicklook-content__meta li:not(:last-child) {
          border-right: none;
          margin-right: 0;
          padding-right: 0; }
      #modal.quicklook #quick-look-inner #quick-look-content add-to-cart .attribute {
        padding: 0; }
      #modal.quicklook #quick-look-inner #quick-look-content .quicklook-content__description {
        display: none; }
    #modal.quicklook #quick-look-inner #quick-look-images {
      background: #fff;
      display: none;
      height: 555px;
      position: relative;
      width: auto; }
      #modal.quicklook #quick-look-inner #quick-look-images .quicklook-images {
        height: 555px;
        width: 350px; }
        #modal.quicklook #quick-look-inner #quick-look-images .quicklook-images ul {
          width: 350px; }
      @media screen and (min-width: 768px) {
        #modal.quicklook #quick-look-inner #quick-look-images {
          display: block; } }
      #modal.quicklook #quick-look-inner #quick-look-images quicklook-images {
        display: block;
        height: 555px;
        position: static; }
    #modal.quicklook #quick-look-inner #quick-look-color-storage {
      display: none; }
    #modal.quicklook #quick-look-inner #wishlist-confirmation {
      color: #ff99a8;
      display: none;
      font-size: 13px;
      padding-top: .5em; }
    #modal.quicklook #quick-look-inner #quick-look-close {
      color: white;
      height: 30px;
      line-height: 30px;
      padding: 0px 15px;
      position: absolute;
      right: -50px;
      text-align: center;
      top: -50px;
      width: 50px; }
      #modal.quicklook #quick-look-inner #quick-look-close span {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        color: rgba(0, 0, 0, 0.5);
        display: inline-block;
        font-size: 72px;
        line-height: 25px;
        margin-right: -5px;
        padding: 10px 0; }
        #modal.quicklook #quick-look-inner #quick-look-close span:hover {
          color: rgba(0, 0, 0, 0.75); }
  #modal.quicklook #quick-look-actions {
    padding: 0;
    margin: 0;
    width: 100%; }
    #modal.quicklook #quick-look-actions li {
      list-style: none;
      padding: 0;
      margin: 0; }
    #modal.quicklook #quick-look-actions button,
    #modal.quicklook #quick-look-actions a {
      width: 100%; }
    #modal.quicklook #quick-look-actions li {
      margin: 0 0 10px 0; }
      #modal.quicklook #quick-look-actions li:last-of-type {
        margin: 0; }
    #modal.quicklook #quick-look-actions #quick-look-get-this-item button,
    #modal.quicklook #quick-look-actions #quicklook-actions--view-this button,
    #modal.quicklook #quick-look-actions #quicklook-wishlist-add-link button {
      height: 50px; }
    #modal.quicklook #quick-look-actions #quick-look-get-this-item .btn,
    #modal.quicklook #quick-look-actions .quicklook-actions--view-this .btn {
      font-size: 14px;
      font-weight: 600; }
    #modal.quicklook #quick-look-actions #quick-look-get-this-item button {
      border: none; }
    #modal.quicklook #quick-look-actions #quicklook-wishlist-add-link {
      cursor: pointer;
      position: relative; }
      #modal.quicklook #quick-look-actions #quicklook-wishlist-add-link quick-look-favorites {
        display: block;
        width: 100%; }
      #modal.quicklook #quick-look-actions #quicklook-wishlist-add-link button,
      #modal.quicklook #quick-look-actions #quicklook-wishlist-add-link svg {
        transition: all 0.2s ease-in; }
      #modal.quicklook #quick-look-actions #quicklook-wishlist-add-link svg {
        margin: 0 20px 0 0;
        left: 10px;
        position: absolute;
        top: 12px;
        z-index: 99; }
      #modal.quicklook #quick-look-actions #quicklook-wishlist-add-link button {
        background-color: transparent;
        border: none;
        color: #000;
        font-weight: 700;
        position: relative;
        padding: 0 0 0 45px;
        text-align: left;
        z-index: 100; }
      #modal.quicklook #quick-look-actions #quicklook-wishlist-add-link:hover svg {
        fill: #ff99a8; }
      #modal.quicklook #quick-look-actions #quicklook-wishlist-add-link:hover button {
        color: #ff99a8; }
  #modal.quicklook #modal-close {
    color: white;
    height: 30px;
    font-weight: 400;
    line-height: 30px;
    padding: 0px 15px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 2px;
    width: 50px;
    z-index: 99; }
    #modal.quicklook #modal-close a:focus {
      outline: none; }
    #modal.quicklook #modal-close span {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      color: #000;
      display: inline-block;
      font-size: 72px;
      line-height: 25px;
      margin-right: -5px;
      padding: 10px 0; }

.waitlist::before {
  background: #8b8b8b;
  color: white;
  content: "Out of Stock";
  height: 24px;
  left: -1px;
  line-height: 23px;
  position: absolute;
  text-transform: initial;
  top: -25px;
  width: 101%; }

btn.waitlist {
  background: #000 !important;
  color: #fff !important; }
  btn.waitlist:focus {
    outline: none; }

.quicklook-content__title {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.0375em;
  font-size: 20px;
  line-height: 1em;
  margin-bottom: .25em; }
  .quicklook-content__title.long-title {
    font-size: 20px;
    margin-bottom: 10px; }

.quicklook-content__meta {
  margin-bottom: 1em; }
  .quicklook-content__meta li {
    display: inline-block; }
  .quicklook-content__meta li {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 600;
    font-style: normal;
    font-size: 0.8125em; }
    .quicklook-content__meta li:not(:last-child) {
      border-right: 1px solid black;
      margin-right: .5em;
      padding-right: .5em; }

.quicklook-content__description {
  font-size: .9em; }
  .quicklook-content__description ul {
    padding-left: 1em; }

quicklook-images {
  position: relative;
  text-align: center; }

.quicklook-images {
  position: relative;
  display: inline-block; }
  .quicklook-images ul {
    padding: 0;
    margin: 0;
    width: 250px; }
    .quicklook-images ul li {
      list-style: none;
      padding: 0;
      margin: 0; }
    .foxtale .quicklook-images ul {
      width: 100%; }
    .quicklook-images ul li {
      display: none; }
      .quicklook-images ul li.active {
        display: block; }
      .quicklook-images ul li img {
        background: #f5f2ed;
        height: 558px;
        width: 350px; }

.quicklook-images__btn {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  left: 0;
  opacity: 1;
  padding: 0 10px;
  position: absolute;
  z-index: 3; }
  .quicklook-images__btn:after {
    content: "\f053";
    font-family: 'Font Awesome 6 Pro';
    font-size: 35px;
    font-weight: 400; }
  .quicklook-images__btn[data-direction='right'] {
    left: inherit;
    right: 0; }
    .quicklook-images__btn[data-direction='right']:after {
      content: "\f054";
      font-family: 'Font Awesome 6 Pro';
      font-weight: 400; }

.browse-look-modal__content .quicklook-pagination {
  display: none; }

*[scroll-into-view] {
  cursor: pointer; }

#modal[data-sendConsultantEmailModal] p {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.5px;
  font-size: 1em;
  line-height: 1.2em; }
  #modal[data-sendConsultantEmailModal] p span {
    color: #ff99a8; }

#modal[data-sendConsultantEmailModal] a {
  padding: 0 45px;
  height: 52px; }

#modal[data-sendConsultantEmailModal] #form-panel {
  overflow-y: auto;
  max-height: 84vh; }
  #modal[data-sendConsultantEmailModal] #form-panel .send_email__title {
    padding: 0 15px; }
  #modal[data-sendConsultantEmailModal] #form-panel #subject-text {
    font-family: "Arial"; }
  #modal[data-sendConsultantEmailModal] #form-panel form[name='contactStylistForm'] > div {
    margin-bottom: 1em; }
    #modal[data-sendConsultantEmailModal] #form-panel form[name='contactStylistForm'] > div input:not([type=submit]), #modal[data-sendConsultantEmailModal] #form-panel form[name='contactStylistForm'] > div textarea {
      border: none;
      padding: 1em .5em;
      width: 100%; }
    #modal[data-sendConsultantEmailModal] #form-panel form[name='contactStylistForm'] > div textarea {
      resize: none;
      height: auto; }

body.single-items #mobile-pdp-breadcrumbs {
  margin-bottom: 10px; }
  body.single-items #mobile-pdp-breadcrumbs span,
  body.single-items #mobile-pdp-breadcrumbs a {
    text-transform: uppercase;
    color: #7f7f7f;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 9px;
    letter-spacing: 0.29px;
    line-height: 11px; }

body.single-items .section-1 {
  display: grid;
  grid-template-columns: 65% 1fr;
  grid-gap: 24px;
  margin-top: 30px;
  align-items: flex-start;
  justify-content: flex-start; }
  @media screen and (max-width: 767px) {
    body.single-items .section-1 {
      grid-template-columns: 1fr;
      margin-top: 24px;
      background-color: #f9f9f9; }
      body.single-items .section-1::after {
        content: none;
        clear: none;
        display: unset; } }
  @media screen and (min-width: 1000px) {
    body.single-items .section-1 {
      grid-gap: 40px; } }
  body.single-items .section-1 #product-thumbnails {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;
    visibility: hidden; }
    @media screen and (max-width: 767px) {
      body.single-items .section-1 #product-thumbnails {
        grid-template-columns: 1fr;
        margin-bottom: 40px; } }
    body.single-items .section-1 #product-thumbnails .product-thumbnail {
      transition: transform 0.3s;
      position: relative;
      overflow: hidden;
      cursor: pointer;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #ebebeb; }
      body.single-items .section-1 #product-thumbnails .product-thumbnail.image-wrapper img {
        background: #f5f2ed;
        min-height: 100%;
        max-width: 100%; }
      body.single-items .section-1 #product-thumbnails .product-thumbnail.video-wrapper {
        padding-bottom: 156.25%;
        position: relative;
        overflow: hidden; }
        @media screen and (max-width: 767px) {
          body.single-items .section-1 #product-thumbnails .product-thumbnail.video-wrapper {
            padding-bottom: 380px;
            width: calc(0.63 * 380px); } }
        body.single-items .section-1 #product-thumbnails .product-thumbnail.video-wrapper video {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
          @media screen and (min-width: 768px) {
            body.single-items .section-1 #product-thumbnails .product-thumbnail.video-wrapper video {
              top: -3%;
              left: 50%;
              transform: translateX(-50%);
              width: 105%;
              height: 103%; } }
        body.single-items .section-1 #product-thumbnails .product-thumbnail.video-wrapper:after {
          content: '';
          background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s23/global/play-btn.svg);
          position: absolute;
          bottom: 3%;
          right: 5%;
          width: 24px;
          height: 19.2px;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center; }
          @media screen and (min-width: 768px) {
            body.single-items .section-1 #product-thumbnails .product-thumbnail.video-wrapper:after {
              width: 32px;
              height: 25.6px; } }
          @media screen and (min-width: 1250px) {
            body.single-items .section-1 #product-thumbnails .product-thumbnail.video-wrapper:after {
              width: 50px;
              height: 40px; } }
        body.single-items .section-1 #product-thumbnails .product-thumbnail.video-wrapper.playing:after {
          background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s23/global/pause-btn.svg);
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center; }
      @media screen and (min-width: 768px) {
        body.single-items .section-1 #product-thumbnails .product-thumbnail:hover .product-thumbnail__outfit-btns {
          opacity: 1;
          bottom: 0;
          pointer-events: all; } }
      body.single-items .section-1 #product-thumbnails .product-thumbnail__outfit-btns {
        display: block; }
        @media screen and (min-width: 768px) {
          body.single-items .section-1 #product-thumbnails .product-thumbnail__outfit-btns {
            display: flex; } }
      body.single-items .section-1 #product-thumbnails .product-thumbnail.slick-slide {
        margin: 0 5px; }
        body.single-items .section-1 #product-thumbnails .product-thumbnail.slick-slide img {
          width: auto;
          height: 380px; }
        body.single-items .section-1 #product-thumbnails .product-thumbnail.slick-slide[data-color="outfit"] img {
          height: 340px;
          min-height: 0; }
      body.single-items .section-1 #product-thumbnails .product-thumbnail:not(.slick-slide) {
        display: none; }
        body.single-items .section-1 #product-thumbnails .product-thumbnail:not(.slick-slide).show-slide {
          display: block; }
    body.single-items .section-1 #product-thumbnails .slick-dots {
      text-align: left; }
      body.single-items .section-1 #product-thumbnails .slick-dots li {
        margin: 0; }
        body.single-items .section-1 #product-thumbnails .slick-dots li button:before {
          font-size: 12px; }
  body.single-items .section-1 .product-detail quick-look-favorites .quicklook-heart {
    display: none; }
  body.single-items .section-1 .product-detail .primary-info {
    margin-bottom: 24px; }
    body.single-items .section-1 .product-detail .primary-info .item-title {
      font-family: 'Playfair Display';
      font-feature-settings: "lnum";
      font-size: 36px;
      font-weight: 400;
      line-height: 42px;
      margin-bottom: 6px;
      margin-top: 6px; }
    body.single-items .section-1 .product-detail .primary-info .item-subtitle {
      font-family: 'Montserrat';
      font-weight: 600;
      display: flex;
      font-size: 12px;
      line-height: 15px;
      letter-spacing: 0.23px;
      text-transform: uppercase; }
      body.single-items .section-1 .product-detail .primary-info .item-subtitle h1 {
        font-weight: 600; }
      body.single-items .section-1 .product-detail .primary-info .item-subtitle .seperator {
        padding: 0 4px; }
    body.single-items .section-1 .product-detail .primary-info .price-rating {
      display: flex;
      justify-content: space-between;
      align-items: center;
      grid-gap: 8px; }
      body.single-items .section-1 .product-detail .primary-info .price-rating .price {
        font-family: 'Montserrat';
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0.34px; }
      body.single-items .section-1 .product-detail .primary-info .price-rating .bv_main_container_row_flex {
        padding-right: 0; }
        body.single-items .section-1 .product-detail .primary-info .price-rating .bv_main_container_row_flex .bv_button_component_container {
          display: none !important; }
  @media screen and (max-width: 767px) {
    body.single-items .section-1 .product-detail .full-width-info {
      width: 100vw;
      margin-left: -15px;
      background-color: white; } }
  body.single-items .section-1 .product-detail .full-width-info .detail-info-item dt {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.44px;
    padding-bottom: 5px; }
    @media screen and (max-width: 767px) {
      body.single-items .section-1 .product-detail .full-width-info .detail-info-item dt {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.3px;
        padding: 15px; } }
  body.single-items .section-1 .product-detail .full-width-info .detail-info-item dd {
    margin-bottom: 40px; }
    @media screen and (max-width: 767px) {
      body.single-items .section-1 .product-detail .full-width-info .detail-info-item dd {
        margin-bottom: 20px;
        padding: 0 15px; } }
  body.single-items .section-1 .product-detail .full-width-info .detail-info-item ul {
    padding-top: 8px;
    padding-left: 25px; }
  body.single-items .section-1 .product-detail .full-width-info .detail-info-item p, body.single-items .section-1 .product-detail .full-width-info .detail-info-item li, body.single-items .section-1 .product-detail .full-width-info .detail-info-item div {
    font-family: 'Montserrat'; }
    @media screen and (min-width: 1000px) {
      body.single-items .section-1 .product-detail .full-width-info .detail-info-item p, body.single-items .section-1 .product-detail .full-width-info .detail-info-item li, body.single-items .section-1 .product-detail .full-width-info .detail-info-item div {
        font-size: 14px; } }
  @media screen and (max-width: 767px) {
    body.single-items .section-1 .product-detail .full-width-info .collapsible-mobile dt {
      border-top: 1px solid #f0f0f0;
      position: relative; }
      body.single-items .section-1 .product-detail .full-width-info .collapsible-mobile dt span {
        position: absolute;
        right: 12px;
        top: 12px;
        font-size: 18px;
        font-weight: 700; }
    body.single-items .section-1 .product-detail .full-width-info .collapsible-mobile dd {
      display: none; } }

body.single-items .section-2 {
  margin: 2em auto; }
  body.single-items .section-2 #item-product-compliments .pairs-perfectly-title {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    letter-spacing: 0.05px;
    margin-bottom: 21px;
    text-align: center; }
  body.single-items .section-2 #item-product-compliments .collection-items-slider {
    height: 434.25px;
    min-height: 434.25px;
    max-height: 434.25px;
    overflow: hidden; }
    body.single-items .section-2 #item-product-compliments .collection-items-slider loading-icon {
      display: block;
      margin: 0 auto; }
    body.single-items .section-2 #item-product-compliments .collection-items-slider .slick-dots {
      bottom: -30px; }
      body.single-items .section-2 #item-product-compliments .collection-items-slider .slick-dots li {
        margin: 0; }
        body.single-items .section-2 #item-product-compliments .collection-items-slider .slick-dots li button:before {
          font-size: 12px; }
    body.single-items .section-2 #item-product-compliments .collection-items-slider .slick-track {
      margin: 0 auto; }
    body.single-items .section-2 #item-product-compliments .collection-items-slider .slick-slide {
      margin: 0 5px;
      height: 410px;
      max-height: 410px;
      min-height: 410px; }
      body.single-items .section-2 #item-product-compliments .collection-items-slider .slick-slide article {
        width: 216px;
        margin: 0 auto; }
      body.single-items .section-2 #item-product-compliments .collection-items-slider .slick-slide .post_thumbnail {
        height: 343px;
        max-height: 343px;
        min-height: 343px;
        width: 216px;
        border: 1px solid #eeeeee; }

body.single-items #item-tint {
  margin-top: 90px;
  width: 100vw;
  margin-left: calc(50% - 50vw); }
  body.single-items #item-tint p {
    font-family: 'Montserrat';
    max-width: 600px;
    margin: 0 auto 1em; }
    @media screen and (max-width: 999px) {
      body.single-items #item-tint p {
        font-size: 1.2rem;
        line-height: 23px; } }
  body.single-items #item-tint .container {
    max-width: 1300px; }
  body.single-items #item-tint .tintup > div,
  body.single-items #item-tint .tintup > div > iframe {
    height: 295px !important;
    overflow: hidden; }
  body.single-items #item-tint h2 {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 0.05px;
    line-height: 27px;
    text-transform: uppercase; }
    @media screen and (max-width: 999px) {
      body.single-items #item-tint h2 {
        margin-top: 20px;
        margin-bottom: 20px; } }

body.single-items .section-3 {
  margin-bottom: 40px; }

body.single-items #modal[data-selector="[data-zoom-content]"] {
  width: initial;
  max-height: 994px;
  height: auto; }
  body.single-items #modal[data-selector="[data-zoom-content]"] #main-image {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%; }

body.single-items .float-add-to-bag-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 85px;
  background-color: rgba(209, 209, 209, 0.95);
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  opacity: 1; }

body.single-items .float-add-to-favorites {
  height: 23px !important;
  margin-left: 20px; }
  body.single-items .float-add-to-favorites svg {
    width: 32px !important;
    height: 23px !important; }
    body.single-items .float-add-to-favorites svg path {
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  body.single-items .float-add-to-favorites:hover path {
    fill: #ff99a8; }

body.single-items .product-thumbnail__outfit-btns {
  width: 100%;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center; }
  @media screen and (min-width: 768px) {
    body.single-items .product-thumbnail__outfit-btns {
      pointer-events: none;
      opacity: 0;
      background: rgba(243, 243, 243, 0.7);
      padding: 5px 10px;
      position: absolute;
      bottom: -5px;
      left: 0;
      right: 0;
      transition: .25s ease-in-out all; } }
  body.single-items .product-thumbnail__outfit-btns .btn-underline, body.single-items .product-thumbnail__outfit-btns .btn-icon {
    text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      body.single-items .product-thumbnail__outfit-btns .btn-underline, body.single-items .product-thumbnail__outfit-btns .btn-icon {
        background: none;
        border: none; } }
    body.single-items .product-thumbnail__outfit-btns .btn-underline:hover, body.single-items .product-thumbnail__outfit-btns .btn-icon:hover {
      cursor: pointer; }
  body.single-items .product-thumbnail__outfit-btns .btn-underline {
    transition: .15s ease-in-out all; }
    @media screen and (max-width: 767px) {
      body.single-items .product-thumbnail__outfit-btns .btn-underline {
        width: 100%;
        border-bottom: 0 !important;
        height: 38px;
        margin: 2px 0 0; } }
  body.single-items .product-thumbnail__outfit-btns .btn-icon {
    font-size: 18px; }

body.single-items .product-heart-of-cabi {
  background: #000;
  padding: 30px 20px;
  margin: 30px 0; }
  body.single-items .product-heart-of-cabi .hoc-container {
    max-width: 1120px;
    text-align: center;
    margin: auto; }
  body.single-items .product-heart-of-cabi p {
    color: #fff;
    font-family: 'Montserrat'; }
    body.single-items .product-heart-of-cabi p strong, body.single-items .product-heart-of-cabi p a {
      font-weight: 700; }
  body.single-items .product-heart-of-cabi a {
    color: #fff; }

@media screen and (max-width: 999px) {
  body.single-looks #page {
    padding-top: 15px; } }

body.single-looks section#primary-info::after {
  clear: both;
  content: "";
  display: table; }

@media screen and (min-width: 1000px) {
  body.single-looks section#primary-info {
    margin-bottom: 4em; }
    body.single-looks section#primary-info #main-image,
    body.single-looks section#primary-info aside {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%; }
      body.single-looks section#primary-info #main-image:last-child,
      body.single-looks section#primary-info aside:last-child {
        margin-right: 0; } }

body.single-looks section#primary-info #main-image #main-image-relative-wrapper {
  position: relative; }
  body.single-looks section#primary-info #main-image #main-image-relative-wrapper img {
    width: 100%;
    height: auto; }
  body.single-looks section#primary-info #main-image #main-image-relative-wrapper .btn-number {
    position: absolute; }
  body.single-looks section#primary-info #main-image #main-image-relative-wrapper .btn-number.hovering {
    background: #000;
    color: #fff; }

body.single-looks section#primary-info #main-image #item-social-share {
  margin-top: 2em;
  text-align: center; }
  @media screen and (min-width: 1000px) {
    body.single-looks section#primary-info #main-image #item-social-share {
      text-align: left; } }

body.single-looks section#primary-info aside #section-actions {
  margin: 1em 0; }
  @media screen and (min-width: 1000px) {
    body.single-looks section#primary-info aside #section-actions {
      margin-top: 0; } }
  body.single-looks section#primary-info aside #section-actions::after {
    clear: both;
    content: "";
    display: table; }
  body.single-looks section#primary-info aside #section-actions li {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%; }
    body.single-looks section#primary-info aside #section-actions li:last-child {
      margin-right: 0; }
    body.single-looks section#primary-info aside #section-actions li:nth-child(2n) {
      margin-right: 0; }
    body.single-looks section#primary-info aside #section-actions li:nth-child(2n+1) {
      clear: left; }
    body.single-looks section#primary-info aside #section-actions li .btn {
      font-family: 'Montserrat';
      text-transform: uppercase;
      letter-spacing: 0.06875em;
      -webkit-appearance: none;
      border-radius: 0;
      display: inline-block;
      font-size: 0.875em;
      text-decoration: none;
      text-align: center;
      padding: 0 55px;
      border: 1px solid;
      height: 62px;
      -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out, border-width 0.2s ease-out;
      -moz-transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out, border-width 0.2s ease-out;
      transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out, border-width 0.2s ease-out;
      width: 200px;
      height: 60px;
      line-height: 42px;
      padding: 0;
      font-size: 0.8em;
      width: 100%; }
      body.single-looks section#primary-info aside #section-actions li .btn:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%; }
  body.single-looks section#primary-info aside #section-actions li.add-to-wishlist {
    overflow: hidden;
    margin-left: -3px; }
    body.single-looks section#primary-info aside #section-actions li.add-to-wishlist loading-icon i {
      color: white !important;
      font-size: 1.5em !important;
      margin-right: 0.25em;
      display: inline-block;
      margin-top: 0.25em; }

body.single-looks section#primary-info aside #in-this-look::after {
  clear: both;
  content: "";
  display: table; }

body.single-looks section#primary-info aside #in-this-look .h3 {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  margin-bottom: 10px;
  text-align: center;
  font-size: 1.5em;
  margin-top: 2em; }
  @media screen and (min-width: 1000px) {
    body.single-looks section#primary-info aside #in-this-look .h3 {
      text-align: left;
      font-size: 1em;
      margin-top: 1em; } }

@media screen and (max-width: 767px) {
  body.single-looks section#primary-info aside #in-this-look .items collection-item {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%; }
    body.single-looks section#primary-info aside #in-this-look .items collection-item:last-child {
      margin-right: 0; }
    body.single-looks section#primary-info aside #in-this-look .items collection-item:nth-child(2n) {
      margin-right: 0; }
    body.single-looks section#primary-info aside #in-this-look .items collection-item:nth-child(2n+1) {
      clear: left; } }

@media screen and (max-width: 999px) and (min-width: 768px) {
  body.single-looks section#primary-info aside #in-this-look .items collection-item {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%; }
    body.single-looks section#primary-info aside #in-this-look .items collection-item:last-child {
      margin-right: 0; }
    body.single-looks section#primary-info aside #in-this-look .items collection-item:nth-child(3n) {
      margin-right: 0; }
    body.single-looks section#primary-info aside #in-this-look .items collection-item:nth-child(3n+1) {
      clear: left; } }

@media screen and (min-width: 1000px) {
  body.single-looks section#primary-info aside #in-this-look .items collection-item {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
    margin-bottom: 10px; }
    body.single-looks section#primary-info aside #in-this-look .items collection-item:last-child {
      margin-right: 0; }
    body.single-looks section#primary-info aside #in-this-look .items collection-item:nth-child(2n) {
      margin-right: 0; }
    body.single-looks section#primary-info aside #in-this-look .items collection-item:nth-child(2n+1) {
      clear: left; } }

body.single-looks section#primary-info aside #in-this-look-consultant::after {
  clear: both;
  content: "";
  display: table; }

body.single-looks section#primary-info aside #in-this-look-consultant .look-consultant-header::after {
  clear: both;
  content: "";
  display: table; }

body.single-looks section#primary-info aside #in-this-look-consultant .look-consultant-header .h3 {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 1.5em;
  margin-top: 2em;
  float: left; }
  @media screen and (min-width: 1000px) {
    body.single-looks section#primary-info aside #in-this-look-consultant .look-consultant-header .h3 {
      font-size: 1em;
      margin-top: 0;
      margin-bottom: 1.5em; } }

body.single-looks section#primary-info aside #in-this-look-consultant .look-consultant-header .look-consultant-chart {
  float: right; }
  @media screen and (max-width: 999px) {
    body.single-looks section#primary-info aside #in-this-look-consultant .look-consultant-header .look-consultant-chart {
      margin-bottom: 10px;
      font-size: 1.5em;
      margin-top: 2em; } }

body.single-looks section#primary-info aside #in-this-look-consultant .items .item {
  width: 100%;
  display: table;
  margin-bottom: 16.0363113405%; }
  body.single-looks section#primary-info aside #in-this-look-consultant .items .item .h2 {
    font-size: 18px;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal; }
    body.single-looks section#primary-info aside #in-this-look-consultant .items .item .h2 a {
      text-decoration: none; }
  body.single-looks section#primary-info aside #in-this-look-consultant .items .item .collection-item-image {
    display: table-cell;
    vertical-align: top; }
    @media screen and (min-width: 1000px) {
      body.single-looks section#primary-info aside #in-this-look-consultant .items .item .collection-item-image {
        max-width: 188px; } }
    body.single-looks section#primary-info aside #in-this-look-consultant .items .item .collection-item-image .item_photos .item_image_main {
      background-color: transparent; }
      body.single-looks section#primary-info aside #in-this-look-consultant .items .item .collection-item-image .item_photos .item_image_main img {
        min-width: 188px; }
    body.single-looks section#primary-info aside #in-this-look-consultant .items .item .collection-item-image .item_description {
      display: none; }
  body.single-looks section#primary-info aside #in-this-look-consultant .items .item .collection-item-cart {
    display: table-cell;
    vertical-align: top;
    padding-left: 1em; }
    @media screen and (max-width: 767px) {
      body.single-looks section#primary-info aside #in-this-look-consultant .items .item .collection-item-cart {
        display: table-row; } }
    body.single-looks section#primary-info aside #in-this-look-consultant .items .item .collection-item-cart h2 {
      margin-bottom: 0.25em; }
      @media screen and (max-width: 767px) {
        body.single-looks section#primary-info aside #in-this-look-consultant .items .item .collection-item-cart h2 {
          margin-top: 1em;
          text-align: center; } }
    body.single-looks section#primary-info aside #in-this-look-consultant .items .item .collection-item-cart .price {
      font-size: 13px;
      margin-bottom: 1em; }
      @media screen and (max-width: 767px) {
        body.single-looks section#primary-info aside #in-this-look-consultant .items .item .collection-item-cart .price {
          text-align: center; } }
    body.single-looks section#primary-info aside #in-this-look-consultant .items .item .collection-item-cart .extended-sizes {
      color: #F899A8;
      font-family: 'Montserrat';
      font-weight: 500;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: .5px;
      line-height: 20px;
      margin-bottom: 1em; }
      @media screen and (max-width: 767px) {
        body.single-looks section#primary-info aside #in-this-look-consultant .items .item .collection-item-cart .extended-sizes {
          text-align: center; } }
    @media screen and (min-width: 1000px) {
      body.single-looks section#primary-info aside #in-this-look-consultant .items .item .collection-item-cart label {
        display: block; } }
    body.single-looks section#primary-info aside #in-this-look-consultant .items .item .collection-item-cart .add-to-bag-wrapper {
      text-align: left; }
      @media screen and (max-width: 767px) {
        body.single-looks section#primary-info aside #in-this-look-consultant .items .item .collection-item-cart .add-to-bag-wrapper {
          text-align: center; } }
      body.single-looks section#primary-info aside #in-this-look-consultant .items .item .collection-item-cart .add-to-bag-wrapper button {
        font-size: 14px;
        padding: 0 24px;
        margin-top: 10px; }
        @media screen and (min-width: 768px) {
          body.single-looks section#primary-info aside #in-this-look-consultant .items .item .collection-item-cart .add-to-bag-wrapper button {
            display: inline-block;
            width: 210px; } }

body.single-looks section#recommends {
  padding-top: 4em;
  text-align: center; }
  body.single-looks section#recommends .h3 {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 600;
    font-style: italic;
    text-align: center;
    font-size: 1.75em;
    line-height: 1.2em; }
  body.single-looks section#recommends .items::after {
    clear: both;
    content: "";
    display: table; }
  body.single-looks section#recommends .items collection-item {
    margin-bottom: 2.3576515979%; }
    @media screen and (max-width: 767px) {
      body.single-looks section#recommends .items collection-item {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%; }
        body.single-looks section#recommends .items collection-item:last-child {
          margin-right: 0; }
        body.single-looks section#recommends .items collection-item:nth-child(2n) {
          margin-right: 0; }
        body.single-looks section#recommends .items collection-item:nth-child(2n+1) {
          clear: left; } }
    @media screen and (max-width: 999px) and (min-width: 768px) {
      body.single-looks section#recommends .items collection-item {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%; }
        body.single-looks section#recommends .items collection-item:last-child {
          margin-right: 0; }
        body.single-looks section#recommends .items collection-item:nth-child(3n) {
          margin-right: 0; }
        body.single-looks section#recommends .items collection-item:nth-child(3n+1) {
          clear: left; } }
    @media screen and (min-width: 1000px) {
      body.single-looks section#recommends .items collection-item {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
        display: inline-block !important;
        float: none !important;
        margin-right: 0;
        padding: 0 1.165091401%;
        margin-bottom: 1.165091401%; }
        body.single-looks section#recommends .items collection-item:last-child {
          margin-right: 0; } }
  body.single-looks section#recommends .items .item_image_main {
    transition: opacity 0.4s; }
  body.single-looks section#recommends .items:hover .item_image_main {
    opacity: 0.75; }
  body.single-looks section#recommends .items .item_image_main:hover {
    opacity: 1; }

section#related-styletips {
  margin-top: 2em;
  position: relative;
  text-align: center;
  background-color: #f5f5f5;
  padding: 4em 0; }
  @media screen and (min-width: 1000px) {
    section#related-styletips {
      margin-top: 4em; } }

@media screen and (min-width: 1000px) {
  .related-styletips__container {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto; }
    .related-styletips__container::after {
      clear: both;
      content: "";
      display: table; } }

.related-styletips__title {
  text-align: center;
  line-height: 1.2em;
  font-size: 6em; }

.related-styletips_list {
  text-align: center; }
  .related-styletips_list::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 1000px) {
    .related-styletips_list {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row wrap;
      -moz-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; } }
  @media screen and (max-width: 999px) {
    .related-styletips_list {
      overflow-x: scroll;
      white-space: nowrap; } }

.related-styletips_item {
  text-align: center;
  vertical-align: top; }
  @media screen and (min-width: 1000px) {
    .related-styletips_item {
      margin-bottom: 4em;
      max-width: 33%;
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1 1 calc(33%);
      -moz-flex: 1 1 calc(33%);
      -ms-flex: 1 1 calc(33%);
      flex: 1 1 calc(33%); } }
  @media screen and (max-width: 999px) {
    .related-styletips_item {
      width: 57%;
      display: inline-block;
      margin: 0 2em; } }

.related-styletips_item-img {
  width: 100%;
  height: auto;
  max-width: 240px;
  margin: 0 auto 20px; }

.related-styletips_item--description p {
  vertical-align: top;
  font-size: 1em;
  white-space: normal;
  margin: 0 auto; }
  @media screen and (min-width: 1000px) {
    .related-styletips_item--description p {
      width: 60%; } }

/* =============================================================================
 * Hot Flash (Single)
 =============================================================================*/
article.hot-flash .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }
  article.hot-flash .video-container iframe, article.hot-flash .video-container object, article.hot-flash .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

article.post-type-video.view-thumbnail {
  display: table;
  width: 100%;
  margin-bottom: 10px; }
  article.post-type-video.view-thumbnail .image, article.post-type-video.view-thumbnail .content {
    display: table-cell;
    width: 50%;
    vertical-align: middle; }
  article.post-type-video.view-thumbnail .image {
    position: relative;
    text-align: center; }
    article.post-type-video.view-thumbnail .image i {
      position: absolute;
      height: 44px;
      width: 44px;
      line-height: 44px;
      top: 50%;
      left: 50%;
      margin: -22px 0 0 -22px; }
      article.post-type-video.view-thumbnail .image i:after {
        color: #888; }
    article.post-type-video.view-thumbnail .image img {
      width: 100%;
      height: auto;
      display: block; }
  article.post-type-video.view-thumbnail .content {
    padding: 0 10px; }
    article.post-type-video.view-thumbnail .content .category {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: italic;
      color: #ff99a8;
      font-size: .8em; }
    article.post-type-video.view-thumbnail .content .title {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 400;
      font-style: normal; }
  @media screen and (min-width: 768px) {
    article.post-type-video.view-thumbnail {
      display: block; }
      article.post-type-video.view-thumbnail .image, article.post-type-video.view-thumbnail .content {
        display: block;
        width: auto;
        text-align: center; }
      article.post-type-video.view-thumbnail .image img {
        height: auto; }
      article.post-type-video.view-thumbnail .content {
        height: 7.5em;
        padding-top: .5em; } }

article.post-type-video.featured-video-promote {
  float: none;
  width: 100%;
  clear: left;
  background: grey; }
  article.post-type-video.featured-video-promote::after {
    clear: both;
    content: "";
    display: table; }
  article.post-type-video.featured-video-promote .content {
    color: white; }
    article.post-type-video.featured-video-promote .content .term {
      text-transform: none;
      font-size: 2em;
      margin-bottom: 10px; }
    article.post-type-video.featured-video-promote .content .title {
      font-size: 1.4em;
      line-height: 1.25em; }
  @media screen and (max-width: 767px) {
    article.post-type-video.featured-video-promote {
      display: block; }
      article.post-type-video.featured-video-promote .content, article.post-type-video.featured-video-promote .image {
        display: block;
        width: 100%; }
        article.post-type-video.featured-video-promote .content .excerpt, article.post-type-video.featured-video-promote .image .excerpt {
          display: none; }
      article.post-type-video.featured-video-promote .content {
        padding: 2em 1em; } }
  @media screen and (min-width: 768px) {
    article.post-type-video.featured-video-promote .content {
      text-align: left;
      padding: 0 30px;
      display: table-cell;
      width: 33.3333333333%; }
      #featured-videos article.post-type-video.featured-video-promote .content {
        padding: 50px;
        display: table-cell;
        width: 25%; }
      article.post-type-video.featured-video-promote .content .term {
        text-transform: none;
        font-size: 1em;
        margin-bottom: 5px; }
      article.post-type-video.featured-video-promote .content .title {
        margin-bottom: 10px;
        line-height: 1.25em;
        font-size: 1.75em; }
      article.post-type-video.featured-video-promote .content .excerpt {
        display: block;
        text-transform: none;
        font-size: .9em;
        direction: ltr; }
    article.post-type-video.featured-video-promote .image {
      display: table-cell;
      width: 66.6666666667%; }
      #featured-videos article.post-type-video.featured-video-promote .image {
        display: table-cell;
        width: 75%; }
      article.post-type-video.featured-video-promote .image img {
        width: 100%;
        height: auto;
        display: block; } }

/* Variables
================================================= */
/* Mixins
================================================= */
/* Styles
================================================= */
body {
  padding: 93px 0 40px; }
  body.cabi-is-authenticated {
    padding-top: 100px; }
  @media screen and (min-width: 768px) {
    body {
      padding: 98px 0; }
      body.cabi-is-authenticated {
        padding-top: 115px; } }
  @media screen and (min-width: 1000px) {
    body {
      padding: 82px 0; }
      body.cabi-is-authenticated {
        padding-top: 110px; }
      body.cabi-is-not-microsite {
        padding-top: 110px; } }
  body.with-top-margin {
    padding-bottom: 0; }
  body.with-bottom-margin {
    padding-top: 0; }
  body.cabi-consultant-site #header-wrapper {
    z-index: 100; }
    @media screen and (max-width: 999px) {
      body.cabi-consultant-site #header-wrapper {
        height: 93px; } }
  body.with-knockout:after {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .33s 0s,visibility 0s .33s;
    transition: opacity .3s 0s,visibility 0s .33s; }
  body.with-knockout.knockout-visible:after {
    opacity: .75;
    visibility: visible;
    -webkit-transition: opacity .2s 0s,visibility 0s 0s;
    transition: opacity .2s 0s,visibility 0s 0s; }
  @media screen and (min-width: 1000px) {
    body {
      /*padding-top: $header_wrapper_height_desktop_interior;*/ }
      body #header-wrapper {
        height: 143px; }
        body #header-wrapper div#header-logo-bar #logo-bar-wrapper {
          height: 78px;
          position: relative; }
          body #header-wrapper div#header-logo-bar #logo-bar-wrapper .logo-bar-center object, body #header-wrapper div#header-logo-bar #logo-bar-wrapper .logo-bar-center img {
            max-height: 51px;
            pointer-events: none; }
        body #header-wrapper div#header-bar {
          height: 62px; }
          body #header-wrapper div#header-bar #mobile-menu, body #header-wrapper div#header-bar #mobile-menu-logo, body #header-wrapper div#header-bar #navigation-main, body #header-wrapper div#header-bar #search-form-and-wishlist {
            vertical-align: bottom; }
      body.home {
        /*padding-top: $header_wrapper_height_desktop_home;*/ }
        body.home #header-wrapper {
          height: 166px; }
          body.home #header-wrapper div#header-logo-bar #logo-bar-wrapper {
            height: 101px; }
            body.home #header-wrapper div#header-logo-bar #logo-bar-wrapper .logo-bar-center object, body.home #header-wrapper div#header-logo-bar #logo-bar-wrapper .logo-bar-center img {
              max-height: 76px;
              max-width: 100px;
              pointer-events: none; }
          body.home #header-wrapper div#header-bar {
            height: 52px; } }
        @media screen and (min-width: 1000px) and (min-width: 1000px) {
          body.home #header-wrapper div#header-bar {
            height: 62px; } }
  @media screen and (min-width: 1000px) {
            body.home #header-wrapper div#header-bar #mobile-menu, body.home #header-wrapper div#header-bar #mobile-menu-logo, body.home #header-wrapper div#header-bar #navigation-main, body.home #header-wrapper div#header-bar #search-form-and-wishlist {
              height: 52px;
              vertical-align: middle; } }
          @media screen and (min-width: 1000px) and (min-width: 1000px) {
            body.home #header-wrapper div#header-bar #mobile-menu, body.home #header-wrapper div#header-bar #mobile-menu-logo, body.home #header-wrapper div#header-bar #navigation-main, body.home #header-wrapper div#header-bar #search-form-and-wishlist {
              height: 62px; } }
  body.no-bottom-padding {
    padding-bottom: 0; }

@media screen and (max-width: 767px) {
  body.has-home-show #site-header {
    height: 140px; } }

@media screen and (min-width: 1000px) {
  body.has-home-show #header-wrapper {
    height: 191px; }
    body.has-home-show #header-wrapper.headroom--not-top home-show-banner {
      margin-top: 0 !important; } }

@media screen and (min-width: 1000px) {
  body.home.has-home-show #header-wrapper {
    height: 214px; } }

@media screen and (min-width: 1000px) {
  body.cabi-consultant-site #header-wrapper.headroom--not-top #search-wrapper {
    margin-right: 5px !important; } }

body.home header#site-header .logo-bar-section {
  padding-top: 1em !important; }

header#site-header #header-wrapper {
  position: relative;
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  transition: transform 0.4s ease;
  border-bottom: 3px solid #ff99a8;
  background-color: #fff; }
  header#site-header #header-wrapper.open {
    -webkit-transform: translateX(80%);
    -moz-transform: translateX(80%);
    -ms-transform: translateX(80%);
    -o-transform: translateX(80%);
    transform: translateX(80%); }
    @media screen and (min-width: 550px) {
      header#site-header #header-wrapper.open {
        -webkit-transform: translateX(440px);
        -moz-transform: translateX(440px);
        -ms-transform: translateX(440px);
        -o-transform: translateX(440px);
        transform: translateX(440px); } }
  @media screen and (min-width: 1000px) {
    header#site-header #header-wrapper {
      background-color: #fff; } }
  header#site-header #header-wrapper.open .fa-bars:before {
    visibility: hidden; }
  header#site-header #header-wrapper.open .fa-bars:after {
    content: "";
    border-top: 4px solid #999999;
    border-left: 4px solid #999999;
    width: 20px;
    height: 20px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  header#site-header #header-wrapper div#header-logo-bar {
    display: none;
    background-color: #fff; }
    @media screen and (min-width: 1000px) {
      header#site-header #header-wrapper div#header-logo-bar {
        display: block; } }
    header#site-header #header-wrapper div#header-logo-bar #logo-bar-wrapper {
      width: 100%;
      display: table; }
      header#site-header #header-wrapper div#header-logo-bar #logo-bar-wrapper .logo-bar-section {
        display: table-cell;
        width: 33.3333333333%;
        vertical-align: middle;
        padding-top: 0; }
        header#site-header #header-wrapper div#header-logo-bar #logo-bar-wrapper .logo-bar-section.logo-bar-left {
          text-align: left; }
        header#site-header #header-wrapper div#header-logo-bar #logo-bar-wrapper .logo-bar-section.logo-bar-center {
          text-align: center;
          padding-top: 0; }
          header#site-header #header-wrapper div#header-logo-bar #logo-bar-wrapper .logo-bar-section.logo-bar-center a {
            display: block;
            width: 100px;
            margin: 0 auto; }
        header#site-header #header-wrapper div#header-logo-bar #logo-bar-wrapper .logo-bar-section.logo-bar-right {
          text-align: right; }
          header#site-header #header-wrapper div#header-logo-bar #logo-bar-wrapper .logo-bar-section.logo-bar-right locale-indicator {
            margin-left: 24px; }
          header#site-header #header-wrapper div#header-logo-bar #logo-bar-wrapper .logo-bar-section.logo-bar-right #header-signin-btn {
            height: 30px;
            line-height: 29px;
            width: 80px;
            padding: 0;
            font-size: 12px; }
          header#site-header #header-wrapper div#header-logo-bar #logo-bar-wrapper .logo-bar-section.logo-bar-right stylist-info {
            margin-left: .5em; }
          header#site-header #header-wrapper div#header-logo-bar #logo-bar-wrapper .logo-bar-section.logo-bar-right cart-count {
            border-left: 1px solid #d0d0d0;
            padding-left: .5em;
            margin-left: .5em; }
        header#site-header #header-wrapper div#header-logo-bar #logo-bar-wrapper .logo-bar-section .btn-filter {
          border: none;
          background-color: #f5f5f5;
          font-size: 0.7em;
          padding: 10px 20px;
          letter-spacing: 0.08em; }
          header#site-header #header-wrapper div#header-logo-bar #logo-bar-wrapper .logo-bar-section .btn-filter:hover {
            background-color: #000;
            color: #fff; }
        header#site-header #header-wrapper div#header-logo-bar #logo-bar-wrapper .logo-bar-section .get-your-app {
          display: inline;
          font-family: 'Montserrat';
          font-size: 0.7em;
          letter-spacing: 0.08em;
          text-decoration: none; }
        header#site-header #header-wrapper div#header-logo-bar #logo-bar-wrapper .logo-bar-section .get-your-app__wrap {
          position: relative;
          margin-right: 2.5em; }
        header#site-header #header-wrapper div#header-logo-bar #logo-bar-wrapper .logo-bar-section .get-your-app__svg {
          width: 15px;
          top: 5px;
          margin-right: .75em;
          position: relative; }
  header#site-header #header-wrapper .logo-bar__consultant-img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px; }
  header#site-header #header-wrapper .logo-bar__consultant-img--avatar {
    height: 50px;
    width: 50px;
    display: block;
    border-radius: 50%; }
  header#site-header #header-wrapper div#header-bar {
    background-color: #fff; }
    @media screen and (min-width: 1000px) {
      header#site-header #header-wrapper div#header-bar {
        background-color: #fff; } }
    header#site-header #header-wrapper div#header-bar .container {
      display: table;
      width: 100%;
      table-layout: fixed;
      position: relative; }
    header#site-header #header-wrapper div#header-bar #mobile-menu, header#site-header #header-wrapper div#header-bar #mobile-menu-logo, header#site-header #header-wrapper div#header-bar #navigation-main, header#site-header #header-wrapper div#header-bar #search-form-and-wishlist {
      height: 52px;
      display: table-cell;
      vertical-align: middle; }
      @media screen and (min-width: 1000px) {
        header#site-header #header-wrapper div#header-bar #mobile-menu, header#site-header #header-wrapper div#header-bar #mobile-menu-logo, header#site-header #header-wrapper div#header-bar #navigation-main, header#site-header #header-wrapper div#header-bar #search-form-and-wishlist {
          height: 62px; } }
    header#site-header #header-wrapper div#header-bar #navigation-main .sub-menu li.clothes,
    header#site-header #header-wrapper div#header-bar #navigation-main .sub-menu li.looks {
      visibility: hidden; }
    header#site-header #header-wrapper div#header-bar #navigation-main .sub-menu li.spacer {
      margin-bottom: 3.5em; }
    header#site-header #header-wrapper div#header-bar #mobile-menu {
      width: 33%; }
    header#site-header #header-wrapper div#header-bar #search-form-and-wishlist {
      width: 70%; }
    header#site-header #header-wrapper div#header-bar .get-your-app__mobile-link {
      margin-right: 1em;
      text-decoration: none; }
      header#site-header #header-wrapper div#header-bar .get-your-app__mobile-link .get-your-app__svg {
        width: 15px;
        position: relative;
        top: 5px; }
      @media screen and (min-width: 1000px) {
        header#site-header #header-wrapper div#header-bar .get-your-app__mobile-link {
          display: none; } }
    @media screen and (min-width: 1000px) {
      header#site-header #header-wrapper div#header-bar #search-form-and-wishlist {
        width: 15%; }
      header#site-header #header-wrapper div#header-bar #navigation-main {
        width: 100%; } }
    header#site-header #header-wrapper div#header-bar #mobile-ecomm-header {
      background: black;
      height: 38px;
      padding: 4px 8px; }
      @media screen and (min-width: 1000px) {
        header#site-header #header-wrapper div#header-bar #mobile-ecomm-header {
          display: none; } }
      header#site-header #header-wrapper div#header-bar #mobile-ecomm-header profile-dropdown {
        float: right;
        font-size: 14px; }
        header#site-header #header-wrapper div#header-bar #mobile-ecomm-header profile-dropdown #profile-dropdown-toggle {
          color: white; }
          header#site-header #header-wrapper div#header-bar #mobile-ecomm-header profile-dropdown #profile-dropdown-toggle a {
            color: inherit; }
        header#site-header #header-wrapper div#header-bar #mobile-ecomm-header profile-dropdown .dropdown {
          right: 0;
          background-color: white;
          border-top-color: #ff99a8; }
          header#site-header #header-wrapper div#header-bar #mobile-ecomm-header profile-dropdown .dropdown:before {
            color: #ff99a8; }
      header#site-header #header-wrapper div#header-bar #mobile-ecomm-header sign-in-button {
        float: right; }
        header#site-header #header-wrapper div#header-bar #mobile-ecomm-header sign-in-button .btn {
          height: 30px;
          width: 70px;
          padding: 0;
          line-height: 31px; }
      header#site-header #header-wrapper div#header-bar #mobile-ecomm-header stylist-info .dropdown {
        left: 0px;
        right: inherit; }
        header#site-header #header-wrapper div#header-bar #mobile-ecomm-header stylist-info .dropdown:before {
          left: 70px;
          right: inherit; }
      header#site-header #header-wrapper div#header-bar #mobile-ecomm-header .logo-bar__consultant-img {
        margin-left: 0;
        margin-top: -6px; }
      header#site-header #header-wrapper div#header-bar #mobile-ecomm-header .logo-bar__consultant-img--avatar {
        width: 26px;
        height: 26px; }
    @media screen and (min-width: 1000px) {
      header#site-header #header-wrapper div#header-bar #mobile-menu {
        display: none; } }
    header#site-header #header-wrapper div#header-bar #mobile-menu #mobile-menu-button {
      color: #565257;
      display: inline-table;
      vertical-align: middle; }
    header#site-header #header-wrapper div#header-bar #mobile-menu #mobile-menu-logo {
      display: inline; }
      header#site-header #header-wrapper div#header-bar #mobile-menu #mobile-menu-logo a {
        display: inline-table;
        vertical-align: middle; }
      header#site-header #header-wrapper div#header-bar #mobile-menu #mobile-menu-logo:before {
        content: "";
        display: inline-table;
        vertical-align: middle;
        background-color: #eeefef;
        width: 2px;
        height: 70%;
        margin: 0 1em; }
    header#site-header #header-wrapper div#header-bar #mobile-menu-logo {
      text-align: center; }
      @media screen and (min-width: 1000px) {
        header#site-header #header-wrapper div#header-bar #mobile-menu-logo {
          display: none; } }
      header#site-header #header-wrapper div#header-bar #mobile-menu-logo img {
        width: 2em; }
    header#site-header #header-wrapper div#header-bar #navigation-main {
      display: none; }
      @media screen and (min-width: 1000px) {
        header#site-header #header-wrapper div#header-bar #navigation-main {
          display: table-cell;
          width: 85%; } }
    header#site-header #header-wrapper div#header-bar #search-form-and-wishlist {
      text-align: right;
      line-height: 31px;
      white-space: nowrap; }
      header#site-header #header-wrapper div#header-bar #search-form-and-wishlist .wishlist-label {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 700;
        font-style: normal;
        color: #ff99a8;
        text-decoration: none;
        font-size: 0.8125em;
        text-transform: uppercase; }
        header#site-header #header-wrapper div#header-bar #search-form-and-wishlist .wishlist-label:hover {
          text-decoration: underline; }
      header#site-header #header-wrapper div#header-bar #search-form-and-wishlist #help-wrapper {
        display: inline-block;
        text-align: left;
        padding-right: 10px; }
        @media screen and (min-width: 1000px) {
          header#site-header #header-wrapper div#header-bar #search-form-and-wishlist #help-wrapper {
            padding-right: 0;
            display: none; } }
        header#site-header #header-wrapper div#header-bar #search-form-and-wishlist #help-wrapper a {
          border: 2px solid #565257;
          border-radius: 50%;
          padding: 0px 4px; }
          header#site-header #header-wrapper div#header-bar #search-form-and-wishlist #help-wrapper a .fa-question {
            color: #565257; }
      header#site-header #header-wrapper div#header-bar #search-form-and-wishlist #search-wrapper {
        display: inline-block;
        text-align: left;
        padding-right: 10px; }
        @media screen and (min-width: 1000px) {
          header#site-header #header-wrapper div#header-bar #search-form-and-wishlist #search-wrapper {
            margin-right: 10px;
            text-align: center;
            padding-right: 0; } }
        header#site-header #header-wrapper div#header-bar #search-form-and-wishlist #search-wrapper .fa-search {
          color: #565257;
          cursor: pointer;
          font-size: 1.3em; }
      @media screen and (max-width: 999px) {
        header#site-header #header-wrapper div#header-bar #search-form-and-wishlist cart-count {
          padding-left: 20px;
          padding-right: 0; } }
      header#site-header #header-wrapper div#header-bar #search-form-and-wishlist locale-indicator {
        margin-left: 10px; }
        @media screen and (min-width: 1000px) {
          header#site-header #header-wrapper div#header-bar #search-form-and-wishlist locale-indicator {
            display: none; } }
    header#site-header #header-wrapper div#header-bar .home-show-banner {
      position: absolute;
      top: 100%;
      width: 100%;
      z-index: 1; }
      @media screen and (min-width: 1000px) {
        header#site-header #header-wrapper div#header-bar .home-show-banner {
          margin-top: -48px; } }

@media screen and (min-width: 1000px) {
  header#site-header .headroom--top #search-form-and-wishlist cart-count {
    display: none; } }

.menu-seasonal-category {
  background-color: white !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  font-family: Montserrat; }
  @media screen and (min-width: 1000px) {
    .menu-seasonal-category {
      cursor: default;
      color: #000000 !important;
      margin-top: 40px;
      line-height: 1.2em;
      font-size: 14px;
      letter-spacing: .0375em;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 800;
      font-style: normal;
      margin-bottom: 1.4285714286em;
      display: block;
      text-transform: none !important; } }

#mm-footer-menus {
  background-color: #fff;
  border-right: 3px solid #000;
  z-index: 1; }
  #mm-footer-menus > .menu-primary.mm-hasnavbar {
    padding-top: 0;
    width: 100%; }
    #mm-footer-menus > .menu-primary.mm-hasnavbar .mm-navbar {
      display: none; }
  #mm-footer-menus .mm-title {
    text-align: left;
    text-transform: uppercase; }
  #mm-footer-menus .mm-panel.mm-hasnavbar .mm-navbar {
    background-color: #fff; }
  #mm-footer-menus .mm-panel.mm-highest {
    background-color: #f5f5f5 !important; }
  #mm-footer-menus .mm-listview > li:after {
    border-color: #dfdfdf;
    border-width: 2px; }
  #mm-footer-menus .mm-listview > li > a {
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    background-color: transparent; }
  #mm-footer-menus .mm-listview.sub-menu > li > a, #mm-footer-menus .mm-listview.mm-last > li > a {
    text-transform: lowercase; }
  #mm-footer-menus .mm-next:before {
    border-left: none; }
  #mm-footer-menus .mm-prev:before, #mm-footer-menus .mm-next:after, #mm-footer-menus .mm-arrow:after {
    border-color: #ff99a8 !important; }
  #mm-footer-menus #mm-2 .menu-item-28439, #mm-footer-menus #mm-2 .menu-item-28440 {
    display: none; }
  #mm-footer-menus .mm-menu-item-extra a {
    text-transform: none !important;
    color: #666666 !important;
    font-weight: normal !important; }
  #mm-footer-menus .mm-multiline.social-links {
    display: table;
    width: 100%; }
    #mm-footer-menus .mm-multiline.social-links > span {
      display: table-cell;
      width: 20%;
      text-align: center;
      font-size: 1.5em; }
      #mm-footer-menus .mm-multiline.social-links > span i {
        color: #ff99a8; }

footer#site-footer {
  background: #fff;
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  transition: transform 0.4s ease; }
  footer#site-footer.open {
    -webkit-transform: translateX(80%);
    -moz-transform: translateX(80%);
    -ms-transform: translateX(80%);
    -o-transform: translateX(80%);
    transform: translateX(80%); }
    @media screen and (min-width: 550px) {
      footer#site-footer.open {
        -webkit-transform: translateX(440px);
        -moz-transform: translateX(440px);
        -ms-transform: translateX(440px);
        -o-transform: translateX(440px);
        transform: translateX(440px); } }
  footer#site-footer div#footer-social-icons {
    padding: 34px 0;
    text-align: center; }
    footer#site-footer div#footer-social-icons li {
      font-size: 2rem;
      padding: 0 1rem; }
      @media screen and (min-width: 1000px) {
        footer#site-footer div#footer-social-icons li {
          padding: 0 34px;
          font-size: 36px; } }
      footer#site-footer div#footer-social-icons li a {
        color: inherit;
        font-size: 1em; }
        footer#site-footer div#footer-social-icons li a:hover {
          color: #ff99a8; }
  footer#site-footer hr {
    display: none; }
    @media screen and (min-width: 1000px) {
      footer#site-footer hr {
        display: block; } }

.search-dropdown {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  visibility: hidden;
  z-index: 99999; }
  .search-dropdown .search-dropdown-wrapper {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: calc(100% - 30px);
    height: 64px;
    top: 40px;
    margin-top: -20px;
    -webkit-transition: opacity 0.5s, margin-top 0.5s;
    -moz-transition: opacity 0.5s, margin-top 0.5s;
    transition: opacity 0.5s, margin-top 0.5s;
    opacity: 0;
    background: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.125);
    margin-top: -16px;
    text-align: left;
    z-index: calc( 99999); }
    @media screen and (min-width: 1000px) {
      .search-dropdown .search-dropdown-wrapper {
        top: 160px;
        max-width: 640px; } }
  .search-dropdown fieldset {
    margin: 0; }
    .search-dropdown fieldset #site-search-input {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 400;
      font-style: italic;
      border: none;
      padding: 0 1em;
      line-height: 32px;
      margin-top: 16px;
      display: inline-block;
      width: calc( 100% - 115px);
      font-size: 1.5em; }
      @media screen and (min-width: 1000px) {
        .search-dropdown fieldset #site-search-input {
          font-size: 24px;
          width: calc( 100% - 115px); } }
    .search-dropdown fieldset #site-search-submit {
      margin: 13px;
      height: 38px;
      padding: 0 10px;
      font-size: 11px;
      outline: none;
      float: right;
      -webkit-transition: opacity 0.25s;
      -moz-transition: opacity 0.25s;
      transition: opacity 0.25s; }
  body.search-visible .search-dropdown {
    visibility: visible;
    -webkit-transition: opacity 0.25s, margin-top 0.25s;
    -moz-transition: opacity 0.25s, margin-top 0.25s;
    transition: opacity 0.25s, margin-top 0.25s; }
    body.search-visible .search-dropdown .search-dropdown-wrapper {
      opacity: 1;
      margin-top: 0; }

.mm-tap-callout > .o-flex-layout.o-flex-layout--include-fluid {
  padding: 15px 10px 15px 20px;
  -webkit-box-align: start;
  -moz-box-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start; }

.mm-tap-callout img {
  width: 20px;
  height: auto; }

.mm-tap-callout .mm-tap-callout-content {
  padding-left: 1rem; }

.mm-tap-callout .mm-tap-callout-content {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 800;
  font-style: normal; }

.mm-tap-callout .mm-tap-callout-title {
  padding: .25rem 0; }

.mm-tap-callout .mm-tap-callout-copy {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: italic;
  font-size: .85em;
  line-height: 1.3; }

.footer-tap-callout {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  padding: 2em 0;
  margin: 0 auto 2em;
  text-align: center;
  width: 300px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .footer-tap-callout {
      display: none; } }
  .footer-tap-callout-title {
    padding: .25rem 0;
    font-size: 1.1rem;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 800;
    font-style: normal; }
    .footer-tap-callout-title img {
      width: 20px;
      height: auto;
      display: inline-block;
      vertical-align: middle; }
  .footer-tap-callout-copy {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: italic;
    line-height: 1.3;
    margin: 1rem 1rem 0; }

.o-page-padding {
  padding: 4em 0; }

/*
	jQuery.mmenu CSS
*/
/*
	jQuery.mmenu oncanvas CSS
*/
.mm-hidden {
  display: none !important; }

.mm-wrapper {
  overflow-x: hidden;
  position: relative; }

.mm-menu,
.mm-menu > .mm-panel {
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0; }

.mm-menu {
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0; }

.mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.mm-panel.mm-opened {
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0); }

.mm-panel.mm-subopened {
  -webkit-transform: translate3d(-30%, 0, 0);
  -moz-transform: translate3d(-30%, 0, 0);
  -ms-transform: translate3d(-30%, 0, 0);
  -o-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0); }

.mm-panel.mm-highest {
  z-index: 1; }

.mm-menu > .mm-panel {
  background: inherit;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0 20px; }

.mm-menu > .mm-panel.mm-hasnavbar {
  padding-top: 40px; }

.mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after {
  content: '';
  display: block;
  height: 20px; }

.mm-vertical .mm-panel {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important; }

.mm-vertical .mm-listview .mm-panel,
.mm-listview .mm-vertical .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }

.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after,
.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after {
  border-color: transparent; }

.mm-vertical li.mm-opened > .mm-panel,
li.mm-vertical.mm-opened > .mm-panel {
  display: block; }

.mm-vertical .mm-listview > li > .mm-next,
.mm-listview > li.mm-vertical > .mm-next {
  height: 40px;
  bottom: auto; }

.mm-vertical .mm-listview > li > .mm-next:after,
.mm-listview > li.mm-vertical > .mm-next:after {
  top: 16px;
  bottom: auto; }

.mm-vertical .mm-listview > li.mm-opened > .mm-next:after,
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.mm-navbar {
  border-bottom: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  height: 40px;
  padding: 0 40px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.mm-navbar > * {
  display: block;
  padding: 10px 0; }

.mm-navbar a, .mm-navbar a:hover {
  text-decoration: none; }

.mm-navbar .mm-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.mm-navbar .mm-btn {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  z-index: 1; }

.mm-navbar .mm-btn:first-child {
  padding-left: 20px;
  left: 0; }

.mm-navbar .mm-btn:last-child {
  padding-right: 20px;
  right: 0; }

.mm-panel .mm-navbar {
  display: none; }

.mm-panel.mm-hasnavbar .mm-navbar {
  display: block; }

.mm-listview,
.mm-listview > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-listview {
  font: inherit;
  font-size: 14px; }

.mm-listview a,
.mm-listview a:hover {
  text-decoration: none; }

.mm-listview > li {
  position: relative; }

.mm-listview > li > a,
.mm-listview > li > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
  line-height: 20px;
  display: block;
  padding: 10px 10px 10px 20px;
  margin: 0; }

.mm-listview > li > a.mm-arrow,
.mm-listview > li > span.mm-arrow {
  padding-right: 50px; }

.mm-listview > li:not(.mm-divider):after {
  content: '';
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; }

.mm-listview > li:not(.mm-divider):after {
  left: 20px; }

.mm-listview .mm-next {
  background: rgba(3, 2, 1, 0);
  width: 50px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2; }

.mm-listview .mm-next:before {
  content: '';
  border-left-width: 1px;
  border-left-style: solid;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0; }

.mm-listview .mm-next + a,
.mm-listview .mm-next + span {
  margin-right: 50px; }

.mm-listview .mm-next.mm-fullsubopen {
  width: 100%; }

.mm-listview .mm-next.mm-fullsubopen:before {
  border-left: none; }

.mm-listview .mm-next.mm-fullsubopen + a,
.mm-listview .mm-next.mm-fullsubopen + span {
  padding-right: 50px;
  margin-right: 0; }

.mm-menu > .mm-panel > .mm-listview {
  margin-left: -20px;
  margin-right: -20px; }

.mm-menu > .mm-panel > .mm-listview.mm-first {
  margin-top: -20px; }

.mm-menu > .mm-panel > .mm-listview.mm-last {
  padding-bottom: 20px; }

.mm-prev:before,
.mm-next:after,
.mm-arrow:after {
  content: '';
  border: 2px solid transparent;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.mm-prev:before {
  border-right: none;
  border-bottom: none;
  left: 20px; }

.mm-next:after,
.mm-arrow:after {
  border-top: none;
  border-left: none;
  right: 20px; }

.mm-divider {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px; }

.mm-listview > li.mm-spacer {
  padding-top: 40px; }

.mm-listview > li.mm-spacer > .mm-next {
  top: 40px; }

.mm-listview > li.mm-spacer.mm-divider {
  padding-top: 25px; }

.mm-menu {
  background: #f3f3f3;
  color: rgba(0, 0, 0, 0.7); }

.mm-menu .mm-navbar {
  border-color: rgba(0, 0, 0, 0.1); }

.mm-menu .mm-navbar > *,
.mm-menu .mm-navbar a {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu .mm-navbar .mm-btn:before,
.mm-menu .mm-navbar .mm-btn:after {
  border-color: rgba(0, 0, 0, 0.3); }

.mm-menu .mm-listview > li:after {
  border-color: rgba(0, 0, 0, 0.1); }

.mm-menu .mm-listview > li .mm-prev:before,
.mm-menu .mm-listview > li .mm-next:after,
.mm-menu .mm-listview > li .mm-arrow:after {
  border-color: rgba(0, 0, 0, 0.3); }

.mm-menu .mm-listview > li .mm-prev:after,
.mm-menu .mm-listview > li .mm-next:before {
  border-color: rgba(0, 0, 0, 0.1); }

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.5); }

.mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next,
.mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel,
.mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next,
.mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel {
  background: rgba(0, 0, 0, 0.05); }

.mm-menu .mm-divider {
  background: rgba(0, 0, 0, 0.05); }

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
  box-sizing: border-box;
  position: relative; }

.mm-slideout {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease; }

html.mm-opened {
  overflow: hidden;
  position: relative; }

html.mm-opened body {
  overflow: hidden; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-offcanvas {
  display: none;
  position: fixed; }

.mm-menu.mm-current {
  display: block; }

.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 440px; }

html.mm-opening .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);
  transform: translate(80%, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }

@media all and (min-width: 550px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(440px, 0);
    -moz-transform: translate(440px, 0);
    -ms-transform: translate(440px, 0);
    -o-transform: translate(440px, 0);
    transform: translate(440px, 0); } }

/*
	jQuery.mmenu autoHeight addon CSS
*/
.mm-menu.mm-top.mm-autoheight, .mm-menu.mm-bottom.mm-autoheight {
  max-height: 80%; }

.mm-menu.mm-top.mm-autoheight.mm-fullscreen, .mm-menu.mm-bottom.mm-autoheight.mm-fullscreen {
  max-height: 100%; }

.mm-menu.mm-measureheight > .mm-panel {
  bottom: auto !important;
  height: auto !important; }

/*
	jQuery.mmenu counters addon CSS
*/
em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 45px;
  top: 50%; }

em.mm-counter + a.mm-next {
  padding-left: 40px; }

em.mm-counter + a.mm-next + a,
em.mm-counter + a.mm-next + span {
  margin-right: 90px; }

em.mm-counter + a.mm-fullsubopen {
  padding-left: 0; }

.mm-vertical > .mm-counter {
  top: 12px;
  margin-top: 0; }

.mm-vertical.mm-spacer > .mm-counter {
  margin-top: 40px; }

.mm-nosubresults > .mm-counter {
  display: none; }

.mm-menu em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

/*
	jQuery.mmenu dividers addon CSS
*/
.mm-divider > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  line-height: 25px; }

.mm-divider.mm-opened a.mm-next:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.mm-collapsed:not(.mm-uncollapsed) {
  display: none; }

.mm-fixeddivider {
  background: inherit;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-fixeddivider:after {
  content: none !important;
  display: none !important; }

.mm-hasdividers .mm-fixeddivider {
  display: block; }

.mm-menu .mm-fixeddivider span {
  background: rgba(0, 0, 0, 0.05); }

/*
	jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging .mm-fixed-top,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging #mm-blocker {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

/*
	jQuery.mmenu navbar addon CSS
*/
.mm-menu > .mm-navbar {
  background: inherit;
  padding: 0;
  z-index: 3;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-navbar-bottom {
  border-top: 1px solid transparent;
  border-bottom: none;
  top: auto;
  bottom: 0; }

.mm-navbar-top ~ .mm-navbar-top {
  border-bottom: none; }

.mm-navbar-bottom ~ .mm-navbar-bottom {
  border-top: none; }

.mm-navbar.mm-hasbtns {
  padding: 0 40px; }

.mm-navbar-top-1 {
  top: 0px; }

.mm-hasnavbar-top-1 .mm-panel {
  top: 40px; }

.mm-hasnavbar-top-1 .mm-indexer {
  top: 50px; }

.mm-hasnavbar-top-1 .mm-fixeddivider {
  top: 40px; }

.mm-navbar-top-2 {
  top: 40px; }

.mm-hasnavbar-top-2 .mm-panel {
  top: 80px; }

.mm-hasnavbar-top-2 .mm-indexer {
  top: 90px; }

.mm-hasnavbar-top-2 .mm-fixeddivider {
  top: 80px; }

.mm-navbar-top-3 {
  top: 80px; }

.mm-hasnavbar-top-3 .mm-panel {
  top: 120px; }

.mm-hasnavbar-top-3 .mm-indexer {
  top: 130px; }

.mm-hasnavbar-top-3 .mm-fixeddivider {
  top: 120px; }

.mm-navbar-bottom-1 {
  bottom: 0px; }

.mm-hasnavbar-bottom-1 .mm-panel {
  bottom: 40px; }

.mm-hasnavbar-bottom-1 .mm-indexer {
  bottom: 50px; }

.mm-navbar-bottom-2 {
  bottom: 40px; }

.mm-hasnavbar-bottom-2 .mm-panel {
  bottom: 80px; }

.mm-hasnavbar-bottom-2 .mm-indexer {
  bottom: 90px; }

.mm-navbar-bottom-3 {
  bottom: 80px; }

.mm-hasnavbar-bottom-3 .mm-panel {
  bottom: 120px; }

.mm-hasnavbar-bottom-3 .mm-indexer {
  bottom: 130px; }

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

.mm-close:after {
  content: 'x'; }

.mm-navbar-2 > *,
.mm-navbar-3 > *,
.mm-navbar-4 > *,
.mm-navbar-5 > *,
.mm-navbar-6 > * {
  display: block;
  float: left; }

.mm-navbar-2 > * {
  width: 50%; }

.mm-navbar-3 > * {
  width: 33.33%; }

.mm-navbar-4 > * {
  width: 25%; }

.mm-navbar-5 > * {
  width: 20%; }

.mm-navbar-6 > * {
  width: 16.66%; }

/*
	jQuery.mmenu searchfield addon CSS
*/
.mm-search,
.mm-search input {
  box-sizing: border-box; }

.mm-search {
  height: 40px;
  padding: 7px 10px 0 10px; }

.mm-search input {
  border: none;
  border-radius: 26px;
  font: inherit;
  font-size: 14px;
  line-height: 26px;
  outline: none;
  display: block;
  width: 100%;
  height: 26px;
  margin: 0;
  padding: 0 10px; }

.mm-search input::-ms-clear {
  display: none; }

.mm-panel > .mm-search {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.mm-panel.mm-hassearch {
  padding-top: 40px; }

.mm-panel.mm-hassearch.mm-hasnavbar {
  padding-top: 80px; }

.mm-panel.mm-hassearch.mm-hasnavbar .mm-search {
  top: 40px; }

.mm-noresultsmsg {
  text-align: center;
  font-size: 21px;
  display: none;
  padding: 40px 0; }

.mm-noresults .mm-noresultsmsg {
  display: block; }

.mm-noresults .mm-indexer {
  display: none !important; }

li.mm-nosubresults > a.mm-next {
  display: none; }

li.mm-nosubresults > a.mm-next + a,
li.mm-nosubresults > a.mm-next + span {
  padding-right: 10px; }

.mm-menu .mm-search input {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.7); }

.mm-menu .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

/*
	jQuery.mmenu sectionIndexer addon CSS
*/
.mm-indexer {
  background: inherit;
  text-align: center;
  font-size: 12px;
  box-sizing: border-box;
  width: 20px;
  position: absolute;
  top: 10px;
  bottom: 10px;
  right: -100px;
  z-index: 3;
  -webkit-transition: right 0.4s ease;
  -moz-transition: right 0.4s ease;
  -ms-transition: right 0.4s ease;
  -o-transition: right 0.4s ease;
  transition: right 0.4s ease;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-indexer a {
  text-decoration: none;
  display: block;
  height: 3.85%; }

.mm-indexer ~ .mm-panel.mm-hasindexer {
  padding-right: 40px; }

.mm-hasindexer .mm-indexer {
  right: 0; }

.mm-hasindexer .mm-fixeddivider {
  right: 20px; }

.mm-menu .mm-indexer a {
  color: rgba(0, 0, 0, 0.3); }

/*
	jQuery.mmenu toggles addon CSS
*/
input.mm-toggle,
input.mm-check {
  position: absolute;
  left: -10000px; }

label.mm-toggle,
label.mm-check {
  margin: 0;
  position: absolute;
  top: 50%;
  z-index: 2; }

label.mm-toggle:before,
label.mm-check:before {
  content: '';
  display: block; }

label.mm-toggle {
  border-radius: 30px;
  width: 50px;
  height: 30px;
  margin-top: -15px; }

label.mm-toggle:before {
  border-radius: 30px;
  width: 28px;
  height: 28px;
  margin: 1px; }

input.mm-toggle:checked ~ label.mm-toggle:before {
  float: right; }

label.mm-check {
  width: 30px;
  height: 30px;
  margin-top: -15px; }

label.mm-check:before {
  border-left: 3px solid;
  border-bottom: 3px solid;
  width: 40%;
  height: 20%;
  margin: 25% 0 0 20%;
  opacity: 0.1;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

input.mm-check:checked ~ label.mm-check:before {
  opacity: 1; }

li.mm-vertical label.mm-toggle, li.mm-vertical label.mm-check {
  bottom: auto;
  margin-top: 0; }

li.mm-vertical label.mm-toggle {
  top: 5px; }

li.mm-vertical label.mm-check {
  top: 5px; }

label.mm-toggle,
label.mm-check {
  right: 20px; }

label.mm-toggle + a,
label.mm-toggle + span {
  padding-right: 80px; }

label.mm-check + a,
label.mm-check + span {
  padding-right: 60px; }

a.mm-next + label.mm-toggle, a.mm-next + label.mm-check {
  right: 60px; }

a.mm-next + label.mm-toggle + a,
a.mm-next + label.mm-toggle + span, a.mm-next + label.mm-check + a,
a.mm-next + label.mm-check + span {
  margin-right: 50px; }

a.mm-next + label.mm-toggle + a,
a.mm-next + label.mm-toggle + span {
  padding-right: 70px; }

a.mm-next + label.mm-check + a,
a.mm-next + label.mm-check + span {
  padding-right: 50px; }

em.mm-counter + a.mm-next + label.mm-toggle, em.mm-counter + a.mm-next + label.mm-check {
  right: 100px; }

em.mm-counter + a.mm-next + label.mm-toggle + a,
em.mm-counter + a.mm-next + label.mm-toggle + span, em.mm-counter + a.mm-next + label.mm-check + a,
em.mm-counter + a.mm-next + label.mm-check + span {
  margin-right: 90px; }

.mm-menu label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }

.mm-menu label.mm-toggle:before {
  background: #f3f3f3; }

.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.7); }

/*
	jQuery.mmenu borderstyle extension CSS
*/
.mm-menu.mm-border-none .mm-listview > li:after,
.mm-listview.mm-border-none > li:after {
  content: none; }

.mm-menu.mm-border-full .mm-listview > li:after,
.mm-listview.mm-border-full > li:after {
  left: 0 !important; }

/*
	jQuery.mmenu effects extension CSS
*/
html.mm-effect-zoom-menu .mm-menu.mm-offcanvas {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease; }

html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-offcanvas {
  -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }

html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-offcanvas {
  -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
  -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
  -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
  -o-transform: scale(1, 1) translate3d(0%, 0, 0);
  transform: scale(1, 1) translate3d(0%, 0, 0); }

html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas {
  -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -moz-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -ms-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -o-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center; }

html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-offcanvas {
  -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
  -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
  -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
  -o-transform: scale(1, 1) translate3d(0%, 0, 0);
  transform: scale(1, 1) translate3d(0%, 0, 0); }

html.mm-effect-slide-menu .mm-menu.mm-offcanvas {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }

html.mm-effect-slide-menu.mm-opened .mm-menu.mm-offcanvas {
  -webkit-transform: translate3d(-30%, 0, 0);
  -moz-transform: translate3d(-30%, 0, 0);
  -ms-transform: translate3d(-30%, 0, 0);
  -o-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0); }

html.mm-effect-slide-menu.mm-opening .mm-menu.mm-offcanvas {
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0); }

html.mm-effect-slide-menu.mm-right.mm-opened .mm-menu.mm-offcanvas {
  -webkit-transform: translate3d(30%, 0, 0);
  -moz-transform: translate3d(30%, 0, 0);
  -ms-transform: translate3d(30%, 0, 0);
  -o-transform: translate3d(30%, 0, 0);
  transform: translate3d(30%, 0, 0); }

html.mm-effect-slide-menu.mm-right.mm-opening .mm-menu.mm-offcanvas {
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0); }

.mm-menu.mm-effect-zoom-panels .mm-panel {
  -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -ms-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -o-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition-property: -webkit-transform, left;
  -moz-transition-property: -moz-transform, left;
  -ms-transition-property: -ms-transform, left;
  -o-transition-property: -o-transform, left;
  transition-property: transform, left; }

.mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened {
  -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
  -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
  -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
  -o-transform: scale(1, 1) translate3d(0%, 0, 0);
  transform: scale(1, 1) translate3d(0%, 0, 0); }

.mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened.mm-subopened {
  -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); }

.mm-menu.mm-effect-slide-panels-0 .mm-panel.mm-subopened {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu.mm-effect-slide-panels-100 .mm-panel.mm-subopened {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

/*
	jQuery.mmenu fullscreen extension CSS
*/
.mm-menu.mm-fullscreen {
  width: 100%;
  min-width: 140px;
  max-width: 10000px; }

html.mm-opening.mm-fullscreen .mm-slideout {
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0); }

@media all and (max-width: 140px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }

@media all and (min-width: 10000px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(10000px, 0);
    -moz-transform: translate(10000px, 0);
    -ms-transform: translate(10000px, 0);
    -o-transform: translate(10000px, 0);
    transform: translate(10000px, 0); } }

html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0); }

@media all and (max-width: 140px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0); } }

@media all and (min-width: 10000px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-10000px, 0);
    -moz-transform: translate(-10000px, 0);
    -ms-transform: translate(-10000px, 0);
    -o-transform: translate(-10000px, 0);
    transform: translate(-10000px, 0); } }

.mm-menu.mm-fullscreen.mm-top, .mm-menu.mm-fullscreen.mm-bottom {
  height: 100%;
  min-height: 140px;
  max-height: 10000px; }

html.mm-opened.mm-fullscreen .mm-page {
  box-shadow: none !important; }

/*
	jQuery.mmenu multiline extension CSS
*/
.mm-menu.mm-multiline .mm-listview > li > a,
.mm-menu.mm-multiline .mm-listview > li > span,
.mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a,
.mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span {
  text-overflow: clip;
  white-space: normal; }

/*
	jQuery.mmenu pageshadow extension CSS
*/
.mm-menu.mm-pageshadow:after {
  content: "";
  display: block;
  width: 20px;
  height: 120%;
  position: absolute;
  left: 100%;
  top: -10%;
  z-index: 99; }

.mm-menu.mm-pageshadow.mm-right:after {
  left: auto;
  right: 100%; }

.mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after {
  content: none;
  display: none; }

.mm-menu.mm-pageshadow:after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top,
.mm-menu.mm-bottom {
  width: 100%;
  min-width: 100%;
  max-width: 100%; }

.mm-menu.mm-right {
  left: auto;
  right: 0; }

.mm-menu.mm-bottom {
  top: auto;
  bottom: 0; }

html.mm-right.mm-opening .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  -moz-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  -o-transform: translate(-80%, 0);
  transform: translate(-80%, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0); } }

@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-440px, 0);
    -moz-transform: translate(-440px, 0);
    -ms-transform: translate(-440px, 0);
    -o-transform: translate(-440px, 0);
    transform: translate(-440px, 0); } }

/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-slideout {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  z-index: 0 !important; }

.mm-menu.mm-front {
  z-index: 1; }

.mm-menu.mm-front, .mm-menu.mm-next {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.mm-menu.mm-top {
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }

.mm-menu.mm-bottom {
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu.mm-top,
.mm-menu.mm-bottom {
  height: 80%;
  min-height: 140px;
  max-height: 880px; }

/*
	jQuery.mmenu themes extension CSS
*/
.mm-menu.mm-theme-dark {
  background: #333333;
  color: rgba(255, 255, 255, 0.8); }

.mm-menu.mm-theme-dark .mm-navbar {
  border-color: rgba(0, 0, 0, 0.15); }

.mm-menu.mm-theme-dark .mm-navbar > *,
.mm-menu.mm-theme-dark .mm-navbar a {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-dark .mm-navbar .mm-btn:before,
.mm-menu.mm-theme-dark .mm-navbar .mm-btn:after {
  border-color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-dark .mm-listview > li:after {
  border-color: rgba(0, 0, 0, 0.15); }

.mm-menu.mm-theme-dark .mm-listview > li .mm-prev:before,
.mm-menu.mm-theme-dark .mm-listview > li .mm-next:after,
.mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after {
  border-color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-dark .mm-listview > li .mm-prev:after,
.mm-menu.mm-theme-dark .mm-listview > li .mm-next:before {
  border-color: rgba(0, 0, 0, 0.15); }

.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > a.mm-next,
.mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > .mm-panel,
.mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > .mm-panel {
  background: rgba(255, 255, 255, 0.05); }

.mm-menu.mm-theme-dark .mm-divider {
  background: rgba(255, 255, 255, 0.05); }

.mm-menu.mm-theme-dark label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.8); }

.mm-menu.mm-theme-dark em.mm-counter {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-dark .mm-fixeddivider span {
  background: rgba(255, 255, 255, 0.05); }

.mm-menu.mm-pageshadow.mm-theme-dark:after {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-menu.mm-theme-dark .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8); }

.mm-menu.mm-theme-dark .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-dark .mm-indexer a {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-dark label.mm-toggle {
  background: rgba(0, 0, 0, 0.15); }

.mm-menu.mm-theme-dark label.mm-toggle:before {
  background: #333333; }

.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu.mm-theme-white {
  background: white;
  color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-theme-white .mm-navbar {
  border-color: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-theme-white .mm-navbar > *,
.mm-menu.mm-theme-white .mm-navbar a {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-white .mm-navbar .mm-btn:before,
.mm-menu.mm-theme-white .mm-navbar .mm-btn:after {
  border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-white .mm-listview > li:after {
  border-color: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-theme-white .mm-listview > li .mm-prev:before,
.mm-menu.mm-theme-white .mm-listview > li .mm-next:after,
.mm-menu.mm-theme-white .mm-listview > li .mm-arrow:after {
  border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-white .mm-listview > li .mm-prev:after,
.mm-menu.mm-theme-white .mm-listview > li .mm-next:before {
  border-color: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.05); }

.mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > a.mm-next,
.mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > .mm-panel,
.mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > .mm-panel {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-theme-white .mm-divider {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-theme-white label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-theme-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-white .mm-fixeddivider span {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-pageshadow.mm-theme-white:after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.mm-menu.mm-theme-white .mm-search input {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-theme-white .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-white .mm-indexer a {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-white label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-theme-white label.mm-toggle:before {
  background: white; }

.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu.mm-theme-black {
  background: black;
  color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-theme-black .mm-navbar {
  border-color: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-theme-black .mm-navbar > *,
.mm-menu.mm-theme-black .mm-navbar a {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-black .mm-navbar .mm-btn:before,
.mm-menu.mm-theme-black .mm-navbar .mm-btn:after {
  border-color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-black .mm-listview > li:after {
  border-color: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-theme-black .mm-listview > li .mm-prev:before,
.mm-menu.mm-theme-black .mm-listview > li .mm-next:after,
.mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after {
  border-color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-black .mm-listview > li .mm-prev:after,
.mm-menu.mm-theme-black .mm-listview > li .mm-next:before {
  border-color: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened > a.mm-next,
.mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened > .mm-panel,
.mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical > .mm-panel {
  background: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-theme-black .mm-divider {
  background: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-theme-black label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-theme-black em.mm-counter {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-black .mm-fixeddivider span {
  background: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-pageshadow.mm-theme-black:after {
  content: none;
  display: none; }

.mm-menu.mm-theme-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-theme-black .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-black .mm-indexer a {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-black label.mm-toggle {
  background: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-theme-black label.mm-toggle:before {
  background: black; }

.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

/* Slider */
/* Icons */
@font-face {
  font-family: "slick";
  src: url("./../fonts/slick.eot");
  src: url("./../fonts/slick.eot?#iefix") format("embedded-opentype"), url("./../fonts/slick.woff") format("woff"), url("./../fonts/slick.ttf") format("truetype"), url("./../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* =============================================================================
 * Pages
 =============================================================================*/
/* Variables
================================================= */
.shop-story__group__copy {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  letter-spacing: 0.35px;
  line-height: 21px; }
  @media screen and (max-width: 767px) {
    .shop-story__group__copy {
      font-size: 18px;
      line-height: 22px; } }

/*Styles
================================================= */
.isMobileBrowser {
  overflow-x: hidden; }

.container-max {
  max-width: 2560px; }

.home__page .container {
  padding: 0px; }
  @media screen and (min-width: 1250px) {
    .home__page .container {
      max-width: 1200px; } }

@media screen and (max-width: 767px) {
  .home__page .btn {
    font-size: 14px !important;
    padding: 0 30px;
    width: 100%;
    font-weight: bold; }
    .home__page .btn.btn-underline {
      width: auto; } }

.img-responsive {
  width: 100%; }

.container-fluid {
  width: 100%; }

.styles {
  text-align: center;
  margin: 30px auto 70px; }

.styles__title {
  font-family: 'Montserrat';
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 24px;
  margin: 20px 0px; }
  .styles__title span {
    color: #974D81;
    font-weight: 800; }
  @media screen and (min-width: 1000px) {
    .styles__title {
      font-size: 24px;
      line-height: 39px;
      letter-spacing: 0.6px; } }

.styles__items {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 0 40px; }
  @media screen and (min-width: 1000px) {
    .styles__items {
      padding: 0 13px; } }
  .styles__items a {
    text-decoration: none; }
  .styles__items .slick-dots {
    bottom: -45px; }
    .styles__items .slick-dots li {
      width: 10px;
      height: 10px; }
      .styles__items .slick-dots li button {
        width: 10px;
        height: 10px; }
        .styles__items .slick-dots li button:before {
          content: "";
          background: #000000;
          width: 10px;
          height: 10px;
          border-radius: 10px;
          opacity: 0.125; }
      .styles__items .slick-dots li.slick-active button:before {
        opacity: 1; }
  .styles__items .slick-prev {
    left: 10px;
    transform: translateY(-50%); }
    .styles__items .slick-prev:before {
      font-family: FontAwesome;
      content: "";
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      text-decoration: inherit;
      line-height: 1;
      font-size: 40px;
      letter-spacing: 1px;
      line-height: 40px;
      color: #cfcfcf; }
    @media screen and (min-width: 768px) {
      .styles__items .slick-prev {
        left: -15px;
        top: 45%; } }
  .styles__items .slick-next {
    right: 10px;
    transform: translateY(-50%); }
    .styles__items .slick-next:before {
      font-family: FontAwesome;
      content: "";
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      text-decoration: inherit;
      line-height: 1;
      font-size: 40px;
      letter-spacing: 1px;
      line-height: 40px;
      color: #cfcfcf; }
    @media screen and (min-width: 768px) {
      .styles__items .slick-next {
        right: -15px;
        top: 45%; } }
  .styles__items.slick-slider {
    margin-bottom: 55px; }

.styles__item {
  position: relative;
  margin: 0 4px; }
  .styles__item__picture {
    flex: 1;
    position: relative;
    width: 100%;
    height: 100%; }
    .styles__item__picture .img_bottom,
    .styles__item__picture .img_top {
      width: 100%; }
    .styles__item__picture .img_top {
      position: absolute;
      top: 0px;
      left: 0px;
      -webkit-transition: opacity 0.35s ease;
      -moz-transition: opacity 0.35s ease;
      transition: opacity 0.35s ease;
      height: 100%; }
  .styles__item:hover .styles__item__picture .img_top {
    opacity: 0; }
  .styles__item:hover .styles__item__name {
    opacity: 1; }
  .styles__item__name {
    margin: 5px 0px;
    padding: 5px;
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.35s ease;
    -moz-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease; }
  @media screen and (min-width: 768px) {
    .styles__item {
      margin: 0 2px; } }

.category-bar {
  text-align: left;
  position: relative; }
  .category-bar:before {
    content: "";
    position: absolute;
    left: 0;
    z-index: 1;
    top: 0;
    height: 100%;
    width: 30px;
    opacity: 0.85;
    background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%); }
  .category-bar:after {
    content: "";
    position: absolute;
    right: 0;
    z-index: 1;
    top: 0;
    height: 100%;
    width: 30px;
    opacity: 0.85;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); }
  @media screen and (min-width: 768px) {
    .category-bar:before, .category-bar:after {
      display: none; } }
  .category-bar .slick-slider {
    margin-bottom: 0; }

.category-bar__items {
  display: flex;
  align-items: center;
  justify-content: center; }

.category-bar__item {
  position: relative;
  flex: 1;
  min-width: 250px;
  width: 250px;
  overflow: hidden;
  object-fit: cover;
  margin: 20px 2px;
  max-height: 170px; }
  .category-bar__item__img {
    flex: 1;
    width: 100%;
    height: 100px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
  .category-bar__item__title {
    position: absolute;
    top: 50%;
    left: 10%;
    margin-right: 265px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    text-transform: uppercase;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .category-bar__item:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }
  @media screen and (min-width: 768px) {
    .category-bar__item {
      width: 350px; }
      .category-bar__item img {
        height: auto; } }

.stories-wrapper {
  background: #eae7e6;
  position: relative; }

.stories {
  position: relative; }
  .stories a {
    text-decoration: none; }

.stories__items {
  padding-top: 30px; }
  @media screen and (min-width: 768px) {
    .stories__items {
      display: flex;
      padding: 56px 50px 50px;
      align-items: flex-start; } }

.stories__item {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center; }
  @media screen and (min-width: 480px) {
    .stories__item {
      padding: 0px 15px; } }
  .stories__item__group {
    max-width: 350px;
    text-align: center;
    margin-bottom: 30px; }
    .stories__item__group__copy {
      display: block;
      font-weight: 300;
      font-size: 1.2em;
      font-weight: 300;
      line-height: 23px; }
    .stories__item__group__title {
      font-family: Montserrat;
      font-size: 22px;
      letter-spacing: 0.35px;
      line-height: 34px;
      font-weight: bold;
      text-align: center;
      text-transform: uppercase; }
    .stories__item__group__title, .stories__item__group__copy, .stories__item__group__btn {
      margin: 15px 5px; }
  @media screen and (min-width: 768px) {
    .stories__item__group__title {
      font-size: 18px;
      line-height: 22px; }
    .stories__item__group__copy {
      font-size: 14px;
      line-height: 21px; }
    .stories__item--right {
      flex-direction: column-reverse; } }
  @media screen and (min-width: 1000px) {
    .stories__item {
      padding: 0 15px; } }

.promo-section {
  z-index: 2;
  position: relative; }

.shop-story {
  background-size: cover;
  background: #d1c8bb;
  background-position: right top;
  /* justify-content: center; */
  align-items: center;
  width: 100%;
  text-decoration: none;
  cursor: pointer; }
  @media screen and (min-width: 768px) {
    .shop-story {
      position: absolute;
      display: flex;
      height: 280px;
      transform: translateY(-50%); } }
  @media screen and (min-width: 1078px) {
    .shop-story {
      height: 390px; } }
  @media screen and (min-width: 1200px) {
    .shop-story {
      height: 480px; } }
  .shop-story:hover .btn-cta--black,
  .shop-story:hover .btn-cta,
  .shop-story:hover .btn-cta--white {
    border-bottom-color: transparent !important; }

.shop-story__banner__bg {
  width: 100%;
  display: none; }
  @media screen and (min-width: 767px) {
    .shop-story__banner__bg {
      display: block; } }

.shop-story__banner__bg--mobile {
  width: 100%; }
  @media screen and (min-width: 767px) {
    .shop-story__banner__bg--mobile {
      display: none; } }

.shop-story__group {
  padding: 35px;
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
  .shop-story__group__logo {
    display: none; }
  .shop-story__group__copy {
    margin: 10px 0;
    display: block;
    line-height: 17px; }
  @media screen and (min-width: 768px) {
    .shop-story__group {
      position: absolute;
      padding: 20px;
      width: 40%;
      top: 0; }
      .shop-story__group__logo {
        display: block;
        width: 60%; }
      .shop-story__group__logo--mobile {
        display: none; } }
  @media screen and (min-width: 1000px) {
    .shop-story__group {
      top: auto;
      width: 36%;
      padding: 30px; }
      .shop-story__group__logo {
        width: 60%; } }
  @media screen and (min-width: 1250px) {
    .shop-story__group {
      padding: 50px; }
      .shop-story__group__logo {
        width: auto; } }

.home__as-seen-in {
  background: #f0f0f0;
  padding: 4rem 0; }
  .home__as-seen-in-title {
    font-family: Montserrat;
    font-size: 18px;
    letter-spacing: 0.35px;
    line-height: 22px;
    position: relative;
    text-align: center; }
  .home__as-seen-in-brand-list {
    margin: 0em 0;
    text-align: center; }
    @media screen and (min-width: 1000px) {
      .home__as-seen-in-brand-list {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center; } }
  .home__as-seen-in-brand {
    margin: 0 1em;
    text-align: center; }
    @media screen and (max-width: 999px) {
      .home__as-seen-in-brand {
        display: inline-block;
        width: calc(49% - 2em); } }
    .home__as-seen-in-brand img {
      transition: all 0.35s ease;
      max-width: 100%;
      height: auto; }
    .home__as-seen-in-brand:hover img {
      transform: scale(1.05); }

.home__seo {
  background: #f0f0f0;
  padding: 0rem 0;
  text-align: center; }
  .home__seo-container {
    border-top: 1px solid #cbcbcb;
    padding: 15px 0px 30px !important; }
  .home__seo-btn-down {
    cursor: pointer; }
    .home__seo-btn-down i {
      font-family: FontAwesome;
      font-size: 24px;
      letter-spacing: 0.6px;
      line-height: 24px; }
  .home__seo-header {
    text-align: center;
    margin: 20px;
    cursor: pointer; }
  .home__seo-description-title {
    font-family: Didot;
    font-size: 46px;
    font-style: italic;
    letter-spacing: 0.65px;
    line-height: 48px;
    margin-bottom: 20px; }
  .home__seo-description-subtitle {
    font-family: Archer;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 19px; }
  @media screen and (min-width: 768px) {
    .home__seo-description-title {
      font-size: 38px; }
    .home__seo-description-subtitle {
      font-size: 18px; } }

.home__seo-dtn-down__copy {
  text-align: left; }
  @media screen and (max-width: 767px) {
    .home__seo-dtn-down__copy {
      padding: 0 20px; } }
  .home__seo-dtn-down__copy p {
    margin-top: 20px;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 0.9333333333em;
    line-height: 1.6;
    margin-bottom: 1.5em; }

.a-spot-wrapper {
  position: relative; }

.a-spot {
  position: relative;
  z-index: 2; }
  .a-spot__item {
    position: relative;
    background-color: #f0f0f0;
    width: 100%;
    text-align: center;
    overflow: hidden; }
    .a-spot__item:hover .btn-cta--white {
      border-bottom-color: transparent !important; }
    .a-spot__item:hover .a-spot__item__content-img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
    .a-spot__item__content-wrapper {
      width: 100%;
      height: 0;
      padding-top: 85%;
      display: block;
      cursor: pointer; }
    .a-spot__item__content {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      padding: 16px 0; }
      .a-spot__item__content__copy {
        display: block;
        font-size: 30px;
        font-style: italic;
        font-weight: 700;
        line-height: 34px;
        color: #fff; }
        @media screen and (max-width: 999px) and (min-width: 768px) {
          .a-spot__item__content__copy {
            font-size: 24px;
            line-height: 30px; } }
      .a-spot__item__content-img {
        -webkit-transition: -webkit-transform ease-in-out 0.4s;
        -moz-transition: -moz-transform ease-in-out 0.4s;
        transition: transform ease-in-out 0.4s;
        background-size: cover;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
    .a-spot__item--left .a-spot__item__content-img {
      background-image: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f18/home-page/top-1.jpg"); }
      @media screen and (max-width: 767px) {
        .a-spot__item--left .a-spot__item__content-img {
          background-image: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f18/home-page/top-1-mobile.jpg"); } }
    @media screen and (min-width: 480px) {
      .a-spot__item--left {
        margin-right: 5px; } }
    .a-spot__item--right .a-spot__item__content-img {
      background-image: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f18/home-page/top-2.jpg"); }
      @media screen and (max-width: 767px) {
        .a-spot__item--right .a-spot__item__content-img {
          background-image: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f18/home-page/top-2-mobile.jpg"); } }
    @media screen and (min-width: 480px) {
      .a-spot__item--right {
        margin-left: 5px; } }
  @media screen and (max-width: 480px) {
    .a-spot__item__content-wrapper {
      padding-top: 125%; }
    .a-spot__item__content__btn {
      font-size: 14px !important;
      font-weight: bold;
      letter-spacing: 0.7px; } }

.bg-abs {
  position: absolute;
  background: #f0f0f0;
  height: 80%;
  width: 100%;
  bottom: 0;
  left: 0; }

.c-promo-section {
  margin: 0 auto;
  max-width: 1800px; }
  @media screen and (min-width: 768px) {
    .c-promo-section {
      margin-bottom: 60px; } }
  .c-promo-section:hover {
    cursor: pointer; }
  .c-promo-section a {
    text-decoration: none; }
  .c-promo-section p {
    font-size: 14px; }
  .c-promo-section .slick-dots {
    bottom: 27px; }
    .c-promo-section .slick-dots li {
      width: 9px;
      height: 9px; }
    .c-promo-section .slick-dots li button:before {
      content: "";
      width: 9px;
      height: 9px;
      background: #ffffff;
      border-radius: 20px;
      opacity: 1; }
    .c-promo-section .slick-dots li.slick-active button:before {
      background: #000000;
      opacity: 1; }
  @media screen and (min-width: 1250px) {
    .c-promo-section .container {
      max-width: 1200px; } }
  .c-promo-section.two-column {
    display: flex;
    flex-flow: column nowrap;
    gap: 4px; }
    @media screen and (min-width: 910px) {
      .c-promo-section.two-column {
        flex-flow: row nowrap; } }
    .c-promo-section.two-column .c-promo {
      flex: 0 0 auto;
      position: relative;
      width: 100%; }
      @media screen and (min-width: 910px) {
        .c-promo-section.two-column .c-promo {
          width: calc(50% - 2px); } }
      .c-promo-section.two-column .c-promo:hover .c-promo__img {
        transform: scale(1.1); }
      .c-promo-section.two-column .c-promo__img {
        height: auto;
        width: 100%;
        transition: .25s ease-in-out transform; }
        .c-promo-section.two-column .c-promo__img-wrapper {
          overflow: hidden;
          line-height: 0; }
      .c-promo-section.two-column .c-promo__content {
        bottom: 10%;
        left: 10%;
        position: absolute;
        right: 10%; }
      .c-promo-section.two-column .c-promo__title {
        font-family: 'Playfair Display';
        font-feature-settings: "lnum";
        font-weight: 700;
        font-size: 28px;
        line-height: 1;
        margin-bottom: 10px;
        text-align: center;
        text-transform: uppercase; }
        @media screen and (min-width: 1000px) {
          .c-promo-section.two-column .c-promo__title {
            font-size: 36px; } }
        @media screen and (min-width: 1250px) {
          .c-promo-section.two-column .c-promo__title {
            font-size: 48px; } }
        .c-promo-section.two-column .c-promo__title span {
          font-family: 'Montserrat';
          font-weight: 700;
          display: block;
          font-size: 14px;
          line-height: 1.2;
          margin-bottom: 7px; }
          @media screen and (min-width: 768px) {
            .c-promo-section.two-column .c-promo__title span {
              font-size: 18px; } }
      .c-promo-section.two-column .c-promo__ctas {
        display: flex;
        flex-flow: row wrap;
        gap: 15px;
        justify-content: center;
        margin: 7px auto;
        text-transform: uppercase; }
        .c-promo-section.two-column .c-promo__ctas a {
          flex: 0 0 auto;
          margin: 0; }
  @media screen and (max-width: 767px) {
    .c-promo-section__wide-wrapper {
      height: calc(calc(100vw * 0.6875) + 340px); } }
  @media screen and (min-width: 1440px) {
    .c-promo-section__wide-wrapper {
      width: 100%;
      margin-left: auto;
      margin-right: auto; } }
  .c-promo-section__wide-wrapper.new-arrivals-getaway-ready img {
    width: 315px; }
  @media screen and (min-width: 768px) {
    .c-promo-section__wide-wrapper.new-arrivals-getaway-ready img {
      width: 225px; } }
  @media screen and (min-width: 1000px) {
    .c-promo-section__wide-wrapper.new-arrivals-getaway-ready img {
      width: 330px; }
    .c-promo-section__wide-wrapper.new-arrivals-getaway-ready p {
      max-width: 355px; } }
  @media screen and (max-width: 767px) {
    .c-promo-section__wide-wrapper.new-arrivals-seasonal-serenade {
      height: calc(calc(100vw * 0.6875) + 250px); } }
  .c-promo-section__wide-wrapper.new-arrivals-seasonal-serenade .c-promo-section__wide-content__body {
    max-width: 365px; }
  .c-promo-section__wide-wrapper.new-arrivals-seasonal-serenade img {
    max-width: 90%;
    width: 350px; }
    @media screen and (min-width: 768px) {
      .c-promo-section__wide-wrapper.new-arrivals-seasonal-serenade img {
        width: 340px;
        width: 100%; } }
  @media screen and (min-width: 768px) {
    .c-promo-section__wide {
      height: 556px; } }
  .c-promo-section__wide-grid {
    height: 100%;
    display: flex; }
    @media screen and (min-width: 1000px) {
      .c-promo-section__wide-grid {
        max-width: 970px;
        margin: 0 auto; } }
    @media screen and (min-width: 1250px) {
      .c-promo-section__wide-grid {
        max-width: 1200px;
        margin: 0 auto; } }
    @media screen and (min-width: 1600px) {
      .c-promo-section__wide-grid {
        max-width: 100%; } }
  .c-promo-section__wide-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    @media screen and (max-width: 767px) {
      .c-promo-section__wide-content {
        padding-top: calc(calc(100vw * 0.6875) + 24px);
        width: 100%; } }
    @media screen and (min-width: 768px) {
      .c-promo-section__wide-content {
        justify-content: center; } }
    .c-promo-section__wide-content__cta {
      text-align: center; }
    .c-promo-section__wide-content__title {
      margin-bottom: 20px; }
      @media screen and (max-width: 767px) {
        .c-promo-section__wide-content__title {
          margin-left: 20px;
          max-width: 100%; }
          .c-promo-section__wide-content__title img {
            width: 100%; } }
      @media screen and (min-width: 768px) {
        .c-promo-section__wide-content__title {
          width: 478px; } }
    .c-promo-section__wide-content__body {
      max-width: 402px;
      font-size: 16px;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      letter-spacing: 0.35px;
      line-height: 21px;
      text-align: left; }
      @media screen and (max-width: 767px) {
        .c-promo-section__wide-content__body {
          padding-left: 20px; } }
      @media screen and (max-width: 999px) and (min-width: 768px) {
        .c-promo-section__wide-content__body {
          max-width: 320px;
          font-size: 14px; } }
    .c-promo-section__wide-content__cta {
      text-align: left; }
      @media screen and (max-width: 767px) {
        .c-promo-section__wide-content__cta {
          padding-left: 20px; } }
    .c-promo-section__wide-content .btn-cta--white,
    .c-promo-section__wide-content .btn-cta--black,
    .c-promo-section__wide-content .btn-cta {
      margin: 18px 0;
      text-transform: uppercase; }
    .c-promo-section__wide-content .btn-cta--black {
      margin: 18px 0; }

.c-defying-the-rules {
  display: none; }

.home__page .bv-social,
.tax-styles .bv-social,
.single-video .bv-social {
  max-width: 1440px; }
  .home__page .bv-social .sc-160qg7w-0,
  .tax-styles .bv-social .sc-160qg7w-0,
  .single-video .bv-social .sc-160qg7w-0 {
    display: none !important; }

.bv-social {
  margin: auto;
  max-width: 1800px;
  padding: 60px 0; }
  .bv-social__intro {
    margin-bottom: 15px; }
    .bv-social__intro p {
      font-size: 100%;
      margin: 0 auto;
      max-width: 370px;
      text-align: center; }
  .bv-social--title {
    text-align: center;
    font-family: 'Montserrat';
    font-size: 20px;
    letter-spacing: 0.5px;
    font-weight: 400;
    margin-bottom: 15px; }
    @media screen and (min-width: 1000px) {
      .bv-social--title {
        font-size: 24px;
        letter-spacing: 0.6px; } }
    .bv-social--title span {
      font-family: 'Montserrat';
      font-weight: 700;
      color: #000; }
  .bv-social__ctas {
    text-align: center;
    margin-bottom: 15px; }
    .bv-social__ctas .btn {
      margin-left: 5px;
      margin-right: 5px; }
      .bv-social__ctas .btn span {
        text-transform: lowercase; }
  .bv-social .mobile-only {
    display: block; }
    @media screen and (min-width: 768px) {
      .bv-social .mobile-only {
        display: none; } }
  .bv-social .desktop-only {
    display: none; }
    @media screen and (min-width: 768px) {
      .bv-social .desktop-only {
        display: block; } }
  .bv-social .desktop-down-only {
    display: block; }
    @media screen and (min-width: 1000px) {
      .bv-social .desktop-down-only {
        display: none; } }
  .bv-social #crl8-homepage-carousel .dpCJVr {
    display: none; }
  .bv-social *[alt="Powered By Bazaarvoice"] {
    display: none !important; }

.home-banner {
  width: 1800px;
  max-width: 100%;
  margin: auto;
  display: flex;
  flex-flow: column;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .home-banner {
      background: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f24/homepage/home-banner-heart-of-cabi.jpg) top left/cover no-repeat;
      text-align: left;
      margin-top: 60px; } }
  .home-banner__content {
    padding: 6% 60px 6% calc(560 / 1800 * 100%); }
    @media screen and (max-width: 767px) {
      .home-banner__content {
        padding: 30px;
        background: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f24/homepage/home-banner-heart-of-cabi-mobile-background.jpg) center/cover no-repeat; } }
  .home-banner img {
    max-width: 100%; }
  .home-banner h2 {
    margin-bottom: 10px; }
  .home-banner__actions {
    display: flex;
    flex-flow: row wrap;
    gap: 5px 20px;
    justify-content: center;
    margin-top: 10px; }
    @media screen and (min-width: 768px) {
      .home-banner__actions {
        justify-content: flex-start; } }

#splash-page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  display: flex; }
  #splash-page .left-content {
    background-color: white;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow-x: hidden;
    overflow-y: auto; }
    @media screen and (min-width: 768px) {
      #splash-page .left-content {
        min-width: 390px; } }
    #splash-page .left-content::-webkit-scrollbar {
      width: 4px; }
    #splash-page .left-content .menu-container {
      width: 100%; }
      #splash-page .left-content .menu-container .menu-header {
        align-items: center;
        background-color: white;
        display: flex;
        justify-content: space-between;
        padding: 20px 20px 0px 20px;
        position: sticky;
        top: 0; }
        @media screen and (min-width: 768px) {
          #splash-page .left-content .menu-container .menu-header {
            padding: 24px 24px 0px 24px; } }
        @media screen and (min-width: 1440px) {
          #splash-page .left-content .menu-container .menu-header {
            padding: 40px 40px 0px 40px; } }
        #splash-page .left-content .menu-container .menu-header .menu-action-icon {
          display: flex;
          align-items: center; }
          #splash-page .left-content .menu-container .menu-header .menu-action-icon #menu-action-item-label {
            padding-right: 8px;
            font-family: 'Montserrat';
            font-weight: 600;
            font-size: 13px;
            line-height: 16px;
            letter-spacing: 0.85px; }
          #splash-page .left-content .menu-container .menu-header .menu-action-icon #menu-button {
            width: 28px;
            border: none;
            outline: none;
            padding: 0;
            height: 30px;
            background-color: transparent;
            border-radius: 0;
            cursor: pointer;
            position: relative;
            margin: 0; }
            #splash-page .left-content .menu-container .menu-header .menu-action-icon #menu-button span {
              border-bottom: 3px solid;
              display: block; }
              #splash-page .left-content .menu-container .menu-header .menu-action-icon #menu-button span:not(:first-child) {
                margin-top: 5px; }
            #splash-page .left-content .menu-container .menu-header .menu-action-icon #menu-button.open {
              display: none !important; }
          #splash-page .left-content .menu-container .menu-header .menu-action-icon #close-menu-button {
            display: none;
            cursor: pointer; }
      #splash-page .left-content .menu-container nav {
        padding: 0 20px 20px 20px; }
        @media screen and (min-width: 768px) {
          #splash-page .left-content .menu-container nav {
            padding: 0 24px 24px 24px; } }
        @media screen and (min-width: 1440px) {
          #splash-page .left-content .menu-container nav {
            padding: 0 40px 40px 40px; } }
        #splash-page .left-content .menu-container nav a {
          text-decoration: none;
          color: #000000; }
          #splash-page .left-content .menu-container nav a:focus, #splash-page .left-content .menu-container nav a:hover {
            border-bottom: 2px solid black; }
        #splash-page .left-content .menu-container nav .menu-item {
          font-family: 'Montserrat';
          font-weight: 600;
          font-size: 22px;
          line-height: 36px;
          letter-spacing: 1.17px;
          margin-bottom: 24px;
          text-transform: uppercase; }
          #splash-page .left-content .menu-container nav .menu-item .menu-item {
            font-family: 'Montserrat';
            font-size: 18px;
            line-height: 36px;
            letter-spacing: 1.43px;
            margin-left: 12px;
            margin-bottom: unset; }
        #splash-page .left-content .menu-container nav .menu-supportitem {
          font-size: 16px;
          font-weight: 500;
          line-height: 50px;
          letter-spacing: 1.04px; }
    #splash-page .left-content #splash-menu {
      display: none;
      margin-top: 60px;
      width: 100%; }
    #splash-page .left-content #splash-left-content {
      display: flex;
      flex-direction: column;
      flex-grow: 1; }
      #splash-page .left-content #splash-left-content .details {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        padding: 0 20px 20px 20px; }
        @media screen and (min-width: 768px) {
          #splash-page .left-content #splash-left-content .details {
            justify-content: flex-start; } }

@media screen and (min-width: 1000px) and (orientation: landscape) {
  #splash-page .left-content #splash-left-content .details {
    max-width: 390px; } }
        @media screen and (min-width: 1440px) {
          #splash-page .left-content #splash-left-content .details {
            padding: 0 20px 40px 20px; } }
  @media screen and (min-width: 1440px) and (orientation: landscape) {
    #splash-page .left-content #splash-left-content .details {
      max-width: 475px; } }
        #splash-page .left-content #splash-left-content .details .action-link {
          font-family: 'Montserrat';
          font-weight: 600;
          font-size: 12px;
          line-height: 15px;
          letter-spacing: 0.3px;
          position: relative;
          padding: 4px 6px; }
          @media screen and (min-width: 1250px) {
            #splash-page .left-content #splash-left-content .details .action-link {
              font-size: 14px;
              line-height: 18px;
              letter-spacing: 0.35px; } }
          #splash-page .left-content #splash-left-content .details .action-link--blue {
            background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #dfe8eb 50%, #dfe8eb 100%); }
          #splash-page .left-content #splash-left-content .details .action-link--pink {
            color: white;
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.3) 100%); }
          #splash-page .left-content #splash-left-content .details .action-link--btn {
            align-items: center;
            background-color: black;
            border: 1px solid black;
            color: white;
            display: flex;
            height: 40px;
            justify-content: center;
            margin-top: 8px;
            text-decoration: none;
            text-transform: uppercase;
            width: 200px; }
            @media screen and (max-width: 999px) {
              #splash-page .left-content #splash-left-content .details .action-link--btn {
                order: 3; } }
            @media screen and (min-width: 768px) {
              #splash-page .left-content #splash-left-content .details .action-link--btn {
                height: 60px;
                width: 248px; } }
            #splash-page .left-content #splash-left-content .details .action-link--btn:hover, #splash-page .left-content #splash-left-content .details .action-link--btn:focus {
              color: black;
              background-color: white; }
        #splash-page .left-content #splash-left-content .details .show-details {
          background: #F7F3ED;
          display: flex;
          flex-flow: row wrap;
          margin: 30px 0 20px 0;
          padding: 30px;
          position: relative; }
          #splash-page .left-content #splash-left-content .details .show-details > * {
            flex: 0 0 auto; }
          @media screen and (min-width: 1000px) {
            #splash-page .left-content #splash-left-content .details .show-details {
              padding: 40px; } }
          #splash-page .left-content #splash-left-content .details .show-details h4, #splash-page .left-content #splash-left-content .details .show-details h2, #splash-page .left-content #splash-left-content .details .show-details p {
            line-height: 1;
            margin: 0 0 15px 0;
            width: 100%; }
          #splash-page .left-content #splash-left-content .details .show-details h4 {
            font-family: 'Montserrat';
            font-weight: 700;
            font-size: 17px;
            letter-spacing: 4px;
            text-transform: uppercase; }
            @media screen and (min-width: 1250px) {
              #splash-page .left-content #splash-left-content .details .show-details h4 {
                font-size: 20px; } }
          #splash-page .left-content #splash-left-content .details .show-details h2 {
            font-family: 'Playfair Display';
            font-feature-settings: "lnum";
            color: #3B3B46;
            font-size: 44px;
            font-style: italic;
            font-weight: 400; }
            @media screen and (min-width: 1250px) {
              #splash-page .left-content #splash-left-content .details .show-details h2 {
                font-size: 55px; } }
          #splash-page .left-content #splash-left-content .details .show-details p {
            font-family: 'Montserrat';
            color: #3B3B46;
            font-size: 16px;
            font-weight: 400;
            line-height: 1.3;
            width: 100%; }
            @media screen and (min-width: 1250px) {
              #splash-page .left-content #splash-left-content .details .show-details p {
                font-size: 20px; } }
          #splash-page .left-content #splash-left-content .details .show-details .timer {
            display: flex;
            width: 100%; }
            @media screen and (max-width: 999px) {
              #splash-page .left-content #splash-left-content .details .show-details .timer {
                order: 3; } }
            #splash-page .left-content #splash-left-content .details .show-details .timer .time-wrapper {
              padding-right: 32px; }
              @media screen and (min-width: 768px) {
                #splash-page .left-content #splash-left-content .details .show-details .timer .time-wrapper {
                  padding-right: 22px; } }
              #splash-page .left-content #splash-left-content .details .show-details .timer .time-wrapper .time {
                font-family: "Archer SSm A", "Archer SSm B";
                font-weight: 400;
                font-style: normal;
                font-size: 40px;
                line-height: 49px;
                letter-spacing: 0.25px; }
                @media screen and (min-width: 1250px) {
                  #splash-page .left-content #splash-left-content .details .show-details .timer .time-wrapper .time {
                    font-size: 50px;
                    line-height: 61px;
                    letter-spacing: 0.31px; } }
              #splash-page .left-content #splash-left-content .details .show-details .timer .time-wrapper .smalltext {
                font-family: "Archer SSm A", "Archer SSm B";
                font-weight: 700;
                font-style: normal;
                font-weight: 600;
                position: relative;
                top: -8px;
                left: 0;
                font-size: 10px;
                line-height: 15px;
                letter-spacing: 0.07px;
                text-transform: uppercase; }
        #splash-page .left-content #splash-left-content .details .hostess-perk {
          font-family: 'Montserrat';
          background: #657798;
          color: #fff;
          font-weight: 400;
          margin: 20px 0;
          padding: 45px 30px 40px 30px; }
          #splash-page .left-content #splash-left-content .details .hostess-perk h1,
          #splash-page .left-content #splash-left-content .details .hostess-perk h2,
          #splash-page .left-content #splash-left-content .details .hostess-perk p {
            line-height: 1; }
          #splash-page .left-content #splash-left-content .details .hostess-perk h2,
          #splash-page .left-content #splash-left-content .details .hostess-perk p {
            margin: 0 0 20px 0; }
          #splash-page .left-content #splash-left-content .details .hostess-perk h1 {
            font-family: 'Playfair Display';
            font-feature-settings: "lnum";
            font-size: 38px;
            font-weight: 400;
            letter-spacing: -1px;
            margin: 0 0 30px 0; }
            #splash-page .left-content #splash-left-content .details .hostess-perk h1 span {
              font-style: italic; }
            @media screen and (min-width: 1250px) {
              #splash-page .left-content #splash-left-content .details .hostess-perk h1 {
                font-size: 44px; } }
          #splash-page .left-content #splash-left-content .details .hostess-perk h2 {
            font-family: 'Montserrat';
            font-weight: 700;
            font-size: 15px;
            letter-spacing: 2px;
            text-transform: uppercase; }
          #splash-page .left-content #splash-left-content .details .hostess-perk p {
            font-size: 16px;
            font-weight: 300;
            line-height: 1.2; }
            #splash-page .left-content #splash-left-content .details .hostess-perk p.description-text {
              font-size: 15px;
              font-style: italic;
              font-weight: 400;
              margin: 0 0 30px 0; }
          #splash-page .left-content #splash-left-content .details .hostess-perk a {
            border-bottom: 1px solid #fff;
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            padding: 0 2px;
            text-decoration: none;
            text-transform: uppercase; }
        #splash-page .left-content #splash-left-content .details .mobile-video-wrapper {
          background-color: #fff;
          overflow: hidden;
          width: 100%;
          position: relative; }
          @media screen and (min-width: 768px) {
            #splash-page .left-content #splash-left-content .details .mobile-video-wrapper {
              display: none; } }
          #splash-page .left-content #splash-left-content .details .mobile-video-wrapper .video-player-container {
            overflow: hidden;
            width: 100%;
            height: calc((100vw - 40px) * 1138 / 640);
            max-height: 700px; }
            #splash-page .left-content #splash-left-content .details .mobile-video-wrapper .video-player-container iframe {
              position: relative;
              width: 100%;
              height: 100%; }
        #splash-page .left-content #splash-left-content .details .tablet-video-wrapper {
          background-color: #fff;
          overflow: hidden;
          width: 100%;
          position: relative;
          display: none; }
          @media screen and (min-width: 768px) {
            #splash-page .left-content #splash-left-content .details .tablet-video-wrapper {
              display: block; } }

@media screen and (min-width: 1000px) and (orientation: landscape) {
  #splash-page .left-content #splash-left-content .details .tablet-video-wrapper {
    display: none; } }
          #splash-page .left-content #splash-left-content .details .tablet-video-wrapper .video-player-container {
            overflow: hidden;
            width: 100%;
            height: 100%;
            height: calc(calc(100vw - 40px) * 0.5625); }
            #splash-page .left-content #splash-left-content .details .tablet-video-wrapper .video-player-container iframe {
              position: relative;
              width: 100%;
              height: 100%; }
      #splash-page .left-content #splash-left-content footer {
        font-family: 'Montserrat';
        font-size: 10px;
        font-weight: 500;
        padding: 0 20px 20px 20px; }
        #splash-page .left-content #splash-left-content footer a {
          text-decoration: none; }
        #splash-page .left-content #splash-left-content footer p span {
          padding: 0 6px; }
        @media screen and (min-width: 768px) {
          #splash-page .left-content #splash-left-content footer {
            font-size: 12px;
            padding: 0 24px 24px 24px;
            justify-content: space-evenly; } }
        @media screen and (min-width: 1440px) {
          #splash-page .left-content #splash-left-content footer {
            padding: 0 40px 40px 40px; } }
        #splash-page .left-content #splash-left-content footer .footer-social-icons {
          max-width: 252px;
          margin-bottom: 25px; }
          #splash-page .left-content #splash-left-content footer .footer-social-icons li {
            font-size: 1.5rem;
            padding-right: 1.6rem; }
            @media screen and (min-width: 1000px) {
              #splash-page .left-content #splash-left-content footer .footer-social-icons li {
                font-size: 1.5rem; } }
            #splash-page .left-content #splash-left-content footer .footer-social-icons li a {
              color: inherit;
              font-size: 1em; }
              #splash-page .left-content #splash-left-content footer .footer-social-icons li a:hover {
                color: #ff99a8; }
  #splash-page .right-content {
    height: 100vh;
    overflow: hidden;
    background-color: #ffffff; }
    #splash-page .right-content .video-player-wrapper {
      background-color: #fff;
      overflow: hidden;
      width: 100%;
      height: 100%;
      position: relative; }
      #splash-page .right-content .video-player-wrapper .video-player-container {
        overflow: hidden;
        width: 100%;
        height: 100%;
        display: none; }

@media screen and (min-width: 1000px) and (orientation: landscape) {
  #splash-page .right-content {
    max-width: calc(100vw - 280px); }
    #splash-page .right-content .landscape-video {
      display: block !important; }
      #splash-page .right-content .landscape-video iframe {
        position: relative;
        width: calc(100vh * 1.7778);
        height: 100vh;
        left: calc(calc(100% - calc(100vh * 1.7778)) / 2); } }

@media screen and (min-width: 1250px) and (orientation: landscape) {
  #splash-page .right-content {
    max-width: calc(100vw - 354px); } }

@media screen and (min-width: 1440px) and (orientation: landscape) {
  #splash-page .right-content {
    max-width: calc(100vw - 475px); } }
  #splash-page .splash-video-overlay {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5; }
    #splash-page .splash-video-overlay:hover, #splash-page .splash-video-overlay:focus {
      background-color: rgba(0, 0, 0, 0.3); }
      #splash-page .splash-video-overlay:hover .play-icon, #splash-page .splash-video-overlay:focus .play-icon {
        display: block; }
    #splash-page .splash-video-overlay .play-icon {
      display: none;
      position: absolute;
      top: 20px;
      right: 20px;
      font-size: 3rem;
      color: white; }

.styles-and-ideas-section--wrapper {
  background: #f7f7f7;
  max-width: 1800px;
  margin: 0 auto;
  padding: 60px 32px; }

.styles-and-ideas-section--title h2 {
  text-align: center;
  font-family: 'Montserrat';
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 24px;
  margin-bottom: 20px; }
  .styles-and-ideas-section--title h2 span {
    font-family: 'Montserrat';
    font-weight: 700;
    color: #000;
    font-weight: 900; }
  @media screen and (min-width: 1000px) {
    .styles-and-ideas-section--title h2 {
      font-size: 24px;
      line-height: 39px;
      letter-spacing: 0.6px; } }

.styles-and-ideas-section--grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 35px; }
  .styles-and-ideas-section--grid .slick-dots {
    bottom: 0px; }
    .styles-and-ideas-section--grid .slick-dots li {
      width: 10px;
      height: 10px; }
      .styles-and-ideas-section--grid .slick-dots li button {
        width: 10px;
        height: 10px; }
        .styles-and-ideas-section--grid .slick-dots li button:before {
          content: "";
          background: #000000;
          width: 10px;
          height: 10px;
          border-radius: 10px;
          opacity: 0.125; }
      .styles-and-ideas-section--grid .slick-dots li.slick-active button:before {
        opacity: 1; }
  .styles-and-ideas-section--grid-item {
    width: 100%;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .styles-and-ideas-section--grid-item {
        width: calc(100% / 3 - 4px); } }
    .styles-and-ideas-section--grid-item--full-width {
      width: 100%; }
      @media screen and (min-width: 768px) {
        .styles-and-ideas-section--grid-item--full-width {
          margin-bottom: 50px; } }
      @media screen and (min-width: 1000px) {
        .styles-and-ideas-section--grid-item--full-width {
          margin-bottom: 73px; } }
    .styles-and-ideas-section--grid-item-img-wrapper {
      overflow: hidden;
      height: 0;
      padding-bottom: 75.75%; }
      @media screen and (min-width: 768px) {
        .styles-and-ideas-section--grid-item-img-wrapper--full-width {
          padding-bottom: 23%; } }
    .styles-and-ideas-section--grid-item:hover a div img {
      transform: scale(1.1); }
    .styles-and-ideas-section--grid-item:hover span {
      border-bottom-color: transparent; }
    .styles-and-ideas-section--grid-item img {
      transition: transform 0.3s ease-out;
      width: 100%; }
    .styles-and-ideas-section--grid-item-title {
      font-size: 14px;
      line-height: 18px;
      letter-spacing: 0.35px;
      text-transform: uppercase; }
      @media screen and (min-width: 768px) {
        .styles-and-ideas-section--grid-item-title--full-width {
          display: none; } }

.looks-section .container {
  max-width: 1800px; }

.looks-section .wrapper {
  align-items: center; }
  .looks-section .wrapper .button {
    margin-right: 0;
    background-color: white; }
    .looks-section .wrapper .button .button-text {
      color: black; }
      .looks-section .wrapper .button .button-text:hover {
        border-bottom: 2px solid black; }

@media screen and (max-width: 767px) {
  .looks-section {
    padding: 0 32px; } }

@media screen and (min-width: 768px) {
  .looks-section {
    margin-bottom: 53px; } }

.looks-section--title {
  text-align: center;
  font-family: 'Montserrat';
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 24px;
  padding-top: 60px;
  margin-bottom: 20px;
  font-weight: 400; }
  .looks-section--title span {
    font-family: 'Montserrat';
    font-weight: 700;
    color: #000; }
  @media screen and (max-width: 767px) {
    .looks-section--title {
      padding-top: 35px; } }
  @media screen and (min-width: 1000px) {
    .looks-section--title {
      font-size: 24px;
      line-height: 39px;
      letter-spacing: 0.6px; } }

.looks-section--items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .looks-section--items .slick-dots {
    bottom: 0px; }
    .looks-section--items .slick-dots li {
      width: 10px;
      height: 10px; }
      .looks-section--items .slick-dots li button {
        width: 10px;
        height: 10px; }
        .looks-section--items .slick-dots li button:before {
          content: "";
          background: #000000;
          width: 10px;
          height: 10px;
          border-radius: 10px;
          opacity: 0.125; }
      .looks-section--items .slick-dots li.slick-active button:before {
        opacity: 1; }

.looks-section--item {
  width: calc(100% / 5 - 4px);
  margin-bottom: 20px;
  text-align: center; }
  .looks-section--item .item-img-container {
    overflow: hidden;
    height: 0;
    padding-bottom: 132%; }
  .looks-section--item img {
    width: 100%;
    transition: transform ease-out 0.4s; }
    .looks-section--item img:hover {
      transform: scale(1.1); }
  .looks-section--item-title {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.35px;
    text-transform: uppercase; }

.looks-section--brand {
  background: #EBE6EB;
  display: flex;
  margin: 75px -32px 0;
  max-width: 1800px;
  padding: 0 15px;
  position: relative; }
  @media screen and (min-width: 768px) {
    .looks-section--brand {
      margin: 75px auto;
      padding: 50px 0; } }
  .looks-section--brand-img {
    min-width: 204px; }
    @media screen and (min-width: 1000px) {
      .looks-section--brand-img {
        min-width: unset;
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .looks-section--brand-img {
        display: none; } }
    .looks-section--brand-img img {
      width: 100%; }
    @media screen and (max-width: 999px) and (min-width: 768px) {
      .looks-section--brand-img .tablet {
        display: block; } }
    @media screen and (max-width: 767px) {
      .looks-section--brand-img .tablet {
        display: none; } }
    @media screen and (min-width: 1000px) {
      .looks-section--brand-img .desktop {
        display: block; } }
    @media screen and (max-width: 767px) {
      .looks-section--brand-img .desktop {
        display: none; } }

.looks-section--copy {
  text-align: center;
  padding: 35px 0px;
  min-width: unset;
  width: 100vw;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  @media screen and (min-width: 768px) {
    .looks-section--copy {
      padding: 25px;
      width: 100%; } }
  @media screen and (min-width: 1000px) {
    .looks-section--copy {
      padding: 32px;
      min-width: 600px;
      width: 38.88%; } }
  @media screen and (min-width: 1440px) {
    .looks-section--copy {
      padding: 60px;
      min-width: 700px; } }
  .looks-section--copy-title {
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    font-weight: 700;
    font-size: 32px;
    line-height: 34px;
    text-transform: lowercase; }
    @media screen and (min-width: 1000px) {
      .looks-section--copy-title {
        font-size: 36px;
        line-height: 34px; } }
  .looks-section--copy-subtitle {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.43px;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    display: block;
    margin-top: 20px; }
    @media screen and (min-width: 1000px) {
      .looks-section--copy-subtitle {
        font-size: 18px;
        letter-spacing: 0.52px;
        line-height: 25px; } }
  .looks-section--copy p {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    letter-spacing: 0.39px;
    line-height: 22px;
    margin-bottom: 20px; }
    .looks-section--copy p:first-of-type {
      margin-top: 20px; }

.looks-section .btn {
  font-weight: 700; }

.looks-section .mobile-only {
  display: block; }
  @media screen and (min-width: 768px) {
    .looks-section .mobile-only {
      display: none; } }

.looks-section .desktop-only {
  display: none; }
  @media screen and (min-width: 768px) {
    .looks-section .desktop-only {
      display: block; } }

.looks-section .desktop-down-only {
  display: block; }
  @media screen and (min-width: 1000px) {
    .looks-section .desktop-down-only {
      display: none; } }

/* =============================================================================
* Shop By Item / Outfit
=============================================================================*/
.post-type-archive .collection-item .entry-content,
.tax-item_category .collection-item .entry-content,
.tax-styles .collection-item .entry-content {
  display: table;
  width: 100%; }

.post-type-archive .collection-item .product-info .quick-look,
.tax-item_category .collection-item .product-info .quick-look,
.tax-styles .collection-item .product-info .quick-look {
  display: none; }
  @media screen and (min-width: 1000px) {
    .post-type-archive .collection-item .product-info .quick-look,
    .tax-item_category .collection-item .product-info .quick-look,
    .tax-styles .collection-item .product-info .quick-look {
      display: block; } }

.post-type-archive .item-grid.showing-quick-look .product-info,
.tax-item_category .item-grid.showing-quick-look .product-info,
.tax-styles .item-grid.showing-quick-look .product-info {
  display: none !important; }

#collection-grid-wrapper {
  max-width: 1340px;
  padding: 0; }
  #collection-grid-wrapper .category-header {
    margin: 20px 0; }
    #collection-grid-wrapper .category-header--video {
      margin-top: 0;
      margin-bottom: 0; }
    #collection-grid-wrapper .category-header--none {
      margin: 0;
      padding: 20px 0 40px 0; }
    #collection-grid-wrapper .category-header .h1 {
      font-family: 'Playfair Display';
      font-feature-settings: "lnum";
      font-size: 35px;
      font-weight: 500;
      letter-spacing: -3%;
      line-height: 1;
      text-align: center; }
      @media screen and (min-width: 768px) {
        #collection-grid-wrapper .category-header .h1 {
          font-size: 40px; } }
      #collection-grid-wrapper .category-header .h1.pretitle,
      #collection-grid-wrapper .category-header .h1 span {
        display: block;
        font-size: 20px; }
    #collection-grid-wrapper .category-header p {
      margin: auto;
      max-width: 600px;
      text-align: center; }
    #collection-grid-wrapper .category-header img {
      max-width: 100%; }
    #collection-grid-wrapper .category-header .video-container {
      aspect-ratio: 16 / 9;
      overflow: hidden;
      position: relative;
      width: 100%; }
      @media screen and (max-width: 767px) {
        #collection-grid-wrapper .category-header .video-container--has-mobile {
          aspect-ratio: 5 / 7;
          margin: auto;
          max-width: 400px; } }
      #collection-grid-wrapper .category-header .video-container iframe {
        border: none;
        height: 100%;
        width: 100%; }

.collection-filter-row {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  z-index: 5;
  flex-flow: row nowrap; }
  .collection-filter-row .c-cabi-dropdown {
    border: none;
    background: #f4f4f4; }
    .collection-filter-row .c-cabi-dropdown__label {
      background: none; }
  .collection-filter-row .category-filter {
    position: relative;
    display: inline-block;
    z-index: 2; }
    @media screen and (min-width: 768px) {
      .collection-filter-row .category-filter {
        width: auto; } }
    .collection-filter-row .category-filter:hover #item-category-filter,
    .collection-filter-row .category-filter .category-filter-label[aria-expanded="true"] + #item-category-filter {
      display: block; }
  .collection-filter-row .item-grid__sort-bar,
  .collection-filter-row .c-cabi-dropdown {
    width: calc(50% - 20px);
    min-width: 0; }
    @media screen and (min-width: 400px) {
      .collection-filter-row .item-grid__sort-bar,
      .collection-filter-row .c-cabi-dropdown {
        width: 190px; } }
  .collection-filter-row .item-grid__sort-bar {
    display: inline-block; }
    .collection-filter-row .item-grid__sort-bar .c-cabi-dropdown {
      width: 100%; }
  .collection-filter-row .c-cabi-dropdown {
    line-height: 1; }
    .collection-filter-row .c-cabi-dropdown__label {
      border: none;
      text-align: left;
      padding: 1em 1.25em;
      font-size: 0.8rem; }
      .collection-filter-row .c-cabi-dropdown__label-text {
        font-size: 0.8rem; }
    .collection-filter-row .c-cabi-dropdown__option a {
      padding: 0;
      font-size: 13px;
      padding: 5px 20px;
      line-height: 18px; }
    .collection-filter-row .c-cabi-dropdown__options {
      background: #fff;
      z-index: 10;
      padding: 10px 20px 25px 40px;
      top: 100%;
      left: 0;
      max-height: 250px;
      overflow: auto;
      position: absolute;
      width: 100%;
      padding: 0;
      margin: 0; }
      .collection-filter-row .c-cabi-dropdown__options li {
        list-style: none;
        padding: 0;
        margin: 0; }
      @media screen and (min-width: 768px) {
        .collection-filter-row .c-cabi-dropdown__options {
          width: 210px; } }
  .collection-filter-row .c-collection-filter .c-cabi-dropdown__label {
    text-align: right;
    background: #f4f4f4; }
    .collection-filter-row .c-collection-filter .c-cabi-dropdown__label-text {
      padding-right: 8px; }
  .collection-filter-row .c-collection-filter .c-cabi-dropdown__options {
    left: auto;
    right: 0; }

#item-category-filter {
  padding: 0;
  margin: 0;
  max-height: 100vh;
  overflow: auto;
  position: absolute;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0.28px;
  width: 190px;
  max-width: 100vw;
  border: 1px solid #ccc;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12); }
  #item-category-filter li {
    list-style: none;
    padding: 0;
    margin: 0; }
  #item-category-filter-label {
    background: none;
    line-height: 1; }
    #item-category-filter-label:before {
      margin-left: 8px; }
  #item-category-filter li ul a {
    padding-left: 28px; }
  #item-category-filter a {
    padding: 5px 20px;
    text-decoration: none;
    font-size: 13px; }
    #item-category-filter a:hover, #item-category-filter a:focus {
      text-decoration: underline; }
    #item-category-filter a:focus {
      outline: 2px solid #000; }

/** Mixins **/
/** Styles **/
.looks-landing__intro {
  text-align: center;
  padding: 36px 0; }
  .looks-landing__intro--looks-footer {
    padding: 36px 0px 15px 0px; }

.looks-landing__title {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: italic;
  font-size: 34px;
  letter-spacing: 0.01px;
  line-height: 34px;
  margin-bottom: 10px; }
  @media screen and (min-width: 1000px) {
    .looks-landing__title {
      font-size: 40px;
      letter-spacing: 0.02px;
      line-height: 40px; } }

.looks-landing__subtitle {
  font-size: 14px;
  letter-spacing: 0.35px;
  line-height: 18px;
  width: 90%;
  max-width: 330px;
  margin: 0 auto; }
  @media screen and (min-width: 768px) {
    .looks-landing__subtitle {
      font-size: 18px;
      letter-spacing: 0.45px;
      line-height: 24px;
      max-width: 500px; } }
  .looks-landing__subtitle .looks-landing__subtitle-svg {
    display: inline-block;
    width: 92px;
    vertical-align: middle; }

.looks-landing-featured-grid {
  padding: 0 !important;
  /* For full-bleed fluid */ }
  @media screen and (min-width: 768px) {
    .looks-landing-featured-grid {
      margin-bottom: 60px; } }

.looks-landing-featured-grid-item {
  position: relative; }
  @media screen and (max-width: 999px) {
    .looks-landing-featured-grid-item {
      margin-bottom: 15px; } }

.looks-landing-featured-grid-item__content {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 1.25em;
  color: white;
  z-index: 2;
  pointer-events: none; }
  @media screen and (min-width: 768px) {
    .looks-landing-featured-grid-item__content {
      width: 70%; } }
  .looks-landing-featured-grid-item__content--nowrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 1.25em;
    line-height: 1.25;
    color: white;
    z-index: 2;
    pointer-events: none;
    white-space: nowrap; }

.looks-landing-featured-grid-item__title {
  font-size: 11vw;
  line-height: 1.1em;
  font-weight: normal; }
  @media screen and (min-width: 768px) {
    .looks-landing-featured-grid-item__title {
      font-size: 3.6875em;
      line-height: 1.33em; } }

.looks-landing-featured-grid-item__subtitle {
  font-style: italic;
  line-height: 1.8em; }
  @media screen and (max-width: 767px) {
    .looks-landing-featured-grid-item__subtitle {
      display: none; } }
  .looks-landing-featured-grid-item__subtitle br {
    display: none; }
    @media screen and (min-width: 768px) {
      .looks-landing-featured-grid-item__subtitle br {
        display: block; } }

@media screen and (max-width: 767px) {
  .looks-landing-featured-grid-item__subtitle--break {
    display: block; } }

.looks-landing-featured-grid-item__desktop--break {
  display: block; }

.looks-landing-featured-grid-item__img-wrapper {
  position: relative; }
  .looks-landing-featured-grid-item__img-wrapper img {
    max-width: 100%;
    display: block; }
  .looks-landing-featured-grid-item__img-wrapper__square img {
    width: 100%;
    height: auto;
    max-width: none;
    position: relative; }
    @media screen and (min-width: 768px) {
      .looks-landing-featured-grid-item__img-wrapper__square img {
        position: static;
        left: 0; } }

.looks-landing-featured-grid .slick-dots {
  bottom: 20px;
  width: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }
  .looks-landing-featured-grid .slick-dots button {
    background-color: rgba(255, 255, 255, 0.45);
    border-radius: 50%;
    height: 20px;
    width: 20px; }
  .looks-landing-featured-grid .slick-dots li:focus {
    border: 2px solid #000000; }
  .looks-landing-featured-grid .slick-dots li button:focus {
    border: 2px solid #000000; }
  .looks-landing-featured-grid .slick-dots li button:before {
    content: ""; }
  .looks-landing-featured-grid .slick-dots li.slick-active button:before {
    background-color: #ff99a8 !important;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.looks-landing-grid {
  background: #e6e9ea;
  padding-bottom: 48px; }
  @media screen and (max-width: 767px) {
    .looks-landing-grid .container {
      padding: 0; } }

.looks-landing-grid-intro {
  text-align: center;
  padding: 48px 0 36px;
  line-height: 1.85em; }
  @media screen and (max-width: 767px) {
    .looks-landing-grid-intro {
      padding: 48px 15px 36px; } }

.looks-landing-grid-intro__title {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: italic;
  font-size: 14px;
  letter-spacing: -0.01px;
  line-height: 16px;
  margin-bottom: 10px; }
  @media screen and (min-width: 1000px) {
    .looks-landing-grid-intro__title {
      font-size: 22px;
      letter-spacing: 0.15px;
      line-height: 26px; } }

.looks-landing-grid-intro__subtitle {
  font-size: 20px;
  letter-spacing: 0.07px;
  line-height: 24px; }
  @media screen and (min-width: 1000px) {
    .looks-landing-grid-intro__subtitle {
      font-size: 32px;
      letter-spacing: 0.12px;
      line-height: 38px; } }

.looks-landing-grid-item {
  position: relative;
  max-width: 480px;
  margin: 0 auto 20px; }
  @media screen and (min-width: 768px) {
    .looks-landing-grid-item {
      max-width: initial;
      display: inline-block;
      width: 49.5%;
      margin: 0; } }

.looks-landing-grid-item__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 1.25em;
  color: white;
  z-index: 2;
  pointer-events: none; }
  .looks-landing-grid-item__content:before {
    opacity: 0.5; }
  .looks-landing-grid-item__content--nowrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 1.25em;
    line-height: 1.25;
    color: white;
    z-index: 2;
    pointer-events: none;
    white-space: nowrap; }

.looks-landing-grid-item__title {
  font-size: 2.625em;
  font-weight: normal; }
  .looks-landing-grid-item__title--looks-landing {
    font-size: 1.375em; }

.looks-landing-grid-item__img-wrapper {
  position: relative; }
  .looks-landing-grid-item__img-wrapper img {
    max-width: 100%;
    display: block; }
  .looks-landing-grid-item__img-wrapper__square img {
    width: 100%;
    height: auto;
    max-width: none;
    position: relative; }
    @media screen and (min-width: 768px) {
      .looks-landing-grid-item__img-wrapper__square img {
        position: static;
        left: 0; } }

@media screen and (min-width: 768px) {
  img.looks-landing-featured-grid-item__img-wrapper--tablet-down {
    display: none; } }

img.looks-landing-featured-grid-item__img-wrapper--tablet-up {
  filter: contrast(100%) brightness(50%);
  display: none; }
  @media screen and (min-width: 768px) {
    img.looks-landing-featured-grid-item__img-wrapper--tablet-up {
      display: block; } }

@media screen and (min-width: 480px) {
  .looks-landing-grid-intro-container {
    position: relative; } }

.looks-landing-grid-intro-items {
  display: flex;
  justify-content: space-between;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .looks-landing-grid-intro-items {
      flex-direction: row;
      flex-wrap: nowrap; } }

.looks-landing-grid-intro-item {
  width: calc(100% - 5px);
  padding-bottom: 131%;
  margin: 0 auto 15px auto;
  background-size: cover;
  text-decoration: none;
  background-position: center center; }
  @media screen and (min-width: 768px) {
    .looks-landing-grid-intro-item {
      width: calc(100% / 3 - 15px);
      padding-bottom: calc(43.667% - 30px); } }
  .looks-landing-grid-intro-item > p {
    color: #000;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.7px;
    line-height: 22px;
    text-align: center;
    margin-top: 20px; }
  .looks-landing-grid-intro-item:nth-of-type(1) {
    background-color: #f0f0f2;
    background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f19/styles-and-ideas/looks-dressy.jpg); }
  .looks-landing-grid-intro-item:nth-of-type(2) {
    background-color: #f0f0f2;
    background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f19/styles-and-ideas/looks-work.jpg); }
  .looks-landing-grid-intro-item:nth-of-type(3) {
    background-color: #f0f0f2;
    background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f19/styles-and-ideas/looks-casual.jpg); }

#page-ugc,
#page-ugc-cabiscoop,
#page-ugc-cute,
#page-ugc-social {
  padding: 40px 0 0 0; }
  #page-ugc header,
  #page-ugc-cabiscoop header,
  #page-ugc-cute header,
  #page-ugc-social header {
    position: relative;
    max-width: 1600px;
    margin: auto; }
    #page-ugc header h1,
    #page-ugc-cabiscoop header h1,
    #page-ugc-cute header h1,
    #page-ugc-social header h1 {
      font-family: 'Playfair Display';
      font-feature-settings: "lnum";
      font-weight: 700;
      color: black;
      font-size: 42px;
      letter-spacing: normal;
      line-height: 42px;
      margin: 0 0 10px 0;
      padding: 30px 0 0 0;
      text-align: center;
      text-transform: uppercase; }
      #page-ugc header h1 span,
      #page-ugc-cabiscoop header h1 span,
      #page-ugc-cute header h1 span,
      #page-ugc-social header h1 span {
        text-transform: lowercase; }
      @media screen and (min-width: 1000px) {
        #page-ugc header h1,
        #page-ugc-cabiscoop header h1,
        #page-ugc-cute header h1,
        #page-ugc-social header h1 {
          font-size: 50px;
          line-height: 50px;
          padding: 0; } }
    #page-ugc header p,
    #page-ugc-cabiscoop header p,
    #page-ugc-cute header p,
    #page-ugc-social header p {
      font-family: 'Montserrat';
      font-size: 16px;
      letter-spacing: 0.08px;
      line-height: 24px;
      padding: 0 20px; }
      @media screen and (min-width: 1000px) {
        #page-ugc header p,
        #page-ugc-cabiscoop header p,
        #page-ugc-cute header p,
        #page-ugc-social header p {
          padding: 0; } }
    #page-ugc header .container,
    #page-ugc-cabiscoop header .container,
    #page-ugc-cute header .container,
    #page-ugc-social header .container {
      position: static;
      padding: 2em 15px;
      margin-bottom: -40px; }
      @media screen and (min-width: 1000px) {
        #page-ugc header .container,
        #page-ugc-cabiscoop header .container,
        #page-ugc-cute header .container,
        #page-ugc-social header .container {
          padding: 0 0 0 50px;
          margin-bottom: 0;
          max-width: 610px; } }
      @media screen and (max-width: 999px) {
        #page-ugc header .container,
        #page-ugc-cabiscoop header .container,
        #page-ugc-cute header .container,
        #page-ugc-social header .container {
          width: 100%; } }
      #page-ugc header .container .content,
      #page-ugc-cabiscoop header .container .content,
      #page-ugc-cute header .container .content,
      #page-ugc-social header .container .content {
        color: black;
        text-align: center; }

#page-ugc-tint {
  margin-top: 20px;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto; }

#page-ugc-cute header h1 {
  font-size: 38px;
  padding: 30px 10px 0 10px; }

#page-ugc-cute header p {
  padding: 0; }

@media screen and (min-width: 1000px) {
  #page-ugc-cute header h1 {
    font-size: 50px;
    line-height: 56px;
    padding: 0; } }

#page-ugc-social header .container {
  left: 50%; }

#page-ugc-social header h1 {
  margin-bottom: 8px; }

#page-ugc-social header p {
  margin-bottom: 8px;
  padding: 0 30px; }
  #page-ugc-social header p:first-of-type {
    margin-bottom: 30px; }

#page-ugc-social header a.btn-underline {
  font-size: 14px;
  letter-spacing: 0.35px;
  line-height: 18px; }

@media screen and (min-width: 1000px) {
  #page-ugc-social header h1 {
    font-size: 60px;
    line-height: 61px; }
  #page-ugc-social header p {
    padding: 0; }
    #page-ugc-social header p:first-of-type {
      margin-bottom: 8px; } }

/* Styles
================================================= */
.page-top-wrapper {
  background: #FCFAF8;
  position: relative; }
  .page-top-wrapper::after {
    background: #fff;
    bottom: 0;
    content: '';
    display: block;
    height: 200px;
    position: absolute;
    width: 100%;
    z-index: 1; }

.page-top,
.denim-guide-slider {
  position: relative;
  z-index: 2; }

.page-top {
  margin: 0 auto;
  padding: 36px 0 35px 0;
  width: calc(100% - 50px); }

.denim__sup-title {
  font-family: 'Montserrat';
  display: block;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1.5px;
  line-height: 22px;
  margin: 0 auto 10px auto;
  text-align: center; }
  @media screen and (min-width: 1000px) {
    .denim__sup-title {
      font-size: 22px;
      line-height: 27px; } }

.denim__title {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-size: 54px;
  font-style: italic;
  font-weight: 400;
  line-height: 54px;
  margin: 0 auto 25px auto;
  text-align: center; }
  @media screen and (min-width: 1000px) {
    .denim__title {
      font-size: 86px;
      line-height: 86px;
      margin: 0 auto 10px auto; } }

.denim__description {
  font-family: 'Montserrat';
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  margin: 0 auto;
  max-width: 770px;
  text-align: center;
  width: calc(100% - 50px); }

.career-goals__video-wrapper--denim-guide.career-goals__video-wrapper {
  margin: 0 auto 40px auto;
  max-width: calc(100% - 50px);
  padding: 0; }
  .career-goals__video-wrapper--denim-guide.career-goals__video-wrapper .career-goals__promo {
    height: 0;
    padding-bottom: 177.78%; }
    .career-goals__video-wrapper--denim-guide.career-goals__video-wrapper .career-goals__promo .video-player-container {
      display: block;
      z-index: 2; }
  @media screen and (min-width: 768px) {
    .career-goals__video-wrapper--denim-guide.career-goals__video-wrapper {
      max-width: 400px; } }
  @media screen and (min-width: 1250px) {
    .career-goals__video-wrapper--denim-guide.career-goals__video-wrapper {
      margin: 0 auto 60px auto;
      position: relative; } }

.denim-guide-slider-title {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
  margin: 0 auto 25px auto;
  text-align: center; }
  .denim-guide-slider-title span {
    font-style: italic; }
  @media screen and (min-width: 1000px) {
    .denim-guide-slider-title {
      font-size: 34px; } }

.denim-guide-slider {
  margin: 0 60px 50px -30px;
  text-align: center; }
  .denim-guide-slider .slick-slide {
    width: 240px !important; }
  .denim-guide-slider a {
    display: block;
    margin: 0 auto;
    text-decoration: none;
    width: 96%; }
    .denim-guide-slider a:hover img {
      transform: scale(1.05); }
    .denim-guide-slider a div {
      overflow: hidden; }
  .denim-guide-slider div {
    margin: 0 auto 15px auto;
    overflow: visible;
    position: relative;
    width: 100%; }
  .denim-guide-slider img {
    transition: .25s ease-in-out transform;
    width: 100%; }
  .denim-guide-slider .h1 {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    margin: 0 0 5px 0;
    text-transform: uppercase; }
  @media screen and (min-width: 768px) {
    .denim-guide-slider {
      margin: 0 60px 80px 0;
      text-align: center; } }
  @media screen and (min-width: 1250px) {
    .denim-guide-slider {
      display: flex;
      margin: 0 auto 80px auto;
      max-width: 1440px;
      width: 90%; }
      .denim-guide-slider section {
        width: 20%; }
      .denim-guide-slider div {
        height: 0;
        padding-bottom: 156%; } }

.denim-item-wrapper {
  margin: 0 auto;
  max-width: 1440px;
  padding: 40px 0 0 0; }
  @media screen and (min-width: 1000px) {
    .denim-item-wrapper {
      padding: 50px 0; } }
  .denim-item-wrapper .denim-item-inner-wrapper {
    max-width: 878px;
    margin: 0 auto;
    width: calc(100% - 50px); }
    @media screen and (min-width: 1000px) {
      .denim-item-wrapper .denim-item-inner-wrapper {
        align-items: center;
        display: flex;
        justify-content: space-between; } }
  .denim-item-wrapper .video-column {
    margin: 0 0 20px 0;
    position: relative; }
    @media screen and (min-width: 1000px) {
      .denim-item-wrapper .video-column {
        margin: 0;
        order: 1;
        width: 42.5%; } }
  .denim-item-wrapper .image-column .text-content {
    position: relative; }
  @media screen and (min-width: 768px) {
    .denim-item-wrapper .image-column {
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .denim-item-wrapper .image-column .text-content:before {
        display: block; }
      .denim-item-wrapper .image-column .see-it-in-action {
        width: 100%; } }
  @media screen and (min-width: 1000px) {
    .denim-item-wrapper .image-column {
      order: 2;
      width: 48%; } }
  .denim-item-wrapper.grey-bg {
    background: #F1F2F5; }
    @media screen and (min-width: 1000px) {
      .denim-item-wrapper.grey-bg .image-column {
        order: 1; }
      .denim-item-wrapper.grey-bg .video-column {
        order: 2; } }
  .denim-item-wrapper .h2 {
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    font-size: 35px;
    font-weight: 400;
    letter-spacing: -1px;
    line-height: 52px;
    margin: 0 0 5px 0; }
    @media screen and (min-width: 1000px) {
      .denim-item-wrapper .h2 {
        font-size: 40px;
        margin: 0 0 20px 0; } }
  .denim-item-wrapper .h1 {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    margin: 0 0 20px 0;
    text-transform: uppercase; }
    @media screen and (min-width: 1000px) {
      .denim-item-wrapper .h1 {
        font-size: 17px; } }
  .denim-item-wrapper video {
    display: none;
    margin: 0 auto 4px auto;
    max-width: 500px;
    width: 100%; }
    .denim-item-wrapper video.active {
      display: block; }
    @media screen and (min-width: 1000px) {
      .denim-item-wrapper video {
        margin: 0; } }
  .denim-item-wrapper .text-content {
    margin: 0 auto;
    max-width: 500px;
    width: 100%; }
    .denim-item-wrapper .text-content p,
    .denim-item-wrapper .text-content ul {
      font-family: 'Montserrat';
      font-size: 15px;
      font-weight: 400;
      line-height: 21px;
      padding: 0 65px 0 0; }
    .denim-item-wrapper .text-content p {
      margin: 0 0 25px 0; }
    .denim-item-wrapper .text-content ul {
      list-style: none;
      margin: 0 0 20px 25px; }
      .denim-item-wrapper .text-content ul li {
        margin: 0 0 10px 0;
        position: relative; }
        .denim-item-wrapper .text-content ul li::before {
          background: #000;
          border-radius: 100%;
          content: '';
          display: block;
          height: 2px;
          left: -10px;
          position: absolute;
          top: 10px;
          width: 2px; }
    @media screen and (min-width: 768px) {
      .denim-item-wrapper .text-content p,
      .denim-item-wrapper .text-content ul {
        padding: 0 120px 0 0; } }
  .denim-item-wrapper .btn {
    font-family: 'Montserrat';
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    height: 60px;
    letter-spacing: 0.35px;
    text-transform: uppercase; }
    .denim-item-wrapper .btn.btn-black {
      background: transparent;
      border: none;
      border-bottom: 2px solid #000;
      color: #000;
      margin: 0 0 35px 0;
      padding: 0; }
    .denim-item-wrapper .btn.btn-grey {
      background: rgba(4, 4, 4, 0.6);
      border: none;
      cursor: pointer;
      display: block;
      padding: 10px;
      transition: all 1s ease;
      width: calc(50% - 2px); }
      .denim-item-wrapper .btn.btn-grey.active {
        background: rgba(4, 4, 4, 0.8); }
    @media screen and (min-width: 1000px) {
      .denim-item-wrapper .btn.btn-black {
        border: 1px solid #000;
        margin: 10px 0 0 0;
        padding: 10px;
        width: 200px; }
      .denim-item-wrapper .btn.btn-grey {
        width: calc(50% - 1px); } }
  .denim-item-wrapper .video-toggle-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    margin: 0 auto 10px auto;
    max-width: 500px;
    width: 100%; }
    @media screen and (min-width: 1000px) {
      .denim-item-wrapper .video-toggle-buttons {
        bottom: 0;
        margin: 0;
        position: absolute;
        right: 0;
        width: 66.666%; } }
  .denim-item-wrapper .inset-images {
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px 0; }
    .denim-item-wrapper .inset-images img {
      width: calc(50% - 5px); }
  .denim-item-wrapper .see-it-in-action .see-it-in-action-header {
    font-family: 'Montserrat';
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.35px;
    line-height: 16px;
    margin: 0 0 5px 0;
    padding: 0 0 0 33px; }
  @media screen and (min-width: 768px) {
    .denim-item-wrapper .see-it-in-action .see-it-in-action-header span br {
      display: none; } }
  @media screen and (min-width: 1000px) {
    .denim-item-wrapper .see-it-in-action {
      padding: 50px 0 0 0; } }

@keyframes rotate {
  0% {
    transform: translate(0, 0); }
  50% {
    transform: translate(3px, 3px); }
  100% {
    transform: translate(0, 0); } }

/* =============================================================================
 * Collection : Gallery
 =============================================================================*/
/* Variables
================================================= */
/* Styles
================================================= */
.gallery__grid-container {
  margin: 0 auto;
  position: relative; }

#page-clothing-collection-seasonal-campaign #cabi-back-to-top {
  display: none; }

.gallery__page-title-wrapper {
  background-color: #f2f2f2;
  padding: 30px;
  text-align: center; }
  .gallery__page-title-wrapper h1, .gallery__page-title-wrapper h2 {
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    font-weight: 700; }
  .gallery__page-title-wrapper h1 {
    font-size: 40px;
    line-height: 1.4;
    margin: 0 0 25px 0;
    padding: 0 0 25px 0;
    position: relative; }
    @media screen and (min-width: 768px) {
      .gallery__page-title-wrapper h1 {
        font-size: 70px; } }
    .gallery__page-title-wrapper h1:after {
      background: #000;
      bottom: 0;
      content: '';
      display: block;
      height: 1px;
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
      width: 125px; }
      @media screen and (min-width: 768px) {
        .gallery__page-title-wrapper h1:after {
          width: 160px; } }
    .gallery__page-title-wrapper h1 span {
      font-family: 'Montserrat';
      font-weight: 600;
      text-transform: uppercase;
      margin-top: -8px;
      display: block;
      font-size: 18px; }
      @media screen and (min-width: 768px) {
        .gallery__page-title-wrapper h1 span {
          font-size: 22px; } }
  .gallery__page-title-wrapper img {
    display: block;
    margin: 0 auto;
    width: 160px; }
    @media screen and (min-width: 768px) {
      .gallery__page-title-wrapper img {
        width: 200px; } }
  .gallery__page-title-wrapper p {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 25px;
    margin: auto;
    max-width: 1000px; }
    @media screen and (min-width: 768px) {
      .gallery__page-title-wrapper p {
        font-size: 16px; } }

.video-container-wrapper {
  margin: 0 auto; }
  .video-container-wrapper.desktop-only {
    display: none; }
    .video-container-wrapper.desktop-only .video-container {
      padding-bottom: calc(var(--aspect-ratio, .5625) * 100%); }
    @media screen and (min-width: 768px) {
      .video-container-wrapper.desktop-only {
        display: block; } }
  .video-container-wrapper.mobile-only {
    display: block; }
    .video-container-wrapper.mobile-only .video-container {
      padding-bottom: calc(var(--aspect-ratio, 1.7828) * 100%); }
    @media screen and (min-width: 768px) {
      .video-container-wrapper.mobile-only {
        display: none; } }
  .video-container-wrapper .video-container {
    width: 100%;
    margin: 0 auto;
    height: 0;
    position: relative; }
    @media screen and (max-width: 767px) {
      .video-container-wrapper .video-container {
        margin-bottom: 0; } }
    .video-container-wrapper .video-container .video-frame {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }

#page--get-styled-faq .page-header h2,
#page--cabi-stylist-faq .page-header h2 {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  margin-bottom: 15px;
  margin-top: 35px;
  font-size: 30px;
  font-weight: 300;
  letter-spacing: 1.17px;
  line-height: 48px; }
  @media screen and (min-width: 768px) {
    #page--get-styled-faq .page-header h2,
    #page--cabi-stylist-faq .page-header h2 {
      font-size: 40px;
      letter-spacing: 1.75px;
      line-height: 72px; } }

#page--get-styled-faq .faq-section,
#page--cabi-stylist-faq .faq-section {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ededed;
  padding: 32px 0;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    #page--get-styled-faq .faq-section,
    #page--cabi-stylist-faq .faq-section {
      flex-direction: row;
      padding: 42px 0; } }
  #page--get-styled-faq .faq-section img,
  #page--cabi-stylist-faq .faq-section img {
    width: 40px;
    height: 40px;
    margin: 0; }
    #page--get-styled-faq .faq-section img:before,
    #page--cabi-stylist-faq .faq-section img:before {
      font-size: 40px; }
    @media screen and (min-width: 768px) {
      #page--get-styled-faq .faq-section img,
      #page--cabi-stylist-faq .faq-section img {
        margin-right: 18px; } }
  #page--get-styled-faq .faq-section h2,
  #page--cabi-stylist-faq .faq-section h2 {
    font-size: 24px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0.7px;
    line-height: 29px;
    margin-right: 0px;
    margin: 8px 0; }
    @media screen and (min-width: 768px) {
      #page--get-styled-faq .faq-section h2,
      #page--cabi-stylist-faq .faq-section h2 {
        margin: 20px 0;
        margin-right: 20px; } }
  #page--get-styled-faq .faq-section a,
  #page--cabi-stylist-faq .faq-section a {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.47px;
    line-height: 19px; }

#page--get-styled-faq .block-faqs,
#page--cabi-stylist-faq .block-faqs {
  background: none;
  text-align: center;
  margin-bottom: 0px; }
  @media screen and (min-width: 768px) {
    #page--get-styled-faq .block-faqs,
    #page--cabi-stylist-faq .block-faqs {
      margin-bottom: 60px; } }
  @media screen and (max-width: 767px) {
    #page--get-styled-faq .block-faqs .container,
    #page--cabi-stylist-faq .block-faqs .container {
      padding: 0; } }
  #page--get-styled-faq .block-faqs .faq-more,
  #page--cabi-stylist-faq .block-faqs .faq-more {
    margin: 30px auto; }
    #page--get-styled-faq .block-faqs .faq-more span,
    #page--cabi-stylist-faq .block-faqs .faq-more span {
      display: none; }
    #page--get-styled-faq .block-faqs .faq-more .show-context,
    #page--cabi-stylist-faq .block-faqs .faq-more .show-context {
      display: inline; }
    @media screen and (min-width: 768px) {
      #page--get-styled-faq .block-faqs .faq-more,
      #page--cabi-stylist-faq .block-faqs .faq-more {
        display: none; } }
  #page--get-styled-faq .block-faqs .h1,
  #page--cabi-stylist-faq .block-faqs .h1 {
    text-align: center;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 0.87px;
    line-height: 40px;
    text-align: center;
    margin: 0px auto 50px; }
  #page--get-styled-faq .block-faqs .host__box-container,
  #page--cabi-stylist-faq .block-faqs .host__box-container {
    height: 50%;
    overflow: hidden; }
    @media screen and (min-width: 768px) {
      #page--get-styled-faq .block-faqs .host__box-container,
      #page--cabi-stylist-faq .block-faqs .host__box-container {
        height: auto;
        display: flex;
        flex-flow: row nowrap;
        padding: 0; }
        #page--get-styled-faq .block-faqs .host__box-container .box,
        #page--cabi-stylist-faq .block-faqs .host__box-container .box {
          flex: 1 1 120%; } }
    @media screen and (min-width: 768px) and (min-width: 1000px) {
      #page--get-styled-faq .block-faqs .host__box-container .box,
      #page--cabi-stylist-faq .block-faqs .host__box-container .box {
        flex: 1 1 88%; } }
    #page--get-styled-faq .block-faqs .host__box-container a,
    #page--cabi-stylist-faq .block-faqs .host__box-container a {
      max-width: 50%; }
  #page--get-styled-faq .block-faqs .host__box-two,
  #page--cabi-stylist-faq .block-faqs .host__box-two {
    display: none; }
    #page--get-styled-faq .block-faqs .host__box-two.show-box-two,
    #page--cabi-stylist-faq .block-faqs .host__box-two.show-box-two {
      display: block; }
    @media screen and (min-width: 768px) {
      #page--get-styled-faq .block-faqs .host__box-two,
      #page--cabi-stylist-faq .block-faqs .host__box-two {
        display: block; } }
  #page--get-styled-faq .block-faqs .host__box_show-more,
  #page--cabi-stylist-faq .block-faqs .host__box_show-more {
    text-align: center;
    margin-top: 1em;
    padding: 0 20px; }
    @media screen and (min-width: 768px) {
      #page--get-styled-faq .block-faqs .host__box_show-more,
      #page--cabi-stylist-faq .block-faqs .host__box_show-more {
        display: none !important; } }
    @media screen and (min-width: 768px) {
      #page--get-styled-faq .block-faqs .host__box_show-more,
      #page--cabi-stylist-faq .block-faqs .host__box_show-more {
        padding: 0; } }
    #page--get-styled-faq .block-faqs .host__box_show-more .btn,
    #page--cabi-stylist-faq .block-faqs .host__box_show-more .btn {
      line-height: 51px;
      height: 81px;
      border: none;
      background-color: #000;
      color: #fff;
      font-size: 18px;
      display: block; }
      @media screen and (min-width: 768px) {
        #page--get-styled-faq .block-faqs .host__box_show-more .btn,
        #page--cabi-stylist-faq .block-faqs .host__box_show-more .btn {
          width: auto;
          display: inline-block; } }
  #page--get-styled-faq .block-faqs .host__panel,
  #page--cabi-stylist-faq .block-faqs .host__panel {
    background: #fff;
    font-size: 14px;
    letter-spacing: 0.2px;
    border-bottom: 2px solid #000000; }
  #page--get-styled-faq .block-faqs .host__panel-heading,
  #page--cabi-stylist-faq .block-faqs .host__panel-heading {
    position: relative;
    cursor: pointer;
    padding: 20px 70px 20px 20px;
    color: #0f0d17;
    text-decoration: none;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 600;
    font-style: normal;
    text-align: left;
    font-size: 16px;
    letter-spacing: 0.44px;
    line-height: 24px; }
    @media screen and (min-width: 768px) {
      #page--get-styled-faq .block-faqs .host__panel-heading,
      #page--cabi-stylist-faq .block-faqs .host__panel-heading {
        font-size: 18px;
        letter-spacing: 0.48px;
        line-height: 26px; } }
    #page--get-styled-faq .block-faqs .host__panel-heading .more-text,
    #page--cabi-stylist-faq .block-faqs .host__panel-heading .more-text {
      position: absolute;
      top: 50%;
      right: 30px;
      /* margin-top: -9px; */
      transform: translateY(-50%);
      transform-origin: center center;
      display: block;
      color: #000;
      font-size: 38px;
      font-style: normal;
      width: 19px;
      height: 24px;
      transition: all 0.3s ease-out; }
    #page--get-styled-faq .block-faqs .host__panel-heading.open .more-text,
    #page--cabi-stylist-faq .block-faqs .host__panel-heading.open .more-text {
      color: #000000;
      transform-origin: center center;
      transform: translateY(-50%) rotate(-45deg); }
  #page--get-styled-faq .block-faqs .host__panel-body,
  #page--cabi-stylist-faq .block-faqs .host__panel-body {
    padding: 0 20px 32px;
    display: none; }
    #page--get-styled-faq .block-faqs .host__panel-body p,
    #page--cabi-stylist-faq .block-faqs .host__panel-body p {
      text-align: left;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 14px;
      letter-spacing: 0.35px;
      line-height: 22px; }
      @media screen and (min-width: 768px) {
        #page--get-styled-faq .block-faqs .host__panel-body p,
        #page--cabi-stylist-faq .block-faqs .host__panel-body p {
          font-size: 14px;
          letter-spacing: 0.35px;
          line-height: 22px; } }
    #page--get-styled-faq .block-faqs .host__panel-body ul,
    #page--cabi-stylist-faq .block-faqs .host__panel-body ul {
      text-align: left; }
      #page--get-styled-faq .block-faqs .host__panel-body ul li,
      #page--cabi-stylist-faq .block-faqs .host__panel-body ul li {
        margin-left: 25px; }

.collection-landing .spot-control {
  margin-top: 45px; }
  @media screen and (max-width: 767px) {
    .collection-landing .spot-control {
      margin-top: 15px; }
      .collection-landing .spot-control.c-spot-control-sub-items-wrapper {
        margin-top: 15px; } }

.collection-landing .a-spot-1,
.collection-landing .a-spot-2,
.collection-landing .b-spot-1,
.collection-landing .b-spot-2 {
  visibility: hidden;
  height: 0;
  margin-top: 0; }

.collection-landing.type-a .a-spot-1,
.collection-landing.type-a .b-spot-1 {
  visibility: visible;
  height: auto; }

.collection-landing.type-b .a-spot-2 {
  position: relative; }

.collection-landing.type-b .a-spot-2,
.collection-landing.type-b .b-spot-2 {
  visibility: visible;
  height: auto; }
  .collection-landing.type-b .a-spot-2 .b-spot-control-sub-item__title h3,
  .collection-landing.type-b .b-spot-2 .b-spot-control-sub-item__title h3 {
    line-height: 44px; }

.a-spot-control-wide-content__title, .collection-landing-slide .slider-container > .slider-content h2, .b-spot-control-sub-item__title > h3, .books-control-sub-item .books-control-sub-item__title, .fashion-show-control-wide-content__title {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: italic;
  font-size: 36px;
  line-height: 1;
  letter-spacing: 0px; }
  @media screen and (max-width: 767px) {
    .a-spot-control-wide-content__title, .collection-landing-slide .slider-container > .slider-content h2, .b-spot-control-sub-item__title > h3, .books-control-sub-item .books-control-sub-item__title, .fashion-show-control-wide-content__title {
      font-size: 30px; } }

.books-control-sub-item .books-control-sub-item__body, .fashion-show-control-wide-content__body {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 0.35px;
  line-height: 21px; }
  @media screen and (max-width: 767px) {
    .books-control-sub-item .books-control-sub-item__body, .fashion-show-control-wide-content__body {
      font-size: 18px;
      line-height: 24px; } }

.a-spot-control-wide-wrapper {
  background-color: #ffffff;
  background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s20/styles-and-ideas/FF-style-ideas-A-spot.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .a-spot-control-wide-wrapper {
      background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s20/styles-and-ideas/FF-style-ideas-A-spot-mobile.jpg); } }
  @media screen and (min-width: 1440px) {
    .a-spot-control-wide-wrapper {
      background-size: 1550px auto;
      background-color: transparent; } }
  @media screen and (max-width: 767px) {
    .a-spot-control-wide-wrapper > .container {
      padding: 0; } }

.a-spot-control-wide {
  height: 450px; }
  @media screen and (min-width: 1440px) {
    .a-spot-control-wide {
      height: 476px; } }
  @media screen and (max-width: 767px) {
    .a-spot-control-wide {
      position: relative;
      height: 0;
      padding-bottom: 153.75%; } }

.a-spot-control-wide-grid {
  height: 100%;
  display: flex;
  flex-direction: row; }

.a-spot-control-wide-content {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex: 0 1 46%;
  padding-top: 50px;
  padding-right: 2em; }
  @media screen and (max-width: 767px) {
    .a-spot-control-wide-content {
      position: absolute;
      width: 100%;
      height: 100%;
      flex: 1 1 100%;
      padding: 0;
      text-align: center; }
      .a-spot-control-wide-content > div {
        display: flex;
        flex-direction: column;
        margin-top: 0;
        justify-content: space-between;
        height: 100%;
        max-width: 420px;
        width: 100%;
        padding: 10px 0 45px; }
      .a-spot-control-wide-content hr {
        display: none; } }
  .a-spot-control-wide-content__title {
    color: #fff;
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .a-spot-control-wide-content__title {
        letter-spacing: 0.7px;
        margin-bottom: 10px;
        padding: 20px; } }
    .a-spot-control-wide-content__title .desktop-title {
      width: 100%;
      max-width: 240px; }
      @media screen and (max-width: 767px) {
        .a-spot-control-wide-content__title .desktop-title {
          display: none; } }
    @media screen and (min-width: 768px) {
      .a-spot-control-wide-content__title .mobile-title {
        display: none; } }
  .a-spot-control-wide-content__subtitle {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 14px;
    letter-spacing: 1.35px;
    line-height: 18px; }
    @media screen and (max-width: 767px) {
      .a-spot-control-wide-content__subtitle {
        color: #fff; } }
  .a-spot-control-wide-content hr {
    background-color: #fff;
    margin-bottom: 20px;
    width: 85px;
    height: 2px; }
  .a-spot-control-wide-content__body {
    color: #fff;
    margin-bottom: 20px;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    letter-spacing: 0.35px;
    line-height: 21px;
    max-width: 398px; }
    @media screen and (max-width: 767px) {
      .a-spot-control-wide-content__body {
        display: none; } }
  .a-spot-control-wide-content__cta {
    margin-bottom: 15px; }
    .a-spot-control-wide-content__cta a {
      color: #fff;
      font-family: 'Montserrat';
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 0.35px;
      line-height: 18px;
      -webkit-transition: border-bottom-color 0.4s ease-out;
      -moz-transition: border-bottom-color 0.4s ease-out;
      transition: border-bottom-color 0.4s ease-out;
      border-bottom: 1px solid transparent;
      text-decoration: none;
      border-bottom-color: #fff; }
      .a-spot-control-wide-content__cta a:hover {
        border-bottom-color: transparent;
        text-decoration: none; }
      .a-spot-control-wide-content__cta a br {
        display: none; }
      @media screen and (max-width: 767px) {
        .a-spot-control-wide-content__cta a {
          color: #fff;
          font-family: 'Montserrat';
          font-weight: 700;
          font-size: 14px;
          letter-spacing: 0.35px;
          line-height: 18px;
          -webkit-transition: border-bottom-color 0.4s ease-out;
          -moz-transition: border-bottom-color 0.4s ease-out;
          transition: border-bottom-color 0.4s ease-out;
          border-bottom: 1px solid transparent;
          text-decoration: none;
          border-bottom-color: #fff; }
          .a-spot-control-wide-content__cta a:hover {
            border-bottom-color: transparent;
            text-decoration: none; } }
      @media screen and (max-width: 480px) {
        .a-spot-control-wide-content__cta a br {
          display: inline; } }

.collection-landing-slide {
  position: relative;
  height: 450px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }
  @media screen and (max-width: 767px) {
    .collection-landing-slide {
      background-position: top center; } }
  .collection-landing-slide.slide-1 {
    background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/styles-and-ideas/collection-slider-img1-shop.jpg); }
    @media screen and (max-width: 767px) {
      .collection-landing-slide.slide-1 {
        background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/styles-and-ideas/collection-slider-img1-shop-mobile.jpg); }
        .collection-landing-slide.slide-1 .slider-container > .slider-content h2,
        .collection-landing-slide.slide-1 .slider-container > .slider-content h3 {
          color: #fff; }
        .collection-landing-slide.slide-1 .slider-container > .slider-content a {
          color: #fff;
          font-family: 'Montserrat';
          font-weight: 700;
          font-size: 14px;
          letter-spacing: 0.35px;
          line-height: 18px;
          -webkit-transition: border-bottom-color 0.4s ease-out;
          -moz-transition: border-bottom-color 0.4s ease-out;
          transition: border-bottom-color 0.4s ease-out;
          border-bottom: 1px solid transparent;
          text-decoration: none;
          border-bottom-color: #fff; }
          .collection-landing-slide.slide-1 .slider-container > .slider-content a:hover {
            border-bottom-color: transparent;
            text-decoration: none; } }
    .collection-landing-slide.slide-1 .slider-container .slider-content a {
      color: #fff;
      font-family: 'Montserrat';
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 0.35px;
      line-height: 18px;
      -webkit-transition: border-bottom-color 0.4s ease-out;
      -moz-transition: border-bottom-color 0.4s ease-out;
      transition: border-bottom-color 0.4s ease-out;
      border-bottom: 1px solid transparent;
      text-decoration: none;
      border-bottom-color: #fff; }
      .collection-landing-slide.slide-1 .slider-container .slider-content a:hover {
        border-bottom-color: transparent;
        text-decoration: none; }
    @media screen and (min-width: 1440px) {
      .collection-landing-slide.slide-1 {
        background-size: 1550px auto;
        background-color: transparent; } }
  .collection-landing-slide.slide-2 {
    background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/styles-and-ideas/collection-slider-img2-closet.jpg); }
    @media screen and (max-width: 767px) {
      .collection-landing-slide.slide-2 {
        background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/styles-and-ideas/collection-slider-img2-closet.jpg); } }
    @media screen and (min-width: 1440px) {
      .collection-landing-slide.slide-2 {
        background-size: 1550px auto;
        background-color: transparent; } }
    .collection-landing-slide.slide-2 .slider-container .slider-content h2 {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal; }
    .collection-landing-slide.slide-2 .slider-container .slider-content hr {
      background-color: #000 !important; }
  .collection-landing-slide .image-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1; }
    .collection-landing-slide .image-container img {
      width: 100%; }
    @media screen and (max-width: 767px) {
      .collection-landing-slide .image-container img {
        width: auto;
        height: 100%; } }
  .collection-landing-slide.slick-active .slider-container > .slider-content {
    opacity: 1; }
  .collection-landing-slide .slider-container {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    justify-content: space-between; }
    .collection-landing-slide .slider-container > .slider-content {
      opacity: 0;
      height: 450px;
      background-color: transparent;
      width: 33%;
      margin: 0;
      -webkit-transition: opacity 0.7s ease 0.35s;
      -moz-transition: opacity 0.7s ease 0.35s;
      transition: opacity 0.7s ease 0.35s;
      display: flex;
      align-items: center;
      position: relative; }
      @media screen and (max-width: 767px) {
        .collection-landing-slide .slider-container > .slider-content {
          width: 100%;
          padding-top: 250px;
          text-align: center;
          align-items: flex-end; }
          .collection-landing-slide .slider-container > .slider-content > div {
            margin: 0 auto; } }
      .collection-landing-slide .slider-container > .slider-content h2 {
        text-transform: lowercase;
        margin-bottom: 10px;
        line-height: 1.2; }
        @media screen and (max-width: 767px) {
          .collection-landing-slide .slider-container > .slider-content h2 {
            font-size: 38px;
            letter-spacing: 0.93px;
            line-height: 40px;
            margin-bottom: 15px; }
            .collection-landing-slide .slider-container > .slider-content h2 br {
              display: none; } }
      .collection-landing-slide .slider-container > .slider-content h3 {
        font-family: 'Montserrat';
        text-transform: uppercase;
        font-size: 1em;
        line-height: 18px; }
        @media screen and (max-width: 767px) {
          .collection-landing-slide .slider-container > .slider-content h3 {
            font-size: 1.5384615385em;
            letter-spacing: 1.74px;
            line-height: 22px;
            margin-bottom: 30px; } }
      .collection-landing-slide .slider-container > .slider-content hr {
        width: 80px;
        margin-top: 20px;
        margin-bottom: 20px;
        height: 2px;
        background-color: #fff; }
        @media screen and (max-width: 767px) {
          .collection-landing-slide .slider-container > .slider-content hr {
            display: none; } }
      .collection-landing-slide .slider-container > .slider-content p {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 1.0666666667em;
        letter-spacing: 0.35px;
        line-height: 21px;
        margin-bottom: 20px; }
        @media screen and (max-width: 767px) {
          .collection-landing-slide .slider-container > .slider-content p {
            display: none; } }
      .collection-landing-slide .slider-container > .slider-content a {
        color: #000;
        font-family: 'Montserrat';
        font-weight: 700;
        font-size: 14px;
        letter-spacing: 0.35px;
        line-height: 18px;
        -webkit-transition: border-bottom-color 0.4s ease-out;
        -moz-transition: border-bottom-color 0.4s ease-out;
        transition: border-bottom-color 0.4s ease-out;
        border-bottom: 1px solid transparent;
        text-decoration: none;
        border-bottom-color: #000; }
        .collection-landing-slide .slider-container > .slider-content a:hover {
          border-bottom-color: transparent;
          text-decoration: none; }
        @media screen and (max-width: 767px) {
          .collection-landing-slide .slider-container > .slider-content a {
            color: #000;
            font-family: 'Montserrat';
            font-weight: 700;
            font-size: 14px;
            letter-spacing: 0.35px;
            line-height: 18px;
            -webkit-transition: border-bottom-color 0.4s ease-out;
            -moz-transition: border-bottom-color 0.4s ease-out;
            transition: border-bottom-color 0.4s ease-out;
            border-bottom: 1px solid transparent;
            text-decoration: none;
            border-bottom-color: #000; }
            .collection-landing-slide .slider-container > .slider-content a:hover {
              border-bottom-color: transparent;
              text-decoration: none; } }

@media screen and (min-width: 768px) {
  .b-spot-control-sub-items {
    display: flex;
    justify-content: space-between; } }

.b-spot-control-sub-item {
  display: flex;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  position: relative; }
  .b-spot-control-sub-item-content {
    display: flex;
    align-items: flex-start;
    padding: 50px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    @media screen and (max-width: 767px) {
      .b-spot-control-sub-item-content {
        align-items: center; } }
    .b-spot-control-sub-item-content > div {
      width: 230px; }
    @media screen and (max-width: 999px) and (min-width: 768px) {
      .b-spot-control-sub-item-content {
        padding-left: 20px; }
        .b-spot-control-sub-item-content > div {
          width: 195px; } }
    @media screen and (max-width: 767px) {
      .b-spot-control-sub-item-content {
        padding: 0 40px; } }
    @media screen and (max-width: 480px) {
      .b-spot-control-sub-item-content {
        padding: 0 20px; } }
  .b-spot-control-sub-item__title > h3 {
    margin-bottom: 20px;
    line-height: 1.3;
    color: #000;
    font-size: 40px;
    font-weight: 300;
    letter-spacing: 0.93px;
    line-height: 40px;
    font-style: normal; }
    @media screen and (max-width: 767px) {
      .b-spot-control-sub-item__title > h3 {
        font-size: 30px;
        letter-spacing: 0.7px;
        line-height: 30px; } }
  .b-spot-control-sub-item__body > p {
    color: #000;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 1.0666666667em;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.35px;
    line-height: 21px;
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .b-spot-control-sub-item__body > p {
        display: none; } }
  .b-spot-control-sub-item__csa > a,
  .b-spot-control-sub-item__csa span {
    color: #000;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.35px;
    line-height: 18px;
    -webkit-transition: border-bottom-color 0.4s ease-out;
    -moz-transition: border-bottom-color 0.4s ease-out;
    transition: border-bottom-color 0.4s ease-out;
    border-bottom: 1px solid transparent;
    text-decoration: none;
    border-bottom-color: #000; }
    .b-spot-control-sub-item__csa > a:hover,
    .b-spot-control-sub-item__csa span:hover {
      border-bottom-color: transparent;
      text-decoration: none; }
  @media screen and (min-width: 768px) {
    .b-spot-control-sub-item {
      width: calc(100% / 3 - 5px);
      background-position: top center; } }
  .b-spot-control-sub-item:nth-child(1) {
    width: calc(200% / 3 - 5px);
    padding-bottom: calc(200% / 3 - 5px);
    background-color: #e6d9cb;
    background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/styles-and-ideas/collection-b-spot-shop.jpg); }
    @media screen and (max-width: 767px) {
      .b-spot-control-sub-item:nth-child(1) {
        width: 100%;
        padding-bottom: 100%;
        background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/styles-and-ideas/collection-b-spot-shop.jpg); } }
    .b-spot-control-sub-item:nth-child(1):hover {
      cursor: pointer; }
      .b-spot-control-sub-item:nth-child(1):hover .b-spot-control-sub-item__csa span {
        border-bottom-color: transparent; }
  .b-spot-control-sub-item:nth-child(2) {
    display: flex;
    justify-content: space-between; }
    @media screen and (min-width: 768px) {
      .b-spot-control-sub-item:nth-child(2) {
        flex-direction: column;
        width: calc(100% / 3 - 5px); } }
    @media screen and (max-width: 767px) {
      .b-spot-control-sub-item:nth-child(2) {
        width: calc(100% + 30px);
        padding-top: 15px;
        margin-left: -15px; } }
    .b-spot-control-sub-item:nth-child(2) .b-spot-control-sub-item-child {
      display: flex;
      flex-direction: row;
      align-items: center;
      position: relative;
      overflow: hidden; }
      .b-spot-control-sub-item:nth-child(2) .b-spot-control-sub-item-child .b-spot-control-sub-item-bg {
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: -webkit-transform 0.4s ease 0s;
        -moz-transition: -moz-transform 0.4s ease 0s;
        transition: transform 0.4s ease 0s; }
      .b-spot-control-sub-item:nth-child(2) .b-spot-control-sub-item-child .b-spot-control-sub-item-child-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        display: flex;
        justify-content: center;
        align-items: center; }
      .b-spot-control-sub-item:nth-child(2) .b-spot-control-sub-item-child:hover {
        cursor: pointer; }
        .b-spot-control-sub-item:nth-child(2) .b-spot-control-sub-item-child:hover .b-spot-control-sub-item-bg {
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -ms-transform: scale(1.1);
          -o-transform: scale(1.1);
          transform: scale(1.1); }
      .b-spot-control-sub-item:nth-child(2) .b-spot-control-sub-item-child p {
        display: inline-block;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 2.2666666667em;
        font-weight: 300;
        letter-spacing: 1.48px;
        line-height: 36px; }
      @media screen and (min-width: 768px) {
        .b-spot-control-sub-item:nth-child(2) .b-spot-control-sub-item-child {
          width: calc(100% - 2.5px);
          padding-top: calc(100% - 2.5px); } }
      @media screen and (max-width: 767px) {
        .b-spot-control-sub-item:nth-child(2) .b-spot-control-sub-item-child {
          width: calc(100% / 2 - 7px);
          padding-bottom: calc(100% / 2 - 7px); }
          .b-spot-control-sub-item:nth-child(2) .b-spot-control-sub-item-child > p {
            font-size: 1.4666666667em;
            line-height: 24px; } }
      .b-spot-control-sub-item:nth-child(2) .b-spot-control-sub-item-child:nth-child(1) .b-spot-control-sub-item-bg {
        background-color: #e6d9cb;
        background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f19/styles-and-ideas/collection-Bspot-img-top20.jpg); }
      .b-spot-control-sub-item:nth-child(2) .b-spot-control-sub-item-child:nth-child(2) .b-spot-control-sub-item-bg {
        background-color: #e6d9cb;
        background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f19/styles-and-ideas/collection-Bspot-img-denim.jpg); }

.type-a .b-spot-1.b-spot-control-sub-items-wrapper {
  margin-top: 30px !important; }
  @media screen and (max-width: 767px) {
    .type-a .b-spot-1.b-spot-control-sub-items-wrapper {
      margin-top: 15px !important; } }

.type-a .b-spot-control-sub-item:nth-child(1) {
  background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f19/styles-and-ideas/collection-b-spot-shop.jpg); }
  @media screen and (max-width: 767px) {
    .type-a .b-spot-control-sub-item:nth-child(1) {
      background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f19/styles-and-ideas/collection-b-spot-shop.jpg); } }

.type-a .b-spot-control-sub-item .b-spot-control-sub-item-child:nth-child(1) {
  background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f19/styles-and-ideas/collection-Bspot-img-top20.jpg); }

.type-a .b-spot-control-sub-item .b-spot-control-sub-item-child:nth-child(2) {
  background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f19/styles-and-ideas/collection-Bspot-img-denim.jpg); }

@media screen and (max-width: 767px) {
  .c-spot-control-sub-items-wrapper > .container-wide {
    padding: 0; } }

.c-spot-control-sub-items {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .c-spot-control-sub-items {
      flex-wrap: wrap; } }

.c-spot-control-sub-item {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  text-decoration: none; }
  .c-spot-control-sub-item:hover {
    -webkit-filter-filter: brightness(95%);
    filter: brightness(95%);
    cursor: pointer; }
  .c-spot-control-sub-item > p {
    padding-top: 20px;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 1.2em;
    color: #000;
    letter-spacing: 0.7px;
    line-height: 22px;
    text-align: center; }
  @media screen and (min-width: 768px) {
    .c-spot-control-sub-item {
      width: calc(100% / 3 - 10px);
      padding-bottom: calc(175% / 3 - 10px); } }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    .c-spot-control-sub-item > p {
      font-size: 12px;
      line-height: 18px;
      padding-top: 12px; } }
  @media screen and (max-width: 767px) {
    .c-spot-control-sub-item {
      width: calc(100% / 1 - 10px);
      padding-bottom: 100%;
      margin-bottom: 15px;
      margin-left: 15px;
      margin-right: 15px; }
      .c-spot-control-sub-item > p {
        padding-top: 15px;
        font-size: 0.9230769231em;
        letter-spacing: 0.47px;
        line-height: 15px; } }
  .c-spot-control-sub-item:nth-child(1) {
    background-color: #e6d9cb;
    background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/styles-and-ideas/looks-dressy.jpg); }
  .c-spot-control-sub-item:nth-child(2) {
    background-color: #e6d9cb;
    background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/styles-and-ideas/looks-work.jpg); }
  .c-spot-control-sub-item:nth-child(3) {
    background-color: #e6d9cb;
    background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/styles-and-ideas/looks-casual.jpg); }

.d-spot-control-wide-wrapper {
  background-color: #e6d9cb;
  background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/styles-and-ideas/folk-luxe-full-banner.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .d-spot-control-wide-wrapper {
      background-image: none;
      background-color: #d1c8ba; } }
  @media screen and (min-width: 1440px) {
    .d-spot-control-wide-wrapper {
      background-color: transparent;
      background-size: 1550px auto;
      width: 100%;
      max-width: 1550px;
      margin-left: auto;
      margin-right: auto; } }
  .d-spot-control-wide-wrapper:hover {
    cursor: pointer; }
    .d-spot-control-wide-wrapper:hover .d-spot-control-wide-content__cta span {
      border-bottom-color: transparent;
      text-decoration: none; }
  .d-spot-control-wide-wrapper a {
    text-decoration: none; }
  @media screen and (max-width: 767px) {
    .d-spot-control-wide-wrapper > .container {
      padding: 0; } }

.d-spot-control-wide {
  height: 475px; }
  @media screen and (max-width: 767px) {
    .d-spot-control-wide {
      height: auto; } }

.d-spot-control-wide-grid {
  height: 100%;
  display: flex; }
  @media screen and (max-width: 767px) {
    .d-spot-control-wide-grid {
      flex-wrap: wrap;
      margin: 0 -15px; } }

.d-spot-control-banner {
  display: none; }
  @media screen and (max-width: 767px) {
    .d-spot-control-banner {
      display: block;
      width: 100%; }
      .d-spot-control-banner img {
        width: 100%;
        height: auto; } }

.d-spot-control-wide-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 33%;
  padding-right: 4em; }
  @media screen and (max-width: 767px) {
    .d-spot-control-wide-content {
      flex: 0 1 100%;
      padding: 30px 45px 50px; } }
  .d-spot-control-wide-content__title {
    margin-bottom: 10px; }
    @media screen and (max-width: 767px) {
      .d-spot-control-wide-content__title--desktop {
        display: none; } }
    .d-spot-control-wide-content__title--mobile {
      display: none; }
      @media screen and (max-width: 767px) {
        .d-spot-control-wide-content__title--mobile {
          display: block; } }
  .d-spot-control-wide-content__body {
    margin-bottom: 10px;
    color: #000;
    font-size: 1.0666666667em;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.35px;
    line-height: 21px; }
    @media screen and (max-width: 767px) {
      .d-spot-control-wide-content__body {
        font-size: 18px;
        line-height: 24px; } }
  .d-spot-control-wide-content__ctas span {
    color: #000;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.35px;
    line-height: 18px;
    -webkit-transition: border-bottom-color 0.4s ease-out;
    -moz-transition: border-bottom-color 0.4s ease-out;
    transition: border-bottom-color 0.4s ease-out;
    border-bottom: 1px solid transparent;
    text-decoration: none;
    border-bottom-color: #000; }
    .d-spot-control-wide-content__ctas span:hover {
      border-bottom-color: transparent;
      text-decoration: none; }

.e-spot-control-sub-items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media screen and (min-width: 768px) {
    .e-spot-control-sub-items-wrapper {
      margin-bottom: 45px; } }

.e-spot-control-sub-item-container {
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    .e-spot-control-sub-item-container {
      width: calc(100% / 3 - 5px);
      padding-bottom: calc(100% / 3 - 5px); } }
  @media screen and (max-width: 767px) {
    .e-spot-control-sub-item-container {
      width: 100%;
      padding-bottom: 100%;
      margin-top: 15px; }
      .e-spot-control-sub-item-container:nth-child(1) {
        margin-top: 0; } }
  .e-spot-control-sub-item-container .e-spot-control-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.4s ease 0s;
    -moz-transition: -moz-transform 0.4s ease 0s;
    transition: transform 0.4s ease 0s;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center; }
  .e-spot-control-sub-item-container:hover {
    cursor: pointer; }
    .e-spot-control-sub-item-container:hover .e-spot-control-bg {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
  .e-spot-control-sub-item-container .e-spot-control-sub-item {
    position: absolute;
    width: 100%;
    height: 100%; }
  .e-spot-control-sub-item-container:nth-child(1) .e-spot-control-bg {
    background-color: #93586e;
    -webkit-transition: background-color 0.4s ease;
    -moz-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease; }
  .e-spot-control-sub-item-container:nth-child(1):hover .e-spot-control-bg {
    background-color: #863f5a; }
  .e-spot-control-sub-item-container:nth-child(1) .e-spot-control-sub-item > p {
    color: #fff; }
  .e-spot-control-sub-item-container:nth-child(2) .e-spot-control-bg {
    background-color: #e6d9cb;
    background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f19/styles-and-ideas/collection-Bspot-img-cabiclothing.jpg); }
  .e-spot-control-sub-item-container:nth-child(3) .e-spot-control-bg {
    background-color: #63718f;
    -webkit-transition: background-color 0.4s ease;
    -moz-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease; }
  .e-spot-control-sub-item-container:nth-child(3):hover .e-spot-control-bg {
    background-color: #4b5d7d; }
  .e-spot-control-sub-item-container:nth-child(3) .e-spot-control-sub-item > p {
    color: #fff; }

.e-spot-control-sub-item {
  display: flex;
  align-items: center; }
  .e-spot-control-sub-item > p {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 400;
    font-style: normal;
    font-size: 2.2666666667em;
    line-height: 36px;
    display: inline-block;
    width: 100%;
    text-align: center; }
    @media screen and (max-width: 999px) and (min-width: 768px) {
      .e-spot-control-sub-item > p {
        font-size: 24px;
        line-height: 30px; } }

.books-control-wrapper {
  padding: 60px 0 30px 0;
  background: #f9f9f9; }
  @media screen and (max-width: 767px) {
    .books-control-wrapper {
      padding: 20px 0;
      background: transparent; } }

@media screen and (min-width: 768px) {
  .books-control-sub-items {
    display: flex;
    justify-content: space-between; } }

.books-control-sub-item .books-control-sub-item-img {
  display: block;
  background-color: transparent;
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 0.4s ease 0s;
  -moz-transition: -moz-transform 0.4s ease 0s;
  transition: transform 0.4s ease 0s; }
  .books-control-sub-item .books-control-sub-item-img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }

@media screen and (min-width: 768px) {
  .books-control-sub-item {
    width: calc(100% / 2 - 1em); }
    .books-control-sub-item .books-control-sub-item-img {
      padding-bottom: 120%; } }

@media screen and (max-width: 767px) {
  .books-control-sub-item {
    width: 100%;
    margin-bottom: 40px; }
    .books-control-sub-item .books-control-sub-item-img {
      height: 250px;
      background-size: contain; } }

.books-control-sub-item:nth-child(1) .books-control-sub-item-img {
  background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f19/styles-and-ideas/collection-look-book-cover.jpg); }

.books-control-sub-item:nth-child(2) .books-control-sub-item-img {
  background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f19/styles-and-ideas/collection-notion-book-cover.jpg); }

.books-control-sub-item .books-control-sub-item-content {
  padding: 20px 30px; }

.books-control-sub-item .books-control-sub-item__title {
  text-align: center;
  margin-bottom: 15px; }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    .books-control-sub-item .books-control-sub-item__title {
      font-size: 30px; } }

.books-control-sub-item .books-control-sub-item__body {
  text-align: center;
  margin-bottom: 20px; }

.books-control-sub-item .books-control-sub-item__link {
  text-align: center; }
  .books-control-sub-item .books-control-sub-item__link a {
    color: #000;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.35px;
    line-height: 18px;
    -webkit-transition: border-bottom-color 0.4s ease-out;
    -moz-transition: border-bottom-color 0.4s ease-out;
    transition: border-bottom-color 0.4s ease-out;
    border-bottom: 1px solid transparent;
    text-decoration: none;
    border-bottom-color: #000; }
    .books-control-sub-item .books-control-sub-item__link a:hover {
      border-bottom-color: transparent;
      text-decoration: none; }

.fashion-show-wrapper {
  background-color: #e6d9cb;
  background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f19/styles-and-ideas/fashion-show-full-banner.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .fashion-show-wrapper {
      background-color: #150632;
      background-image: none; } }
  @media screen and (min-width: 1440px) {
    .fashion-show-wrapper {
      background-color: transparent;
      background-size: 1550px auto;
      width: 100%;
      max-width: 1550px;
      margin-left: auto;
      margin-right: auto; } }
  .fashion-show-wrapper:hover {
    cursor: pointer; }
    .fashion-show-wrapper:hover .fashion-show-control-wide-content__cta span {
      border-bottom-color: transparent;
      text-decoration: none; }
  .fashion-show-wrapper a {
    text-decoration: none; }
  .fashion-show-wrapper > .container {
    padding: 0; }

.fashion-show-control-wide {
  height: 475px; }
  @media screen and (max-width: 767px) {
    .fashion-show-control-wide {
      height: auto; } }

.fashion-show-control-wide-grid {
  display: flex;
  height: 100%; }
  @media screen and (max-width: 767px) {
    .fashion-show-control-wide-grid {
      flex-wrap: wrap;
      margin: 0 -15px; } }

.fashion-show-control-wide-knock-out {
  flex: 0 1 50%; }
  @media screen and (max-width: 767px) {
    .fashion-show-control-wide-knock-out {
      display: none; } }

.fashion-show-control-wide-mobile-banner {
  display: none; }
  @media screen and (max-width: 767px) {
    .fashion-show-control-wide-mobile-banner {
      display: block;
      flex: 0 1 100%; }
      .fashion-show-control-wide-mobile-banner img {
        width: 100%;
        height: auto; } }

.fashion-show-control-wide-content {
  flex: 0 1 33%;
  display: flex;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .fashion-show-control-wide-content {
      flex: 0 1 100%;
      padding: 30px 45px 50px; } }
  .fashion-show-control-wide-content__title {
    color: #fff;
    margin-bottom: 15px; }
  .fashion-show-control-wide-content__body {
    color: #fff;
    margin-bottom: 20px; }
  .fashion-show-control-wide-content__cta > span {
    color: #fff;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.35px;
    line-height: 18px;
    -webkit-transition: border-bottom-color 0.4s ease-out;
    -moz-transition: border-bottom-color 0.4s ease-out;
    transition: border-bottom-color 0.4s ease-out;
    border-bottom: 1px solid transparent;
    text-decoration: none;
    border-bottom-color: #fff; }
    .fashion-show-control-wide-content__cta > span:hover {
      border-bottom-color: transparent;
      text-decoration: none; }

#slide-dots-control-wrapper {
  position: absolute;
  width: 100%;
  bottom: 30px; }
  @media screen and (max-width: 767px) {
    #slide-dots-control-wrapper {
      bottom: 10px; } }
  #slide-dots-control-wrapper .slick-dots {
    position: static;
    width: calc(100% / 3);
    text-align: left; }
    @media screen and (max-width: 767px) {
      #slide-dots-control-wrapper .slick-dots {
        text-align: center;
        width: 100%; } }
    #slide-dots-control-wrapper .slick-dots li {
      width: 13px;
      height: 13px; }
      #slide-dots-control-wrapper .slick-dots li:first-of-type {
        margin-left: 0; }
      #slide-dots-control-wrapper .slick-dots li button {
        background-color: rgba(120, 120, 120, 0.5);
        border: none;
        border-radius: 50%;
        width: 13px;
        height: 13px; }
      @media screen and (max-width: 767px) {
        #slide-dots-control-wrapper .slick-dots li {
          width: 20px;
          height: 20px; }
          #slide-dots-control-wrapper .slick-dots li button {
            width: 20px;
            height: 20px; } }
    #slide-dots-control-wrapper .slick-dots li button:before {
      content: none; }
    #slide-dots-control-wrapper .slick-dots li.slick-active button {
      background-color: #fff;
      border: 2px solid rgba(120, 120, 120, 0.5);
      width: 13px;
      height: 13px; }
      @media screen and (max-width: 767px) {
        #slide-dots-control-wrapper .slick-dots li.slick-active button {
          width: 20px;
          height: 20px; } }

.slide-dots-control-grid {
  display: flex;
  align-content: space-between; }
  .slide-dots-control-grid > div {
    width: calc(200% / 3 + 5px); }
    @media screen and (max-width: 767px) {
      .slide-dots-control-grid > div {
        display: none; } }

.banner-container {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0 auto;
  max-width: 1440px;
  overflow: hidden;
  width: 100%; }
  @media screen and (min-width: 1000px) {
    .banner-container {
      align-items: stretch;
      flex-direction: row; } }
  @media screen and (min-width: 1440px) {
    .banner-container {
      padding: 0 0px;
      border-bottom: 1px solid #fff; } }
  .cabi-consultant-site .banner-container {
    margin-top: 14px; }
    @media screen and (min-width: 1000px) {
      .cabi-consultant-site .banner-container {
        margin-top: 0; } }
  .banner-container .alert-banner {
    display: flex !important;
    padding: 15px;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 50px;
    margin: 0 auto;
    background: #000;
    height: inherit; }
    @media screen and (min-width: 1000px) {
      .banner-container .alert-banner {
        padding: 15px; } }
    .banner-container .alert-banner .alert-banner-text {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-left: 1em;
      padding-right: 1em; }
      .banner-container .alert-banner .alert-banner-text .alert-banner-title {
        font-size: 1.85em;
        color: white;
        padding-bottom: 0.5em;
        line-height: 1; }
        @media screen and (min-width: 768px) {
          .banner-container .alert-banner .alert-banner-text .alert-banner-title {
            white-space: nowrap;
            padding-bottom: 0;
            font-size: 1.85em; } }
      .banner-container .alert-banner .alert-banner-text .alert-banner-body {
        font-weight: 400;
        margin: 0 10px;
        letter-spacing: 0.31px;
        text-transform: none;
        font-family: Montserrat;
        font-size: 14px;
        line-height: 21px;
        color: white;
        text-align: center; }
        .banner-container .alert-banner .alert-banner-text .alert-banner-body strong {
          font-family: 'Montserrat';
          font-weight: 600; }
        @media screen and (min-width: 768px) {
          .banner-container .alert-banner .alert-banner-text .alert-banner-body {
            max-width: 700px; } }
        @media screen and (min-width: 1000px) {
          .banner-container .alert-banner .alert-banner-text .alert-banner-body {
            max-width: 1060px; } }
        .banner-container .alert-banner .alert-banner-text .alert-banner-body a {
          color: #fff;
          display: inline;
          margin-top: 0;
          text-transform: uppercase; }
    .banner-container .alert-banner .alert-banner-icon {
      display: none;
      height: 23px;
      margin-bottom: 3px;
      width: auto; }
      @media screen and (min-width: 1000px) {
        .banner-container .alert-banner .alert-banner-icon {
          display: block; } }
    .banner-container .alert-banner.banner-hostess-viperk p {
      text-transform: uppercase; }
    .banner-container .alert-banner.banner-hostess-viperk a {
      font-weight: 400 !important; }
    .banner-container .alert-banner.own-your-beauty a {
      font-weight: 700 !important; }
  .banner-container .slick-list {
    width: 100%; }
  .banner-container .slick-track {
    display: flex; }
  .banner-container .slick-prev {
    left: 25px; }
    .banner-container .slick-prev:before {
      font-family: FontAwesome;
      content: "";
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      text-decoration: inherit;
      line-height: 1;
      color: white;
      font-size: 18px; }
  .banner-container .slick-next {
    right: 25px; }
    .banner-container .slick-next:before {
      font-family: FontAwesome;
      content: "";
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      text-decoration: inherit;
      line-height: 1;
      color: white;
      font-size: 18px; }

.free-shipping-banner-topped {
  position: relative;
  z-index: 1; }

.bg-gold {
  background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f20/banner/alert-banner-gold-bg.jpg); }

.style-ideas {
  font-size: 1.2em; }
  @media screen and (min-width: 1000px) {
    .style-ideas {
      font-size: 1em; } }
  .style-ideas img {
    width: 100%;
    height: auto;
    display: block; }
    @media screen and (min-width: 1000px) {
      .style-ideas img {
        display: none; } }

.style-ideas__intro {
  padding: 40px 0; }
  .style-ideas__intro .container-narrow .h2 {
    font-size: 0.875em; }
  .style-ideas__intro .container-narrow .style-ideas__page-title {
    font-size: 5.5em;
    letter-spacing: 2px; }
  .style-ideas__intro .container-narrow p {
    letter-spacing: .03em;
    line-height: 1.6em; }
  @media screen and (min-width: 1000px) {
    .style-ideas__intro {
      height: 325px; }
      .style-ideas__intro .container-narrow {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        position: relative;
        top: 50%; }
        .style-ideas__intro .container-narrow .style-ideas__page-title {
          font-size: 8em; }
        .style-ideas__intro .container-narrow .h2 {
          font-size: 1.25em; } }
  .style-ideas__intro .style-ideas__intro-lh {
    line-height: 1.3em; }
    @media screen and (min-width: 1000px) {
      .style-ideas__intro .style-ideas__intro-lh {
        line-height: 1.2em; } }

.style-ideas__section {
  background-position: top center;
  background-repeat: no-repeat; }
  @media screen and (min-width: 1000px) {
    .style-ideas__section {
      position: relative; } }
  .style-ideas__section .container {
    height: 100%;
    position: relative;
    z-index: 1; }
    .style-ideas__section .container::after {
      clear: both;
      content: "";
      display: table; }
    .style-ideas__section .container .full {
      text-align: center; }
      .style-ideas__section .container .full .content {
        padding: 40px 0; }
        .style-ideas__section .container .full .content .h1 {
          font-family: "Archer SSm A", "Archer SSm B";
          font-weight: 500;
          font-style: normal;
          font-size: 3.5em;
          line-height: 1.25em; }
          @media screen and (max-width: 999px) {
            .style-ideas__section .container .full .content .h1 {
              font-size: 2.5em; } }
        .style-ideas__section .container .full .content .style-ideas__text {
          margin: 1em auto;
          width: 385px;
          line-height: 1.6em; }
          .style-ideas__section .container .full .content .style-ideas__text--wide {
            width: 680px; }
          @media screen and (max-width: 999px) {
            .style-ideas__section .container .full .content .style-ideas__text {
              width: auto; } }
        .style-ideas__section .container .full .content a {
          text-transform: uppercase;
          font-family: 'Montserrat';
          color: inherit;
          font-size: 0.8125em; }
          .style-ideas__section .container .full .content a:hover {
            text-decoration: none; }
    .style-ideas__section .container .half {
      text-align: center; }
      @media screen and (min-width: 1000px) {
        .style-ideas__section .container .half {
          height: 430px; } }
      .style-ideas__section .container .half .content {
        padding: 40px 0; }
        .style-ideas__section .container .half .content .h1 {
          font-family: "Archer SSm A", "Archer SSm B";
          font-weight: 500;
          font-style: normal;
          font-size: 2.5em;
          line-height: 1.25em; }
        .style-ideas__section .container .half .content .style-ideas__text {
          margin: 1em auto;
          width: 385px;
          line-height: 1.6em; }
          .style-ideas__section .container .half .content .style-ideas__text--wide {
            width: 430px; }
          @media screen and (max-width: 999px) {
            .style-ideas__section .container .half .content .style-ideas__text {
              width: auto; } }
        .style-ideas__section .container .half .content a {
          text-transform: uppercase;
          font-family: 'Montserrat';
          color: inherit;
          font-size: 0.8125em; }
          .style-ideas__section .container .half .content a:hover {
            text-decoration: none; }
  @media screen and (min-width: 1000px) {
    .style-ideas__section .container .half {
      width: 50%; }
      .style-ideas__section .container .half .content {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        position: relative;
        top: 50%;
        padding: 0; }
        .style-ideas__section .container .half .content .h1 {
          font-size: 3.5em; } }
  @media screen and (max-width: 999px) {
    .style-ideas__section {
      background-position: left; }
      .style-ideas__section:not(.style-ideas__find-a-stylist) {
        background-image: none !important; }
      .style-ideas__section .half {
        float: none !important; } }

.style-ideas__favorites {
  background-color: #A9A8AE; }

.style-ideas__blog {
  background-color: #908F94; }

.style-ideas__denim {
  background-color: #1B3567; }

.style-ideas__fall-into-spring {
  background-color: #E8E9EB; }

.style-ideas__oldfavs-madenew {
  background-color: #AAA9AE; }

.style-ideas__gallery {
  background-color: #EDD6BF; }
  @media screen and (min-width: 1000px) {
    .style-ideas__gallery {
      height: 470px; } }
  @media screen and (min-width: 1000px) {
    .style-ideas__gallery .half {
      height: 470px !important; } }
  @media screen and (min-width: 1000px) {
    .style-ideas__gallery .half .content {
      padding: 80px 0; } }

.style-ideas__notion {
  background-color: #FAFAF2; }

.style-ideas__look-book {
  background-color: #C8AD99; }

.style-ideas__cabiclothing {
  background-color: #FFFFFF; }
  .style-ideas__cabiclothing .h1 {
    font-size: 2em; }

.style-ideas__find-a-stylist {
  padding: 40px 0;
  background-color: #F8F8F8;
  background-repeat: no-repeat;
  background-size: cover; }
  .style-ideas__find-a-stylist .stylist-section-title {
    margin-bottom: 30px;
    font-size: 2.5em;
    font-weight: 500; }
    @media screen and (min-width: 1000px) {
      .style-ideas__find-a-stylist .stylist-section-title {
        font-size: 3.5em; } }
  .style-ideas__find-a-stylist .find-stylist-btn {
    margin-top: 30px;
    margin-bottom: 20px; }
    .style-ideas__find-a-stylist .find-stylist-btn .uncapped {
      text-transform: lowercase; }
  .style-ideas__find-a-stylist #lead-form-drawer {
    display: none; }
  .style-ideas__find-a-stylist a[data-show='off'] span[data-if='on'] {
    display: none; }
  .style-ideas__find-a-stylist a[data-show='on'] span[data-if='off'] {
    display: none; }
  .style-ideas__find-a-stylist p {
    letter-spacing: .03em;
    line-height: 1.6em; }
  .style-ideas__find-a-stylist .style-ideas__text--wide-stylist-section {
    max-width: 755px;
    margin: 0 auto;
    font-weight: 600; }

.style-ideas__help {
  padding: 1em 0; }
  @media screen and (min-width: 1000px) {
    .style-ideas__help {
      padding: 2em 0; } }
  .style-ideas__help .help-directory {
    position: relative;
    z-index: 1; }

.style-ideas__quicknav {
  position: fixed;
  left: 0;
  top: 50%;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in;
  -moz-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background: white;
  padding: 12px 24px;
  width: 200px;
  border-left: 6px solid #000;
  z-index: 2;
  display: none; }
  @media screen and (min-width: 1280px) {
    .style-ideas__quicknav {
      display: block; } }
  .style-ideas__quicknav:hover {
    opacity: 1; }
  .style-ideas__quicknav a {
    display: block;
    color: #000;
    text-decoration: none;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 0.8125em;
    padding: .5em 0; }
    .style-ideas__quicknav a:hover {
      text-decoration: underline; }
    .style-ideas__quicknav a[data-active=true] {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 700;
      font-style: normal;
      position: relative; }
      .style-ideas__quicknav a[data-active=true]:before {
        font-family: FontAwesome;
        content: "";
        font-weight: normal;
        font-style: normal;
        display: inline-block;
        text-decoration: inherit;
        line-height: 1;
        color: #ff99a8;
        font-size: 8px;
        position: absolute;
        left: -12px;
        top: 12px; }

body.scrolling nav#quicknav {
  opacity: 1 !important; }

.style-ideas [data-component="helpmenu"] .helpmenu__btn {
  width: 200px;
  display: inline-block; }

.style-ideas [data-component="helpmenu"] .helpmenu-title {
  font-size: calc((3.5vw + 3.5vh)/2 + 1vmin); }
  @media screen and (min-width: 1000px) {
    .style-ideas [data-component="helpmenu"] .helpmenu-title {
      font-size: 1.3333333333em; } }

.style-ideas__blog-recent-posts {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 45px 0px 40px 0px; }
  @media screen and (max-width: 999px) {
    .style-ideas__blog-recent-posts {
      justify-content: center;
      flex-wrap: wrap;
      flex-direction: column;
      margin: 35px 0px 20px 0px; } }

.style-ideas__blog-post-post {
  width: 300px;
  text-align: left; }
  @media screen and (max-width: 999px) {
    .style-ideas__blog-post-post {
      margin: 0 auto;
      margin-bottom: 30px; }
      .style-ideas__blog-post-post:last-child {
        display: none; } }
  .style-ideas__blog-post-post .style-ideas__blog-thumbnail-wrapper {
    display: block;
    margin-bottom: 20px;
    overflow: hidden; }
    .style-ideas__blog-post-post .style-ideas__blog-thumbnail-wrapper:hover .style-ideas__blog-thumbnail {
      transform: scale(1.05) translateZ(0); }
  .style-ideas__blog-post-post .style-ideas__blog-post-link--img-active .style-ideas__blog-thumbnail {
    transform: scale(1.05) translateZ(0); }
  .style-ideas__blog-post-post .style-ideas__blog-post-link:hover + .style-ideas__blog-post-link .style-ideas__blog-post-title {
    text-decoration: underline; }
  .style-ideas__blog-post-post .style-ideas__blog-thumbnail {
    display: block;
    transition: transform .2s ease-in-out; }

.style-ideas__blog-post-link {
  text-decoration: none; }

.style-ideas__blog-category {
  font-size: .9em; }

.style-ideas__blog-post-title {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  text-transform: lowercase;
  font-size: 1.35em; }
  .style-ideas__blog-post-title:hover {
    text-decoration: underline; }

#page-style-tips section {
  padding: 30px 0; }
  @media screen and (min-width: 1000px) {
    #page-style-tips section {
      padding: 46px 0; } }

#page-style-tips section#style-tips {
  background: url(../images/collection/style-tips/tan-smile-girl.jpg) top center no-repeat;
  background-size: cover;
  background-attachment: fixed; }
  #page-style-tips section#style-tips p {
    max-width: 700px;
    margin: 2em auto; }
  #page-style-tips section#style-tips #tips {
    position: relative;
    white-space: nowrap; }
    @media screen and (max-width: 999px) {
      #page-style-tips section#style-tips #tips {
        margin: 0 -15px; } }
    #page-style-tips section#style-tips #tips .slick-list {
      padding: 24px; }
      @media screen and (min-width: 1000px) {
        #page-style-tips section#style-tips #tips .slick-list {
          padding: 0; } }
    #page-style-tips section#style-tips #tips .style-tip {
      display: inline-block; }
      #page-style-tips section#style-tips #tips .style-tip img {
        width: 100%;
        height: auto; }
    #page-style-tips section#style-tips #tips .slick-prev, #page-style-tips section#style-tips #tips .slick-next {
      font-size: inherit;
      height: 5em;
      width: 5em;
      margin-top: 0;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media screen and (max-width: 999px) {
        #page-style-tips section#style-tips #tips .slick-prev, #page-style-tips section#style-tips #tips .slick-next {
          display: none !important; } }
      #page-style-tips section#style-tips #tips .slick-prev:before, #page-style-tips section#style-tips #tips .slick-next:before {
        font-size: 5em; }
    #page-style-tips section#style-tips #tips .slick-prev {
      left: -3em; }
    #page-style-tips section#style-tips #tips .slick-next {
      right: -3em; }
    #page-style-tips section#style-tips #tips .slick-next:before {
      content: "";
      font-family: "icomoon" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #000; }
    #page-style-tips section#style-tips #tips .slick-prev:before {
      content: "";
      font-family: "icomoon" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #000; }
  #page-style-tips section#style-tips .btn {
    margin: 10px 0; }

#page-style-tips section#style-tip-videos {
  background: #fff;
  padding: 40px 0; }
  #page-style-tips section#style-tip-videos #videos-wrapper {
    margin-bottom: 30px; }
    #page-style-tips section#style-tip-videos #videos-wrapper::after {
      clear: both;
      content: "";
      display: table; }

@media screen and (min-width: 768px) and (max-width: 999px) {
  #page-style-tips section#style-tip-videos #videos-wrapper article {
    display: table-cell;
    width: 50%; }
    #page-style-tips section#style-tip-videos #videos-wrapper article:nth-child(2n) {
      margin-right: 0; }
    #page-style-tips section#style-tip-videos #videos-wrapper article:nth-child(2n+1) {
      clear: left; } }
    @media screen and (min-width: 1000px) {
      #page-style-tips section#style-tip-videos #videos-wrapper article {
        display: table-cell;
        width: 33.3333333333%; }
        #page-style-tips section#style-tip-videos #videos-wrapper article:nth-child(3n) {
          margin-right: 0; }
        #page-style-tips section#style-tip-videos #videos-wrapper article:nth-child(3n+1) {
          clear: left; }
        #page-style-tips section#style-tip-videos #videos-wrapper article .image {
          border: 3px solid transparent;
          -webkit-transition: border 0.2s ease-out;
          -moz-transition: border 0.2s ease-out;
          transition: border 0.2s ease-out; }
          #page-style-tips section#style-tip-videos #videos-wrapper article .image:hover {
            border: 3px solid #000;
            -webkit-transition: border 0.2s ease-out;
            -moz-transition: border 0.2s ease-out;
            transition: border 0.2s ease-out; }
            #page-style-tips section#style-tip-videos #videos-wrapper article .image:hover .btn-play {
              background: #fff; } }
    #page-style-tips section#style-tip-videos #videos-wrapper article .category {
      display: none; }

#page-style-tips section#style-files {
  background: url(../images/collection/style-tips/tan-glasses.jpg) top center no-repeat;
  background-size: cover;
  background-attachment: fixed; }
  #page-style-tips section#style-files .h1 {
    font-size: 3.125em; }
    #page-style-tips section#style-files .h1 span {
      font-size: 1.25em;
      line-height: 1em; }
  #page-style-tips section#style-files p {
    max-width: 700px;
    margin: 2em auto; }
  #page-style-tips section#style-files #files .file {
    display: inline-block;
    margin-bottom: 2em;
    vertical-align: top; }
    @media screen and (max-width: 767px) {
      #page-style-tips section#style-files #files .file {
        display: table-cell;
        width: 50%; }
        #page-style-tips section#style-files #files .file:nth-child(2n) {
          margin-right: 0; }
        #page-style-tips section#style-files #files .file:nth-child(2n+1) {
          clear: left; } }
    @media screen and (min-width: 1000px) {
      #page-style-tips section#style-files #files .file {
        width: 225px; }
        #page-style-tips section#style-files #files .file img {
          border: 3px solid transparent;
          -webkit-transition: border 0.2s ease-out;
          -moz-transition: border 0.2s ease-out;
          transition: border 0.2s ease-out; }
        #page-style-tips section#style-files #files .file:hover img {
          border: 3px solid #000;
          -webkit-transition: border 0.2s ease-out;
          -moz-transition: border 0.2s ease-out;
          transition: border 0.2s ease-out; } }
    #page-style-tips section#style-files #files .file a {
      text-decoration: none; }
    #page-style-tips section#style-files #files .file span {
      color: #000;
      display: block;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal;
      text-transform: uppercase; }
    #page-style-tips section#style-files #files .file img {
      width: 90%;
      height: auto; }

#page[data-page-id='style-tips-archive'] #tips::after {
  clear: both;
  content: "";
  display: table; }

@media screen and (min-width: 768px) and (max-width: 999px) {
  #page[data-page-id='style-tips-archive'] #tips .style-tip {
    display: table-cell;
    width: 50%; }
    #page[data-page-id='style-tips-archive'] #tips .style-tip:nth-child(2n) {
      margin-right: 0; }
    #page[data-page-id='style-tips-archive'] #tips .style-tip:nth-child(2n+1) {
      clear: left; } }

@media screen and (min-width: 1000px) {
  #page[data-page-id='style-tips-archive'] #tips .style-tip {
    display: table-cell;
    width: 33.3333333333%; }
    #page[data-page-id='style-tips-archive'] #tips .style-tip:nth-child(3n) {
      margin-right: 0; }
    #page[data-page-id='style-tips-archive'] #tips .style-tip:nth-child(3n+1) {
      clear: left; } }

#page[data-page-id='style-tips-archive'] #tips .style-tip img {
  width: 100%;
  height: auto; }

.lookbook__intro {
  margin: 30px 0 15px 0;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .lookbook__intro {
      margin: 40px 0 60px 0; } }

.lookbook__label {
  font-family: 'Montserrat';
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase; }
  @media screen and (min-width: 768px) {
    .lookbook__label {
      font-size: 26px; } }

.lookbook__intro-content {
  margin: auto;
  max-width: 1072px;
  padding: 0 10px;
  text-align: center; }
  .lookbook__intro-content h1 {
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    margin: 0 auto 15px auto; }
    @media screen and (min-width: 768px) {
      .lookbook__intro-content h1 {
        font-size: 50px; } }
  .lookbook__intro-content p {
    font-family: 'Montserrat';
    margin: auto;
    max-width: 800px; }
  .outfit-template__simple .lookbook__intro-content .intro-text p {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 21.6px;
    max-width: 100%; }
  .bv-social .lookbook__intro-content {
    padding: 40px 20px; }

/* Variables
================================================= */
/* Mixins
================================================= */
/* Modernizr
================================================= */
/* Styles
================================================= */
.favorites .favorites-header {
  background-color: #f8f6f4;
  padding-bottom: 2.5rem;
  text-align: center; }
  @media screen and (min-width: 1000px) {
    .favorites .favorites-header {
      padding-bottom: 10rem; } }

.favorites #items-grid {
  margin: 50px auto;
  text-align: center; }
  @media screen and (min-width: 1000px) {
    .favorites #items-grid {
      margin: -100px auto 50px; } }
  @media screen and (min-width: 768px) {
    .favorites #items-grid .row {
      display: block;
      max-width: 940px;
      margin: 0 auto;
      background-color: white; }
      .favorites #items-grid .row .mobile-row {
        display: inline-block;
        width: 49.5%; } }
  .favorites #items-grid .clothing-details {
    background: #f8f6f4;
    display: none;
    position: relative;
    margin-top: 30px;
    text-align: right; }
    .favorites #items-grid .clothing-details .details-container {
      position: relative;
      max-width: 940px;
      margin: 0 auto;
      padding: 4em 0;
      background-color: #f8f6f4; }
    .favorites #items-grid .clothing-details #top-close {
      right: 5.5%; }
      @media screen and (min-width: 768px) {
        .favorites #items-grid .clothing-details #top-close {
          position: absolute;
          right: 4.5%;
          top: 6%; } }
    .favorites #items-grid .clothing-details #bottom-close {
      padding-bottom: 50px; }
      @media screen and (min-width: 768px) {
        .favorites #items-grid .clothing-details #bottom-close {
          display: none; } }

.favorites__title {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-weight: 700;
  font-weight: 700;
  font-size: 50px;
  line-height: 55px;
  letter-spacing: .16px;
  text-align: center;
  color: #000;
  padding: 50px 0px 20px 0px; }
  @media screen and (min-width: 768px) {
    .favorites__title {
      font-size: 75px;
      line-height: 75px; } }

.favorites__title-img {
  width: 100%;
  margin: 0 auto;
  margin-top: 30px; }
  @media screen and (min-width: 768px) {
    .favorites__title-img {
      max-width: 402px;
      margin-top: 40px; } }

.favorites__content {
  width: 90%;
  margin: 0px 5%;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  text-align: center;
  line-height: 170%; }
  .favorites__content strong {
    display: block; }

.favorites .clothing-item {
  width: 49.5%;
  max-width: 250px;
  margin: 10px auto;
  display: inline-block;
  position: relative;
  cursor: pointer; }
  .favorites .clothing-item:before {
    content: "";
    font-family: "icomoon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: inherit;
    position: absolute;
    bottom: -40px;
    font-size: 56px;
    opacity: 0;
    color: #f8f6f4;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s; }
  .favorites .clothing-item.active:before {
    opacity: 1; }
  @media screen and (min-width: 1000px) {
    .favorites .clothing-item:hover h2 {
      opacity: 1;
      top: 40%;
      -webkit-transition: top 0.5s, opacity 0.3s;
      -moz-transition: top 0.5s, opacity 0.3s;
      transition: top 0.5s, opacity 0.3s; } }
  @media screen and (min-width: 1000px) {
    .favorites .clothing-item:focus h2 {
      opacity: 1;
      top: 40%;
      -webkit-transition: top 0.5s, opacity 0.3s;
      -moz-transition: top 0.5s, opacity 0.3s;
      transition: top 0.5s, opacity 0.3s; } }
  .favorites .clothing-item > div {
    display: block;
    width: 100%;
    padding-bottom: 125%;
    position: relative; }
    .favorites .clothing-item > div img {
      display: block;
      max-width: 100%;
      max-height: 100%;
      height: auto;
      position: absolute;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      top: 50%;
      left: 50%; }

.favorites__icon-lg {
  color: #000;
  font-size: 4em;
  padding: 40px 0px 10px;
  cursor: pointer;
  opacity: 0.3;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s; }
  .favorites__icon-lg:hover, .favorites__icon-lg:focus {
    outline: none !important;
    opacity: 1; }
  @media screen and (min-width: 768px) {
    .favorites__icon-lg.icon-close {
      position: absolute;
      right: 23px; } }
  .favorites__icon-lg.icon-close {
    padding-top: 0;
    font-size: 2.5em;
    z-index: 2;
    position: relative; }

.clothing-item__title {
  display: none; }
  @media screen and (min-width: 768px) {
    .clothing-item__title {
      display: block;
      position: absolute;
      opacity: 0;
      z-index: 1;
      text-transform: capitalize;
      -webkit-transition: top 0.3s, opacity 0.3s;
      -moz-transition: top 0.3s, opacity 0.3s;
      transition: top 0.3s, opacity 0.3s;
      top: 55%;
      color: #fff;
      background-color: black;
      font-size: 1em;
      padding: 20px 5px;
      text-align: center;
      width: 100%; } }

.favorites__details-header {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: normal;
  margin-bottom: 24px; }

.favorites__details__title {
  font-size: 2em;
  line-height: 100%;
  padding: 15px 0 5px;
  font-weight: 300; }
  @media screen and (min-width: 768px) {
    .favorites__details__title {
      padding: 40px 0px 10px; } }

.favorites__item-number {
  font-size: 13px; }

.favorites__shop-this-look {
  margin-bottom: 24px; }

.favorites__shop-this-look-button {
  font-family: 'Montserrat';
  text-transform: uppercase; }
  @media screen and (max-width: 767px) {
    .favorites__shop-this-look-button {
      height: 52px; } }

@media screen and (min-width: 768px) {
  .favorites__share {
    margin-bottom: 36px; } }

.favorites__details__more-link {
  color: black;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: 600; }

.favorites__details-body {
  width: 80%;
  margin: 0 auto;
  max-width: 940px;
  position: relative; }
  @media screen and (min-width: 768px) {
    .favorites__details-body {
      display: table;
      width: 90%;
      margin-bottom: 30px; } }
  .favorites__details-body .icon-arrowleft,
  .favorites__details-body .icon-arrowright {
    position: absolute;
    top: 50%;
    z-index: 5;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none; }
    @media screen and (min-width: 768px) {
      .favorites__details-body .icon-arrowleft,
      .favorites__details-body .icon-arrowright {
        display: block; } }
    .favorites__details-body .icon-arrowleft.mobile,
    .favorites__details-body .icon-arrowright.mobile {
      display: block; }
      @media screen and (min-width: 768px) {
        .favorites__details-body .icon-arrowleft.mobile,
        .favorites__details-body .icon-arrowright.mobile {
          display: none; } }
  .favorites__details-body .icon-arrowleft {
    left: -15px; }
    .favorites__details-body .icon-arrowleft.mobile {
      left: -10%; }
  .favorites__details-body .icon-arrowright {
    right: -15px; }
    .favorites__details-body .icon-arrowright.mobile {
      right: -10%; }
  .favorites__details-body .outfit-container {
    display: block;
    position: relative;
    z-index: 1;
    padding-bottom: 60%;
    top: 20px;
    padding-left: 17%; }
    @media screen and (min-width: 768px) {
      .favorites__details-body .outfit-container {
        display: table-cell;
        vertical-align: top;
        width: 50%;
        margin-bottom: 30px;
        padding-bottom: 0;
        padding-left: 10%; } }
    .favorites__details-body .outfit-container > div {
      width: 100%;
      position: relative; }
      .favorites__details-body .outfit-container > div.static {
        padding-bottom: 76%; }
        .favorites__details-body .outfit-container > div.static img {
          display: none; }
      .favorites__details-body .outfit-container > div.outfit {
        position: absolute;
        top: 0px;
        padding-bottom: 75%; }
        .favorites__details-body .outfit-container > div.outfit.active {
          height: auto; }
          .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img {
            -webkit-animation-duration: 0.5s;
            -moz-animation-duration: 0.5s;
            animation-duration: 0.5s;
            -webkit-animation-fill-mode: backwards;
            -moz-animation-fill-mode: backwards;
            animation-fill-mode: backwards;
            opacity: 1; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="1"] {
              -webkit-animation-name: clothing-transition-in-1;
              -moz-animation-name: clothing-transition-in-1;
              animation-name: clothing-transition-in-1; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="-1"] {
              -webkit-animation-name: clothing-transition-in-neg1;
              -moz-animation-name: clothing-transition-in-neg1;
              animation-name: clothing-transition-in-neg1; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="2"] {
              -webkit-animation-name: clothing-transition-in-2;
              -moz-animation-name: clothing-transition-in-2;
              animation-name: clothing-transition-in-2; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="-2"] {
              -webkit-animation-name: clothing-transition-in-neg2;
              -moz-animation-name: clothing-transition-in-neg2;
              animation-name: clothing-transition-in-neg2; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="3"] {
              -webkit-animation-name: clothing-transition-in-3;
              -moz-animation-name: clothing-transition-in-3;
              animation-name: clothing-transition-in-3; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="-3"] {
              -webkit-animation-name: clothing-transition-in-neg3;
              -moz-animation-name: clothing-transition-in-neg3;
              animation-name: clothing-transition-in-neg3; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="4"] {
              -webkit-animation-name: clothing-transition-in-4;
              -moz-animation-name: clothing-transition-in-4;
              animation-name: clothing-transition-in-4; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="-4"] {
              -webkit-animation-name: clothing-transition-in-neg4;
              -moz-animation-name: clothing-transition-in-neg4;
              animation-name: clothing-transition-in-neg4; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="5"] {
              -webkit-animation-name: clothing-transition-in-5;
              -moz-animation-name: clothing-transition-in-5;
              animation-name: clothing-transition-in-5; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="-5"] {
              -webkit-animation-name: clothing-transition-in-neg5;
              -moz-animation-name: clothing-transition-in-neg5;
              animation-name: clothing-transition-in-neg5; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="6"] {
              -webkit-animation-name: clothing-transition-in-6;
              -moz-animation-name: clothing-transition-in-6;
              animation-name: clothing-transition-in-6; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="-6"] {
              -webkit-animation-name: clothing-transition-in-neg6;
              -moz-animation-name: clothing-transition-in-neg6;
              animation-name: clothing-transition-in-neg6; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="7"] {
              -webkit-animation-name: clothing-transition-in-7;
              -moz-animation-name: clothing-transition-in-7;
              animation-name: clothing-transition-in-7; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="-7"] {
              -webkit-animation-name: clothing-transition-in-neg7;
              -moz-animation-name: clothing-transition-in-neg7;
              animation-name: clothing-transition-in-neg7; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="8"] {
              -webkit-animation-name: clothing-transition-in-8;
              -moz-animation-name: clothing-transition-in-8;
              animation-name: clothing-transition-in-8; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="-8"] {
              -webkit-animation-name: clothing-transition-in-neg8;
              -moz-animation-name: clothing-transition-in-neg8;
              animation-name: clothing-transition-in-neg8; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="9"] {
              -webkit-animation-name: clothing-transition-in-9;
              -moz-animation-name: clothing-transition-in-9;
              animation-name: clothing-transition-in-9; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="-9"] {
              -webkit-animation-name: clothing-transition-in-neg9;
              -moz-animation-name: clothing-transition-in-neg9;
              animation-name: clothing-transition-in-neg9; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="10"] {
              -webkit-animation-name: clothing-transition-in-10;
              -moz-animation-name: clothing-transition-in-10;
              animation-name: clothing-transition-in-10; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="-10"] {
              -webkit-animation-name: clothing-transition-in-neg10;
              -moz-animation-name: clothing-transition-in-neg10;
              animation-name: clothing-transition-in-neg10; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="11"] {
              -webkit-animation-name: clothing-transition-in-11;
              -moz-animation-name: clothing-transition-in-11;
              animation-name: clothing-transition-in-11; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="-11"] {
              -webkit-animation-name: clothing-transition-in-neg11;
              -moz-animation-name: clothing-transition-in-neg11;
              animation-name: clothing-transition-in-neg11; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="12"] {
              -webkit-animation-name: clothing-transition-in-12;
              -moz-animation-name: clothing-transition-in-12;
              animation-name: clothing-transition-in-12; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="-12"] {
              -webkit-animation-name: clothing-transition-in-neg12;
              -moz-animation-name: clothing-transition-in-neg12;
              animation-name: clothing-transition-in-neg12; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="0"] {
              -webkit-animation-name: clothing-transition-in-0;
              -moz-animation-name: clothing-transition-in-0;
              animation-name: clothing-transition-in-0; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img:nth-of-type(1) {
              -webkit-animation-delay: 0.25s;
              -moz-animation-delay: 0.25s;
              animation-delay: 0.25s; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img:nth-of-type(2) {
              -webkit-animation-delay: 0.5s;
              -moz-animation-delay: 0.5s;
              animation-delay: 0.5s; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img:nth-of-type(3) {
              -webkit-animation-delay: 0.75s;
              -moz-animation-delay: 0.75s;
              animation-delay: 0.75s; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img:nth-of-type(4) {
              -webkit-animation-delay: 1s;
              -moz-animation-delay: 1s;
              animation-delay: 1s; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img:nth-of-type(5) {
              -webkit-animation-delay: 1.25s;
              -moz-animation-delay: 1.25s;
              animation-delay: 1.25s; }
            .favorites__details-body .outfit-container > div.outfit.active:not(.initial) img:nth-of-type(6) {
              -webkit-animation-delay: 1.5s;
              -moz-animation-delay: 1.5s;
              animation-delay: 1.5s; }
          .favorites__details-body .outfit-container > div.outfit.active.initial {
            opacity: 1; }
        .favorites__details-body .outfit-container > div.outfit img {
          position: absolute;
          max-width: 305px;
          width: 70%;
          height: auto;
          opacity: 0; }
        .favorites__details-body .outfit-container > div.outfit.out img {
          -webkit-animation-duration: 0.275s;
          -moz-animation-duration: 0.275s;
          animation-duration: 0.275s;
          -webkit-animation-fill-mode: backwards;
          -moz-animation-fill-mode: backwards;
          animation-fill-mode: backwards; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="1"] {
            -webkit-animation-name: clothing-transition-out-1;
            -moz-animation-name: clothing-transition-out-1;
            animation-name: clothing-transition-out-1; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="-1"] {
            -webkit-animation-name: clothing-transition-out-neg1;
            -moz-animation-name: clothing-transition-out-neg1;
            animation-name: clothing-transition-out-neg1; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="2"] {
            -webkit-animation-name: clothing-transition-out-2;
            -moz-animation-name: clothing-transition-out-2;
            animation-name: clothing-transition-out-2; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="-2"] {
            -webkit-animation-name: clothing-transition-out-neg2;
            -moz-animation-name: clothing-transition-out-neg2;
            animation-name: clothing-transition-out-neg2; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="3"] {
            -webkit-animation-name: clothing-transition-out-3;
            -moz-animation-name: clothing-transition-out-3;
            animation-name: clothing-transition-out-3; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="-3"] {
            -webkit-animation-name: clothing-transition-out-neg3;
            -moz-animation-name: clothing-transition-out-neg3;
            animation-name: clothing-transition-out-neg3; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="4"] {
            -webkit-animation-name: clothing-transition-out-4;
            -moz-animation-name: clothing-transition-out-4;
            animation-name: clothing-transition-out-4; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="-4"] {
            -webkit-animation-name: clothing-transition-out-neg4;
            -moz-animation-name: clothing-transition-out-neg4;
            animation-name: clothing-transition-out-neg4; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="5"] {
            -webkit-animation-name: clothing-transition-out-5;
            -moz-animation-name: clothing-transition-out-5;
            animation-name: clothing-transition-out-5; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="-5"] {
            -webkit-animation-name: clothing-transition-out-neg5;
            -moz-animation-name: clothing-transition-out-neg5;
            animation-name: clothing-transition-out-neg5; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="6"] {
            -webkit-animation-name: clothing-transition-out-6;
            -moz-animation-name: clothing-transition-out-6;
            animation-name: clothing-transition-out-6; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="-6"] {
            -webkit-animation-name: clothing-transition-out-neg6;
            -moz-animation-name: clothing-transition-out-neg6;
            animation-name: clothing-transition-out-neg6; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="7"] {
            -webkit-animation-name: clothing-transition-out-7;
            -moz-animation-name: clothing-transition-out-7;
            animation-name: clothing-transition-out-7; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="-7"] {
            -webkit-animation-name: clothing-transition-out-neg7;
            -moz-animation-name: clothing-transition-out-neg7;
            animation-name: clothing-transition-out-neg7; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="8"] {
            -webkit-animation-name: clothing-transition-out-8;
            -moz-animation-name: clothing-transition-out-8;
            animation-name: clothing-transition-out-8; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="-8"] {
            -webkit-animation-name: clothing-transition-out-neg8;
            -moz-animation-name: clothing-transition-out-neg8;
            animation-name: clothing-transition-out-neg8; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="9"] {
            -webkit-animation-name: clothing-transition-out-9;
            -moz-animation-name: clothing-transition-out-9;
            animation-name: clothing-transition-out-9; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="-9"] {
            -webkit-animation-name: clothing-transition-out-neg9;
            -moz-animation-name: clothing-transition-out-neg9;
            animation-name: clothing-transition-out-neg9; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="10"] {
            -webkit-animation-name: clothing-transition-out-10;
            -moz-animation-name: clothing-transition-out-10;
            animation-name: clothing-transition-out-10; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="-10"] {
            -webkit-animation-name: clothing-transition-out-neg10;
            -moz-animation-name: clothing-transition-out-neg10;
            animation-name: clothing-transition-out-neg10; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="11"] {
            -webkit-animation-name: clothing-transition-out-11;
            -moz-animation-name: clothing-transition-out-11;
            animation-name: clothing-transition-out-11; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="-11"] {
            -webkit-animation-name: clothing-transition-out-neg11;
            -moz-animation-name: clothing-transition-out-neg11;
            animation-name: clothing-transition-out-neg11; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="12"] {
            -webkit-animation-name: clothing-transition-out-12;
            -moz-animation-name: clothing-transition-out-12;
            animation-name: clothing-transition-out-12; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="-12"] {
            -webkit-animation-name: clothing-transition-out-neg12;
            -moz-animation-name: clothing-transition-out-neg12;
            animation-name: clothing-transition-out-neg12; }
          .favorites__details-body .outfit-container > div.outfit.out img[data-rotate="0"] {
            -webkit-animation-name: clothing-transition-out-0;
            -moz-animation-name: clothing-transition-out-0;
            animation-name: clothing-transition-out-0; }
    .favorites__details-body .outfit-container.fade > div.static img {
      opacity: 0.4; }
    .favorites__details-body .outfit-container.fade > div.outfit.active img {
      opacity: 0.4;
      -webkit-transition: opacity 0.5s;
      -moz-transition: opacity 0.5s;
      transition: opacity 0.5s; }
      .favorites__details-body .outfit-container.fade > div.outfit.active img.current {
        opacity: 1; }
  .favorites__details-body .box-container {
    display: block;
    text-align: left;
    position: relative;
    z-index: 1; }
    @media screen and (min-width: 768px) {
      .favorites__details-body .box-container {
        display: table-cell;
        vertical-align: middle;
        width: 50%; } }
    .favorites__details-body .box-container ul {
      list-style: none; }
      .favorites__details-body .box-container ul.active {
        padding: 0.5em 0 1.5em; }

.favorites__details__links-list {
  visibility: hidden;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  transition-delay: 0.7s; }
  .favorites__details__links-list.active {
    height: auto;
    opacity: 1;
    visibility: visible; }

.favorites__details__links-item {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 1.1em;
  line-height: 140%;
  padding: 15px 0px; }
  @media screen and (min-width: 768px) {
    .favorites__details__links-item {
      padding: 10px 0px; } }
  .favorites__details__links-item:hover a {
    text-decoration: none; }

.favorites__details__share-list {
  width: 100%;
  display: block;
  padding: 0.5em 0; }

.favorites__details__share-item {
  display: inline-block;
  text-align: center; }
  .favorites__details__share-item:last-child {
    margin-right: 0; }
  .favorites__details__share-item a {
    display: inline-block;
    background: #000;
    height: 36px;
    width: 36px;
    font-size: 18px;
    text-decoration: none;
    line-height: 40px;
    cursor: pointer; }
    .favorites__details__share-item a i {
      color: white; }
    .favorites__details__share-item a:hover {
      background-color: #f4f4f4; }
      .favorites__details__share-item a:hover i {
        color: #000; }

.favorites__details__subheader {
  font-family: 'Montserrat';
  line-height: 100%;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 0.8em; }

.favorites__outfit-thumbs {
  display: none; }
  @media screen and (min-width: 768px) {
    .favorites__outfit-thumbs {
      display: block;
      max-width: 600px;
      width: 100%;
      margin: 0 auto;
      padding-bottom: 30px; }
      .favorites__outfit-thumbs > div {
        width: 16%;
        display: inline-block;
        border: 4px solid #ccc;
        margin-right: 2.3%;
        position: relative;
        opacity: 0.5;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s; }
        .favorites__outfit-thumbs > div img {
          width: 100%;
          height: auto; }
        .favorites__outfit-thumbs > div.active {
          border: 4px solid #000;
          opacity: 1; }
        .favorites__outfit-thumbs > div:hover {
          border-color: #000; } }

@-webkit-keyframes clothing-transition-in-1 {
  from {
    opacity: 0;
    -webkit-transform: rotate(1deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-1 {
  from {
    opacity: 0;
    -moz-transform: rotate(1deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-1 {
  from {
    opacity: 0;
    -webkit-transform: rotate(1deg) translateX(105%);
    -moz-transform: rotate(1deg) translateX(105%);
    -ms-transform: rotate(1deg) translateX(105%);
    -o-transform: rotate(1deg) translateX(105%);
    transform: rotate(1deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-1 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(1deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-1 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(1deg) translateX(-105%); } }

@keyframes clothing-transition-out-1 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(1deg) translateX(-105%);
    -moz-transform: rotate(1deg) translateX(-105%);
    -ms-transform: rotate(1deg) translateX(-105%);
    -o-transform: rotate(1deg) translateX(-105%);
    transform: rotate(1deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-neg1 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-1deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-neg1 {
  from {
    opacity: 0;
    -moz-transform: rotate(-1deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-neg1 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-1deg) translateX(105%);
    -moz-transform: rotate(-1deg) translateX(105%);
    -ms-transform: rotate(-1deg) translateX(105%);
    -o-transform: rotate(-1deg) translateX(105%);
    transform: rotate(-1deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-neg1 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-1deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-neg1 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(-1deg) translateX(-105%); } }

@keyframes clothing-transition-out-neg1 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-1deg) translateX(-105%);
    -moz-transform: rotate(-1deg) translateX(-105%);
    -ms-transform: rotate(-1deg) translateX(-105%);
    -o-transform: rotate(-1deg) translateX(-105%);
    transform: rotate(-1deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-2 {
  from {
    opacity: 0;
    -webkit-transform: rotate(2deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-2 {
  from {
    opacity: 0;
    -moz-transform: rotate(2deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-2 {
  from {
    opacity: 0;
    -webkit-transform: rotate(2deg) translateX(105%);
    -moz-transform: rotate(2deg) translateX(105%);
    -ms-transform: rotate(2deg) translateX(105%);
    -o-transform: rotate(2deg) translateX(105%);
    transform: rotate(2deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-2 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(2deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-2 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(2deg) translateX(-105%); } }

@keyframes clothing-transition-out-2 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(2deg) translateX(-105%);
    -moz-transform: rotate(2deg) translateX(-105%);
    -ms-transform: rotate(2deg) translateX(-105%);
    -o-transform: rotate(2deg) translateX(-105%);
    transform: rotate(2deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-neg2 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-2deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-neg2 {
  from {
    opacity: 0;
    -moz-transform: rotate(-2deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-neg2 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-2deg) translateX(105%);
    -moz-transform: rotate(-2deg) translateX(105%);
    -ms-transform: rotate(-2deg) translateX(105%);
    -o-transform: rotate(-2deg) translateX(105%);
    transform: rotate(-2deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-neg2 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-2deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-neg2 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(-2deg) translateX(-105%); } }

@keyframes clothing-transition-out-neg2 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-2deg) translateX(-105%);
    -moz-transform: rotate(-2deg) translateX(-105%);
    -ms-transform: rotate(-2deg) translateX(-105%);
    -o-transform: rotate(-2deg) translateX(-105%);
    transform: rotate(-2deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-3 {
  from {
    opacity: 0;
    -webkit-transform: rotate(3deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-3 {
  from {
    opacity: 0;
    -moz-transform: rotate(3deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-3 {
  from {
    opacity: 0;
    -webkit-transform: rotate(3deg) translateX(105%);
    -moz-transform: rotate(3deg) translateX(105%);
    -ms-transform: rotate(3deg) translateX(105%);
    -o-transform: rotate(3deg) translateX(105%);
    transform: rotate(3deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-3 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(3deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-3 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(3deg) translateX(-105%); } }

@keyframes clothing-transition-out-3 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(3deg) translateX(-105%);
    -moz-transform: rotate(3deg) translateX(-105%);
    -ms-transform: rotate(3deg) translateX(-105%);
    -o-transform: rotate(3deg) translateX(-105%);
    transform: rotate(3deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-neg3 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-3deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-neg3 {
  from {
    opacity: 0;
    -moz-transform: rotate(-3deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-neg3 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-3deg) translateX(105%);
    -moz-transform: rotate(-3deg) translateX(105%);
    -ms-transform: rotate(-3deg) translateX(105%);
    -o-transform: rotate(-3deg) translateX(105%);
    transform: rotate(-3deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-neg3 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-3deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-neg3 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(-3deg) translateX(-105%); } }

@keyframes clothing-transition-out-neg3 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-3deg) translateX(-105%);
    -moz-transform: rotate(-3deg) translateX(-105%);
    -ms-transform: rotate(-3deg) translateX(-105%);
    -o-transform: rotate(-3deg) translateX(-105%);
    transform: rotate(-3deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-4 {
  from {
    opacity: 0;
    -webkit-transform: rotate(4deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-4 {
  from {
    opacity: 0;
    -moz-transform: rotate(4deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-4 {
  from {
    opacity: 0;
    -webkit-transform: rotate(4deg) translateX(105%);
    -moz-transform: rotate(4deg) translateX(105%);
    -ms-transform: rotate(4deg) translateX(105%);
    -o-transform: rotate(4deg) translateX(105%);
    transform: rotate(4deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-4 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(4deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-4 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(4deg) translateX(-105%); } }

@keyframes clothing-transition-out-4 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(4deg) translateX(-105%);
    -moz-transform: rotate(4deg) translateX(-105%);
    -ms-transform: rotate(4deg) translateX(-105%);
    -o-transform: rotate(4deg) translateX(-105%);
    transform: rotate(4deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-neg4 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-4deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-neg4 {
  from {
    opacity: 0;
    -moz-transform: rotate(-4deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-neg4 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-4deg) translateX(105%);
    -moz-transform: rotate(-4deg) translateX(105%);
    -ms-transform: rotate(-4deg) translateX(105%);
    -o-transform: rotate(-4deg) translateX(105%);
    transform: rotate(-4deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-neg4 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-4deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-neg4 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(-4deg) translateX(-105%); } }

@keyframes clothing-transition-out-neg4 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-4deg) translateX(-105%);
    -moz-transform: rotate(-4deg) translateX(-105%);
    -ms-transform: rotate(-4deg) translateX(-105%);
    -o-transform: rotate(-4deg) translateX(-105%);
    transform: rotate(-4deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-5 {
  from {
    opacity: 0;
    -webkit-transform: rotate(5deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-5 {
  from {
    opacity: 0;
    -moz-transform: rotate(5deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-5 {
  from {
    opacity: 0;
    -webkit-transform: rotate(5deg) translateX(105%);
    -moz-transform: rotate(5deg) translateX(105%);
    -ms-transform: rotate(5deg) translateX(105%);
    -o-transform: rotate(5deg) translateX(105%);
    transform: rotate(5deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-5 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(5deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-5 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(5deg) translateX(-105%); } }

@keyframes clothing-transition-out-5 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(5deg) translateX(-105%);
    -moz-transform: rotate(5deg) translateX(-105%);
    -ms-transform: rotate(5deg) translateX(-105%);
    -o-transform: rotate(5deg) translateX(-105%);
    transform: rotate(5deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-neg5 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-5deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-neg5 {
  from {
    opacity: 0;
    -moz-transform: rotate(-5deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-neg5 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-5deg) translateX(105%);
    -moz-transform: rotate(-5deg) translateX(105%);
    -ms-transform: rotate(-5deg) translateX(105%);
    -o-transform: rotate(-5deg) translateX(105%);
    transform: rotate(-5deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-neg5 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-5deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-neg5 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(-5deg) translateX(-105%); } }

@keyframes clothing-transition-out-neg5 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-5deg) translateX(-105%);
    -moz-transform: rotate(-5deg) translateX(-105%);
    -ms-transform: rotate(-5deg) translateX(-105%);
    -o-transform: rotate(-5deg) translateX(-105%);
    transform: rotate(-5deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-6 {
  from {
    opacity: 0;
    -webkit-transform: rotate(6deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-6 {
  from {
    opacity: 0;
    -moz-transform: rotate(6deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-6 {
  from {
    opacity: 0;
    -webkit-transform: rotate(6deg) translateX(105%);
    -moz-transform: rotate(6deg) translateX(105%);
    -ms-transform: rotate(6deg) translateX(105%);
    -o-transform: rotate(6deg) translateX(105%);
    transform: rotate(6deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-6 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(6deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-6 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(6deg) translateX(-105%); } }

@keyframes clothing-transition-out-6 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(6deg) translateX(-105%);
    -moz-transform: rotate(6deg) translateX(-105%);
    -ms-transform: rotate(6deg) translateX(-105%);
    -o-transform: rotate(6deg) translateX(-105%);
    transform: rotate(6deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-neg6 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-6deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-neg6 {
  from {
    opacity: 0;
    -moz-transform: rotate(-6deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-neg6 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-6deg) translateX(105%);
    -moz-transform: rotate(-6deg) translateX(105%);
    -ms-transform: rotate(-6deg) translateX(105%);
    -o-transform: rotate(-6deg) translateX(105%);
    transform: rotate(-6deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-neg6 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-6deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-neg6 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(-6deg) translateX(-105%); } }

@keyframes clothing-transition-out-neg6 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-6deg) translateX(-105%);
    -moz-transform: rotate(-6deg) translateX(-105%);
    -ms-transform: rotate(-6deg) translateX(-105%);
    -o-transform: rotate(-6deg) translateX(-105%);
    transform: rotate(-6deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-7 {
  from {
    opacity: 0;
    -webkit-transform: rotate(7deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-7 {
  from {
    opacity: 0;
    -moz-transform: rotate(7deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-7 {
  from {
    opacity: 0;
    -webkit-transform: rotate(7deg) translateX(105%);
    -moz-transform: rotate(7deg) translateX(105%);
    -ms-transform: rotate(7deg) translateX(105%);
    -o-transform: rotate(7deg) translateX(105%);
    transform: rotate(7deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-7 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(7deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-7 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(7deg) translateX(-105%); } }

@keyframes clothing-transition-out-7 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(7deg) translateX(-105%);
    -moz-transform: rotate(7deg) translateX(-105%);
    -ms-transform: rotate(7deg) translateX(-105%);
    -o-transform: rotate(7deg) translateX(-105%);
    transform: rotate(7deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-neg7 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-7deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-neg7 {
  from {
    opacity: 0;
    -moz-transform: rotate(-7deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-neg7 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-7deg) translateX(105%);
    -moz-transform: rotate(-7deg) translateX(105%);
    -ms-transform: rotate(-7deg) translateX(105%);
    -o-transform: rotate(-7deg) translateX(105%);
    transform: rotate(-7deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-neg7 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-7deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-neg7 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(-7deg) translateX(-105%); } }

@keyframes clothing-transition-out-neg7 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-7deg) translateX(-105%);
    -moz-transform: rotate(-7deg) translateX(-105%);
    -ms-transform: rotate(-7deg) translateX(-105%);
    -o-transform: rotate(-7deg) translateX(-105%);
    transform: rotate(-7deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-8 {
  from {
    opacity: 0;
    -webkit-transform: rotate(8deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-8 {
  from {
    opacity: 0;
    -moz-transform: rotate(8deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-8 {
  from {
    opacity: 0;
    -webkit-transform: rotate(8deg) translateX(105%);
    -moz-transform: rotate(8deg) translateX(105%);
    -ms-transform: rotate(8deg) translateX(105%);
    -o-transform: rotate(8deg) translateX(105%);
    transform: rotate(8deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-8 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(8deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-8 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(8deg) translateX(-105%); } }

@keyframes clothing-transition-out-8 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(8deg) translateX(-105%);
    -moz-transform: rotate(8deg) translateX(-105%);
    -ms-transform: rotate(8deg) translateX(-105%);
    -o-transform: rotate(8deg) translateX(-105%);
    transform: rotate(8deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-neg8 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-8deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-neg8 {
  from {
    opacity: 0;
    -moz-transform: rotate(-8deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-neg8 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-8deg) translateX(105%);
    -moz-transform: rotate(-8deg) translateX(105%);
    -ms-transform: rotate(-8deg) translateX(105%);
    -o-transform: rotate(-8deg) translateX(105%);
    transform: rotate(-8deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-neg8 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-8deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-neg8 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(-8deg) translateX(-105%); } }

@keyframes clothing-transition-out-neg8 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-8deg) translateX(-105%);
    -moz-transform: rotate(-8deg) translateX(-105%);
    -ms-transform: rotate(-8deg) translateX(-105%);
    -o-transform: rotate(-8deg) translateX(-105%);
    transform: rotate(-8deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-9 {
  from {
    opacity: 0;
    -webkit-transform: rotate(9deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-9 {
  from {
    opacity: 0;
    -moz-transform: rotate(9deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-9 {
  from {
    opacity: 0;
    -webkit-transform: rotate(9deg) translateX(105%);
    -moz-transform: rotate(9deg) translateX(105%);
    -ms-transform: rotate(9deg) translateX(105%);
    -o-transform: rotate(9deg) translateX(105%);
    transform: rotate(9deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-9 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(9deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-9 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(9deg) translateX(-105%); } }

@keyframes clothing-transition-out-9 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(9deg) translateX(-105%);
    -moz-transform: rotate(9deg) translateX(-105%);
    -ms-transform: rotate(9deg) translateX(-105%);
    -o-transform: rotate(9deg) translateX(-105%);
    transform: rotate(9deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-neg9 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-9deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-neg9 {
  from {
    opacity: 0;
    -moz-transform: rotate(-9deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-neg9 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-9deg) translateX(105%);
    -moz-transform: rotate(-9deg) translateX(105%);
    -ms-transform: rotate(-9deg) translateX(105%);
    -o-transform: rotate(-9deg) translateX(105%);
    transform: rotate(-9deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-neg9 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-9deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-neg9 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(-9deg) translateX(-105%); } }

@keyframes clothing-transition-out-neg9 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-9deg) translateX(-105%);
    -moz-transform: rotate(-9deg) translateX(-105%);
    -ms-transform: rotate(-9deg) translateX(-105%);
    -o-transform: rotate(-9deg) translateX(-105%);
    transform: rotate(-9deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-10 {
  from {
    opacity: 0;
    -webkit-transform: rotate(10deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-10 {
  from {
    opacity: 0;
    -moz-transform: rotate(10deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-10 {
  from {
    opacity: 0;
    -webkit-transform: rotate(10deg) translateX(105%);
    -moz-transform: rotate(10deg) translateX(105%);
    -ms-transform: rotate(10deg) translateX(105%);
    -o-transform: rotate(10deg) translateX(105%);
    transform: rotate(10deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-10 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(10deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-10 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(10deg) translateX(-105%); } }

@keyframes clothing-transition-out-10 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(10deg) translateX(-105%);
    -moz-transform: rotate(10deg) translateX(-105%);
    -ms-transform: rotate(10deg) translateX(-105%);
    -o-transform: rotate(10deg) translateX(-105%);
    transform: rotate(10deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-neg10 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-10deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-neg10 {
  from {
    opacity: 0;
    -moz-transform: rotate(-10deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-neg10 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-10deg) translateX(105%);
    -moz-transform: rotate(-10deg) translateX(105%);
    -ms-transform: rotate(-10deg) translateX(105%);
    -o-transform: rotate(-10deg) translateX(105%);
    transform: rotate(-10deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-neg10 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-10deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-neg10 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(-10deg) translateX(-105%); } }

@keyframes clothing-transition-out-neg10 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-10deg) translateX(-105%);
    -moz-transform: rotate(-10deg) translateX(-105%);
    -ms-transform: rotate(-10deg) translateX(-105%);
    -o-transform: rotate(-10deg) translateX(-105%);
    transform: rotate(-10deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-11 {
  from {
    opacity: 0;
    -webkit-transform: rotate(11deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-11 {
  from {
    opacity: 0;
    -moz-transform: rotate(11deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-11 {
  from {
    opacity: 0;
    -webkit-transform: rotate(11deg) translateX(105%);
    -moz-transform: rotate(11deg) translateX(105%);
    -ms-transform: rotate(11deg) translateX(105%);
    -o-transform: rotate(11deg) translateX(105%);
    transform: rotate(11deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-11 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(11deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-11 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(11deg) translateX(-105%); } }

@keyframes clothing-transition-out-11 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(11deg) translateX(-105%);
    -moz-transform: rotate(11deg) translateX(-105%);
    -ms-transform: rotate(11deg) translateX(-105%);
    -o-transform: rotate(11deg) translateX(-105%);
    transform: rotate(11deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-neg11 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-11deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-neg11 {
  from {
    opacity: 0;
    -moz-transform: rotate(-11deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-neg11 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-11deg) translateX(105%);
    -moz-transform: rotate(-11deg) translateX(105%);
    -ms-transform: rotate(-11deg) translateX(105%);
    -o-transform: rotate(-11deg) translateX(105%);
    transform: rotate(-11deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-neg11 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-11deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-neg11 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(-11deg) translateX(-105%); } }

@keyframes clothing-transition-out-neg11 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-11deg) translateX(-105%);
    -moz-transform: rotate(-11deg) translateX(-105%);
    -ms-transform: rotate(-11deg) translateX(-105%);
    -o-transform: rotate(-11deg) translateX(-105%);
    transform: rotate(-11deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-12 {
  from {
    opacity: 0;
    -webkit-transform: rotate(12deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-12 {
  from {
    opacity: 0;
    -moz-transform: rotate(12deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-12 {
  from {
    opacity: 0;
    -webkit-transform: rotate(12deg) translateX(105%);
    -moz-transform: rotate(12deg) translateX(105%);
    -ms-transform: rotate(12deg) translateX(105%);
    -o-transform: rotate(12deg) translateX(105%);
    transform: rotate(12deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-12 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(12deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-12 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(12deg) translateX(-105%); } }

@keyframes clothing-transition-out-12 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(12deg) translateX(-105%);
    -moz-transform: rotate(12deg) translateX(-105%);
    -ms-transform: rotate(12deg) translateX(-105%);
    -o-transform: rotate(12deg) translateX(-105%);
    transform: rotate(12deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-neg12 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-12deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-neg12 {
  from {
    opacity: 0;
    -moz-transform: rotate(-12deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-neg12 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-12deg) translateX(105%);
    -moz-transform: rotate(-12deg) translateX(105%);
    -ms-transform: rotate(-12deg) translateX(105%);
    -o-transform: rotate(-12deg) translateX(105%);
    transform: rotate(-12deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-neg12 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-12deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-neg12 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(-12deg) translateX(-105%); } }

@keyframes clothing-transition-out-neg12 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-12deg) translateX(-105%);
    -moz-transform: rotate(-12deg) translateX(-105%);
    -ms-transform: rotate(-12deg) translateX(-105%);
    -o-transform: rotate(-12deg) translateX(-105%);
    transform: rotate(-12deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-0 {
  from {
    opacity: 0;
    -webkit-transform: translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0%); } }

@-moz-keyframes clothing-transition-in-0 {
  from {
    opacity: 0;
    -moz-transform: translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: translateX(0%); } }

@keyframes clothing-transition-in-0 {
  from {
    opacity: 0;
    -webkit-transform: translateX(105%);
    -moz-transform: translateX(105%);
    -ms-transform: translateX(105%);
    -o-transform: translateX(105%);
    transform: translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

@-webkit-keyframes clothing-transition-out-0 {
  from {
    opacity: 1;
    -webkit-transform: translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: translateX(-105%); } }

@-moz-keyframes clothing-transition-out-0 {
  from {
    opacity: 1;
    -moz-transform: translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: translateX(-105%); } }

@keyframes clothing-transition-out-0 {
  from {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: translateX(-105%);
    -moz-transform: translateX(-105%);
    -ms-transform: translateX(-105%);
    -o-transform: translateX(-105%);
    transform: translateX(-105%); } }

/* Variables
================================================= */
/* Mixins
================================================= */
/* Modernizr
  ================================================= */
/* Styles
  ================================================= */
.fall-spring .fall-spring-header {
  background-color: #f8f6f4;
  padding-bottom: 2.5rem;
  text-align: center; }
  @media screen and (min-width: 1000px) {
    .fall-spring .fall-spring-header {
      padding-bottom: 10rem; } }

.fall-spring #items-grid {
  margin: 50px auto;
  text-align: center; }
  @media screen and (min-width: 1000px) {
    .fall-spring #items-grid {
      margin: -100px auto 50px; } }
  @media screen and (min-width: 768px) {
    .fall-spring #items-grid .row {
      display: block;
      max-width: 940px;
      margin: 0 auto;
      background-color: white; }
      .fall-spring #items-grid .row .mobile-row {
        display: inline-block;
        width: 49.5%; } }
  .fall-spring #items-grid .clothing-details {
    background: #f8f6f4;
    display: none;
    position: relative;
    margin-top: 30px;
    text-align: right; }
    .fall-spring #items-grid .clothing-details .details-container {
      position: relative;
      max-width: 940px;
      margin: 0 auto;
      padding: 4em 0;
      background-color: #f8f6f4; }
    .fall-spring #items-grid .clothing-details #top-close {
      right: 5.5%; }
      @media screen and (min-width: 768px) {
        .fall-spring #items-grid .clothing-details #top-close {
          position: absolute;
          right: 4.5%;
          top: 6%; } }
    .fall-spring #items-grid .clothing-details #bottom-close {
      padding-bottom: 50px; }
      @media screen and (min-width: 768px) {
        .fall-spring #items-grid .clothing-details #bottom-close {
          display: none; } }

.fall-spring__title {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-weight: 700;
  font-size: 34px;
  line-height: 55px;
  letter-spacing: -1px;
  text-align: center;
  padding: 20px 0px 10px 0px; }
  .fall-spring__title span {
    display: block;
    font-family: Montserrat;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1.31px;
    line-height: 25px;
    text-align: center; }
  @media screen and (min-width: 768px) {
    .fall-spring__title {
      font-size: 80px;
      letter-spacing: -1px;
      line-height: 100px; }
      .fall-spring__title span {
        display: block;
        font-family: Montserrat;
        font-size: 21px;
        font-weight: 600;
        letter-spacing: 1.31px;
        line-height: 25px;
        text-align: center; } }

.fall-spring__title-img {
  margin: 0 auto;
  margin-top: 30px;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .fall-spring__title-img {
      max-width: 535px;
      margin-top: 40px; } }

.fall-spring__content {
  width: 90%;
  max-width: 575px;
  margin: 0px auto;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  text-align: center;
  line-height: 170%; }
  .fall-spring__content strong {
    display: block; }

.fall-spring .clothing-item {
  width: 49.5%;
  max-width: 250px;
  margin: 10px auto;
  display: inline-block;
  position: relative;
  cursor: pointer; }
  .fall-spring .clothing-item:before {
    content: "";
    font-family: "icomoon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: inherit;
    position: absolute;
    bottom: -40px;
    font-size: 56px;
    opacity: 0;
    color: #f8f6f4;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s; }
  .fall-spring .clothing-item.active:before {
    opacity: 1; }
  @media screen and (min-width: 1000px) {
    .fall-spring .clothing-item:hover h2 {
      opacity: 1;
      top: 40%;
      -webkit-transition: top 0.5s, opacity 0.3s;
      -moz-transition: top 0.5s, opacity 0.3s;
      transition: top 0.5s, opacity 0.3s; } }
  @media screen and (min-width: 1000px) {
    .fall-spring .clothing-item:focus h2 {
      opacity: 1;
      top: 40%;
      -webkit-transition: top 0.5s, opacity 0.3s;
      -moz-transition: top 0.5s, opacity 0.3s;
      transition: top 0.5s, opacity 0.3s; } }
  .fall-spring .clothing-item > div {
    display: block;
    width: 100%;
    padding-bottom: 125%;
    position: relative; }
    .fall-spring .clothing-item > div img {
      display: block;
      max-width: 100%;
      max-height: 100%;
      height: auto;
      position: absolute;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      top: 50%;
      left: 50%; }

.fall-spring__icon-lg {
  color: #000;
  font-size: 4em;
  padding: 40px 0px 10px;
  cursor: pointer;
  opacity: 0.3;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s; }
  .fall-spring__icon-lg:hover {
    opacity: 1; }
  @media screen and (min-width: 768px) {
    .fall-spring__icon-lg.icon-close {
      position: absolute;
      right: 23px; } }
  .fall-spring__icon-lg.icon-close {
    padding-top: 0;
    font-size: 2.5em;
    z-index: 2;
    position: relative; }

.clothing-item__title {
  display: none; }
  @media screen and (min-width: 768px) {
    .clothing-item__title {
      display: block;
      position: absolute;
      opacity: 0;
      z-index: 1;
      text-transform: capitalize;
      -webkit-transition: top 0.3s, opacity 0.3s;
      -moz-transition: top 0.3s, opacity 0.3s;
      transition: top 0.3s, opacity 0.3s;
      top: 55%;
      color: #fff;
      background-color: black;
      font-size: 1em;
      padding: 20px 5px;
      text-align: center;
      width: 100%; } }

.fall-spring__details-header {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: normal;
  margin-bottom: 24px; }

.fall-spring__details__title {
  font-size: 2em;
  line-height: 100%;
  padding: 15px 0 5px;
  font-weight: 300; }
  @media screen and (min-width: 768px) {
    .fall-spring__details__title {
      padding: 40px 0px 10px; } }

.fall-spring__item-number {
  font-size: 13px; }

.fall-spring__shop-this-look {
  margin-bottom: 24px; }

.fall-spring__shop-this-look-button {
  font-family: 'Montserrat';
  text-transform: uppercase; }
  @media screen and (max-width: 767px) {
    .fall-spring__shop-this-look-button {
      height: 52px; } }

@media screen and (min-width: 768px) {
  .fall-spring__share {
    margin-bottom: 36px; } }

.fall-spring__details__more-link {
  color: black;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: 600; }

.fall-spring__details-body {
  width: 80%;
  margin: 0 auto;
  max-width: 940px;
  position: relative; }
  @media screen and (min-width: 768px) {
    .fall-spring__details-body {
      display: table;
      width: 90%;
      margin-bottom: 30px; } }
  .fall-spring__details-body .icon-arrowleft,
  .fall-spring__details-body .icon-arrowright {
    position: absolute;
    top: 50%;
    z-index: 5;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none; }
    @media screen and (min-width: 768px) {
      .fall-spring__details-body .icon-arrowleft,
      .fall-spring__details-body .icon-arrowright {
        display: block; } }
    .fall-spring__details-body .icon-arrowleft.mobile,
    .fall-spring__details-body .icon-arrowright.mobile {
      display: block; }
      @media screen and (min-width: 768px) {
        .fall-spring__details-body .icon-arrowleft.mobile,
        .fall-spring__details-body .icon-arrowright.mobile {
          display: none; } }
  .fall-spring__details-body .icon-arrowleft {
    left: -15px; }
    .fall-spring__details-body .icon-arrowleft.mobile {
      left: -10%; }
  .fall-spring__details-body .icon-arrowright {
    right: -15px; }
    .fall-spring__details-body .icon-arrowright.mobile {
      right: -10%; }
  .fall-spring__details-body .outfit-container {
    display: block;
    position: relative;
    z-index: 1;
    padding-bottom: 6%;
    top: 20px;
    padding-left: 10%; }
    @media screen and (min-width: 768px) {
      .fall-spring__details-body .outfit-container {
        display: table-cell;
        vertical-align: top;
        width: 60%;
        margin-bottom: 30px;
        padding-bottom: 0;
        padding-left: 8%; } }
    .fall-spring__details-body .outfit-container > div {
      width: 100%;
      position: relative; }
      .fall-spring__details-body .outfit-container > div.static {
        padding-bottom: 76%; }
        .fall-spring__details-body .outfit-container > div.static img {
          display: none; }
      .fall-spring__details-body .outfit-container > div.outfit {
        position: absolute;
        top: 0px;
        padding-bottom: 75%; }
        .fall-spring__details-body .outfit-container > div.outfit.active {
          height: auto; }
          .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img {
            -webkit-animation-duration: 0.5s;
            -moz-animation-duration: 0.5s;
            animation-duration: 0.5s;
            -webkit-animation-fill-mode: backwards;
            -moz-animation-fill-mode: backwards;
            animation-fill-mode: backwards;
            opacity: 1; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="1"] {
              -webkit-animation-name: clothing-transition-in-1;
              -moz-animation-name: clothing-transition-in-1;
              animation-name: clothing-transition-in-1; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="-1"] {
              -webkit-animation-name: clothing-transition-in-neg1;
              -moz-animation-name: clothing-transition-in-neg1;
              animation-name: clothing-transition-in-neg1; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="2"] {
              -webkit-animation-name: clothing-transition-in-2;
              -moz-animation-name: clothing-transition-in-2;
              animation-name: clothing-transition-in-2; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="-2"] {
              -webkit-animation-name: clothing-transition-in-neg2;
              -moz-animation-name: clothing-transition-in-neg2;
              animation-name: clothing-transition-in-neg2; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="3"] {
              -webkit-animation-name: clothing-transition-in-3;
              -moz-animation-name: clothing-transition-in-3;
              animation-name: clothing-transition-in-3; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="-3"] {
              -webkit-animation-name: clothing-transition-in-neg3;
              -moz-animation-name: clothing-transition-in-neg3;
              animation-name: clothing-transition-in-neg3; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="4"] {
              -webkit-animation-name: clothing-transition-in-4;
              -moz-animation-name: clothing-transition-in-4;
              animation-name: clothing-transition-in-4; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="-4"] {
              -webkit-animation-name: clothing-transition-in-neg4;
              -moz-animation-name: clothing-transition-in-neg4;
              animation-name: clothing-transition-in-neg4; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="5"] {
              -webkit-animation-name: clothing-transition-in-5;
              -moz-animation-name: clothing-transition-in-5;
              animation-name: clothing-transition-in-5; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="-5"] {
              -webkit-animation-name: clothing-transition-in-neg5;
              -moz-animation-name: clothing-transition-in-neg5;
              animation-name: clothing-transition-in-neg5; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="6"] {
              -webkit-animation-name: clothing-transition-in-6;
              -moz-animation-name: clothing-transition-in-6;
              animation-name: clothing-transition-in-6; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="-6"] {
              -webkit-animation-name: clothing-transition-in-neg6;
              -moz-animation-name: clothing-transition-in-neg6;
              animation-name: clothing-transition-in-neg6; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="7"] {
              -webkit-animation-name: clothing-transition-in-7;
              -moz-animation-name: clothing-transition-in-7;
              animation-name: clothing-transition-in-7; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="-7"] {
              -webkit-animation-name: clothing-transition-in-neg7;
              -moz-animation-name: clothing-transition-in-neg7;
              animation-name: clothing-transition-in-neg7; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="8"] {
              -webkit-animation-name: clothing-transition-in-8;
              -moz-animation-name: clothing-transition-in-8;
              animation-name: clothing-transition-in-8; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="-8"] {
              -webkit-animation-name: clothing-transition-in-neg8;
              -moz-animation-name: clothing-transition-in-neg8;
              animation-name: clothing-transition-in-neg8; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="9"] {
              -webkit-animation-name: clothing-transition-in-9;
              -moz-animation-name: clothing-transition-in-9;
              animation-name: clothing-transition-in-9; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="-9"] {
              -webkit-animation-name: clothing-transition-in-neg9;
              -moz-animation-name: clothing-transition-in-neg9;
              animation-name: clothing-transition-in-neg9; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="10"] {
              -webkit-animation-name: clothing-transition-in-10;
              -moz-animation-name: clothing-transition-in-10;
              animation-name: clothing-transition-in-10; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="-10"] {
              -webkit-animation-name: clothing-transition-in-neg10;
              -moz-animation-name: clothing-transition-in-neg10;
              animation-name: clothing-transition-in-neg10; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="11"] {
              -webkit-animation-name: clothing-transition-in-11;
              -moz-animation-name: clothing-transition-in-11;
              animation-name: clothing-transition-in-11; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="-11"] {
              -webkit-animation-name: clothing-transition-in-neg11;
              -moz-animation-name: clothing-transition-in-neg11;
              animation-name: clothing-transition-in-neg11; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="12"] {
              -webkit-animation-name: clothing-transition-in-12;
              -moz-animation-name: clothing-transition-in-12;
              animation-name: clothing-transition-in-12; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="-12"] {
              -webkit-animation-name: clothing-transition-in-neg12;
              -moz-animation-name: clothing-transition-in-neg12;
              animation-name: clothing-transition-in-neg12; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img[data-rotate="0"] {
              -webkit-animation-name: clothing-transition-in-0;
              -moz-animation-name: clothing-transition-in-0;
              animation-name: clothing-transition-in-0; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img:nth-of-type(1) {
              -webkit-animation-delay: 0.25s;
              -moz-animation-delay: 0.25s;
              animation-delay: 0.25s; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img:nth-of-type(2) {
              -webkit-animation-delay: 0.5s;
              -moz-animation-delay: 0.5s;
              animation-delay: 0.5s; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img:nth-of-type(3) {
              -webkit-animation-delay: 0.75s;
              -moz-animation-delay: 0.75s;
              animation-delay: 0.75s; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img:nth-of-type(4) {
              -webkit-animation-delay: 1s;
              -moz-animation-delay: 1s;
              animation-delay: 1s; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img:nth-of-type(5) {
              -webkit-animation-delay: 1.25s;
              -moz-animation-delay: 1.25s;
              animation-delay: 1.25s; }
            .fall-spring__details-body .outfit-container > div.outfit.active:not(.initial) img:nth-of-type(6) {
              -webkit-animation-delay: 1.5s;
              -moz-animation-delay: 1.5s;
              animation-delay: 1.5s; }
          .fall-spring__details-body .outfit-container > div.outfit.active.initial {
            opacity: 1; }
        .fall-spring__details-body .outfit-container > div.outfit img {
          position: absolute;
          max-width: 405px;
          width: 80%;
          height: auto;
          opacity: 0; }
        .fall-spring__details-body .outfit-container > div.outfit.out img {
          -webkit-animation-duration: 0.275s;
          -moz-animation-duration: 0.275s;
          animation-duration: 0.275s;
          -webkit-animation-fill-mode: backwards;
          -moz-animation-fill-mode: backwards;
          animation-fill-mode: backwards; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="1"] {
            -webkit-animation-name: clothing-transition-out-1;
            -moz-animation-name: clothing-transition-out-1;
            animation-name: clothing-transition-out-1; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="-1"] {
            -webkit-animation-name: clothing-transition-out-neg1;
            -moz-animation-name: clothing-transition-out-neg1;
            animation-name: clothing-transition-out-neg1; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="2"] {
            -webkit-animation-name: clothing-transition-out-2;
            -moz-animation-name: clothing-transition-out-2;
            animation-name: clothing-transition-out-2; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="-2"] {
            -webkit-animation-name: clothing-transition-out-neg2;
            -moz-animation-name: clothing-transition-out-neg2;
            animation-name: clothing-transition-out-neg2; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="3"] {
            -webkit-animation-name: clothing-transition-out-3;
            -moz-animation-name: clothing-transition-out-3;
            animation-name: clothing-transition-out-3; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="-3"] {
            -webkit-animation-name: clothing-transition-out-neg3;
            -moz-animation-name: clothing-transition-out-neg3;
            animation-name: clothing-transition-out-neg3; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="4"] {
            -webkit-animation-name: clothing-transition-out-4;
            -moz-animation-name: clothing-transition-out-4;
            animation-name: clothing-transition-out-4; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="-4"] {
            -webkit-animation-name: clothing-transition-out-neg4;
            -moz-animation-name: clothing-transition-out-neg4;
            animation-name: clothing-transition-out-neg4; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="5"] {
            -webkit-animation-name: clothing-transition-out-5;
            -moz-animation-name: clothing-transition-out-5;
            animation-name: clothing-transition-out-5; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="-5"] {
            -webkit-animation-name: clothing-transition-out-neg5;
            -moz-animation-name: clothing-transition-out-neg5;
            animation-name: clothing-transition-out-neg5; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="6"] {
            -webkit-animation-name: clothing-transition-out-6;
            -moz-animation-name: clothing-transition-out-6;
            animation-name: clothing-transition-out-6; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="-6"] {
            -webkit-animation-name: clothing-transition-out-neg6;
            -moz-animation-name: clothing-transition-out-neg6;
            animation-name: clothing-transition-out-neg6; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="7"] {
            -webkit-animation-name: clothing-transition-out-7;
            -moz-animation-name: clothing-transition-out-7;
            animation-name: clothing-transition-out-7; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="-7"] {
            -webkit-animation-name: clothing-transition-out-neg7;
            -moz-animation-name: clothing-transition-out-neg7;
            animation-name: clothing-transition-out-neg7; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="8"] {
            -webkit-animation-name: clothing-transition-out-8;
            -moz-animation-name: clothing-transition-out-8;
            animation-name: clothing-transition-out-8; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="-8"] {
            -webkit-animation-name: clothing-transition-out-neg8;
            -moz-animation-name: clothing-transition-out-neg8;
            animation-name: clothing-transition-out-neg8; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="9"] {
            -webkit-animation-name: clothing-transition-out-9;
            -moz-animation-name: clothing-transition-out-9;
            animation-name: clothing-transition-out-9; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="-9"] {
            -webkit-animation-name: clothing-transition-out-neg9;
            -moz-animation-name: clothing-transition-out-neg9;
            animation-name: clothing-transition-out-neg9; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="10"] {
            -webkit-animation-name: clothing-transition-out-10;
            -moz-animation-name: clothing-transition-out-10;
            animation-name: clothing-transition-out-10; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="-10"] {
            -webkit-animation-name: clothing-transition-out-neg10;
            -moz-animation-name: clothing-transition-out-neg10;
            animation-name: clothing-transition-out-neg10; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="11"] {
            -webkit-animation-name: clothing-transition-out-11;
            -moz-animation-name: clothing-transition-out-11;
            animation-name: clothing-transition-out-11; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="-11"] {
            -webkit-animation-name: clothing-transition-out-neg11;
            -moz-animation-name: clothing-transition-out-neg11;
            animation-name: clothing-transition-out-neg11; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="12"] {
            -webkit-animation-name: clothing-transition-out-12;
            -moz-animation-name: clothing-transition-out-12;
            animation-name: clothing-transition-out-12; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="-12"] {
            -webkit-animation-name: clothing-transition-out-neg12;
            -moz-animation-name: clothing-transition-out-neg12;
            animation-name: clothing-transition-out-neg12; }
          .fall-spring__details-body .outfit-container > div.outfit.out img[data-rotate="0"] {
            -webkit-animation-name: clothing-transition-out-0;
            -moz-animation-name: clothing-transition-out-0;
            animation-name: clothing-transition-out-0; }
    .fall-spring__details-body .outfit-container.fade > div.static img {
      opacity: 0.4; }
    .fall-spring__details-body .outfit-container.fade > div.outfit.active img {
      opacity: 0.4;
      -webkit-transition: opacity 0.5s;
      -moz-transition: opacity 0.5s;
      transition: opacity 0.5s; }
      .fall-spring__details-body .outfit-container.fade > div.outfit.active img.current {
        opacity: 1; }
  .fall-spring__details-body .box-container {
    display: block;
    text-align: left;
    position: relative;
    z-index: 1; }
    @media screen and (min-width: 768px) {
      .fall-spring__details-body .box-container {
        display: table-cell;
        vertical-align: middle;
        width: 40%; } }
    .fall-spring__details-body .box-container ul {
      list-style: none; }
      .fall-spring__details-body .box-container ul.active {
        padding: 0.5em 0 1.5em; }

.fall-spring__details__links-list {
  visibility: hidden;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  transition-delay: 0.7s; }
  .fall-spring__details__links-list.active {
    height: auto;
    opacity: 1;
    visibility: visible; }

.fall-spring__details__links-item {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 1.1em;
  line-height: 140%;
  padding: 15px 0px; }
  @media screen and (min-width: 768px) {
    .fall-spring__details__links-item {
      padding: 10px 0px; } }
  .fall-spring__details__links-item:hover a {
    text-decoration: none; }

.fall-spring__details__share-list {
  width: 100%;
  display: block;
  padding: 0.5em 0; }

.fall-spring__details__share-item {
  display: inline-block;
  text-align: center; }
  .fall-spring__details__share-item:last-child {
    margin-right: 0; }
  .fall-spring__details__share-item a {
    display: inline-block;
    background: #000;
    height: 36px;
    width: 36px;
    font-size: 18px;
    text-decoration: none;
    line-height: 40px;
    cursor: pointer; }
    .fall-spring__details__share-item a i {
      color: white; }
    .fall-spring__details__share-item a:hover {
      background-color: #f4f4f4; }
      .fall-spring__details__share-item a:hover i {
        color: #000; }

.fall-spring__details__subheader {
  font-family: 'Montserrat';
  line-height: 100%;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 0.8em; }

.fall-spring__outfit-thumbs {
  display: none; }
  @media screen and (min-width: 768px) {
    .fall-spring__outfit-thumbs {
      display: block;
      max-width: 600px;
      width: 100%;
      margin: 0 auto;
      padding-bottom: 30px; }
      .fall-spring__outfit-thumbs > div {
        width: 16%;
        display: inline-block;
        border: 4px solid #ccc;
        margin-right: 2.3%;
        position: relative;
        opacity: 0.5;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s; }
        .fall-spring__outfit-thumbs > div img {
          width: 100%;
          height: auto; }
        .fall-spring__outfit-thumbs > div.active {
          border: 4px solid #000;
          opacity: 1; }
        .fall-spring__outfit-thumbs > div:hover {
          border-color: #000; } }

@-webkit-keyframes clothing-transition-in-1 {
  from {
    opacity: 0;
    -webkit-transform: rotate(1deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-1 {
  from {
    opacity: 0;
    -moz-transform: rotate(1deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-1 {
  from {
    opacity: 0;
    -webkit-transform: rotate(1deg) translateX(105%);
    -moz-transform: rotate(1deg) translateX(105%);
    -ms-transform: rotate(1deg) translateX(105%);
    -o-transform: rotate(1deg) translateX(105%);
    transform: rotate(1deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-1 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(1deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-1 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(1deg) translateX(-105%); } }

@keyframes clothing-transition-out-1 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(1deg) translateX(-105%);
    -moz-transform: rotate(1deg) translateX(-105%);
    -ms-transform: rotate(1deg) translateX(-105%);
    -o-transform: rotate(1deg) translateX(-105%);
    transform: rotate(1deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-neg1 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-1deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-neg1 {
  from {
    opacity: 0;
    -moz-transform: rotate(-1deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-neg1 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-1deg) translateX(105%);
    -moz-transform: rotate(-1deg) translateX(105%);
    -ms-transform: rotate(-1deg) translateX(105%);
    -o-transform: rotate(-1deg) translateX(105%);
    transform: rotate(-1deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-neg1 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-1deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-neg1 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(-1deg) translateX(-105%); } }

@keyframes clothing-transition-out-neg1 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-1deg) translateX(-105%);
    -moz-transform: rotate(-1deg) translateX(-105%);
    -ms-transform: rotate(-1deg) translateX(-105%);
    -o-transform: rotate(-1deg) translateX(-105%);
    transform: rotate(-1deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-2 {
  from {
    opacity: 0;
    -webkit-transform: rotate(2deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-2 {
  from {
    opacity: 0;
    -moz-transform: rotate(2deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-2 {
  from {
    opacity: 0;
    -webkit-transform: rotate(2deg) translateX(105%);
    -moz-transform: rotate(2deg) translateX(105%);
    -ms-transform: rotate(2deg) translateX(105%);
    -o-transform: rotate(2deg) translateX(105%);
    transform: rotate(2deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-2 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(2deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-2 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(2deg) translateX(-105%); } }

@keyframes clothing-transition-out-2 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(2deg) translateX(-105%);
    -moz-transform: rotate(2deg) translateX(-105%);
    -ms-transform: rotate(2deg) translateX(-105%);
    -o-transform: rotate(2deg) translateX(-105%);
    transform: rotate(2deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-neg2 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-2deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-neg2 {
  from {
    opacity: 0;
    -moz-transform: rotate(-2deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-neg2 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-2deg) translateX(105%);
    -moz-transform: rotate(-2deg) translateX(105%);
    -ms-transform: rotate(-2deg) translateX(105%);
    -o-transform: rotate(-2deg) translateX(105%);
    transform: rotate(-2deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-neg2 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-2deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-neg2 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(-2deg) translateX(-105%); } }

@keyframes clothing-transition-out-neg2 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-2deg) translateX(-105%);
    -moz-transform: rotate(-2deg) translateX(-105%);
    -ms-transform: rotate(-2deg) translateX(-105%);
    -o-transform: rotate(-2deg) translateX(-105%);
    transform: rotate(-2deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-3 {
  from {
    opacity: 0;
    -webkit-transform: rotate(3deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-3 {
  from {
    opacity: 0;
    -moz-transform: rotate(3deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-3 {
  from {
    opacity: 0;
    -webkit-transform: rotate(3deg) translateX(105%);
    -moz-transform: rotate(3deg) translateX(105%);
    -ms-transform: rotate(3deg) translateX(105%);
    -o-transform: rotate(3deg) translateX(105%);
    transform: rotate(3deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-3 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(3deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-3 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(3deg) translateX(-105%); } }

@keyframes clothing-transition-out-3 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(3deg) translateX(-105%);
    -moz-transform: rotate(3deg) translateX(-105%);
    -ms-transform: rotate(3deg) translateX(-105%);
    -o-transform: rotate(3deg) translateX(-105%);
    transform: rotate(3deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-neg3 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-3deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-neg3 {
  from {
    opacity: 0;
    -moz-transform: rotate(-3deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-neg3 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-3deg) translateX(105%);
    -moz-transform: rotate(-3deg) translateX(105%);
    -ms-transform: rotate(-3deg) translateX(105%);
    -o-transform: rotate(-3deg) translateX(105%);
    transform: rotate(-3deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-neg3 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-3deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-neg3 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(-3deg) translateX(-105%); } }

@keyframes clothing-transition-out-neg3 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-3deg) translateX(-105%);
    -moz-transform: rotate(-3deg) translateX(-105%);
    -ms-transform: rotate(-3deg) translateX(-105%);
    -o-transform: rotate(-3deg) translateX(-105%);
    transform: rotate(-3deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-4 {
  from {
    opacity: 0;
    -webkit-transform: rotate(4deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-4 {
  from {
    opacity: 0;
    -moz-transform: rotate(4deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-4 {
  from {
    opacity: 0;
    -webkit-transform: rotate(4deg) translateX(105%);
    -moz-transform: rotate(4deg) translateX(105%);
    -ms-transform: rotate(4deg) translateX(105%);
    -o-transform: rotate(4deg) translateX(105%);
    transform: rotate(4deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-4 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(4deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-4 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(4deg) translateX(-105%); } }

@keyframes clothing-transition-out-4 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(4deg) translateX(-105%);
    -moz-transform: rotate(4deg) translateX(-105%);
    -ms-transform: rotate(4deg) translateX(-105%);
    -o-transform: rotate(4deg) translateX(-105%);
    transform: rotate(4deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-neg4 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-4deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-neg4 {
  from {
    opacity: 0;
    -moz-transform: rotate(-4deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-neg4 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-4deg) translateX(105%);
    -moz-transform: rotate(-4deg) translateX(105%);
    -ms-transform: rotate(-4deg) translateX(105%);
    -o-transform: rotate(-4deg) translateX(105%);
    transform: rotate(-4deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-neg4 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-4deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-neg4 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(-4deg) translateX(-105%); } }

@keyframes clothing-transition-out-neg4 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-4deg) translateX(-105%);
    -moz-transform: rotate(-4deg) translateX(-105%);
    -ms-transform: rotate(-4deg) translateX(-105%);
    -o-transform: rotate(-4deg) translateX(-105%);
    transform: rotate(-4deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-5 {
  from {
    opacity: 0;
    -webkit-transform: rotate(5deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-5 {
  from {
    opacity: 0;
    -moz-transform: rotate(5deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-5 {
  from {
    opacity: 0;
    -webkit-transform: rotate(5deg) translateX(105%);
    -moz-transform: rotate(5deg) translateX(105%);
    -ms-transform: rotate(5deg) translateX(105%);
    -o-transform: rotate(5deg) translateX(105%);
    transform: rotate(5deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-5 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(5deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-5 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(5deg) translateX(-105%); } }

@keyframes clothing-transition-out-5 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(5deg) translateX(-105%);
    -moz-transform: rotate(5deg) translateX(-105%);
    -ms-transform: rotate(5deg) translateX(-105%);
    -o-transform: rotate(5deg) translateX(-105%);
    transform: rotate(5deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-neg5 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-5deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-neg5 {
  from {
    opacity: 0;
    -moz-transform: rotate(-5deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-neg5 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-5deg) translateX(105%);
    -moz-transform: rotate(-5deg) translateX(105%);
    -ms-transform: rotate(-5deg) translateX(105%);
    -o-transform: rotate(-5deg) translateX(105%);
    transform: rotate(-5deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-neg5 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-5deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-neg5 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(-5deg) translateX(-105%); } }

@keyframes clothing-transition-out-neg5 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-5deg) translateX(-105%);
    -moz-transform: rotate(-5deg) translateX(-105%);
    -ms-transform: rotate(-5deg) translateX(-105%);
    -o-transform: rotate(-5deg) translateX(-105%);
    transform: rotate(-5deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-6 {
  from {
    opacity: 0;
    -webkit-transform: rotate(6deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-6 {
  from {
    opacity: 0;
    -moz-transform: rotate(6deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-6 {
  from {
    opacity: 0;
    -webkit-transform: rotate(6deg) translateX(105%);
    -moz-transform: rotate(6deg) translateX(105%);
    -ms-transform: rotate(6deg) translateX(105%);
    -o-transform: rotate(6deg) translateX(105%);
    transform: rotate(6deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-6 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(6deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-6 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(6deg) translateX(-105%); } }

@keyframes clothing-transition-out-6 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(6deg) translateX(-105%);
    -moz-transform: rotate(6deg) translateX(-105%);
    -ms-transform: rotate(6deg) translateX(-105%);
    -o-transform: rotate(6deg) translateX(-105%);
    transform: rotate(6deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-neg6 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-6deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-neg6 {
  from {
    opacity: 0;
    -moz-transform: rotate(-6deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-neg6 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-6deg) translateX(105%);
    -moz-transform: rotate(-6deg) translateX(105%);
    -ms-transform: rotate(-6deg) translateX(105%);
    -o-transform: rotate(-6deg) translateX(105%);
    transform: rotate(-6deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-neg6 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-6deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-neg6 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(-6deg) translateX(-105%); } }

@keyframes clothing-transition-out-neg6 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-6deg) translateX(-105%);
    -moz-transform: rotate(-6deg) translateX(-105%);
    -ms-transform: rotate(-6deg) translateX(-105%);
    -o-transform: rotate(-6deg) translateX(-105%);
    transform: rotate(-6deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-7 {
  from {
    opacity: 0;
    -webkit-transform: rotate(7deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-7 {
  from {
    opacity: 0;
    -moz-transform: rotate(7deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-7 {
  from {
    opacity: 0;
    -webkit-transform: rotate(7deg) translateX(105%);
    -moz-transform: rotate(7deg) translateX(105%);
    -ms-transform: rotate(7deg) translateX(105%);
    -o-transform: rotate(7deg) translateX(105%);
    transform: rotate(7deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-7 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(7deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-7 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(7deg) translateX(-105%); } }

@keyframes clothing-transition-out-7 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(7deg) translateX(-105%);
    -moz-transform: rotate(7deg) translateX(-105%);
    -ms-transform: rotate(7deg) translateX(-105%);
    -o-transform: rotate(7deg) translateX(-105%);
    transform: rotate(7deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-neg7 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-7deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-neg7 {
  from {
    opacity: 0;
    -moz-transform: rotate(-7deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-neg7 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-7deg) translateX(105%);
    -moz-transform: rotate(-7deg) translateX(105%);
    -ms-transform: rotate(-7deg) translateX(105%);
    -o-transform: rotate(-7deg) translateX(105%);
    transform: rotate(-7deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-neg7 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-7deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-neg7 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(-7deg) translateX(-105%); } }

@keyframes clothing-transition-out-neg7 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-7deg) translateX(-105%);
    -moz-transform: rotate(-7deg) translateX(-105%);
    -ms-transform: rotate(-7deg) translateX(-105%);
    -o-transform: rotate(-7deg) translateX(-105%);
    transform: rotate(-7deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-8 {
  from {
    opacity: 0;
    -webkit-transform: rotate(8deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-8 {
  from {
    opacity: 0;
    -moz-transform: rotate(8deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-8 {
  from {
    opacity: 0;
    -webkit-transform: rotate(8deg) translateX(105%);
    -moz-transform: rotate(8deg) translateX(105%);
    -ms-transform: rotate(8deg) translateX(105%);
    -o-transform: rotate(8deg) translateX(105%);
    transform: rotate(8deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-8 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(8deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-8 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(8deg) translateX(-105%); } }

@keyframes clothing-transition-out-8 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(8deg) translateX(-105%);
    -moz-transform: rotate(8deg) translateX(-105%);
    -ms-transform: rotate(8deg) translateX(-105%);
    -o-transform: rotate(8deg) translateX(-105%);
    transform: rotate(8deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-neg8 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-8deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-neg8 {
  from {
    opacity: 0;
    -moz-transform: rotate(-8deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-neg8 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-8deg) translateX(105%);
    -moz-transform: rotate(-8deg) translateX(105%);
    -ms-transform: rotate(-8deg) translateX(105%);
    -o-transform: rotate(-8deg) translateX(105%);
    transform: rotate(-8deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-neg8 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-8deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-neg8 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(-8deg) translateX(-105%); } }

@keyframes clothing-transition-out-neg8 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-8deg) translateX(-105%);
    -moz-transform: rotate(-8deg) translateX(-105%);
    -ms-transform: rotate(-8deg) translateX(-105%);
    -o-transform: rotate(-8deg) translateX(-105%);
    transform: rotate(-8deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-9 {
  from {
    opacity: 0;
    -webkit-transform: rotate(9deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-9 {
  from {
    opacity: 0;
    -moz-transform: rotate(9deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-9 {
  from {
    opacity: 0;
    -webkit-transform: rotate(9deg) translateX(105%);
    -moz-transform: rotate(9deg) translateX(105%);
    -ms-transform: rotate(9deg) translateX(105%);
    -o-transform: rotate(9deg) translateX(105%);
    transform: rotate(9deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-9 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(9deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-9 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(9deg) translateX(-105%); } }

@keyframes clothing-transition-out-9 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(9deg) translateX(-105%);
    -moz-transform: rotate(9deg) translateX(-105%);
    -ms-transform: rotate(9deg) translateX(-105%);
    -o-transform: rotate(9deg) translateX(-105%);
    transform: rotate(9deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-neg9 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-9deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-neg9 {
  from {
    opacity: 0;
    -moz-transform: rotate(-9deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-neg9 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-9deg) translateX(105%);
    -moz-transform: rotate(-9deg) translateX(105%);
    -ms-transform: rotate(-9deg) translateX(105%);
    -o-transform: rotate(-9deg) translateX(105%);
    transform: rotate(-9deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-neg9 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-9deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-neg9 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(-9deg) translateX(-105%); } }

@keyframes clothing-transition-out-neg9 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-9deg) translateX(-105%);
    -moz-transform: rotate(-9deg) translateX(-105%);
    -ms-transform: rotate(-9deg) translateX(-105%);
    -o-transform: rotate(-9deg) translateX(-105%);
    transform: rotate(-9deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-10 {
  from {
    opacity: 0;
    -webkit-transform: rotate(10deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-10 {
  from {
    opacity: 0;
    -moz-transform: rotate(10deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-10 {
  from {
    opacity: 0;
    -webkit-transform: rotate(10deg) translateX(105%);
    -moz-transform: rotate(10deg) translateX(105%);
    -ms-transform: rotate(10deg) translateX(105%);
    -o-transform: rotate(10deg) translateX(105%);
    transform: rotate(10deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-10 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(10deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-10 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(10deg) translateX(-105%); } }

@keyframes clothing-transition-out-10 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(10deg) translateX(-105%);
    -moz-transform: rotate(10deg) translateX(-105%);
    -ms-transform: rotate(10deg) translateX(-105%);
    -o-transform: rotate(10deg) translateX(-105%);
    transform: rotate(10deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-neg10 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-10deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-neg10 {
  from {
    opacity: 0;
    -moz-transform: rotate(-10deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-neg10 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-10deg) translateX(105%);
    -moz-transform: rotate(-10deg) translateX(105%);
    -ms-transform: rotate(-10deg) translateX(105%);
    -o-transform: rotate(-10deg) translateX(105%);
    transform: rotate(-10deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-neg10 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-10deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-neg10 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(-10deg) translateX(-105%); } }

@keyframes clothing-transition-out-neg10 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-10deg) translateX(-105%);
    -moz-transform: rotate(-10deg) translateX(-105%);
    -ms-transform: rotate(-10deg) translateX(-105%);
    -o-transform: rotate(-10deg) translateX(-105%);
    transform: rotate(-10deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-11 {
  from {
    opacity: 0;
    -webkit-transform: rotate(11deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-11 {
  from {
    opacity: 0;
    -moz-transform: rotate(11deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-11 {
  from {
    opacity: 0;
    -webkit-transform: rotate(11deg) translateX(105%);
    -moz-transform: rotate(11deg) translateX(105%);
    -ms-transform: rotate(11deg) translateX(105%);
    -o-transform: rotate(11deg) translateX(105%);
    transform: rotate(11deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-11 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(11deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-11 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(11deg) translateX(-105%); } }

@keyframes clothing-transition-out-11 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(11deg) translateX(-105%);
    -moz-transform: rotate(11deg) translateX(-105%);
    -ms-transform: rotate(11deg) translateX(-105%);
    -o-transform: rotate(11deg) translateX(-105%);
    transform: rotate(11deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-neg11 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-11deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-neg11 {
  from {
    opacity: 0;
    -moz-transform: rotate(-11deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-neg11 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-11deg) translateX(105%);
    -moz-transform: rotate(-11deg) translateX(105%);
    -ms-transform: rotate(-11deg) translateX(105%);
    -o-transform: rotate(-11deg) translateX(105%);
    transform: rotate(-11deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-neg11 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-11deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-neg11 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(-11deg) translateX(-105%); } }

@keyframes clothing-transition-out-neg11 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-11deg) translateX(-105%);
    -moz-transform: rotate(-11deg) translateX(-105%);
    -ms-transform: rotate(-11deg) translateX(-105%);
    -o-transform: rotate(-11deg) translateX(-105%);
    transform: rotate(-11deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-12 {
  from {
    opacity: 0;
    -webkit-transform: rotate(12deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-12 {
  from {
    opacity: 0;
    -moz-transform: rotate(12deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-12 {
  from {
    opacity: 0;
    -webkit-transform: rotate(12deg) translateX(105%);
    -moz-transform: rotate(12deg) translateX(105%);
    -ms-transform: rotate(12deg) translateX(105%);
    -o-transform: rotate(12deg) translateX(105%);
    transform: rotate(12deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-12 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(12deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-12 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(12deg) translateX(-105%); } }

@keyframes clothing-transition-out-12 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(12deg) translateX(-105%);
    -moz-transform: rotate(12deg) translateX(-105%);
    -ms-transform: rotate(12deg) translateX(-105%);
    -o-transform: rotate(12deg) translateX(-105%);
    transform: rotate(12deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-neg12 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-12deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); } }

@-moz-keyframes clothing-transition-in-neg12 {
  from {
    opacity: 0;
    -moz-transform: rotate(-12deg) translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); } }

@keyframes clothing-transition-in-neg12 {
  from {
    opacity: 0;
    -webkit-transform: rotate(-12deg) translateX(105%);
    -moz-transform: rotate(-12deg) translateX(105%);
    -ms-transform: rotate(-12deg) translateX(105%);
    -o-transform: rotate(-12deg) translateX(105%);
    transform: rotate(-12deg) translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); } }

@-webkit-keyframes clothing-transition-out-neg12 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-12deg) translateX(-105%); } }

@-moz-keyframes clothing-transition-out-neg12 {
  from {
    opacity: 1;
    -moz-transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: rotate(-12deg) translateX(-105%); } }

@keyframes clothing-transition-out-neg12 {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: rotate(-12deg) translateX(-105%);
    -moz-transform: rotate(-12deg) translateX(-105%);
    -ms-transform: rotate(-12deg) translateX(-105%);
    -o-transform: rotate(-12deg) translateX(-105%);
    transform: rotate(-12deg) translateX(-105%); } }

@-webkit-keyframes clothing-transition-in-0 {
  from {
    opacity: 0;
    -webkit-transform: translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0%); } }

@-moz-keyframes clothing-transition-in-0 {
  from {
    opacity: 0;
    -moz-transform: translateX(105%); }
  to {
    opacity: 1;
    -moz-transform: translateX(0%); } }

@keyframes clothing-transition-in-0 {
  from {
    opacity: 0;
    -webkit-transform: translateX(105%);
    -moz-transform: translateX(105%);
    -ms-transform: translateX(105%);
    -o-transform: translateX(105%);
    transform: translateX(105%); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

@-webkit-keyframes clothing-transition-out-0 {
  from {
    opacity: 1;
    -webkit-transform: translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: translateX(-105%); } }

@-moz-keyframes clothing-transition-out-0 {
  from {
    opacity: 1;
    -moz-transform: translateX(0%); }
  to {
    opacity: 0;
    -moz-transform: translateX(-105%); } }

@keyframes clothing-transition-out-0 {
  from {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  to {
    opacity: 0;
    -webkit-transform: translateX(-105%);
    -moz-transform: translateX(-105%);
    -ms-transform: translateX(-105%);
    -o-transform: translateX(-105%);
    transform: translateX(-105%); } }

#looks-by-style {
  margin-bottom: 30px;
  padding: 40px 0 0 0; }
  @media screen and (min-width: 768px) {
    #looks-by-style {
      margin-bottom: 60px; } }
  #looks-by-style header {
    max-width: 640px;
    margin: 0 auto; }
    #looks-by-style header h1 {
      color: #000000;
      font-family: 'Playfair Display';
      font-feature-settings: "lnum";
      font-weight: 700;
      font-size: 86px;
      letter-spacing: -1;
      line-height: 103px;
      text-align: center;
      padding: 0px 0 0px;
      text-transform: uppercase; }
      @media screen and (max-width: 767px) {
        #looks-by-style header h1 {
          font-size: 14vw;
          line-height: 1.2; } }
    #looks-by-style header p {
      font-size: 14px;
      font-weight: 300;
      letter-spacing: 0.93px;
      line-height: 22px;
      text-align: center;
      width: auto; }
      @media screen and (max-width: 999px) {
        #looks-by-style header p {
          width: 80%;
          margin: auto; } }
  #looks-by-style section {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px 24px; }
    @media screen and (max-width: 767px) {
      #looks-by-style section {
        margin-top: 12px;
        grid-template-columns: 1fr;
        gap: 16px 40px; } }
    @media screen and (min-width: 1250px) {
      #looks-by-style section {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 70px 28px; } }
    #looks-by-style section .style-grid-outfit {
      display: grid;
      grid-gap: 8px; }
      #looks-by-style section .style-grid-outfit .outfit-container {
        position: relative;
        padding-bottom: calc(100% * 1.5); }
        #looks-by-style section .style-grid-outfit .outfit-container .outfit-image {
          width: 100%;
          height: 100%;
          position: absolute;
          z-index: 3; }
        #looks-by-style section .style-grid-outfit .outfit-container .prev, #looks-by-style section .style-grid-outfit .outfit-container .next {
          width: 43px;
          height: 76px;
          background: #B48C62;
          background-repeat: no-repeat;
          background-position: center;
          position: absolute;
          z-index: 2;
          top: 50%;
          visibility: hidden;
          transform: translateY(-50%);
          cursor: pointer;
          outline: none !important; }
        #looks-by-style section .style-grid-outfit .outfit-container .prev {
          left: 0;
          background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f21/kat-wear/left-arrow-white.svg); }
        #looks-by-style section .style-grid-outfit .outfit-container .next {
          right: 0;
          background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f21/kat-wear/right-arrow-white.svg); }
        #looks-by-style section .style-grid-outfit .outfit-container .outfit-products {
          visibility: hidden;
          width: 100%;
          height: 100%;
          background-color: #ffffff;
          top: 0;
          left: 0;
          z-index: 1;
          position: absolute;
          border: 4px solid #B48C62; }
          #looks-by-style section .style-grid-outfit .outfit-container .outfit-products .outfit-product-item {
            text-align: center;
            padding: 0 52.5px;
            text-decoration: none;
            display: block;
            height: 100%;
            width: 100%;
            pointer-events: none;
            cursor: default; }
            #looks-by-style section .style-grid-outfit .outfit-container .outfit-products .outfit-product-item img {
              max-width: 295px;
              width: 100%;
              max-height: 471px;
              margin: 25px auto 0px; }
            #looks-by-style section .style-grid-outfit .outfit-container .outfit-products .outfit-product-item p {
              color: #000000;
              font-size: 16px;
              font-weight: 600;
              letter-spacing: 0.08px;
              line-height: 19px;
              text-align: center;
              text-decoration: none; }
          #looks-by-style section .style-grid-outfit .outfit-container .outfit-products.slick-slider {
            margin-bottom: 0; }
            #looks-by-style section .style-grid-outfit .outfit-container .outfit-products.slick-slider .slick-list {
              height: 100%; }
              #looks-by-style section .style-grid-outfit .outfit-container .outfit-products.slick-slider .slick-list .slick-track {
                height: 100%; }
            #looks-by-style section .style-grid-outfit .outfit-container .outfit-products.slick-slider .slick-dots {
              bottom: 25px; }
              #looks-by-style section .style-grid-outfit .outfit-container .outfit-products.slick-slider .slick-dots li button:before {
                content: "";
                width: 17px;
                height: 17px;
                background: #ffffff;
                border: 1px solid #6D6D6D;
                border-radius: 17px; }
                @media screen and (max-width: 999px) and (min-width: 768px) {
                  #looks-by-style section .style-grid-outfit .outfit-container .outfit-products.slick-slider .slick-dots li button:before {
                    width: 12px;
                    height: 12px; } }
              #looks-by-style section .style-grid-outfit .outfit-container .outfit-products.slick-slider .slick-dots .slick-active button:before {
                background: #C8A077;
                border: none; }
        #looks-by-style section .style-grid-outfit .outfit-container:hover, #looks-by-style section .style-grid-outfit .outfit-container:focus-within {
          outline: none !important; }
          #looks-by-style section .style-grid-outfit .outfit-container:hover .prev, #looks-by-style section .style-grid-outfit .outfit-container:hover .next, #looks-by-style section .style-grid-outfit .outfit-container:hover .outfit-products, #looks-by-style section .style-grid-outfit .outfit-container:focus-within .prev, #looks-by-style section .style-grid-outfit .outfit-container:focus-within .next, #looks-by-style section .style-grid-outfit .outfit-container:focus-within .outfit-products {
            visibility: visible; }
          #looks-by-style section .style-grid-outfit .outfit-container:hover .outfit-image, #looks-by-style section .style-grid-outfit .outfit-container:focus-within .outfit-image {
            visibility: hidden; }
        #looks-by-style section .style-grid-outfit .outfit-container.active .outfit-product-item {
          pointer-events: all;
          cursor: pointer; }
      #looks-by-style section .style-grid-outfit .link-container {
        text-align: center; }
        #looks-by-style section .style-grid-outfit .link-container .btn-cta--black {
          text-transform: uppercase; }
  .term-mothers-day-mom-style #looks-by-style header {
    max-width: 750px; }
    .term-mothers-day-mom-style #looks-by-style header h1 {
      text-transform: capitalize;
      font-size: 60px;
      line-height: 78px; }

.tax-styles__nav {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f8f6f4; }
  .tax-styles__nav .tax-styles__footer-table {
    position: relative;
    display: inline-block; }
    .tax-styles__nav .tax-styles__footer-table .tax-styles__block {
      text-decoration: none;
      font-family: 'Montserrat';
      font-size: 0.9em; }
      @media screen and (min-width: 768px) {
        .tax-styles__nav .tax-styles__footer-table .tax-styles__block {
          font-size: 14px; }
          .tax-styles__nav .tax-styles__footer-table .tax-styles__block:hover {
            text-decoration: underline; } }
      .tax-styles__nav .tax-styles__footer-table .tax-styles__block br {
        display: none; }
      .tax-styles__nav .tax-styles__footer-table .tax-styles__block .tax-styles__back-block-text, .tax-styles__nav .tax-styles__footer-table .tax-styles__block .tax-styles__block-sup {
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.01em;
        font-size: 0.8em;
        text-decoration: underline; }
      .tax-styles__nav .tax-styles__footer-table .tax-styles__block:first-child {
        position: absolute;
        top: 0;
        left: -25px;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        white-space: nowrap; }
        @media screen and (min-width: 480px) {
          .tax-styles__nav .tax-styles__footer-table .tax-styles__block:first-child {
            left: -60px; } }
        .tax-styles__nav .tax-styles__footer-table .tax-styles__block:first-child .tax-styles__block-sup:before {
          content: "";
          font-family: "icomoon" !important;
          font-style: normal !important;
          font-weight: normal !important;
          font-variant: normal !important;
          text-transform: none !important;
          speak: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          display: inline-block;
          font-size: 0.625em;
          border-bottom: none;
          font-weight: bold !important; }
      .tax-styles__nav .tax-styles__footer-table .tax-styles__block:last-child {
        position: absolute;
        top: 0;
        right: -25px;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        white-space: nowrap; }
        @media screen and (min-width: 480px) {
          .tax-styles__nav .tax-styles__footer-table .tax-styles__block:last-child {
            right: -60px; } }
        .tax-styles__nav .tax-styles__footer-table .tax-styles__block:last-child .tax-styles__block-sup:after {
          content: "";
          font-family: "icomoon" !important;
          font-style: normal !important;
          font-weight: normal !important;
          font-variant: normal !important;
          text-transform: none !important;
          speak: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          display: inline-block;
          font-size: 0.625em;
          font-weight: bold !important; }

.seo-container {
  font-family: 'Montserrat';
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 80px;
  margin-top: 60px; }
  .seo-container p {
    margin: 0 0 10px 0; }
  .seo-container h2,
  .seo-container h3 {
    margin: 30px 0 10px 0; }
  .seo-container h1,
  .seo-container h2,
  .seo-container h3 {
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    font-weight: 400; }
  .seo-container h1 {
    font-size: 32px;
    margin: 0 0 20px 0; }
  .seo-container h2 {
    font-size: 24px; }
  .seo-container h3 {
    font-size: 18px; }
  .seo-container a {
    text-decoration: underline; }
  .seo-container ul {
    list-style: disc;
    margin: 0 0 30px 0; }
    .seo-container ul li {
      margin: 0 0 0 20px; }

.notion-story {
  margin-top: 48px;
  margin-bottom: 48px; }
  @media screen and (min-width: 768px) {
    .notion-story {
      margin-top: 70px;
      margin-bottom: 70px; } }
  .notion-story .container {
    position: relative; }
    @media screen and (min-width: 1000px) {
      .notion-story .container {
        max-width: 846px; } }
  .notion-story .notion-story-description {
    margin-top: 12px; }
    .notion-story .notion-story-description p {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 16px;
      line-height: 22px;
      letter-spacing: 0.08px;
      text-align: center;
      max-width: 95%;
      margin: 0 auto; }
      @media screen and (min-width: 1000px) {
        .notion-story .notion-story-description p {
          max-width: 788px; } }
  .notion-story .notion-story-player-container {
    max-width: 650px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .notion-story .notion-story-player-container {
        width: 100vw;
        margin-left: calc(calc(100vw - 100%) / (-2));
        margin-right: calc(calc(100vw - 100%) / (-2)); } }
    @media screen and (max-width: 767px) {
      .notion-story .notion-story-player-container.has-mobile .notion-story-video-player {
        padding-bottom: calc(1141 / 640 * 100%); } }
  .notion-story .notion-story-video-player {
    width: 100%;
    padding-bottom: 56.5%;
    position: relative;
    margin: 30px auto; }
    .notion-story .notion-story-video-player .video-container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .notion-story .notion-story-video-player .video-container iframe {
        width: 100%;
        height: 100%; }
  .notion-story .notion-story-content .collection-group {
    position: relative;
    margin-top: 60px; }
    @media screen and (max-width: 767px) {
      .notion-story .notion-story-content .collection-group {
        margin-top: 40px;
        display: grid;
        grid-gap: 40px;
        text-align: center; } }
    .notion-story .notion-story-content .collection-group .collection-item {
      display: grid;
      grid-gap: 12px; }
      @media screen and (max-width: 999px) and (min-width: 768px) {
        .notion-story .notion-story-content .collection-group .collection-item {
          grid-gap: 16px; } }
      .notion-story .notion-story-content .collection-group .collection-item .link-container {
        text-align: center;
        position: relative;
        z-index: 10; }
        .notion-story .notion-story-content .collection-group .collection-item .link-container .btn-cta--black {
          text-transform: uppercase;
          margin-top: 0;
          margin-bottom: 0; }
        @media screen and (max-width: 767px) {
          .notion-story .notion-story-content .collection-group .collection-item .link-container.top-arrow {
            padding-top: 25px;
            position: relative; }
            .notion-story .notion-story-content .collection-group .collection-item .link-container.top-arrow:before {
              position: absolute;
              width: 25px;
              height: 25px;
              top: 0;
              left: 50%;
              transform: translateX(-50%);
              -webkit-transform: translateX(-50%);
              -moz-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              -o-transform: translateX(-50%);
              font-family: FontAwesome;
              content: "";
              font-weight: normal;
              font-style: normal;
              display: inline-block;
              text-decoration: inherit;
              line-height: 1;
              display: block;
              color: #000;
              font-size: 25px;
              padding: 0; } }
        @media screen and (max-width: 767px) {
          .notion-story .notion-story-content .collection-group .collection-item .link-container.bottom-arrow {
            padding-top: 25px;
            position: relative; }
            .notion-story .notion-story-content .collection-group .collection-item .link-container.bottom-arrow:before {
              position: absolute;
              width: 25px;
              height: 25px;
              top: 0;
              left: 50%;
              transform: translateX(-50%);
              -webkit-transform: translateX(-50%);
              -moz-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              -o-transform: translateX(-50%);
              font-family: FontAwesome;
              content: "";
              font-weight: normal;
              font-style: normal;
              display: inline-block;
              text-decoration: inherit;
              line-height: 1;
              display: block;
              color: #000;
              font-size: 25px;
              padding: 0; } }
      .notion-story .notion-story-content .collection-group .collection-item .description-container p {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.08px; }
        @media screen and (max-width: 767px) {
          .notion-story .notion-story-content .collection-group .collection-item .description-container p {
            max-width: 85%;
            margin: 0 auto; } }
      .notion-story .notion-story-content .collection-group .collection-item .circular-description-container {
        position: relative;
        width: 100%;
        padding-bottom: 100%;
        height: 0;
        border-radius: 50%;
        background-color: black;
        overflow: hidden; }
        .notion-story .notion-story-content .collection-group .collection-item .circular-description-container p {
          text-align: center;
          position: absolute;
          display: block;
          top: 50%;
          left: 50%;
          width: 100%;
          height: auto;
          max-width: 90%;
          max-height: 90%;
          transform: translate(-50%, -50%);
          font-family: "Archer SSm A", "Archer SSm B";
          font-weight: 600;
          font-style: normal;
          color: white;
          line-height: 21px; }
          .notion-story .notion-story-content .collection-group .collection-item .circular-description-container p span {
            display: block;
            padding-bottom: 1rem;
            font-family: "Archer SSm A", "Archer SSm B";
            font-weight: 700;
            font-style: normal;
            font-size: 1.5em; }
        @media screen and (max-width: 767px) {
          .notion-story .notion-story-content .collection-group .collection-item .circular-description-container.arrow-up p {
            max-height: calc(90% - 25px);
            padding-top: 25px; }
            .notion-story .notion-story-content .collection-group .collection-item .circular-description-container.arrow-up p:after {
              position: absolute;
              width: 25px;
              height: 25px;
              top: -25px;
              left: 50%;
              font-family: FontAwesome;
              content: "";
              font-weight: normal;
              font-style: normal;
              display: inline-block;
              text-decoration: inherit;
              line-height: 1;
              color: #ff8ca6;
              display: block;
              transform: translateX(-50%);
              -webkit-transform: translateX(-50%);
              -moz-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              -o-transform: translateX(-50%);
              font-size: 25px;
              padding: 0; } }
        @media screen and (max-width: 767px) {
          .notion-story .notion-story-content .collection-group .collection-item .circular-description-container.arrow-down p {
            max-height: calc(90% - 25px); }
            .notion-story .notion-story-content .collection-group .collection-item .circular-description-container.arrow-down p:after {
              position: absolute;
              width: 25px;
              height: 25px;
              bottom: -25px;
              left: 50%;
              font-family: FontAwesome;
              content: "";
              font-weight: normal;
              font-style: normal;
              display: inline-block;
              text-decoration: inherit;
              line-height: 1;
              color: #ff8ca6;
              display: block;
              transform: translateX(-50%);
              -webkit-transform: translateX(-50%);
              -moz-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              -o-transform: translateX(-50%);
              font-size: 25px;
              padding: 0; } }
      .notion-story .notion-story-content .collection-group .collection-item .image-container {
        position: relative;
        text-align: center;
        overflow: hidden; }
        .notion-story .notion-story-content .collection-group .collection-item .image-container img {
          width: 100%; }
      .notion-story .notion-story-content .collection-group .collection-item.accent-product-item .image-container {
        max-width: 247px;
        margin: 0 auto; }
      @media screen and (max-width: 767px) {
        .notion-story .notion-story-content .collection-group .collection-item.full-width-mobile {
          width: 100vw;
          margin-left: calc(calc(100vw - 100%) / (-2));
          margin-right: calc(calc(100vw - 100%) / (-2)); } }
      @media screen and (max-width: 999px) and (min-width: 768px) {
        .notion-story .notion-story-content .collection-group .collection-item.full-width-tablet {
          width: 100vw;
          margin-left: calc(calc(100vw - 100%) / (-2));
          margin-right: calc(calc(100vw - 100%) / (-2)); } }
  .notion-story .notion-story-social-share {
    text-align: center; }
    @media screen and (max-width: 999px) {
      .notion-story .notion-story-social-share {
        display: block !important; } }
    @media screen and (min-width: 1000px) {
      .notion-story .notion-story-social-share {
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%); } }
    .notion-story .notion-story-social-share a {
      margin-bottom: 0; }
  .notion-story--trends .notion-story-title {
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    font-weight: 700;
    font-size: 61px;
    line-height: 1.2;
    text-align: center;
    text-transform: lowercase; }
    .notion-story--trends .notion-story-title span {
      font-family: 'Montserrat';
      display: block;
      font-size: 20px;
      letter-spacing: 2px;
      text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      .notion-story--trends .notion-story-title {
        font-size: 76px; } }
  .notion-story--trends .notion-story-content .inner-wrapper {
    max-width: 1200px; }
  .notion-story--trends .notion-story-content .description {
    order: 0;
    width: 100%; }
    .notion-story--trends .notion-story-content .description img {
      max-width: 80%;
      width: 400px; }
    .notion-story--trends .notion-story-content .description p {
      margin: 0 auto 30px;
      max-width: 600px;
      text-align: center; }
  .notion-story--trends .notion-story-video-player {
    padding: 0;
    width: 90%; }
    @media screen and (min-width: 768px) {
      .notion-story--trends .notion-story-video-player {
        width: 100%; } }
    .notion-story--trends .notion-story-video-player .video-container {
      height: 0;
      margin: 0 auto;
      position: relative;
      width: 100%;
      padding-bottom: calc(var(--aspect-ratio, 0.5625) * 100%); }
      .notion-story--trends .notion-story-video-player .video-container.mobile-only {
        display: block;
        padding-bottom: calc(var(--aspect-ratio, 1.7828) * 100%); }
        @media screen and (min-width: 768px) {
          .notion-story--trends .notion-story-video-player .video-container.mobile-only {
            display: none; } }
      .notion-story--trends .notion-story-video-player .video-container .video-frame {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%; }

.career-goals__video-wrapper {
  margin: auto;
  padding: 0 0px 40px; }
  @media screen and (min-width: 768px) {
    .career-goals__video-wrapper {
      display: block;
      padding: 0;
      padding-bottom: 40px;
      height: auto; } }
  .career-goals__video-wrapper .home__promo-lg--one {
    cursor: pointer; }
    .career-goals__video-wrapper .home__promo-lg--one:hover .btn-play:after {
      color: #ff99a8; }
    .career-goals__video-wrapper .home__promo-lg--one:hover dfn {
      color: #ff99a8; }
  .career-goals__video-wrapper .btn-play {
    background-color: transparent;
    line-height: inherit;
    height: inherit;
    width: inherit;
    font-size: 4em; }
  .career-goals__video-wrapper dfn {
    display: block;
    color: white;
    font-style: normal;
    font-family: Montserrat !important;
    font-weight: 700;
    font-size: 0.8em; }

.career-goals__promo {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  .career-goals__promo:after {
    content: "";
    display: block;
    padding-top: 56.25%; }
  .career-goals__promo .video-player-container {
    width: 100%;
    height: 100%; }
    @media screen and (max-width: 767px) {
      .career-goals__promo .video-player-container .desktop-only {
        display: none; } }
    .career-goals__promo .video-player-container .mobile-only {
      display: none; }
      @media screen and (max-width: 767px) {
        .career-goals__promo .video-player-container .mobile-only {
          display: block;
          width: 100%;
          height: 100%; } }
  .career-goals__promo .video-player__player {
    padding-top: 56.25%; }

@media screen and (min-width: 1000px) {
  .notion-story-button {
    width: 220px;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    background-color: black;
    border: 2px solid black;
    color: white; }
    .notion-story-button:hover, .notion-story-button:focus {
      background-color: white;
      color: black; } }

@media screen and (max-width: 767px) {
  .notion-story--launch .notion-story-title,
  .notion-story--launch .notion-story-description {
    padding: 0 15px; } }

@media screen and (max-width: 767px) {
  .notion-story--launch .notion-story-description {
    margin-bottom: 50px; } }

.notion-story--launch .notion-story-title,
.notion-story--launch .notion-story-description p {
  text-align: left; }

.notion-story--launch .header-container .inner-wrapper,
.notion-story--launch .notion-story-header .inner-wrapper {
  display: flex;
  flex-flow: row wrap;
  position: relative; }
  @media screen and (min-width: 768px) {
    .notion-story--launch .header-container .inner-wrapper,
    .notion-story--launch .notion-story-header .inner-wrapper {
      justify-content: flex-end; }
      .notion-story--launch .header-container .inner-wrapper:before,
      .notion-story--launch .notion-story-header .inner-wrapper:before {
        content: "";
        display: inline-flex;
        width: 65%; } }

.notion-story--launch .notion-story-title:after {
  background: #000;
  content: "";
  display: block;
  height: 4px;
  margin: 18px 0 15px;
  width: 100%; }

.notion-story--launch header {
  order: 1;
  width: 400px; }
  @media screen and (max-width: 767px) {
    .notion-story--launch header img {
      max-width: 100%;
      width: 240px; } }
  @media screen and (min-width: 768px) {
    .notion-story--launch header {
      width: 35%; } }

.notion-story--launch .notion-story-description {
  order: 2; }
  @media screen and (min-width: 768px) {
    .notion-story--launch .notion-story-description {
      order: 1;
      width: 35%; } }
  @media screen and (min-width: 1000px) {
    .notion-story--launch .notion-story-description {
      margin-right: -40px;
      width: calc(35% + 40px); } }

.notion-story--launch .notion-story-video-player {
  order: 1; }
  @media screen and (min-width: 768px) {
    .notion-story--launch .notion-story-video-player {
      order: 3; } }

.notion-story--launch .header-container .flex-collection-group,
.notion-story--launch .notion-story-header .flex-collection-group {
  order: 3; }
  @media screen and (min-width: 768px) {
    .notion-story--launch .header-container .flex-collection-group,
    .notion-story--launch .notion-story-header .flex-collection-group {
      order: 2;
      position: static;
      width: 100%; }
      .notion-story--launch .header-container .flex-collection-group .collection-item:first-child,
      .notion-story--launch .notion-story-header .flex-collection-group .collection-item:first-child {
        left: 0;
        position: absolute !important;
        top: 0; }
      .notion-story--launch .header-container .flex-collection-group .collection-item:last-child,
      .notion-story--launch .notion-story-header .flex-collection-group .collection-item:last-child {
        flex: 0 0 auto !important;
        margin-right: 0 !important;
        margin-top: 100px !important;
        width: 35% !important; } }

@media screen and (max-width: 767px) {
  .notion-story--preview .notion-story-title,
  .notion-story--preview .notion-story-description {
    padding: 0 15px; } }

.notion-story--preview .notion-story-title,
.notion-story--preview .notion-story-description p {
  text-align: left; }
  @media screen and (min-width: 768px) {
    .notion-story--preview .notion-story-title,
    .notion-story--preview .notion-story-description p {
      text-align: center; } }

.notion-story--preview .notion-story-title {
  margin: 0 auto 25px;
  max-width: 588px; }
  .notion-story--preview .notion-story-title img {
    margin: auto;
    max-width: 100%; }
    @media screen and (max-width: 767px) {
      .notion-story--preview .notion-story-title img {
        width: 210px; } }

.notion-story--preview .notion-story-description p {
  max-width: 572px; }
  @media screen and (min-width: 1000px) {
    .notion-story--preview .notion-story-description p {
      max-width: 704px; } }
  .notion-story--preview .notion-story-description p:last-of-type {
    font-weight: bold; }

.notion-story--preview .collection-item__name {
  font-family: 'Montserrat';
  font-size: 26px;
  font-weight: 600;
  line-height: 29px;
  text-transform: uppercase; }

@media screen and (min-width: 768px) {
  #notion-story-extended-sizes header {
    position: absolute;
    top: 40px;
    left: 0; } }

#notion-story-extended-sizes header .notion-story-title {
  width: 250px;
  max-width: 250px;
  margin-bottom: 30px; }

#notion-story-extended-sizes header .notion-story-subtitle {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.08px;
  text-align: left;
  max-width: 260px; }

#notion-story-extended-sizes .collection-group--1 {
  margin-top: 0; }
  @media screen and (min-width: 768px) {
    #notion-story-extended-sizes .collection-group--1 {
      padding-bottom: calc(calc(60% * 1.34) + 98px); } }
  @media screen and (min-width: 1000px) {
    #notion-story-extended-sizes .collection-group--1 {
      padding-bottom: calc(calc(60% * 1.34) + 46px); } }
  @media screen and (min-width: 768px) {
    #notion-story-extended-sizes .collection-group--1 .collection-item:nth-of-type(1) {
      position: absolute;
      right: 0;
      top: 0;
      width: 60%; } }
  #notion-story-extended-sizes .collection-group--1 .collection-item:nth-of-type(2) {
    display: none; }
    @media screen and (min-width: 768px) {
      #notion-story-extended-sizes .collection-group--1 .collection-item:nth-of-type(2) {
        padding: 18px;
        background-color: white;
        display: block;
        position: absolute;
        right: 55%;
        bottom: 0;
        width: 334px; } }

@media screen and (min-width: 768px) {
  #notion-story-extended-sizes .collection-group--2 {
    padding-bottom: calc(calc(60% * 1.26) + 98px); } }

@media screen and (min-width: 1000px) {
  #notion-story-extended-sizes .collection-group--2 {
    padding-bottom: calc(calc(60% * 1.26) + 46px); } }

@media screen and (min-width: 768px) {
  #notion-story-extended-sizes .collection-group--2 .collection-item:nth-of-type(1) {
    position: absolute;
    left: 0;
    top: 0;
    width: 60%; } }

#notion-story-extended-sizes .collection-group--2 .collection-item:nth-of-type(2) {
  display: none; }
  @media screen and (min-width: 768px) {
    #notion-story-extended-sizes .collection-group--2 .collection-item:nth-of-type(2) {
      padding: 18px;
      background-color: white;
      display: block;
      position: absolute;
      left: 55%;
      top: 50%;
      transform: translateY(-60%);
      width: 280px; } }
  @media screen and (min-width: 1000px) {
    #notion-story-extended-sizes .collection-group--2 .collection-item:nth-of-type(2) {
      transform: translateY(-55%);
      width: 327px; } }

@media screen and (min-width: 768px) {
  #notion-story-extended-sizes .collection-group--3 {
    padding-bottom: calc(calc(60% * 1.29) + 98px); } }

@media screen and (min-width: 1000px) {
  #notion-story-extended-sizes .collection-group--3 {
    padding-bottom: calc(calc(60% * 1.29) + 46px); } }

#notion-story-extended-sizes .collection-group--3 .collection-item:nth-of-type(1) {
  width: 246px; }
  @media screen and (max-width: 767px) {
    #notion-story-extended-sizes .collection-group--3 .collection-item:nth-of-type(1) {
      margin: 0 auto; } }
  @media screen and (min-width: 768px) {
    #notion-story-extended-sizes .collection-group--3 .collection-item:nth-of-type(1) {
      position: absolute;
      top: 7%;
      left: 58%; } }

@media screen and (min-width: 768px) {
  #notion-story-extended-sizes .collection-group--3 .collection-item:nth-of-type(2) {
    position: absolute;
    left: 0;
    top: 0;
    width: 55%; } }

@media screen and (max-width: 767px) {
  #notion-story-extended-sizes .collection-group--3 .collection-item:nth-of-type(3) {
    display: none; } }

@media screen and (min-width: 768px) {
  #notion-story-extended-sizes .collection-group--3 .collection-item:nth-of-type(3) {
    position: absolute;
    left: 58%;
    bottom: -200px;
    width: 316px; } }

@media screen and (min-width: 768px) {
  #notion-story-extended-sizes .collection-group--4 {
    margin-top: 260px;
    padding-bottom: calc(calc(60% * 1.29) + 98px); } }

@media screen and (min-width: 1000px) {
  #notion-story-extended-sizes .collection-group--4 {
    padding-bottom: calc(calc(60% * 1.29) + 46px); } }

@media screen and (min-width: 768px) {
  #notion-story-extended-sizes .collection-group--4 .collection-item:nth-of-type(1) {
    position: absolute;
    right: 0;
    top: 0;
    width: 60%; } }

@media screen and (max-width: 767px) {
  #notion-story-extended-sizes .collection-group--4 .collection-item:nth-of-type(2) {
    display: none; } }

@media screen and (min-width: 768px) {
  #notion-story-extended-sizes .collection-group--4 .collection-item:nth-of-type(2) {
    padding: 18px;
    background-color: white;
    position: absolute;
    right: 55%;
    top: 50%;
    transform: translateY(-60%);
    width: 280px; } }

@media screen and (min-width: 1000px) {
  #notion-story-extended-sizes .collection-group--4 .collection-item:nth-of-type(2) {
    transform: translateY(-55%);
    width: 327px; } }

#notion-story-extended-sizes .collection-group--5:after {
  content: '';
  position: absolute;
  top: -20px;
  right: 5%;
  width: 100px;
  height: 100px;
  background: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/notion-stories/extended-sizes/flippable-callout.svg) center/100% no-repeat;
  z-index: 1; }
  @media screen and (min-width: 768px) {
    #notion-story-extended-sizes .collection-group--5:after {
      left: 52%;
      right: auto;
      top: 45px; } }

@media screen and (min-width: 768px) {
  #notion-story-extended-sizes .collection-group--5 {
    padding-bottom: calc(calc(60% * 1.29) + 98px); } }

@media screen and (min-width: 1000px) {
  #notion-story-extended-sizes .collection-group--5 {
    padding-bottom: calc(calc(60% * 1.29) + 46px); } }

@media screen and (min-width: 768px) {
  #notion-story-extended-sizes .collection-group--5 .collection-item:nth-of-type(1) {
    position: absolute;
    left: 0;
    top: 0;
    width: 60%; } }

@media screen and (max-width: 767px) {
  #notion-story-extended-sizes .collection-group--5 .collection-item:nth-of-type(2) {
    display: none; } }

@media screen and (min-width: 768px) {
  #notion-story-extended-sizes .collection-group--5 .collection-item:nth-of-type(2) {
    padding: 18px;
    background-color: white;
    position: absolute;
    left: 55%;
    top: 50%;
    transform: translateY(-60%);
    width: 280px; } }

@media screen and (min-width: 1000px) {
  #notion-story-extended-sizes .collection-group--5 .collection-item:nth-of-type(2) {
    transform: translateY(-55%);
    width: 327px; } }

@media screen and (min-width: 768px) {
  #notion-story-extended-sizes .collection-group--6 {
    padding-bottom: calc(calc(60% * 1.29) + 98px); } }

@media screen and (min-width: 1000px) {
  #notion-story-extended-sizes .collection-group--6 {
    padding-bottom: calc(calc(60% * 1.29) + 46px); } }

@media screen and (min-width: 768px) {
  #notion-story-extended-sizes .collection-group--6 .collection-item {
    position: absolute;
    right: 0;
    top: 0;
    width: 55%; } }

@media screen and (max-width: 767px) {
  #notion-story-extended-sizes .collection-group--6 .collection-item:nth-of-type(2) {
    display: none; } }

@media screen and (min-width: 768px) {
  #notion-story-extended-sizes .collection-group--6 .collection-item:nth-of-type(2) {
    position: absolute;
    right: 58%;
    bottom: -200px;
    top: inherit;
    width: 316px; } }

#notion-story-extended-sizes .collection-group--6 .collection-item:nth-of-type(3) {
  width: 246px; }
  @media screen and (max-width: 767px) {
    #notion-story-extended-sizes .collection-group--6 .collection-item:nth-of-type(3) {
      margin: 0 auto; } }
  @media screen and (min-width: 768px) {
    #notion-story-extended-sizes .collection-group--6 .collection-item:nth-of-type(3) {
      position: absolute;
      top: 7%;
      right: 58%; } }

@media screen and (min-width: 768px) {
  #notion-story-extended-sizes .collection-group--7 {
    margin-top: 260px;
    padding-bottom: calc(calc(60% * 1.47) + 98px); } }

@media screen and (min-width: 1000px) {
  #notion-story-extended-sizes .collection-group--7 {
    padding-bottom: calc(calc(60% * 1.47) + 46px); } }

@media screen and (min-width: 768px) {
  #notion-story-extended-sizes .collection-group--7 .collection-item:nth-of-type(1) {
    position: absolute;
    left: 0;
    top: 0;
    width: 55%; } }

@media screen and (min-width: 1000px) {
  #notion-story-extended-sizes .collection-group--7 .collection-item:nth-of-type(1) {
    width: 60%; } }

@media screen and (min-width: 768px) {
  #notion-story-extended-sizes .collection-group--7 .collection-item:nth-of-type(2) {
    position: absolute;
    right: 0;
    top: 45%;
    transform: translateY(-50%);
    width: 274px; } }

@media screen and (min-width: 1000px) {
  #notion-story-extended-sizes .collection-group--7 .collection-item:nth-of-type(2) {
    width: 316px;
    top: 50%; } }

#notion-story-extended-sizes .collection-group--8:after {
  content: '';
  position: absolute;
  top: -20px;
  right: 5%;
  width: 100px;
  height: 100px;
  background: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/notion-stories/extended-sizes/reversible-callout.svg) center/100% no-repeat;
  z-index: 1; }
  @media screen and (min-width: 768px) {
    #notion-story-extended-sizes .collection-group--8:after {
      right: 52%;
      top: 45px; } }

@media screen and (min-width: 768px) {
  #notion-story-extended-sizes .collection-group--8 {
    padding-bottom: calc(calc(60% * 1.29) + 98px); } }

@media screen and (min-width: 1000px) {
  #notion-story-extended-sizes .collection-group--8 {
    padding-bottom: calc(calc(60% * 1.29) + 46px); } }

@media screen and (min-width: 768px) {
  #notion-story-extended-sizes .collection-group--8 .collection-item:nth-of-type(1) {
    position: absolute;
    right: 0;
    top: 0;
    width: 60%; } }

@media screen and (max-width: 767px) {
  #notion-story-extended-sizes .collection-group--8 .collection-item:nth-of-type(2) {
    display: none; } }

@media screen and (min-width: 768px) {
  #notion-story-extended-sizes .collection-group--8 .collection-item:nth-of-type(2) {
    padding: 18px;
    background-color: white;
    position: absolute;
    right: 55%;
    top: 50%;
    transform: translateY(-60%);
    width: 280px; } }

@media screen and (min-width: 1000px) {
  #notion-story-extended-sizes .collection-group--8 .collection-item:nth-of-type(2) {
    transform: translateY(-55%);
    width: 327px; } }

.notion-story--trends {
  margin-top: 0; }
  .notion-story--trends .inner-wrapper {
    margin: 0 auto;
    max-width: 846px;
    position: relative;
    width: 100%; }
  .notion-story--trends .header-container {
    padding-top: 70px;
    position: relative; }
    .notion-story--trends .header-container::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 25%;
      left: 0;
      right: 0;
      display: block;
      background: #f8f8f8; }
    .notion-story--trends .header-container p {
      line-height: 1.6; }
  .notion-story--trends img {
    max-width: 100%; }
  .notion-story--trends .description .heading-container img {
    width: auto;
    max-width: 100%;
    margin: 30px auto 0; }
    @media screen and (min-width: 1000px) {
      .notion-story--trends .description .heading-container img {
        height: 50px; } }
  .notion-story--trends .heading-container {
    margin: 0 0 20px 0;
    text-align: center; }
  .notion-story--trends .notion-story-content:nth-child(2) {
    margin-top: 70px; }
    @media screen and (min-width: 768px) {
      .notion-story--trends .notion-story-content:nth-child(2) {
        margin-top: 110px; } }
  .notion-story--trends .notion-story-content:nth-last-child(2) {
    background: #F5F4F3;
    margin: 70px 0 50px;
    padding: 70px 0 120px 0; }
    @media screen and (min-width: 768px) {
      .notion-story--trends .notion-story-content:nth-last-child(2) {
        margin: 70px 0 120px;
        padding: 120px 0 90px 0; } }

.new-arrivals img {
  max-width: 100%; }

.new-arrivals .btn-cta--black {
  text-transform: uppercase; }

.new-arrivals__intro {
  background: linear-gradient(180deg, #E6E8EA 0%, #F8F8F8 100%); }
  .new-arrivals__intro__inner {
    max-width: 846px;
    margin: auto;
    padding: 40px 20px;
    gap: 30px;
    display: flex;
    flex-flow: column nowrap;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .new-arrivals__intro__inner {
        padding: 40px 0px; } }
  .new-arrivals__intro p {
    font-size: 16px;
    line-height: 1.5; }
    .new-arrivals__intro p:last-of-type:not(:first-of-type) {
      font-weight: 900; }

.new-arrivals__video {
  width: 100%;
  max-width: 350px;
  padding-bottom: calc(350px * (1080 / 606));
  position: relative;
  margin: auto; }
  @media screen and (min-width: 768px) {
    .new-arrivals__video {
      padding-bottom: 56.5%;
      margin: auto;
      max-width: none; } }
  .new-arrivals__video .video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .new-arrivals__video .video-container iframe {
      width: 100%;
      height: 100%; }

.new-arrivals__main {
  margin: 40px auto; }

.new-arrivals__column, .new-arrivals__subcolumn {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 10px; }

.new-arrivals__column {
  flex: 0 0 auto; }

.new-arrivals__row {
  display: flex;
  margin: 50px auto;
  gap: 50px;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .new-arrivals__row {
      flex-direction: row;
      padding: 0 20px;
      gap: 0; } }
  .new-arrivals__row--a {
    max-width: 1006px; }
    .new-arrivals__row--a .new-arrivals__column:first-child {
      padding-left: 9%;
      padding-right: 9%; }
      @media screen and (min-width: 768px) {
        .new-arrivals__row--a .new-arrivals__column:first-child {
          width: 54%; } }
    @media screen and (min-width: 768px) {
      .new-arrivals__row--a .new-arrivals__column:last-child {
        width: 46%; } }
  .new-arrivals__row--b {
    max-width: 880px; }
    .new-arrivals__row--b .new-arrivals__column:first-child {
      padding-left: 9%;
      padding-right: 9%; }
      @media screen and (min-width: 768px) {
        .new-arrivals__row--b .new-arrivals__column:first-child {
          width: 69%;
          padding-left: 10.5%;
          padding-right: 10.5%; } }
    .new-arrivals__row--b .new-arrivals__column:last-child {
      flex-direction: row;
      padding: 0 20px;
      gap: 20px; }
      @media screen and (min-width: 768px) {
        .new-arrivals__row--b .new-arrivals__column:last-child {
          width: 31%;
          flex-direction: column;
          padding: 0; } }
  .new-arrivals__row--c {
    max-width: 1200px; }
    .new-arrivals__row--c .new-arrivals__column:first-child {
      padding-left: 9%;
      padding-right: 9%; }
      @media screen and (min-width: 768px) {
        .new-arrivals__row--c .new-arrivals__column:first-child {
          width: 53%;
          padding-left: 8%;
          padding-right: 8%; } }
    .new-arrivals__row--c .new-arrivals__column:last-child {
      flex-direction: row;
      padding: 0 20px;
      gap: 20px; }
      @media screen and (min-width: 768px) {
        .new-arrivals__row--c .new-arrivals__column:last-child {
          width: 47%;
          padding: 0; } }
  .new-arrivals__row--d {
    max-width: 894px; }
    .new-arrivals__row--d .new-arrivals__column {
      padding-left: 9%;
      padding-right: 9%; }
      @media screen and (min-width: 768px) {
        .new-arrivals__row--d .new-arrivals__column {
          width: 50%;
          padding-left: 4%;
          padding-right: 5%; } }
  .new-arrivals__row--single {
    max-height: 666px;
    justify-content: center; }
    .new-arrivals__row--single img {
      max-height: 100%; }
  .new-arrivals__row--e {
    max-width: 854px; }
    .new-arrivals__row--e .new-arrivals__column {
      padding-left: 9%;
      padding-right: 9%; }
      @media screen and (min-width: 768px) {
        .new-arrivals__row--e .new-arrivals__column {
          width: 50%;
          padding-left: 4%;
          padding-right: 5%; } }
      @media screen and (min-width: 768px) {
        .new-arrivals__row--e .new-arrivals__column:first-child {
          margin-top: 50px; } }
      @media screen and (min-width: 768px) {
        .new-arrivals__row--e .new-arrivals__column:last-child {
          margin-bottom: 50px; } }
  @media screen and (min-width: 768px) {
    .new-arrivals__row--reverse-desktop .new-arrivals__column:last-child {
      order: -1; } }
  @media screen and (max-width: 767px) {
    .new-arrivals__row--reverse-mobile .new-arrivals__column:last-child {
      order: -1; } }

.new-arrivals--clc h1 {
  max-width: 373px;
  margin-left: auto;
  margin-right: auto; }

@media screen and (min-width: 768px) {
  .new-arrivals--clc .new-arrivals__row {
    margin: 90px auto; } }

.new-arrivals--setup .new-arrivals__intro__inner {
  max-width: 847px; }

.new-arrivals--setup h1 {
  max-width: 75vw;
  margin: auto; }

.new-arrivals--setup .new-arrivals__row--b {
  max-width: 912px; }
  @media screen and (max-width: 767px) {
    .new-arrivals--setup .new-arrivals__row--b .new-arrivals__column {
      padding-left: 9%;
      padding-right: 9%; } }
  @media screen and (max-width: 767px) {
    .new-arrivals--setup .new-arrivals__row--b .new-arrivals__column:first-child {
      padding-left: 0;
      padding-right: 0; } }
  @media screen and (min-width: 768px) {
    .new-arrivals--setup .new-arrivals__row--b .new-arrivals__column:first-child {
      width: 60%;
      padding-left: 0; } }
  @media screen and (max-width: 767px) {
    .new-arrivals--setup .new-arrivals__row--b .new-arrivals__column:last-child {
      flex-direction: column; } }

.new-arrivals--setup #good-hope-cape .new-arrivals__column:first-child {
  position: relative; }
  .new-arrivals--setup #good-hope-cape .new-arrivals__column:first-child:after {
    content: '';
    background: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f24/notion-stories/setup/reversible.gif) center/contain no-repeat;
    position: absolute;
    top: 25px;
    right: 0;
    transform: translate(-30%, -50%);
    width: 18%;
    height: 18%;
    max-width: 70px; }
    @media screen and (min-width: 768px) {
      .new-arrivals--setup #good-hope-cape .new-arrivals__column:first-child:after {
        top: 10%;
        right: 9%;
        transform: translate(-10%, -50%);
        width: 70px;
        height: 70px; } }

body.tax-styles[class*="term-new-arrivals"] .collection-item .product-info {
  opacity: 1; }
  body.tax-styles[class*="term-new-arrivals"] .collection-item .product-info .quick-look {
    opacity: 0; }
  body.tax-styles[class*="term-new-arrivals"] .collection-item .product-info:hover .quick-look {
    opacity: 1; }
  body.tax-styles[class*="term-new-arrivals"] .collection-item .product-info:hover a .inner {
    border: 1px solid #ccc; }
  body.tax-styles[class*="term-new-arrivals"] .collection-item .product-info a .inner {
    transform: scale(1);
    border: none; }

@media screen and (max-width: min-width 480px 12) {
  .btn.btn-underline {
    font-size: 16px !important;
    width: 70% !important; } }

.benefits__columns {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  max-width: 800px;
  margin: 0 auto 20px; }
  .benefits__columns .benefit__column {
    flex-basis: 50%; }

.viperks-table {
  width: 776px;
  margin: auto;
  max-width: calc(100% + 16px); }
  @media screen and (max-width: 767px) {
    .viperks-table {
      margin-left: -8px;
      margin-right: -8px;
      width: 100vw; } }
  .viperks-table th,
  .viperks-table td {
    vertical-align: middle;
    text-align: center;
    border: 1px solid #fff;
    padding: 18px 1vw;
    font-family: 'Montserrat';
    line-height: 1.1;
    width: calc((100% - 38%) / 4);
    height: 92px; }
    @media screen and (min-width: 768px) {
      .viperks-table th,
      .viperks-table td {
        padding: 18px 8px; } }
    .viperks-table th:first-child,
    .viperks-table td:first-child {
      background: #f4f4f4;
      width: 38%; }
    .viperks-table th:not(:first-child),
    .viperks-table td:not(:first-child) {
      font-size: 2.5vw; }
      @media screen and (min-width: 768px) {
        .viperks-table th:not(:first-child),
        .viperks-table td:not(:first-child) {
          font-size: 14px; } }
    .viperks-table th:nth-child(2),
    .viperks-table td:nth-child(2) {
      background: #ffffff; }
    .viperks-table th:nth-child(3),
    .viperks-table td:nth-child(3) {
      background: #fff7f8; }
    .viperks-table th:nth-child(4),
    .viperks-table td:nth-child(4) {
      background: #ffe9eb; }
    .viperks-table th:nth-child(5),
    .viperks-table td:nth-child(5) {
      background: #ffd3d8; }
  .viperks-table tr:nth-child(4) td:nth-child(4) {
    background: #ffd3d8; }
  .viperks-table tr:nth-child(6) td:nth-child(3) {
    background: #ffe9eb; }
  .viperks-table tr:nth-child(6) td:nth-child(4) {
    background: #ffd3d8; }
  .viperks-table .fa-check {
    display: block;
    margin: 5px 0; }
    @media screen and (min-width: 768px) {
      .viperks-table .fa-check {
        font-size: 24px; } }
  .viperks-table th,
  .viperks-table td:first-child {
    font-weight: 700;
    font-size: 2.75vw; }
    @media screen and (min-width: 768px) {
      .viperks-table th,
      .viperks-table td:first-child {
        font-size: 15px; } }
    .viperks-table th span,
    .viperks-table td:first-child span {
      font-weight: 500;
      display: block;
      margin: 5px 0 0; }
  .viperks-table th span {
    font-size: 0.7em; }

#pageHost .host-section--intro {
  background: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates//s25/host/host-intro-mobile.png") top center/cover no-repeat; }
  @media screen and (max-width: 767px) {
    #pageHost .host-section--intro .container {
      padding-top: 0;
      padding-bottom: 0; } }
  #pageHost .host-section--intro .text-content {
    min-height: 355px;
    gap: 30px; }
  @media screen and (max-width: 767px) {
    #pageHost .host-section--intro h1 {
      display: none; } }
  #pageHost .host-section--intro img {
    max-width: 100vw;
    margin-left: -20px;
    margin-right: -20px; }
    @media screen and (min-width: 768px) {
      #pageHost .host-section--intro img {
        display: none; } }
  @media screen and (min-width: 768px) {
    #pageHost .host-section--intro {
      background: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates//s25/host/host-intro.png") center/cover no-repeat; } }

#pageStyling .host-section--intro {
  background: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates//f25/host/hero-bg-mobile.jpg") center/100% auto no-repeat;
  height: calc(100vw * 534 / 430);
  max-height: 534px; }
  @media screen and (max-width: 767px) {
    #pageStyling .host-section--intro {
      max-height: none;
      background-size: cover;
      padding-bottom: 250px;
      height: auto; } }
  @media screen and (min-width: 1000px) {
    #pageStyling .host-section--intro {
      background-image: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates//f25/host/hero-bg.jpg");
      background-size: cover;
      height: auto;
      max-height: none; } }
  #pageStyling .host-section--intro .text-content {
    text-align: left;
    gap: 20px; }
    #pageStyling .host-section--intro .text-content h1,
    #pageStyling .host-section--intro .text-content p {
      color: #fff;
      text-align: left; }
  #pageStyling .host-section--intro h1 {
    font-size: 10vw;
    font-weight: 400;
    font-family: 'Playfair Display';
    font-feature-settings: "lnum"; }
    #pageStyling .host-section--intro h1 i {
      display: inline; }
    @media screen and (min-width: 768px) {
      #pageStyling .host-section--intro h1 {
        font-size: 44px; } }
    @media screen and (min-width: 1000px) {
      #pageStyling .host-section--intro h1 {
        font-size: 50px; } }

#pageSweepstakes .host-section--intro {
  background: #f6ece5; }
  #pageSweepstakes .host-section--intro .container {
    padding-bottom: 0; }
    @media screen and (min-width: 768px) {
      #pageSweepstakes .host-section--intro .container {
        padding-bottom: 25px; } }
  #pageSweepstakes .host-section--intro .text-content {
    position: relative; }
  @media screen and (max-width: 767px) {
    #pageSweepstakes .host-section--intro h1 {
      font-size: 6.2vw; } }
  @media screen and (max-width: 767px) {
    #pageSweepstakes .host-section--intro img {
      height: 406px;
      object-fit: cover;
      margin-bottom: -20px; } }
  @media screen and (min-width: 768px) {
    #pageSweepstakes .host-section--intro img {
      position: absolute;
      left: 100%;
      max-width: 535px;
      top: 0px; } }
  #pageSweepstakes .host-section--intro p {
    text-transform: uppercase;
    color: #000;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: -25px; }
    @media screen and (max-width: 767px) {
      #pageSweepstakes .host-section--intro p {
        display: none; } }

div[data-page-id="page-host"] {
  background: #fff;
  color: #000;
  margin: 0 auto;
  max-width: 1440px; }
  div[data-page-id="page-host"] img {
    max-width: 100%; }
  div[data-page-id="page-host"] h1,
  div[data-page-id="page-host"] h2,
  div[data-page-id="page-host"] .h1 {
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    font-weight: 600;
    color: #000; }
    div[data-page-id="page-host"] h1 span,
    div[data-page-id="page-host"] h2 span,
    div[data-page-id="page-host"] .h1 span {
      font-family: 'Montserrat';
      font-weight: 600;
      font-size: 14px;
      letter-spacing: 1px;
      line-height: 1.2;
      text-transform: uppercase;
      display: block;
      margin-bottom: 10px; }
      @media screen and (min-width: 768px) {
        div[data-page-id="page-host"] h1 span,
        div[data-page-id="page-host"] h2 span,
        div[data-page-id="page-host"] .h1 span {
          font-size: 16px; } }
  div[data-page-id="page-host"] h1,
  div[data-page-id="page-host"] .h1 {
    font-size: 26px;
    line-height: 1.1; }
    div[data-page-id="page-host"] h1 i,
    div[data-page-id="page-host"] .h1 i {
      display: block; }
    @media screen and (min-width: 768px) {
      div[data-page-id="page-host"] h1,
      div[data-page-id="page-host"] .h1 {
        font-size: 50px; } }
  div[data-page-id="page-host"] h2 {
    font-size: 24px;
    line-height: 1.3;
    text-align: center; }
    @media screen and (min-width: 768px) {
      div[data-page-id="page-host"] h2 {
        font-size: 36px; } }
  div[data-page-id="page-host"] h3 {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.19px;
    line-height: 20px;
    text-align: center; }
  div[data-page-id="page-host"] h6 {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 20px;
    color: #000;
    line-height: 1.1;
    text-transform: uppercase; }
  div[data-page-id="page-host"] p {
    font-family: 'Montserrat';
    color: #000;
    text-align: center;
    margin: 0 auto;
    font-size: 15px;
    font-weight: 400; }
  div[data-page-id="page-host"] .terms {
    letter-spacing: normal;
    line-height: 1.5;
    font-size: 12px;
    margin: auto;
    text-align: center; }
  div[data-page-id="page-host"] .container {
    padding: 40px 25px 25px 25px;
    display: flex;
    flex-flow: column; }
  div[data-page-id="page-host"] .btn {
    margin: 0 auto; }
  div[data-page-id="page-host"] .btn-group {
    display: flex;
    justify-content: center;
    gap: 6px;
    flex-flow: column; }
    @media screen and (min-width: 768px) {
      div[data-page-id="page-host"] .btn-group {
        flex-flow: row; } }
    div[data-page-id="page-host"] .btn-group .btn {
      margin: auto; }
      @media screen and (max-width: 767px) {
        div[data-page-id="page-host"] .btn-group .btn {
          max-width: 300px;
          width: 100%; } }
      @media screen and (min-width: 768px) {
        div[data-page-id="page-host"] .btn-group .btn {
          margin: 0; } }
  div[data-page-id="page-host"] .sweepstakes__container {
    background-color: #f9f6f2;
    padding: 15px 8px;
    display: flex;
    flex-flow: column;
    gap: 15px; }
    @media screen and (min-width: 768px) {
      div[data-page-id="page-host"] .sweepstakes__container {
        padding: 15px 45px; } }
    div[data-page-id="page-host"] .sweepstakes__container h3 {
      text-transform: uppercase; }
    div[data-page-id="page-host"] .sweepstakes__container .btn-cta--black {
      text-transform: uppercase; }
  @media screen and (max-width: 767px) {
    div[data-page-id="page-host"] .sweepstakes__grid {
      overflow-x: auto;
      display: flex;
      flex-flow: row nowrap;
      gap: 3px; } }
  @media screen and (min-width: 768px) {
    div[data-page-id="page-host"] .sweepstakes__grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px 5px; } }
  div[data-page-id="page-host"] .sweepstakes__item {
    background: #f0e9df;
    display: flex;
    flex-flow: column; }
    @media screen and (max-width: 767px) {
      div[data-page-id="page-host"] .sweepstakes__item {
        width: 350px;
        flex: 0 0 auto;
        max-width: 90%; } }
    div[data-page-id="page-host"] .sweepstakes__item p {
      font-size: 14px;
      font-family: 'Montserrat';
      line-height: 1.2; }
  div[data-page-id="page-host"] .sweepstakes__content {
    padding: 10px; }
  div[data-page-id="page-host"] .sweepstakes__title {
    font-weight: 700; }
  div[data-page-id="page-host"] .testimonials {
    background: #ededed;
    display: block;
    padding: 50px 25px 10px;
    position: relative;
    text-align: center; }
    @media screen and (min-width: 768px) {
      div[data-page-id="page-host"] .testimonials {
        padding-left: 0;
        padding-right: 0; } }
    @media screen and (min-width: 1000px) {
      div[data-page-id="page-host"] .testimonials {
        display: flex;
        flex-direction: column; } }
    div[data-page-id="page-host"] .testimonials h2 {
      font-size: 32px;
      font-weight: 400;
      margin: 0 0 40px 0; }
      div[data-page-id="page-host"] .testimonials h2 span {
        font-size: 18px;
        color: #3d413f;
        font-weight: 700; }
      @media screen and (min-width: 768px) {
        div[data-page-id="page-host"] .testimonials h2 {
          font-size: 36px; } }
    @media screen and (min-width: 768px) {
      div[data-page-id="page-host"] .testimonials br {
        display: none; } }
    div[data-page-id="page-host"] .testimonials h3 {
      margin: 0 0 20px 0; }
    div[data-page-id="page-host"] .testimonials .slick-dots {
      position: relative;
      bottom: unset; }
      div[data-page-id="page-host"] .testimonials .slick-dots li {
        width: 16px;
        height: 16px; }
        div[data-page-id="page-host"] .testimonials .slick-dots li:first-of-type {
          margin-left: 0; }
        div[data-page-id="page-host"] .testimonials .slick-dots li button {
          background-color: rgba(120, 120, 120, 0.5);
          border: none;
          border-radius: 50%;
          width: 16px;
          height: 16px; }
      div[data-page-id="page-host"] .testimonials .slick-dots li button:before {
        content: none; }
      div[data-page-id="page-host"] .testimonials .slick-dots li.slick-active button {
        background-color: #fff;
        border: 2px solid rgba(120, 120, 120, 0.5);
        width: 16px;
        height: 16px; }
    div[data-page-id="page-host"] .testimonials .slick-slider {
      margin: 0 0 40px 0; }
      @media screen and (min-width: 1000px) {
        div[data-page-id="page-host"] .testimonials .slick-slider {
          margin-bottom: 20px; } }
    div[data-page-id="page-host"] .testimonials__slider {
      overflow: hidden;
      position: relative;
      width: 100%; }
      @media screen and (min-width: 1000px) {
        div[data-page-id="page-host"] .testimonials__slider {
          height: auto;
          padding: 0 0 20px 0; } }
      div[data-page-id="page-host"] .testimonials__slider .slick-list {
        margin: 0 -30px; }
      div[data-page-id="page-host"] .testimonials__slider__quotes-wrapper {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding-top: 100px; }
        @media screen and (min-width: 768px) {
          div[data-page-id="page-host"] .testimonials__slider__quotes-wrapper {
            padding-top: 50px; } }
      div[data-page-id="page-host"] .testimonials__slider__quotes {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%; }
        div[data-page-id="page-host"] .testimonials__slider__quotes .slick-list {
          overflow: visible !important; }
        @media screen and (max-width: 767px) {
          div[data-page-id="page-host"] .testimonials__slider__quotes {
            height: auto; } }
        div[data-page-id="page-host"] .testimonials__slider__quotes__item {
          height: 100%;
          padding: 0;
          text-align: center; }
          @media screen and (max-width: 767px) {
            div[data-page-id="page-host"] .testimonials__slider__quotes__item {
              margin: 0 30px;
              max-width: 350px; } }
          @media screen and (min-width: 768px) {
            div[data-page-id="page-host"] .testimonials__slider__quotes__item {
              width: 800px; } }
        div[data-page-id="page-host"] .testimonials__slider__quotes__item__wrapper {
          box-sizing: border-box;
          display: flex;
          flex-direction: column;
          height: auto;
          justify-content: center;
          margin: 0 auto;
          padding: 0;
          position: relative; }
          @media screen and (min-width: 768px) {
            div[data-page-id="page-host"] .testimonials__slider__quotes__item__wrapper {
              background: #fff;
              height: 300px;
              max-width: calc(100% - 20px);
              padding: 50px 20px; } }
        div[data-page-id="page-host"] .testimonials__slider__quotes .slick-track {
          display: flex;
          align-items: center; }
      div[data-page-id="page-host"] .testimonials__slider__dots {
        margin-bottom: 30px; }
      div[data-page-id="page-host"] .testimonials__slider p {
        font-family: 'Montserrat';
        font-size: 18px;
        font-style: italic;
        font-weight: 300;
        line-height: 30px;
        margin: 0 auto 20px;
        max-width: 100%;
        text-align: center; }
        @media screen and (min-width: 768px) {
          div[data-page-id="page-host"] .testimonials__slider p {
            max-width: 85%; } }
        @media screen and (min-width: 1000px) {
          div[data-page-id="page-host"] .testimonials__slider p {
            max-width: 75%; } }
      div[data-page-id="page-host"] .testimonials__slider img {
        border-radius: 100%;
        height: 75px;
        left: 50%;
        position: absolute;
        top: -85px;
        transform: translateX(-50%);
        width: 75px; }
        @media screen and (min-width: 768px) {
          div[data-page-id="page-host"] .testimonials__slider img {
            top: -35px; } }
      div[data-page-id="page-host"] .testimonials__slider span {
        font-family: 'Montserrat';
        font-weight: 600;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.4px;
        line-height: 27px;
        text-align: center;
        display: inline-block;
        margin: 0 auto;
        color: #000; }
        div[data-page-id="page-host"] .testimonials__slider span span {
          text-transform: lowercase; }
  div[data-page-id="page-host"] .connect {
    padding: 0 0 35px 0; }
    div[data-page-id="page-host"] .connect h3 {
      font-family: 'Playfair Display';
      font-feature-settings: "lnum";
      font-size: 30px;
      font-weight: 400;
      line-height: 36px;
      margin: 0 auto 10px auto;
      text-align: center; }
    @media screen and (min-width: 768px) {
      div[data-page-id="page-host"] .connect {
        padding: 50px 0; }
        div[data-page-id="page-host"] .connect h3 {
          font-size: 42px;
          margin: 0 auto 40px auto; } }

.more-host {
  text-align: center; }
  @media screen and (min-width: 768px) {
    .more-host h6 br {
      display: none; } }
  .more-host__grid {
    display: flex;
    flex-flow: column;
    gap: 20px; }
    @media screen and (min-width: 768px) {
      .more-host__grid {
        flex-flow: row;
        gap: 5px; } }
    .more-host__grid-item {
      flex: 1 1 0;
      position: relative;
      text-decoration: none;
      background: #000; }
      .more-host__grid-item:hover .more-host__grid-item__img img {
        transform: scale(1.05); }
      .more-host__grid-item__img {
        overflow: hidden;
        line-height: 0; }
        .more-host__grid-item__img img {
          object-fit: cover;
          object-position: center;
          transition: 0.25s ease-in-out all; }
      .more-host__grid-item__title {
        font-family: 'Playfair Display';
        font-feature-settings: "lnum";
        font-weight: 600;
        font-size: 34px;
        line-height: 1.1;
        color: #fff;
        position: absolute;
        bottom: 55px;
        left: 50%;
        transform: translateX(-50%);
        width: 80%; }

section.host-section--intro {
  text-align: center;
  position: relative; }
  @media screen and (min-width: 768px) {
    section.host-section--intro {
      text-align: left; } }
  section.host-section--intro .container {
    width: 1440px;
    max-width: 100%; }
  section.host-section--intro .text-content {
    display: flex;
    flex-flow: column;
    gap: 20px; }
    @media screen and (min-width: 1000px) {
      section.host-section--intro .text-content {
        gap: 10px;
        justify-content: center;
        margin-left: calc(100% * 111 / 1400);
        max-width: 490px;
        min-height: 270px; } }
    @media screen and (min-width: 1000px) {
      section.host-section--intro .text-content {
        margin-left: calc(100% * 222 / 1400); } }
    section.host-section--intro .text-content p {
      margin-left: 0; }
      @media screen and (min-width: 1000px) {
        section.host-section--intro .text-content p {
          text-align: left;
          max-width: 450px; } }
    @media screen and (min-width: 1000px) {
      section.host-section--intro .text-content .btn {
        margin-left: 0; } }
  #pageSweepstakes section.host-section--intro .container {
    padding-left: 12px;
    padding-right: 12px; }

section.host-section--sweepstakes {
  padding-top: 20px; }
  #pageSweepstakes section.host-section--sweepstakes .container {
    padding-bottom: 0px; }
  @media screen and (max-width: 767px) {
    #pageSweepstakes section.host-section--sweepstakes .sweepstakes__container {
      margin-left: -12px;
      margin-right: -12px; } }
  #pageHost section.host-section--sweepstakes {
    background: #fff5f6; }
    @media screen and (max-width: 767px) {
      #pageHost section.host-section--sweepstakes h2 {
        font-size: 6vw; } }
    #pageHost section.host-section--sweepstakes p {
      color: #000; }
    #pageHost section.host-section--sweepstakes .sweepstakes__item {
      background: #ffffff; }
      @media screen and (max-width: 767px) {
        #pageHost section.host-section--sweepstakes .sweepstakes__item {
          width: 172px; } }
    @media screen and (max-width: 767px) {
      #pageHost section.host-section--sweepstakes .sweepstakes__grid {
        margin-left: -15px;
        margin-right: -15px; } }
    #pageHost section.host-section--sweepstakes .terms {
      line-height: 1.5; }

section.host-section--experience {
  background: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f25/host/pattern-dark-v2.jpg") center center repeat; }
  section.host-section--experience .container {
    justify-content: center; }
  @media screen and (min-width: 1000px) {
    section.host-section--experience .container {
      align-items: center;
      flex-flow: row wrap;
      justify-content: space-between;
      padding: 50px 0; }
      section.host-section--experience .container > div {
        flex: 0 0 auto; } }
  section.host-section--experience .experience__video {
    position: relative;
    z-index: 1; }
    @media screen and (min-width: 1000px) {
      section.host-section--experience .experience__video {
        margin: 0;
        order: -1;
        width: 394px; } }
    section.host-section--experience .experience__video .video-container--mobile {
      aspect-ratio: 9 / 16; }
  section.host-section--experience .experience__content {
    margin-bottom: 40px;
    max-width: 100%; }
    @media screen and (min-width: 1000px) {
      section.host-section--experience .experience__content {
        margin: 0;
        padding: 0 0 0 80px;
        width: calc(100% - 394px); } }
    section.host-section--experience .experience__content p {
      text-align: left; }
    section.host-section--experience .experience__content h2 {
      font-size: 32px;
      font-weight: 400;
      margin-bottom: 20px;
      text-align: left; }
      @media screen and (min-width: 768px) {
        section.host-section--experience .experience__content h2 {
          font-size: 36px; }
          section.host-section--experience .experience__content h2 br {
            display: none; } }
    section.host-section--experience .experience__content h3 {
      font-size: 18px;
      padding: 40px 0 20px 0;
      text-align: left; }
      section.host-section--experience .experience__content h3.virtual-styling-experience {
        background: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s24/fashion-experience/virtual-icon.svg") top left no-repeat;
        background-size: 50px;
        line-height: 20px;
        margin: 40px 0 0 0;
        padding: 5px 0 20px 60px; }
    section.host-section--experience .experience__content ul {
      list-style: none; }
      section.host-section--experience .experience__content ul li {
        background: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f25/host/check.png") top left no-repeat;
        background-size: 30px;
        font-size: 15px;
        margin: 0 0 20px 0;
        padding: 0 0 0 50px;
        font-family: 'Montserrat'; }
        section.host-section--experience .experience__content ul li span {
          font-family: 'Montserrat';
          font-weight: 700; }
    section.host-section--experience .experience__content .btn-cta--black {
      margin-top: 20px; }
  section.host-section--experience .experience__questions {
    width: 100%;
    text-align: center; }
    @media screen and (min-width: 768px) {
      section.host-section--experience .experience__questions {
        margin-top: 80px; } }
    section.host-section--experience .experience__questions h4 {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: italic;
      font-size: 22px;
      line-height: 1.2;
      margin-left: -28px;
      padding: 0 0 0 40px;
      color: #000; }
      section.host-section--experience .experience__questions h4 i {
        margin-right: 4px; }
    section.host-section--experience .experience__questions .btn-cta--black {
      margin: 10px auto; }

section.host-section--styling {
  background: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f25/host/pattern-light-v2.jpg") center center repeat;
  color: #3d413f; }
  section.host-section--styling .container {
    padding: 50px 25px; }
  section.host-section--styling h2 {
    font-size: 32px;
    font-weight: 400; }
    @media screen and (min-width: 768px) {
      section.host-section--styling h2 {
        font-size: 36px; } }
  section.host-section--styling ul {
    display: flex;
    flex-flow: column;
    justify-content: center;
    list-style: none;
    margin: 0 0 40px 0; }
    @media screen and (min-width: 768px) {
      section.host-section--styling ul {
        flex-flow: row;
        justify-content: space-between;
        margin: 40px 0 80px 0; } }
    section.host-section--styling ul li {
      align-items: center;
      display: flex;
      padding: 20px 0 20px 25px; }
      @media screen and (min-width: 768px) {
        section.host-section--styling ul li {
          display: block;
          padding: 0;
          text-align: center;
          width: 30%; } }
      section.host-section--styling ul li img {
        height: auto;
        margin: 0 30px 0 0;
        width: 68px; }
        @media screen and (min-width: 768px) {
          section.host-section--styling ul li img {
            height: 47px;
            margin: 0 auto 20px auto;
            width: auto; } }
      section.host-section--styling ul li h3 {
        margin: 0 0; }
        @media screen and (max-width: 767px) {
          section.host-section--styling ul li h3 {
            text-align: left; } }
      @media screen and (max-width: 767px) {
        section.host-section--styling ul li:last-child h3 br {
          display: none; } }
  section.host-section--styling .cabi-tap {
    margin: 0 auto;
    max-width: 670px;
    padding: 0 0 10px 0;
    text-align: center; }
    @media screen and (min-width: 768px) {
      section.host-section--styling .cabi-tap {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 0 0 30px 0; } }
    section.host-section--styling .cabi-tap img {
      margin: 0 0 5px 0;
      width: 100%; }
      @media screen and (min-width: 768px) {
        section.host-section--styling .cabi-tap img {
          width: 50%; } }
    section.host-section--styling .cabi-tap h3 {
      margin: 0 0 5px 0; }
    section.host-section--styling .cabi-tap p {
      margin: 0 auto 20px auto; }
      @media screen and (min-width: 768px) {
        section.host-section--styling .cabi-tap p {
          width: 230px; } }
    section.host-section--styling .cabi-tap .links-container {
      align-items: center;
      display: flex;
      justify-content: center; }
      section.host-section--styling .cabi-tap .links-container img {
        margin: 0 5px;
        width: 20px; }
      section.host-section--styling .cabi-tap .links-container .qr-code {
        width: 100%; }
        section.host-section--styling .cabi-tap .links-container .qr-code img {
          width: 110px; }
      section.host-section--styling .cabi-tap .links-container.only-desktop-down img {
        height: 40px;
        margin: 0 10px 0 0;
        width: auto; }
        section.host-section--styling .cabi-tap .links-container.only-desktop-down img:last-of-type {
          margin: 0; }

.benefits {
  background: #f7f7f7;
  padding: 40px 15px;
  text-align: center; }
  .benefits h2 {
    margin: 0 auto 20px auto;
    max-width: 290px; }
  .benefits .refer-a-friend {
    font-family: 'Montserrat';
    font-weight: 400;
    background: #000 url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s24/fashion-experience/refer-a-friend-icon.svg") 20px 30px no-repeat;
    background-size: 43px;
    color: #fff;
    font-size: 16px;
    line-height: 23px;
    margin: 10px auto 30px auto;
    max-width: 1000px;
    padding: 20px 20px 20px 85px;
    text-align: left; }
    .benefits .refer-a-friend span {
      font-weight: bold; }
    .benefits .refer-a-friend .btn-cta--white {
      border-width: 1px;
      font-size: 16px;
      font-weight: 400;
      margin: 0; }
  .benefits .questions h2 {
    background: url("//media-fall.cabionline.com/wp-content/themes/cabi/assets/svgs/FAQs-icon.svg") 0 0 no-repeat;
    background-size: 26px;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    line-height: 26px;
    margin: 0 auto 5px auto;
    max-width: 245px;
    padding: 0 0 0 40px; }
  @media screen and (min-width: 768px) {
    .benefits h2 {
      max-width: 100%; }
    .benefits .refer-a-friend {
      background-position: 30px 35px;
      padding: 30px 50px 30px 100px; }
    .benefits .questions {
      align-items: center;
      display: flex;
      justify-content: center; }
      .benefits .questions h2 {
        margin: 0 20px 0 0; } }
  @media screen and (min-width: 1000px) {
    .benefits .refer-a-friend {
      padding: 30px 150px 30px 100px; } }

.sales-table table {
  background: #eee;
  font-size: 12px;
  margin: 0 auto;
  max-width: 1000px;
  table-layout: auto;
  text-align: center;
  width: 100%; }
  .sales-table table.desktop-up {
    border: 8px solid #eee;
    display: none; }
    .sales-table table.desktop-up td:first-of-type {
      background: #eee;
      font-family: Montserrat;
      font-weight: bold;
      text-align: left; }
    .sales-table table.desktop-up tr:last-of-type td:first-of-type {
      background: #fff;
      border-top: 8px solid #eee;
      font-family: Montserrat; }
  .sales-table table td {
    font-family: 'Montserrat';
    border: 4px #eee solid;
    font-size: 12px;
    letter-spacing: 0.52px;
    line-height: 15px;
    padding: 12px 10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle; }
    .sales-table table td p {
      font-size: 14px;
      font-style: normal;
      letter-spacing: 0.29px;
      line-height: 26px;
      margin: 0 0 10px 0;
      padding: 0;
      text-transform: none; }
      .sales-table table td p:last-of-type {
        margin: 0; }
      @media screen and (min-width: 768px) {
        .sales-table table td p {
          text-align: left; } }
  .sales-table table thead td {
    font-family: Montserrat Bold;
    vertical-align: text-bottom; }
  .sales-table table tbody td {
    background: #fff; }
  @media screen and (min-width: 1000px) {
    .sales-table table.tablet-down {
      display: none; }
    .sales-table table.desktop-up {
      display: table; } }

#page[data-page-id="page-give-now"] {
  background: white;
  margin: 0;
  padding: 0; }
  #page[data-page-id="page-give-now"] hr {
    height: 1px;
    margin: 30px 0; }
  #page[data-page-id="page-give-now"] .page-header {
    height: 319px;
    background: #000 url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f24/donate/donate-header.jpg") 50% 0 no-repeat;
    background-size: cover;
    margin: 0 auto;
    max-width: 1440px; }
    @media (min-width: 1436px) {
      #page[data-page-id="page-give-now"] .page-header {
        background-size: contain; } }
    #page[data-page-id="page-give-now"] .page-header .box {
      float: left;
      width: 100%;
      padding-top: 50px;
      text-align: center; }
    #page[data-page-id="page-give-now"] .page-header .h1 {
      color: #fff;
      font-family: 'Playfair Display';
      font-feature-settings: "lnum";
      font-weight: 700;
      font-size: 60px;
      text-transform: lowercase;
      line-height: 78px;
      text-align: center;
      font-weight: 100; }
    #page[data-page-id="page-give-now"] .page-header .headline {
      display: inline-block;
      vertical-align: top;
      margin-bottom: 25px;
      height: 140px;
      width: 260px; }
  #page[data-page-id="page-give-now"] .page-body {
    padding: 20px 0 0 0; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-give-now"] .page-body {
        padding: 20px 0 80px 0; } }
  #page[data-page-id="page-give-now"] .container-medium {
    max-width: 670px;
    margin: 0 auto; }
  #page[data-page-id="page-give-now"] .give-heart {
    margin-top: 53px; }
    #page[data-page-id="page-give-now"] .give-heart .h1 {
      color: #000;
      font-family: 'Playfair Display';
      font-feature-settings: "lnum";
      font-weight: 700;
      font-size: 39px;
      letter-spacing: .1px;
      line-height: 57px;
      text-align: center;
      font-weight: 400; }
      #page[data-page-id="page-give-now"] .give-heart .h1 br {
        display: none; }
    #page[data-page-id="page-give-now"] .give-heart span {
      font-family: 'Montserrat';
      font-size: 33px;
      line-height: 43px;
      letter-spacing: 0.1px; }
      #page[data-page-id="page-give-now"] .give-heart span .line-break {
        display: block; }
        @media screen and (min-width: 1000px) {
          #page[data-page-id="page-give-now"] .give-heart span .line-break {
            display: inline-block; } }
  #page[data-page-id="page-give-now"] .form-btn {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 30px; }
  #page[data-page-id="page-give-now"] .example-remove {
    max-width: 100%;
    height: auto;
    vertical-align: top; }
  #page[data-page-id="page-give-now"] .description {
    text-align: center;
    padding: 0 10px;
    font-size: 16px;
    line-height: 20px; }
    #page[data-page-id="page-give-now"] .description p {
      height: 63px;
      width: 685px;
      margin: 20px 0;
      letter-spacing: 0.05px;
      color: #000;
      font-family: 'Montserrat'; }
      #page[data-page-id="page-give-now"] .description p small {
        font-size: 12px;
        line-height: 14px;
        letter-spacing: 0.006em;
        color: #6D6D6D;
        display: inline-block; }
  @media (max-width: 767px) {
    #page[data-page-id="page-give-now"] .page-header {
      background: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f24/donate/donate-header-mobile.jpg") 50% 0;
      background-size: cover;
      height: 280px; }
      #page[data-page-id="page-give-now"] .page-header .headline {
        width: 186px;
        height: 100px; }
      #page[data-page-id="page-give-now"] .page-header .box {
        width: 100%; }
      #page[data-page-id="page-give-now"] .page-header .h1 {
        font-family: 'Playfair Display';
        font-feature-settings: "lnum";
        font-weight: 700;
        font-size: 44px;
        letter-spacing: 0.1px; }
    #page[data-page-id="page-give-now"] .form-btn {
      margin-top: 30px;
      margin-bottom: 15px; }
    #page[data-page-id="page-give-now"] hr {
      margin: 15px 0; }
    #page[data-page-id="page-give-now"] .give-heart {
      margin-top: 0px; }
      #page[data-page-id="page-give-now"] .give-heart .h1 {
        font-size: 30px;
        letter-spacing: 0.08px;
        line-height: 39px; } }
    @media screen and (max-width: 767px) and (min-width: 1000px) {
      #page[data-page-id="page-give-now"] .give-heart .h1 {
        font-size: 25px; } }
  @media (max-width: 767px) {
        #page[data-page-id="page-give-now"] .give-heart .h1 br {
          display: block; }
    #page[data-page-id="page-give-now"] .description {
      font-size: 10px;
      line-height: 13px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      #page[data-page-id="page-give-now"] .description p {
        margin: 10px 0;
        height: 39px;
        width: 343px; }
        #page[data-page-id="page-give-now"] .description p small {
          font-size: 10px;
          line-height: 13px; } }

#page[data-page-id="page-join-us"] .join-us__page-header__content p, .career-intro__card-content p, .page-header__third__content p, #page[data-page-id="page-foundation"] .step-3 .columns .info, .body-text {
  font-size: 16px;
  line-height: 24px; }
  @media screen and (min-width: 480px) {
    #page[data-page-id="page-join-us"] .join-us__page-header__content p, .career-intro__card-content p, .page-header__third__content p, #page[data-page-id="page-foundation"] .step-3 .columns .info, .body-text {
      font-size: 14px;
      line-height: 21px; } }

#page[data-page-id="page-join-us"] {
  margin: 0;
  padding: 0;
  background-color: #fff; }
  #page[data-page-id="page-join-us"] .career-join-us {
    background-color: #eeefef;
    max-width: 1440px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      #page[data-page-id="page-join-us"] .career-join-us {
        width: 100%;
        max-width: none;
        min-height: 585px;
        height: 104px; } }
  #page[data-page-id="page-join-us"] .join-us__page-header {
    background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/career-overview/career-header-img.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: calc(100vh - 190px);
    min-height: 320px;
    max-height: 441px;
    display: flex;
    flex-direction: row;
    align-items: center; }
    @media screen and (max-width: 767px) {
      #page[data-page-id="page-join-us"] .join-us__page-header {
        background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/career-overview/career-header-img-mobile.jpg);
        width: 100%;
        max-height: none;
        height: 100%;
        align-items: flex-end;
        padding-bottom: 20px; }
        #page[data-page-id="page-join-us"] .join-us__page-header .join-us__page-header__knockout {
          display: none; }
        #page[data-page-id="page-join-us"] .join-us__page-header .join-us__page-header__content {
          flex: 0 1 100%;
          padding: 0 20px;
          text-align: center; } }
  #page[data-page-id="page-join-us"] .join-us__page-header__knockout {
    flex: 0 1 50%; }
  #page[data-page-id="page-join-us"] .join-us__page-header__content {
    flex: 0 1 50%;
    padding-left: 40px; }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-join-us"] .join-us__page-header__content {
        flex-basis: 575px; } }
    @media screen and (max-width: 999px) and (min-width: 768px) {
      #page[data-page-id="page-join-us"] .join-us__page-header__content {
        padding-right: 20px; } }
    #page[data-page-id="page-join-us"] .join-us__page-header__content h2 {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 400;
      font-style: normal;
      font-size: 40px;
      letter-spacing: 0.87px;
      line-height: 40px;
      text-align: center; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-join-us"] .join-us__page-header__content h2 {
          letter-spacing: 0.87px;
          line-height: 48px;
          text-align: left; } }
      @media screen and (max-width: 480px) {
        #page[data-page-id="page-join-us"] .join-us__page-header__content h2 {
          font-size: 24px;
          line-height: 26px; } }
    #page[data-page-id="page-join-us"] .join-us__page-header__content p {
      font-weight: normal;
      letter-spacing: 0.4px;
      margin: 15px 0; }
      @media screen and (max-width: 480px) {
        #page[data-page-id="page-join-us"] .join-us__page-header__content p {
          font-size: 14px;
          line-height: 18px;
          margin: 10px 0; } }
  #page[data-page-id="page-join-us"] .join-us__header-links {
    display: flex;
    justify-content: space-between;
    list-style: none; }
    #page[data-page-id="page-join-us"] .join-us__header-links li {
      font-family: Montserrat;
      font-size: 14px;
      letter-spacing: 0.61px;
      font-weight: bold;
      line-height: 18px;
      text-align: center;
      padding: 45px 0 43px 0; }
      #page[data-page-id="page-join-us"] .join-us__header-links li a {
        display: inline-block;
        text-decoration: none;
        -webkit-transition: color 0.4s ease-out, border-bottom-color 0.4s ease-out;
        -moz-transition: color 0.4s ease-out, border-bottom-color 0.4s ease-out;
        transition: color 0.4s ease-out, border-bottom-color 0.4s ease-out;
        border-bottom: 2px solid transparent; }
        #page[data-page-id="page-join-us"] .join-us__header-links li a:hover {
          color: rgba(0, 0, 0, 0.6);
          border-bottom-color: rgba(0, 0, 0, 0.6); }
    @media screen and (max-width: 767px) {
      #page[data-page-id="page-join-us"] .join-us__header-links {
        display: none; } }
  #page[data-page-id="page-join-us"] .join-us__h1 {
    color: #000;
    margin-bottom: 1rem;
    font-size: 5.3333333333em;
    line-height: 1.1em;
    font-family: "Didot 06 A", "Didot 06 B", "georgia";
    font-weight: 300;
    font-style: normal; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-join-us"] .join-us__h1 {
        margin-bottom: 1.5rem; } }
  #page[data-page-id="page-join-us"] .join-us__text {
    font-size: 1em;
    letter-spacing: 0.002em;
    color: #000;
    line-height: 1.7;
    margin-bottom: 2em; }
    #page[data-page-id="page-join-us"] .join-us__text br {
      display: none; }
      @media screen and (min-width: 1440px) {
        #page[data-page-id="page-join-us"] .join-us__text br {
          display: block; } }
    #page[data-page-id="page-join-us"] .join-us__text span {
      display: none; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-join-us"] .join-us__text span {
          display: inline; } }
  #page[data-page-id="page-join-us"] .join-us__btn-leadform {
    background-color: #ff99a8;
    color: #fff;
    font-size: 12px;
    height: 74px;
    letter-spacing: 0;
    max-width: 415px;
    padding: 10px;
    position: relative;
    width: 100%; }
    @media screen and (min-width: 460px) {
      #page[data-page-id="page-join-us"] .join-us__btn-leadform {
        font-size: 15px;
        height: 90px;
        width: 420px;
        padding: 16px 32px; } }
    #page[data-page-id="page-join-us"] .join-us__btn-leadform:before {
      display: none; }
    #page[data-page-id="page-join-us"] .join-us__btn-leadform span {
      display: block;
      font-size: 13px;
      text-transform: none;
      letter-spacing: 0;
      padding-bottom: 10px; }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-join-us"] .join-us__btn-leadform span {
          font-size: 17px; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-join-us"] .join-us__btn-leadform:hover {
        background-color: #fff;
        color: #ff99a8; } }
  #page[data-page-id="page-join-us"] .btn-more {
    background-color: #ff99a8;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    color: #f7f4f0;
    text-decoration: none;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
    border: 1px solid #ff99a8;
    font-size: 17px;
    line-height: 21px;
    width: 265px;
    padding: 15px 25px;
    text-transform: uppercase; }
    #page[data-page-id="page-join-us"] .btn-more:hover {
      color: #ff99a8;
      background-color: #fff;
      text-decoration: none; }
  #page[data-page-id="page-join-us"] .expanding {
    border-bottom: 9px solid #ff99a8;
    padding: 40px 0;
    display: none; }
    #page[data-page-id="page-join-us"] .expanding .description {
      margin-bottom: 25px;
      padding: 0 5%; }
    #page[data-page-id="page-join-us"] .expanding .example-remove {
      margin: 0 auto 40px auto;
      display: block;
      max-width: 100%;
      height: auto; }
    #page[data-page-id="page-join-us"] .expanding .btn-link {
      display: inline-block;
      vertical-align: top;
      margin-top: 35px;
      font-weight: 600; }
  #page[data-page-id="page-join-us"] .bg-image-fullwidth {
    padding-bottom: 85px; }
  #page[data-page-id="page-join-us"] .business-model {
    height: 639px;
    background: #fff url(../images/join-us/business-model.jpg) 50% 0 no-repeat; }
    #page[data-page-id="page-join-us"] .business-model .box {
      float: right;
      width: 50%;
      padding: 85px 0 20px 50px; }
  #page[data-page-id="page-join-us"] .bg-image-fixed {
    background-image: url(../images/join-us/bg-parallax.jpg); }
  #page[data-page-id="page-join-us"] .events .container-wide {
    padding: 0 38px; }
  #page[data-page-id="page-join-us"] .supports {
    max-width: 1095px;
    background: url(../images/join-us/support.jpg) 50% 50% no-repeat;
    background-size: cover;
    margin: 0 auto;
    position: relative;
    top: -85px; }
    #page[data-page-id="page-join-us"] .supports .box {
      height: 498px;
      width: 50%;
      background-color: rgba(255, 153, 168, 0.85);
      padding: 60px 85px; }
    #page[data-page-id="page-join-us"] .supports .h3 {
      color: #fff; }
  #page[data-page-id="page-join-us"] .box-content {
    color: #000; }
    #page[data-page-id="page-join-us"] .box-content .h3,
    #page[data-page-id="page-join-us"] .box-content .h2 {
      display: block;
      text-transform: lowercase;
      letter-spacing: 0.06em; }
    #page[data-page-id="page-join-us"] .box-content .h3 {
      font-size: 52px;
      line-height: 47px; }
    #page[data-page-id="page-join-us"] .box-content .h2 {
      font-size: 72px;
      line-height: 61px;
      margin-bottom: 25px; }
    #page[data-page-id="page-join-us"] .box-content .description {
      font-size: 19px;
      line-height: 24px;
      letter-spacing: -0.04em;
      margin-bottom: 30px; }
      #page[data-page-id="page-join-us"] .box-content .description strong {
        font-weight: 700; }
  #page[data-page-id="page-join-us"] .events .col-2 {
    margin-left: -25px; }
  #page[data-page-id="page-join-us"] .events .box {
    float: left;
    width: 50%;
    padding: 0 0 0 25px; }
  #page[data-page-id="page-join-us"] .events .event-cover {
    margin-bottom: 30px;
    display: block;
    position: relative; }
    #page[data-page-id="page-join-us"] .events .event-cover .btn-link {
      height: 62px;
      width: 256px;
      text-align: center;
      color: #000;
      background: #fff;
      position: absolute;
      left: 50%;
      font-size: 22px;
      letter-spacing: 0.006em;
      bottom: 0;
      margin-left: -128px;
      display: block;
      font-weight: 600; }
      #page[data-page-id="page-join-us"] .events .event-cover .btn-link:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%; }
    #page[data-page-id="page-join-us"] .events .event-cover .event-img {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
      filter: gray;
      filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
    #page[data-page-id="page-join-us"] .events .event-cover:hover .event-img {
      -webkit-filter: grayscale(0%);
      filter: grayscale(0%);
      filter: none; }
  #page[data-page-id="page-join-us"] .events .event-img {
    display: block;
    width: 100%;
    height: auto; }
  #page[data-page-id="page-join-us"] .events .event-description {
    text-align: center;
    font-size: 15px;
    letter-spacing: 0.006em;
    color: #262223;
    width: 95%;
    margin: 0 auto; }
    #page[data-page-id="page-join-us"] .events .event-description p {
      margin: 0 0 5px 0; }
    #page[data-page-id="page-join-us"] .events .event-description a {
      color: #262223;
      font-size: 12px;
      line-height: 20px; }
  #page[data-page-id="page-join-us"] .join__block-quotes {
    margin-bottom: 4em; }
  @media screen and (max-width: 1100px) {
    #page[data-page-id="page-join-us"] .page-header .bg-image-fixed {
      background-attachment: initial; } }
  @media screen and (max-width: 1000px) {
    #page[data-page-id="page-join-us"] .header-content .description {
      font-size: 15px;
      line-height: 24px; }
    #page[data-page-id="page-join-us"] .page-header .bg-image-fixed {
      height: 460px;
      background-attachment: inherit;
      background-size: 200% auto;
      background-position: 50% -110px; }
    #page[data-page-id="page-join-us"] .supports .box {
      padding: 50px; } }
  @media screen and (max-width: 767px) {
    #page[data-page-id="page-join-us"] .page-header .bg-image-fixed {
      background-attachment: inherit;
      height: 440px;
      border-bottom: 8px solid #ff99a8;
      background-size: cover;
      background-position: 50% 0; }
    #page[data-page-id="page-join-us"] .page-header .btn-more {
      font-size: 10px;
      line-height: 13px;
      width: 178px;
      margin-left: -89px;
      padding-top: 10px;
      padding-bottom: 10px; }
    #page[data-page-id="page-join-us"] .expanding .h1 {
      font-size: 39px;
      line-height: 24px; }
    #page[data-page-id="page-join-us"] .expanding .description {
      font-size: 12px;
      line-height: 13px;
      margin-bottom: 20px; }
    #page[data-page-id="page-join-us"] .expanding .btn-link {
      font-size: 11px;
      margin-top: 17px; }
    #page[data-page-id="page-join-us"] .box-content .h3 {
      font-size: 26px;
      line-height: 23px; }
    #page[data-page-id="page-join-us"] .box-content .h2 {
      font-size: 36px;
      line-height: 26px;
      margin-bottom: 15px; }
    #page[data-page-id="page-join-us"] .box-content .description {
      font-size: 15px;
      letter-spacing: -0.04em;
      margin-bottom: 15px; }
    #page[data-page-id="page-join-us"] .supports .box,
    #page[data-page-id="page-join-us"] .business-model .box {
      float: none;
      width: 100%; }
    #page[data-page-id="page-join-us"] .business-model {
      background-position: 10% 0;
      padding-top: 205px;
      background: url(../images/join-us/business-model-mobile.jpg) 50% 0 no-repeat;
      background-size: cover;
      height: auto;
      background-size: auto 205px; }
      #page[data-page-id="page-join-us"] .business-model .box {
        padding: 20px 35px; }
    #page[data-page-id="page-join-us"] .supports {
      height: auto;
      top: 0;
      padding-top: 340px;
      background: url(../images/join-us/support-mobile.jpg) 50% 0 no-repeat;
      background-size: 100% auto;
      margin-bottom: 5em; }
      #page[data-page-id="page-join-us"] .supports .box {
        height: auto;
        padding: 20px 50px;
        margin-top: -50px; }
    #page[data-page-id="page-join-us"] .bg-image-fixed {
      padding-bottom: 0; }
    #page[data-page-id="page-join-us"] .events {
      padding: 0; }
      #page[data-page-id="page-join-us"] .events .event-cover {
        margin-bottom: 15px; }
        #page[data-page-id="page-join-us"] .events .event-cover .btn-link {
          width: 158px;
          height: 38px;
          font-size: 15px;
          margin-left: -79px; }
      #page[data-page-id="page-join-us"] .events .col-2 {
        margin: 0; }
      #page[data-page-id="page-join-us"] .events .container-wide {
        padding: 30px 25px; }
      #page[data-page-id="page-join-us"] .events .event-description {
        font-size: 15px;
        line-height: 1.2; }
        #page[data-page-id="page-join-us"] .events .event-description a {
          font-size: 11px;
          line-height: 18px; }
      #page[data-page-id="page-join-us"] .events .box {
        float: none;
        width: 100%;
        padding: 0;
        margin-bottom: 35px; } }

#modal[data-selector="#data-calculator"] {
  padding: 0;
  max-width: 412px; }
  #modal[data-selector="#data-calculator"] #calculator-wrapper {
    overflow: auto;
    width: 100%;
    height: 110vh;
    max-height: 690px;
    background-color: white;
    padding: 0px; }
    #modal[data-selector="#data-calculator"] #calculator-wrapper iframe {
      display: block;
      height: 100%;
      margin: 0 auto;
      overflow: hidden;
      width: 100%; }
      #modal[data-selector="#data-calculator"] #calculator-wrapper iframe body {
        padding-top: 0; }

.expanding-btn__js:hover {
  cursor: pointer; }

.career-info {
  text-align: center;
  margin-bottom: 32px; }
  .career-info__title {
    margin: 40px auto 40px; }
  .career-info .fade-in-on-scroll {
    opacity: 0; }

.income-download-link {
  margin: 50px auto; }

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

.career-income {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  background-color: #efefef;
  background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/career-overview/how-you-earn-bg.jpg);
  background-repeat: no-repeat;
  background-position: top center; }
  @media screen and (max-width: 767px) {
    .career-income {
      background-image: none; } }
  @media screen and (max-width: 999px) {
    .career-income .container-wide {
      max-width: none;
      width: 100%;
      padding: 0 15px; } }
  .career-income__header {
    height: 370px;
    display: flex;
    align-items: center;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .career-income__header {
        height: 180px;
        text-align: center;
        justify-content: center; } }
    .career-income__header h2 {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 400;
      font-style: italic;
      font-size: 40px;
      letter-spacing: 0.87px;
      line-height: 40px;
      margin-left: 40px; }
      .career-income__header h2 span {
        font-weight: 600; }
      @media screen and (max-width: 767px) {
        .career-income__header h2 {
          font-size: 30px;
          letter-spacing: 0.66px;
          line-height: 34px;
          margin-left: 0; } }
      .career-income__header h2:after {
        content: "";
        display: block;
        width: 80px;
        height: 2px;
        background: #000;
        margin-top: 20px; }
        @media screen and (max-width: 767px) {
          .career-income__header h2:after {
            width: 90px;
            margin: 30px auto 0; } }
  .career-income__item {
    background: #fff;
    width: 100%;
    padding: 50px 150px;
    text-align: center;
    margin-bottom: 20px;
    border-bottom: 5px solid #000; }
    @media screen and (max-width: 999px) {
      .career-income__item {
        padding: 50px 30px; } }
    .career-income__item:last-of-type {
      margin-bottom: 0px; }
      @media screen and (max-width: 767px) {
        .career-income__item:last-of-type {
          margin-bottom: 35px; } }
    .career-income__item h3 {
      color: #f899a8;
      font-family: Montserrat;
      font-family: 'Montserrat';
      font-weight: 700;
      font-size: 22px;
      letter-spacing: 0.87px;
      line-height: 27px;
      margin-bottom: 15px; }
      @media screen and (max-width: 767px) {
        .career-income__item h3 {
          margin-bottom: 20px; } }
    .career-income__item p {
      color: #000;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 400;
      font-style: italic;
      font-size: 20px;
      letter-spacing: 0.5px;
      line-height: 24px;
      margin-bottom: 20px; }
    .career-income__item .extend {
      display: none;
      margin-top: 60px;
      margin-bottom: 50px; }
    .career-income__item .extend-content {
      margin-top: 60px;
      margin-bottom: 50px; }
  .career-income__detail {
    display: flex;
    text-align: left;
    align-content: space-between; }
    @media screen and (max-width: 767px) {
      .career-income__detail {
        flex-direction: column; } }
    .career-income__detail--child {
      flex: 0 1 auto; }
      @media screen and (max-width: 767px) {
        .career-income__detail--child {
          width: 100%; } }
      .career-income__detail--child:first-of-type {
        flex-basis: 300px; }
        .career-income__detail--child:first-of-type .calculator-img {
          width: 100%;
          height: auto; }
        @media screen and (min-width: 768px) {
          .career-income__detail--child:first-of-type {
            margin-right: 60px; } }
        @media screen and (max-width: 767px) {
          .career-income__detail--child:first-of-type {
            text-align: center;
            flex-basis: auto; } }
      .career-income__detail--child.personal-sales-content {
        padding-top: 40px; }
      .career-income__detail--child h5 {
        color: #000;
        font-family: 'Montserrat';
        font-weight: 700;
        font-size: 14px;
        letter-spacing: 0.61px;
        line-height: 18px;
        margin-bottom: 10px; }
        @media screen and (max-width: 767px) {
          .career-income__detail--child h5 {
            text-align: center; } }
      .career-income__detail--child h4 {
        color: #000000;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 400;
        font-style: italic;
        font-size: 40px;
        letter-spacing: 0.36px;
        line-height: 44px;
        margin-bottom: 20px; }
        @media screen and (max-width: 767px) {
          .career-income__detail--child h4 {
            text-align: center; } }
      .career-income__detail--child ul {
        list-style: disc;
        padding-left: 20px;
        margin-bottom: 30px; }
        .career-income__detail--child ul li {
          color: #000;
          font-family: "Archer SSm A", "Archer SSm B";
          font-weight: 400;
          font-style: normal;
          font-size: 16px;
          letter-spacing: 0.4px;
          line-height: 24px;
          margin-bottom: 5px; }
      .career-income__detail--child a.btn {
        font-weight: 700; }

.team-sales__info {
  margin-bottom: 70px; }
  .team-sales__info .note p {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 400;
    font-style: normal;
    color: #000;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 18px;
    text-align: left; }
  .team-sales__info .note--list p {
    padding-left: 24px;
    position: relative; }
    .team-sales__info .note--list p:before {
      position: absolute;
      left: 0; }
    .team-sales__info .note--list p:nth-of-type(1):before {
      content: "(1)"; }
    .team-sales__info .note--list p:nth-of-type(2):before {
      content: "(2)"; }
    .team-sales__info .note--list p:nth-of-type(3):before {
      content: "(3)"; }
    .team-sales__info .note--list p:nth-of-type(4):before {
      content: "(4)"; }

.team-sales__header {
  text-align: center;
  margin-bottom: 15px; }

.team-sales__title {
  color: #000;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 25px; }
  .team-sales__title + span {
    color: #000;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 25px;
    text-transform: none; }
  .team-sales__title sup {
    vertical-align: super;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.21px;
    line-height: 25px;
    text-align: center; }

.team-sales__content .custom-table {
  background-color: #f9f9f9;
  padding: 15px 4px 4px 4px;
  margin-bottom: 15px;
  overflow: auto; }
  @media screen and (max-width: 999px) {
    .team-sales__content .custom-table {
      padding: 8px 4px 4px 4px;
      margin: 0 -30px 15px; } }

.team-sales__content .table-style thead th {
  background-color: #f9f9f9;
  border-color: #f9f9f9;
  font-family: 'Montserrat';
  font-size: 12px;
  letter-spacing: 0.87px;
  line-height: 15px;
  text-align: center; }
  .team-sales__content .table-style thead th sup {
    vertical-align: super;
    color: #000000;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.21px;
    line-height: 25px; }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    .team-sales__content .table-style thead th {
      font-size: 9px;
      line-height: 10px;
      padding: 5px 5px 10px 5px; } }
  @media screen and (max-width: 767px) {
    .team-sales__content .table-style thead th {
      font-size: 7px;
      line-height: 8px;
      padding: 5px 5px 10px 5px; } }

.team-sales__content .table-style tbody td sup {
  vertical-align: super;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.21px;
  line-height: 25px; }

@media screen and (max-width: 999px) and (min-width: 768px) {
  .team-sales__content .table-style tbody td {
    font-size: 13px;
    padding: 5px 2px; }
    .team-sales__content .table-style tbody td span {
      font-size: 11px; } }

@media screen and (max-width: 767px) {
  .team-sales__content .table-style tbody td {
    font-size: 10px;
    padding: 5px 2px; }
    .team-sales__content .table-style tbody td span {
      font-size: 8px; } }

.team-sales__table .table-item {
  margin-bottom: 50px; }

.team-sales--table-alt thead th {
  padding: 0 15px 15px 15px; }

.team-sales--table-alt tbody td {
  padding: 12px 15px;
  border: none;
  border-top: 2px solid #f9f9f9;
  border-bottom: 2px solid #f9f9f9;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  letter-spacing: 0.87px;
  line-height: 24px;
  text-align: center; }
  .team-sales--table-alt tbody td span {
    color: #f899a8;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.87px;
    line-height: 15px; }

@media screen and (max-width: 999px) {
  .team-sales--table-alt .columns {
    margin: 0; }
    .team-sales--table-alt .columns .col-1 {
      display: none; }
    .team-sales--table-alt .columns .col-2 {
      padding: 0; } }

.team-sales--table .user-section__mobile {
  display: none; }
  @media screen and (max-width: 999px) {
    .team-sales--table .user-section__mobile {
      display: block;
      margin: 0 auto 25px auto;
      width: 270px; } }

@media screen and (max-width: 999px) {
  .team-sales--table .user-section__mobile-hide {
    display: none; } }

.team-sales--table .user-avatar {
  float: left;
  padding: 12px 36px; }
  @media screen and (max-width: 767px) {
    .team-sales--table .user-avatar {
      padding: 12px 10px; } }
  .team-sales--table .user-avatar img {
    border-radius: 50%; }

.team-sales--table .user-info {
  margin-left: 85px;
  padding-top: 15px;
  padding-right: 50px;
  text-align: left; }
  .team-sales--table .user-info span {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 800;
    font-style: normal;
    letter-spacing: 0.87px;
    line-height: 16px;
    font-size: 18px; }
  .team-sales--table .user-info p {
    color: #000;
    font-family: 'Montserrat';
    font-size: 12px;
    letter-spacing: 0.87px;
    line-height: 15px;
    font-style: normal; }
    @media screen and (min-width: 768px) {
      .team-sales--table .user-info p {
        font-family: 'Montserrat';
        font-weight: 700; } }

@media screen and (min-width: 768px) {
  .team-sales--table .table-style tbody tr td {
    padding: 7px 5px;
    font-size: 13px; } }

@media screen and (min-width: 1250px) {
  .team-sales--table .table-style tbody tr td {
    padding: 7px 10px;
    font-size: 14px; } }

.inventory-sales__content p {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 0.4px;
  line-height: 25px;
  text-align: center; }

.inventory-sales__content .content-title {
  font-family: 'Montserrat';
  font-weight: 700;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 1.16px;
  line-height: 19px; }
  .inventory-sales__content .content-title sup {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 600;
    font-style: normal;
    font-size: 12px;
    vertical-align: super;
    font-weight: bold; }

.inventory-sales__content .collections-list {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 18px;
  margin-top: 32px; }
  .inventory-sales__content .collections-list p {
    text-align: left;
    padding-left: 30px;
    position: relative; }
  .inventory-sales__content .collections-list span {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    letter-spacing: 0.21px;
    line-height: 25px;
    position: absolute;
    left: 0px; }

.inventory-sales__content .collection-options {
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin-top: 35px; }
  @media screen and (max-width: 767px) {
    .inventory-sales__content .collection-options {
      flex-direction: column; } }
  .inventory-sales__content .collection-options .collection-option {
    border: 10px solid #f9f9f9;
    background: #f9f9f9; }
    .inventory-sales__content .collection-options .collection-option:first-of-type {
      margin-right: 20px; }
      @media screen and (max-width: 767px) {
        .inventory-sales__content .collection-options .collection-option:first-of-type {
          margin-right: 0px;
          margin-bottom: 20px; } }
    .inventory-sales__content .collection-options .collection-option p {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal;
      font-size: 24px;
      line-height: 30px;
      letter-spacing: 1.05px; }
    .inventory-sales__content .collection-options .collection-option sup {
      font-size: 12px;
      vertical-align: super;
      font-weight: bold; }
    .inventory-sales__content .collection-options .collection-option .top {
      background: #ffffff;
      padding-top: 58px;
      height: 330px; }
      .inventory-sales__content .collection-options .collection-option .top img {
        margin-bottom: 35px; }
      .inventory-sales__content .collection-options .collection-option .top h3 {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 800;
        font-style: normal;
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 1.05px;
        color: #000000;
        margin-bottom: 0; }
      .inventory-sales__content .collection-options .collection-option .top span {
        font-family: 'Montserrat';
        font-weight: 700;
        color: #f899a8;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0.52px;
        line-height: 18px; }
        .inventory-sales__content .collection-options .collection-option .top span sup {
          font-family: "Archer SSm A", "Archer SSm B";
          font-weight: 600;
          font-style: normal;
          color: #000000;
          vertical-align: baseline; }
    .inventory-sales__content .collection-options .collection-option .bot {
      background: #f9f9f9;
      padding: 30px 46px; }
      .inventory-sales__content .collection-options .collection-option .bot p {
        margin-bottom: 30px; }
      .inventory-sales__content .collection-options .collection-option .bot span {
        font-family: 'Montserrat';
        font-weight: 700;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0.87px;
        line-height: 15px;
        display: block;
        margin-bottom: 15px; }

.cabi-supports__wrapper {
  padding: 70px 0;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .cabi-supports__wrapper {
      padding: 40px 0 50px 0; } }

.cabi-supports__header {
  text-align: center; }
  .cabi-supports__header img {
    margin-bottom: 25px; }
    @media screen and (max-width: 767px) {
      .cabi-supports__header img {
        margin-bottom: 20px; } }
  .cabi-supports__header h2 {
    color: #000;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 40px;
    letter-spacing: 0.57px;
    line-height: 40px;
    margin-bottom: 20px; }
    .cabi-supports__header h2 span {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: italic; }
    @media screen and (max-width: 767px) {
      .cabi-supports__header h2 {
        font-size: 30px;
        letter-spacing: 0.66px;
        line-height: 34px; } }
    .cabi-supports__header h2 br {
      display: none; }
      @media screen and (max-width: 999px) {
        .cabi-supports__header h2 br {
          display: inline; } }

.cabi-supports__sub-title {
  text-align: center; }
  .cabi-supports__sub-title p {
    color: #000;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 24px;
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .cabi-supports__sub-title p {
        font-size: 18px;
        letter-spacing: 0.45px;
        line-height: 26px; } }

.cabi-supports__details {
  margin-top: 50px;
  margin-bottom: 20px;
  text-align: left; }
  .cabi-supports__details.extend {
    display: none; }

.cabi-supports__details-section {
  padding: 40px 0;
  border-top: 1px solid #dedede; }
  .cabi-supports__details-section:last-of-type {
    border-bottom: 1px solid #dedede; }
  .cabi-supports__details-section .icon {
    float: left;
    width: 80px;
    height: 80px; }
    .cabi-supports__details-section .icon .elem-svg {
      fill: #ff99a8;
      width: 90px;
      height: 90px; }
  .cabi-supports__details-section .info-wrap {
    padding-top: 12px;
    padding-left: 80px; }
  .cabi-supports__details-section .info-list {
    list-style: none; }
    .cabi-supports__details-section .info-list li {
      position: relative;
      color: #000;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 400;
      font-style: normal;
      font-size: 16px;
      letter-spacing: 0.4px;
      line-height: 24px;
      margin-bottom: 20px;
      padding-left: 20px; }
      .cabi-supports__details-section .info-list li:last-of-type {
        margin-bottom: 0; }
      .cabi-supports__details-section .info-list li span {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 800;
        font-style: normal; }
      .cabi-supports__details-section .info-list li:after {
        content: "";
        position: absolute;
        display: block;
        width: 8px;
        height: 8px;
        background: #ff99a8;
        top: 7px;
        left: 0;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%; }
  .cabi-supports__details-section .info-img {
    margin-top: 20px;
    display: block; }
    @media screen and (min-width: 768px) {
      .cabi-supports__details-section .info-img {
        display: flex; } }
    @media screen and (max-width: 999px) {
      .cabi-supports__details-section .info-img {
        padding-left: 0; } }
    .cabi-supports__details-section .info-img img {
      max-width: 100%;
      height: auto;
      margin: 0 auto; }
    .cabi-supports__details-section .info-img .wrap-kit {
      display: block; }
      .cabi-supports__details-section .info-img .wrap-kit img {
        margin: 0 auto; }
      @media screen and (min-width: 768px) {
        .cabi-supports__details-section .info-img .wrap-kit {
          display: flex; } }
  .cabi-supports__details-section .caption {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 400;
    font-style: italic;
    padding-left: 6em;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 18px; }

.cabi-supports__details-section-title {
  color: #ff99a8;
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.96px;
  line-height: 27px;
  text-transform: uppercase;
  margin-bottom: 20px; }

.career-intro {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  border-top: 5px solid #000;
  background-color: #f9f9f9;
  padding: 70px 0 50px 0; }
  .career-intro .section-video .video-player__thumbnails {
    margin-top: -1px; }
  @media screen and (max-width: 767px) {
    .career-intro {
      padding-top: 35px;
      padding-bottom: 40px; } }
  .career-intro__wrapper {
    display: flex;
    align-content: space-between;
    margin-bottom: 50px;
    position: relative; }
    @media screen and (max-width: 999px) {
      .career-intro__wrapper {
        flex-direction: column; }
        .career-intro__wrapper .career-intro__card {
          flex-basis: auto; } }
  .career-intro__card {
    flex: 0 1 50%;
    margin: 0 30px;
    display: flex;
    flex-direction: column; }
    .career-intro__card:first-of-type {
      justify-content: flex-start; }
      @media screen and (max-width: 999px) {
        .career-intro__card:first-of-type {
          margin-bottom: 50px; } }
    .career-intro__card:last-of-type {
      justify-content: flex-end; }
      @media screen and (max-width: 999px) {
        .career-intro__card:last-of-type {
          flex-direction: column-reverse; } }
  .career-intro__img {
    width: 100%; }
    .career-intro__img img {
      width: 100%;
      height: auto; }
    @media screen and (max-width: 999px) {
      .career-intro__img--desktop {
        display: none; } }
    .career-intro__img--mobile {
      display: none; }
      @media screen and (max-width: 999px) {
        .career-intro__img--mobile {
          display: block; } }
  .career-intro__card-content {
    padding: 25px 45px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .career-intro__card-content {
        padding: 25px 0 40px 0; } }
    .career-intro__card-content h3 {
      font-family: 'Montserrat';
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 0.4px;
      line-height: 21px;
      margin-bottom: 10px; }
      @media screen and (max-width: 767px) {
        .career-intro__card-content h3 {
          font-size: 16px;
          line-height: 24px;
          margin-bottom: 15px; } }
    .career-intro__card-content p {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 400;
      font-style: normal;
      letter-spacing: 0.4px;
      margin-bottom: 15px; }

.career-events {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/career-overview/career-events-desktop-img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  height: 545px; }
  .career-events a {
    text-decoration: none; }
  .career-events:hover .btn-underline {
    border-bottom: 1px solid transparent !important; }
  @media screen and (max-width: 999px) {
    .career-events {
      height: auto;
      background-image: none;
      background-color: #eeeeee; } }
  .career-events__wrapper {
    display: flex;
    height: 545px;
    align-items: center; }
    @media screen and (max-width: 999px) {
      .career-events__wrapper {
        display: block;
        height: auto; } }
  .career-events__mobile-header {
    display: none; }
    @media screen and (max-width: 999px) {
      .career-events__mobile-header {
        display: block; }
        .career-events__mobile-header img {
          width: 100%;
          height: auto; } }
  @media screen and (min-width: 1000px) {
    .career-events__content {
      max-width: 350px; } }
  .career-events__content h3 {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 400;
    font-style: italic;
    font-size: 40px;
    letter-spacing: 0.93px;
    line-height: 40px;
    margin-bottom: 16px; }
    @media screen and (max-width: 999px) {
      .career-events__content h3 {
        font-size: 30px;
        letter-spacing: 0.66px;
        line-height: 34px; } }
  .career-events__content p {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    letter-spacing: 0.39px;
    line-height: 24px;
    margin-bottom: 20px; }
    @media screen and (max-width: 999px) {
      .career-events__content p {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        letter-spacing: 0.39px;
        line-height: 24px; }
        .career-events__content p br {
          display: none; } }
  @media screen and (max-width: 999px) {
    .career-events__content {
      text-align: center;
      padding-top: 15px;
      padding-bottom: 50px; } }

.contact-stylist {
  padding: 40px 0 50px 0; }
  .contact-stylist h3 {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 400;
    font-style: normal;
    font-size: 36px;
    letter-spacing: 0.87px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 40px; }
  @media screen and (max-width: 767px) {
    .contact-stylist {
      paddin-top: 30px; }
      .contact-stylist h3 {
        font-size: 28px;
        margin-bottom: 30px; } }

.career-info__title {
  font-size: 40px;
  font-weight: 300;
  letter-spacing: 0.87px;
  line-height: 48px; }

.page-header__thirds {
  display: block;
  margin: 0px auto 20px;
  flex: 1; }

.page-header__third {
  width: 100%;
  padding-top: 115%;
  display: flex;
  border-left: 1px solid #ededed;
  position: relative;
  margin-top: 50px; }
  @media screen and (min-width: 1000px) and (max-width: 1060px) {
    .page-header__third {
      padding-top: 135%; } }
  @media screen and (max-width: 999px) {
    .page-header__third {
      padding-top: 0;
      border-left: none;
      border-top: 2px solid #ededed;
      margin-top: 2px; } }
  .page-header__third img {
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translate(-50%, 0%); }
    @media screen and (max-width: 999px) {
      .page-header__third img {
        top: 30px;
        left: 0px;
        transform: translate(0%, 0%); }
        .page-header__third img.fashion-experience {
          width: 40px; }
        .page-header__third img.front-row {
          width: 45px; }
        .page-header__third img.hangers {
          width: 47px; }
        .page-header__third img.sales {
          width: 45px; } }
  .page-header__third__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-content: space-between;
    text-align: center;
    padding: 90px 10px;
    z-index: 1; }
    @media screen and (min-width: 1000px) and (max-width: 1200px) {
      .page-header__third__content {
        padding: 95px 5px; } }
    @media screen and (max-width: 999px) {
      .page-header__third__content {
        position: static;
        top: auto;
        left: auto;
        width: auto;
        height: auto;
        padding: 20px 10px;
        padding-left: 60px;
        align-content: flex-start;
        text-align: left; } }
    .page-header__third__content--header {
      display: flex;
      vertical-align: baseline;
      text-align: center;
      flex: 0 1 80px;
      margin-bottom: 20px;
      align-items: flex-end; }
      .page-header__third__content--header h2 {
        margin: 0 auto;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: italic;
        font-size: 30px;
        letter-spacing: 0.52px;
        line-height: 40px;
        text-align: center; }
        .page-header__third__content--header h2 .mobile-only {
          display: none; }
          @media screen and (min-width: 1000px) {
            .page-header__third__content--header h2 .mobile-only {
              display: block; } }
      @media screen and (max-width: 999px) {
        .page-header__third__content--header {
          flex-basis: auto; }
          .page-header__third__content--header h2 {
            margin: 0;
            text-align: left; } }
    .page-header__third__content p {
      margin: 0 23px; }
      @media screen and (min-width: 1000px) and (max-width: 1200px) {
        .page-header__third__content p {
          margin: 0 15px; } }
      @media screen and (max-width: 999px) {
        .page-header__third__content p {
          margin: 0; } }

.page-header__third-wrapper:first-of-type .page-header__third {
  border-left: none;
  border-top: none; }

@media screen and (min-width: 768px) {
  .page-header__third-wrapper {
    flex: 1; } }

@media screen and (min-width: 1000px) {
  .page-header__thirds {
    display: flex; }
  .page-header__third {
    margin-top: 0px; } }

.centered-block {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.4s ease 0s, visibility 0.4s ease 0s;
  -moz-transition: opacity 0.4s ease 0s, visibility 0.4s ease 0s;
  transition: opacity 0.4s ease 0s, visibility 0.4s ease 0s; }
  @media screen and (min-width: 1000px) {
    .centered-block {
      position: absolute;
      top: 49.9%;
      left: 49.9%;
      -webkit-transform: translate(-50.1%, -50.1%);
      -moz-transform: translate(-50.1%, -50.1%);
      -ms-transform: translate(-50.1%, -50.1%);
      -o-transform: translate(-50.1%, -50.1%);
      transform: translate(-50.1%, -50.1%); } }
  .centered-block.play {
    opacity: 0;
    visibility: hidden; }

.two-column-block {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column wrap;
  -moz-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start; }
  @media screen and (min-width: 1000px) {
    .two-column-block {
      min-height: 605px;
      -webkit-flex-flow: row nowrap;
      -moz-flex-flow: row nowrap;
      flex-flow: row nowrap; } }

.two-column-block__item {
  position: relative;
  overflow: hidden;
  padding: 0 20px; }
  @media screen and (min-width: 1000px) {
    .two-column-block__item {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1 1 50%;
      -moz-flex: 1 1 50%;
      -ms-flex: 1 1 50%;
      flex: 1 1 50%;
      padding: 0; } }
  .two-column-block__item.two-column-block__item_content {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    .two-column-block__item.two-column-block__item_content .centered-block {
      padding: 50px 0;
      position: relative;
      top: 0;
      left: 0;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
      @media screen and (min-width: 1000px) {
        .two-column-block__item.two-column-block__item_content .centered-block {
          max-width: 465px;
          margin: auto; } }
    .two-column-block__item.two-column-block__item_content h2 {
      font-family: "Didot 06 A", "Didot 06 B", "georgia";
      font-weight: 500;
      font-style: normal;
      font-size: 60px;
      line-height: 64px;
      color: #363534;
      letter-spacing: -0.5px;
      font-weight: 100;
      padding-bottom: 16px; }
      @media screen and (min-width: 768px) {
        .two-column-block__item.two-column-block__item_content h2 {
          max-width: 80%;
          font-size: 80px;
          line-height: 85px; } }
    .two-column-block__item.two-column-block__item_content p {
      line-height: 26px;
      letter-spacing: -0.5px;
      font-weight: 600;
      padding-bottom: 35px;
      font-size: 15px; }
    .two-column-block__item.two-column-block__item_content .btn {
      background-color: #ff99a8;
      font-family: "Archer SSm A", "Archer SSm B" !important;
      font-weight: 700;
      font-style: italic;
      color: #fff;
      border-color: #ff99a8;
      text-transform: none;
      height: 88px;
      padding: 21px 10px;
      width: 90%;
      font-size: 14px;
      -webkit-transition: background-color 0.4s ease 0s, color 0.4s ease 0s;
      -moz-transition: background-color 0.4s ease 0s, color 0.4s ease 0s;
      transition: background-color 0.4s ease 0s, color 0.4s ease 0s; }
      @media screen and (min-width: 768px) {
        .two-column-block__item.two-column-block__item_content .btn {
          padding: 21px 55px;
          font-size: 15px; } }
      .two-column-block__item.two-column-block__item_content .btn:before {
        display: none; }
      .two-column-block__item.two-column-block__item_content .btn span {
        text-transform: uppercase;
        font-style: normal;
        display: block;
        font-size: 12px;
        font-weight: 100; }
        @media screen and (min-width: 768px) {
          .two-column-block__item.two-column-block__item_content .btn span {
            font-size: 15px; } }
        .two-column-block__item.two-column-block__item_content .btn span small {
          text-transform: lowercase; }
      .two-column-block__item.two-column-block__item_content .btn:hover {
        background-color: #fff;
        color: #ff99a8; }
  .two-column-block__item.two-column-block__item_video {
    height: 280px; }
    @media screen and (min-width: 1000px) {
      .two-column-block__item.two-column-block__item_video {
        height: auto; } }
    .two-column-block__item.two-column-block__item_video video {
      position: absolute;
      top: 90%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      @media screen and (min-width: 1000px) {
        .two-column-block__item.two-column-block__item_video video {
          top: 50%; } }
      .two-column-block__item.two-column-block__item_video video::-webkit-media-controls-panel {
        display: none !important;
        -webkit-appearance: none; }
      .two-column-block__item.two-column-block__item_video video::-webkit-media-controls-start-playback-button {
        display: none !important;
        -webkit-appearance: none; }
      .two-column-block__item.two-column-block__item_video video::--webkit-media-controls-play-button {
        display: none !important;
        -webkit-appearance: none; }
    .two-column-block__item.two-column-block__item_video .centered-block {
      text-align: center;
      position: relative;
      padding-top: 50px; }
      @media screen and (min-width: 1000px) {
        .two-column-block__item.two-column-block__item_video .centered-block {
          min-width: 380px;
          text-align: left;
          position: absolute;
          padding: 0; } }
    .two-column-block__item.two-column-block__item_video .btn-play {
      background-color: transparent;
      margin: 0 auto;
      display: block;
      margin-bottom: 35px;
      cursor: pointer; }
      @media screen and (min-width: 1000px) {
        .two-column-block__item.two-column-block__item_video .btn-play {
          margin-bottom: 75px; } }
      .two-column-block__item.two-column-block__item_video .btn-play:after {
        font-size: 60px; }
    .two-column-block__item.two-column-block__item_video p {
      line-height: 29px;
      color: #fff;
      padding-bottom: 20px;
      letter-spacing: -0.5px;
      font-weight: 600; }
      .two-column-block__item.two-column-block__item_video p:last-child {
        padding-bottom: 0; }

.block-stories {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  position: relative;
  background-position: 29%; }
  @media screen and (min-width: 768px) {
    .block-stories {
      background-position: top center;
      height: 100vh;
      max-height: 660px; } }
  @media screen and (min-width: 1000px) {
    .block-stories {
      max-height: none;
      height: 800px; } }
  .block-stories .mobile-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    display: block; }
    @media screen and (min-width: 1000px) {
      .block-stories .mobile-overlay {
        display: none; } }

.block-stories__item {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 100%;
  -moz-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding: 80px 20px 40px;
  position: relative; }
  @media screen and (min-width: 460px) {
    .block-stories__item {
      text-align: center; } }
  @media screen and (min-width: 1000px) {
    .block-stories__item {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 50%;
      -moz-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      padding: 80px 0 0;
      text-align: left; } }
  .block-stories__item > span {
    font-family: "Didot 06 A", "Didot 06 B", "georgia";
    font-weight: 500;
    font-style: normal;
    font-size: 28px;
    color: #fff;
    font-style: italic;
    padding: 0 0 20px 0;
    display: block;
    text-align: center;
    line-height: 1.1em;
    font-family: "Didot 06 A", "Didot 06 B", "georgia";
    font-weight: 500;
    font-style: italic; }
    @media screen and (min-width: 1000px) {
      .block-stories__item > span {
        display: inline-block;
        padding: 0 0 20px 185px; } }
    .block-stories__item > span small {
      font-family: "Didot 06 A", "Didot 06 B", "georgia";
      font-weight: 500;
      font-style: normal;
      font-weight: normal;
      display: block;
      font-size: 0.8em; }
  .block-stories__item .text-block-stories {
    display: block; }
    @media screen and (min-width: 1000px) {
      .block-stories__item .text-block-stories {
        display: none; } }
  .block-stories__item .btn {
    display: block;
    max-width: 245px;
    color: #fff;
    border-color: #fff;
    height: 68px;
    margin: 17px auto 0;
    background-color: transparent;
    -webkit-transition: background-color 0.4s ease 0s, color 0.4s ease 0s;
    -moz-transition: background-color 0.4s ease 0s, color 0.4s ease 0s;
    transition: background-color 0.4s ease 0s, color 0.4s ease 0s; }
    @media screen and (min-width: 460px) {
      .block-stories__item .btn {
        margin: 17px auto 0; } }
    @media screen and (min-width: 1000px) {
      .block-stories__item .btn {
        margin: 17px 0 0 160px; } }
    .block-stories__item .btn:hover {
      background-color: #fff;
      color: #000; }
  .block-stories__item img {
    width: 100%;
    max-width: 100%;
    display: block; }
    @media screen and (min-width: 545px) {
      .block-stories__item img {
        max-width: 50%;
        margin: 0 auto; } }
    @media screen and (min-width: 768px) {
      .block-stories__item img {
        width: auto;
        max-width: initial; } }
    @media screen and (min-width: 1000px) {
      .block-stories__item img {
        margin: 0; } }

.block-stories__image {
  position: relative; }
  .block-stories__image--pull {
    right: 15px; }
    @media screen and (min-width: 768px) {
      .block-stories__image--pull {
        right: 20px; } }
    @media screen and (min-width: 1000px) {
      .block-stories__image--pull {
        right: 0px; } }

.text-block-stories {
  position: relative;
  letter-spacing: -0.5px;
  font-weight: 600;
  padding-bottom: 30px;
  color: #fff;
  font-size: 1.2em;
  display: none;
  padding-left: 1em; }
  @media screen and (min-width: 1000px) {
    .text-block-stories {
      text-align: center;
      display: block; } }
  @media screen and (min-width: 1100px) {
    .text-block-stories {
      padding-left: 0; } }
  .text-block-stories p {
    margin-top: 5px;
    font-family: "Didot 06 A", "Didot 06 B", "georgia";
    font-weight: 500;
    font-style: italic;
    letter-spacing: 0.5px;
    text-align: center; }
    @media screen and (min-width: 1000px) {
      .text-block-stories p {
        text-align: left; } }
    .text-block-stories p span {
      font-style: normal;
      display: block;
      margin-top: 3px;
      letter-spacing: 0px;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal; }

.grid-with-fix-width {
  background-color: #f5f5f5; }
  @media screen and (min-width: 1000px) {
    .grid-with-fix-width {
      padding-bottom: 75px; } }

.grid-with-fix-width__center {
  max-width: 1100px; }
  .grid-with-fix-width__center::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 1000px) {
    .grid-with-fix-width__center {
      margin: -245px auto 0; } }

.grid-with-fix-width__inner {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column wrap;
  -moz-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -ms-flex-direction: column-reverse; }
  @media screen and (min-width: 1000px) {
    .grid-with-fix-width__inner {
      -webkit-flex-flow: row nowrap;
      -moz-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      box-orient: horizontal;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -ms-flex-direction: row; } }
  @media screen and (max-width: 1000px) {
    .grid-with-fix-width__inner:last-child {
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      flex-direction: column;
      -ms-flex-direction: column; } }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    .grid-with-fix-width__center .grid-with-fix-width__inner {
      float: left;
      width: calc(50% - 2em);
      margin: 1em; }
    .grid-with-fix-width__inner .grid-with-fix-width__item.grid-with-fix-width__item_img {
      height: 220px; }
    .grid-with-fix-width__inner .grid-with-fix-width__item.grid-with-fix-width__item_content h4 {
      font-size: 2em; }
    .grid-with-fix-width__inner .grid-with-fix-width__item.grid-with-fix-width__item_content h2 {
      font-size: 4em; } }

.grid-with-fix-width__item {
  flex: 0 0 100%;
  position: relative;
  padding: 50px 20px; }
  @media screen and (min-width: 1000px) {
    .grid-with-fix-width__item {
      padding: 50px 0;
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1 1 50%;
      -moz-flex: 1 1 50%;
      -ms-flex: 1 1 50%;
      flex: 1 1 50%; } }
  .grid-with-fix-width__item.grid-with-fix-width__item_img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    height: 295px; }
    @media screen and (min-width: 768px) {
      .grid-with-fix-width__item.grid-with-fix-width__item_img {
        height: 400px; } }
    @media screen and (min-width: 1000px) {
      .grid-with-fix-width__item.grid-with-fix-width__item_img {
        height: auto;
        background-position: center; } }
  .grid-with-fix-width__item.grid-with-fix-width__item_content {
    background-color: #fff; }
    .grid-with-fix-width__item.grid-with-fix-width__item_content .centered-block {
      position: relative;
      max-width: 340px;
      margin: auto;
      top: 0;
      left: 0;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
      @media screen and (min-width: 1000px) {
        .grid-with-fix-width__item.grid-with-fix-width__item_content .centered-block {
          margin: auto; } }
    .grid-with-fix-width__item.grid-with-fix-width__item_content h4 {
      font-family: "Didot 06 A", "Didot 06 B", "georgia";
      font-weight: 500;
      font-style: normal;
      color: #ff99a8;
      font-size: 25px;
      letter-spacing: -0.5px; }
      @media screen and (min-width: 768px) {
        .grid-with-fix-width__item.grid-with-fix-width__item_content h4 {
          padding-bottom: 10px; } }
      @media screen and (min-width: 460px) {
        .grid-with-fix-width__item.grid-with-fix-width__item_content h4 {
          font-size: 35px; } }
    .grid-with-fix-width__item.grid-with-fix-width__item_content h2 {
      font-family: "Didot 06 A", "Didot 06 B", "georgia";
      font-weight: 300;
      font-style: normal;
      color: #000;
      font-size: 40px;
      line-height: 55px;
      letter-spacing: 0.7px; }
      @media screen and (min-width: 768px) {
        .grid-with-fix-width__item.grid-with-fix-width__item_content h2 {
          padding-bottom: 20px; } }
      @media screen and (min-width: 460px) {
        .grid-with-fix-width__item.grid-with-fix-width__item_content h2 {
          font-size: 70px;
          width: 85%;
          line-height: 0.9em;
          letter-spacing: -0.015em;
          padding-bottom: 30px; } }
    .grid-with-fix-width__item.grid-with-fix-width__item_content p {
      padding-bottom: 30px;
      font-size: 15px;
      letter-spacing: 0.5px;
      line-height: 24px; }
    .grid-with-fix-width__item.grid-with-fix-width__item_content .btn {
      background-color: #000;
      color: #fff;
      border-color: #000;
      height: 66px;
      padding: 0 68px;
      letter-spacing: 0.1em;
      -webkit-transition: background-color 0.4s ease 0s, color 0.4s ease 0s, border-color 0.4s ease 0s;
      -moz-transition: background-color 0.4s ease 0s, color 0.4s ease 0s, border-color 0.4s ease 0s;
      transition: background-color 0.4s ease 0s, color 0.4s ease 0s, border-color 0.4s ease 0s; }
      .grid-with-fix-width__item.grid-with-fix-width__item_content .btn:hover {
        color: #000;
        background-color: #fff;
        border-color: #7c3e24; }
      .grid-with-fix-width__item.grid-with-fix-width__item_content .btn.btn-transparent {
        background-color: transparent;
        color: #000;
        border-color: transparent;
        cursor: pointer;
        border-color: #000; }
        @media screen and (min-width: 1000px) {
          .grid-with-fix-width__item.grid-with-fix-width__item_content .btn.btn-transparent:not([disabled]):hover, .grid-with-fix-width__item.grid-with-fix-width__item_content .btn.btn-transparent:not([disabled]):focus {
            background-color: #000;
            color: transparent; } }
        @media screen and (min-width: 768px) {
          .grid-with-fix-width__item.grid-with-fix-width__item_content .btn.btn-transparent:hover {
            color: #fff !important; } }

.join-us__block-video {
  background: #fff;
  padding: 30px 0; }
  @media screen and (min-width: 1000px) {
    .join-us__block-video {
      padding: 60px 0; } }

.block-video {
  position: relative; }
  .block-video .video-wrapper {
    width: 100%;
    max-width: 1100px;
    margin: auto;
    border: none !important;
    position: relative;
    z-index: 1; }
    .block-video .video-wrapper a {
      height: 100%;
      text-decoration: none; }
    .block-video .video-wrapper img {
      display: block !important;
      width: 100%; }
    .block-video .video-wrapper .video-wrapper-poster:hover .btn-play:after {
      opacity: 1; }
    .block-video .video-wrapper .video-wrapper-text {
      position: absolute;
      top: 49.9%;
      left: 49.9%;
      -webkit-transform: translate(-50.1%, -50.1%);
      -moz-transform: translate(-50.1%, -50.1%);
      -ms-transform: translate(-50.1%, -50.1%);
      -o-transform: translate(-50.1%, -50.1%);
      transform: translate(-50.1%, -50.1%);
      text-align: center;
      width: 100%; }
      @media screen and (max-width: 460px) {
        .block-video .video-wrapper .video-wrapper-text {
          z-index: 2; } }
      .block-video .video-wrapper .video-wrapper-text span {
        display: block;
        color: #fff;
        font-size: 16px;
        letter-spacing: 1px;
        white-space: nowrap; }
        @media screen and (min-width: 768px) {
          .block-video .video-wrapper .video-wrapper-text span {
            padding-top: 130px; } }
        .block-video .video-wrapper .video-wrapper-text span.btn-play {
          background-color: transparent;
          margin: 0 auto; }
          @media screen and (min-width: 768px) {
            .block-video .video-wrapper .video-wrapper-text span.btn-play {
              margin: 0 auto 30px; } }
          .block-video .video-wrapper .video-wrapper-text span.btn-play:after {
            color: #fff;
            opacity: 0.7;
            font-size: 40px;
            will-change: opacity;
            -webkit-transition: opacity 0.2s ease-out;
            -moz-transition: opacity 0.2s ease-out;
            transition: opacity 0.2s ease-out; }
            @media screen and (min-width: 768px) {
              .block-video .video-wrapper .video-wrapper-text span.btn-play:after {
                font-size: 75px; } }
      .block-video .video-wrapper .video-wrapper-text h2 {
        font-size: 18px;
        line-height: 21px;
        color: #fff;
        margin-top: 10px; }
        @media screen and (min-width: 460px) {
          .block-video .video-wrapper .video-wrapper-text h2 {
            margin-top: 15px;
            font-size: 25px;
            line-height: 31px; } }
        @media screen and (min-width: 768px) {
          .block-video .video-wrapper .video-wrapper-text h2 {
            font-size: 36px;
            white-space: nowrap; } }
      .block-video .video-wrapper .video-wrapper-text p {
        font-size: 15px;
        line-height: 21px;
        color: #fff;
        text-align: left;
        padding: 0 15px; }
        @media screen and (min-width: 768px) {
          .block-video .video-wrapper .video-wrapper-text p {
            padding: 0;
            text-align: center;
            margin-top: 1.25em; } }
        .block-video .video-wrapper .video-wrapper-text p br {
          display: none; }
          @media screen and (min-width: 1000px) {
            .block-video .video-wrapper .video-wrapper-text p br {
              display: block; } }
    .block-video .video-wrapper .video-wrapper-poster-video {
      width: 100%;
      height: auto;
      display: block;
      position: absolute;
      top: 0;
      z-index: 1; }
  .block-video .video-wrapper-video {
    display: none; }

.block-events {
  background-color: #f5f5f5;
  padding: 40px 20px 90px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }
  @media screen and (min-width: 768px) {
    .block-events {
      padding: 40px 0 90px; } }

.block-events__item {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 100%;
  -moz-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    .block-events__item {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 535px;
      -moz-flex: 0 0 535px;
      -ms-flex: 0 0 535px;
      flex: 0 0 535px; } }

.block-events__item_bg {
  width: 100%;
  height: 360px;
  overflow: hidden;
  position: relative;
  min-height: 190px; }
  @media screen and (min-width: 460px) {
    .block-events__item_bg {
      height: 400px;
      max-height: 621px; } }
  @media screen and (min-width: 768px) {
    .block-events__item_bg {
      height: 360px; } }
  .block-events__item_bg .block-events__item_inner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.4s ease 0s;
    -moz-transition: -moz-transform 0.4s ease 0s;
    transition: transform 0.4s ease 0s;
    width: 100%;
    height: 100%; }
  .block-events__item_bg span {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: inline-block;
    background-color: #f5f5f5;
    color: #000;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    white-space: nowrap; }
    @media screen and (min-width: 460px) {
      .block-events__item_bg span {
        height: 64px;
        line-height: 64px;
        padding: 0 34px; } }
    @media screen and (min-width: 768px) {
      .block-events__item_bg span {
        font-size: 22px; } }
  .block-events__item_bg:hover .block-events__item_inner {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

.block-events__item_description {
  padding: 30px 54px 0;
  text-align: center; }
  .block-events__item_description p {
    font-weight: 600;
    letter-spacing: -0.5px; }
  .block-events__item_description a {
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 30px;
    display: inline-block; }
    .block-events__item_description a:hover {
      text-decoration: none; }

#career-disclaimer.note--sticky {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background: #000;
  padding: 15px 30px;
  pointer-events: none; }
  #career-disclaimer.note--sticky h4 {
    color: #fff;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.99px;
    line-height: 18px; }
  #career-disclaimer.note--sticky p {
    color: #fff;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.41px;
    line-height: 19px; }
  #career-disclaimer.note--sticky.show-note {
    opacity: 1; }

.c-cabi-tap-fashion-experience-header {
  background: #545454 url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s21/cabi-tap-fashion-experience/header-bg-mobile.jpg) top center no-repeat;
  background-position: top center;
  background-repeat: no-repeat;
  height: 370px; }
  @media screen and (min-width: 768px) {
    .c-cabi-tap-fashion-experience-header {
      background: #545454 url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f19/cabi-tap-fashion-experience/header-bg.jpg) top center no-repeat;
      background-size: cover;
      height: 450px; } }
  .c-cabi-tap-fashion-experience-header .container {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    height: 100%;
    color: white; }
    @media screen and (min-width: 768px) {
      .c-cabi-tap-fashion-experience-header .container {
        justify-content: center;
        flex-direction: column;
        align-items: flex-end; } }

.c-cabi-tap-fashion-experience-content {
  text-align: center;
  width: 100%;
  margin: 0 15px;
  padding: 2rem 1rem; }
  .c-cabi-tap-fashion-experience-content p {
    color: #000; }
  @media screen and (min-width: 768px) {
    .c-cabi-tap-fashion-experience-content {
      text-align: left;
      max-width: 370px;
      margin: 0;
      padding: 0; } }

.c-cabi-tap-fashion-experience-title {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: italic;
  line-height: 1.1;
  font-size: 2.5rem;
  margin-bottom: 1rem;
  color: #000; }

.c-cabi-tap-fashion-experience-body {
  background-color: #ededed;
  padding: 2.75rem 0; }

.c-cabi-tap-promote {
  margin: 0 0 2rem; }
  @media screen and (min-width: 768px) {
    .c-cabi-tap-promote {
      margin: 0;
      display: flex; }
      .c-cabi-tap-promote .c-cabi-tap-promote-image,
      .c-cabi-tap-promote .c-cabi-tap-promote-content {
        flex: 0 1 50%; } }

.c-cabi-tap-promote:first-child {
  flex-direction: row-reverse; }

.c-cabi-tap-promote-image img {
  display: block;
  width: 100%;
  height: auto; }

.c-cabi-tap-promote-content {
  background-color: white;
  padding: 2rem; }
  @media screen and (min-width: 768px) {
    .c-cabi-tap-promote-content {
      padding: 0 3.5rem;
      display: flex;
      align-items: center;
      justify-content: center; } }
  .c-cabi-tap-promote-content h2 {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 400;
    font-style: italic;
    font-size: 2.1rem;
    line-height: 1.1;
    margin-bottom: 2rem; }
  .c-cabi-tap-promote-content p {
    margin-bottom: 1.5rem; }

#page[data-page-id='page-cabi-girls'] {
  background: #fff;
  margin: 0;
  padding: 0; }

.cabi-girls__page-header {
  padding: 20px 20px 25px;
  background-color: #cecece;
  background-image: url(https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/cabi-girls/cabi-girl-header-bg-mobile.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  height: 560px; }
  @media screen and (min-width: 500px) {
    .cabi-girls__page-header {
      height: 600px; } }
  @media screen and (min-width: 600px) {
    .cabi-girls__page-header {
      height: 630px; } }
  @media screen and (min-width: 660px) {
    .cabi-girls__page-header {
      height: 700px; } }
  @media screen and (min-width: 768px) {
    .cabi-girls__page-header {
      background-position: top center;
      background-size: cover;
      padding: 3.3333333333em 0;
      height: 400px;
      background-image: url(https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/cabi-girls/cabi-girl-header-bg.jpg); } }
  @media screen and (min-width: 1900px) {
    .cabi-girls__page-header {
      max-width: 66%;
      margin: 0 auto;
      background-color: #cecece; } }
  .cabi-girls__page-header--spacer {
    padding: 3em 20px 25px 20px; }
    @media screen and (min-width: 768px) {
      .cabi-girls__page-header--spacer {
        padding: 20px 20px 25px; } }
  .cabi-girls__page-header .container {
    margin: auto 0; }
    @media screen and (min-width: 768px) {
      .cabi-girls__page-header .container {
        max-width: 50%;
        padding-top: 40px; } }
    @media screen and (min-width: 1000px) {
      .cabi-girls__page-header .container {
        margin: auto 10%;
        max-width: 37%; } }

@media screen and (min-width: 768px) {
  .cabi-girls__header-text {
    display: table-cell;
    width: 75%;
    margin-left: 17.0596085997%; } }

.cabi-girls__pretitle {
  font-size: 1.3333333333em;
  line-height: 1em;
  font-family: 'Montserrat';
  font-style: normal; }
  @media screen and (min-width: 768px) {
    .cabi-girls__pretitle {
      font-size: 2.25em; } }
  .cabi-girls__pretitle--large {
    font-size: 1em;
    line-height: 1.5em;
    font-weight: 600; }

.cabi-girls__h1 {
  color: #000;
  margin-bottom: 1rem;
  font-size: 2.6666666667em;
  line-height: 1.1em;
  font-style: italic;
  letter-spacing: 0.02em; }
  @media screen and (min-width: 768px) {
    .cabi-girls__h1 {
      font-size: 4.2666666667em;
      margin-bottom: 1.5rem; } }
  .cabi-girls__h1--large {
    font-size: 3.3em;
    line-height: 1em; }
    @media screen and (min-width: 768px) {
      .cabi-girls__h1--large {
        line-height: 1.1em;
        font-size: 4.2666666667em; } }

.cabi-girls__text {
  font-size: 1rem;
  letter-spacing: 0.002em;
  color: #000;
  line-height: 1.7; }
  @media screen and (min-width: 768px) {
    .cabi-girls__text {
      font-size: 0.9333333333em; } }
  .cabi-girls__text br {
    display: none; }
    @media screen and (min-width: 768px) {
      .cabi-girls__text br {
        display: block; } }

.cabi-girls__section {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }
  .cabi-girls__section::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 768px) {
    .cabi-girls__section {
      -webkit-box-pack: start;
      -moz-box-pack: start;
      box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      -ms-justify-content: flex-start;
      -o-justify-content: flex-start;
      justify-content: flex-start;
      -ms-flex-pack: start; } }
  .cabi-girls__section:nth-child(4n+3) {
    background-color: #fff;
    -webkit-flex-flow: row-reverse wrap;
    -moz-flex-flow: row-reverse wrap;
    flex-flow: row-reverse wrap; }
  .cabi-girls__section:nth-child(4n+1) {
    background-color: #fff;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap; }

.cabi-girls__headshot {
  -webkit-flex-basis: calc(100%);
  -moz-flex-basis: calc(100%);
  flex-basis: calc(100%);
  -ms-flex-preferred-size: calc(100%); }
  @media screen and (min-width: 768px) {
    .cabi-girls__headshot {
      -webkit-flex-basis: calc(50%);
      -moz-flex-basis: calc(50%);
      flex-basis: calc(50%);
      -ms-flex-preferred-size: calc(50%); }
      .cabi-girls__section:nth-of-type(4n+3) .cabi-girls__headshot {
        padding-left: 3em; }
      .cabi-girls__section:nth-child(4n+1) .cabi-girls__headshot {
        padding-right: 3em; } }

.cabi-girls__headshot-wrap {
  position: relative; }

.cabi-girls__headshot-img {
  display: block;
  height: auto;
  width: 100%; }

.cabi-girls__headshot-content {
  color: #fff;
  position: absolute;
  left: 5%; }
  .cabi-girls__section:nth-child(4n+3) .cabi-girls__headshot-content {
    top: 10%; }
  .cabi-girls__section:nth-child(4n+1) .cabi-girls__headshot-content {
    bottom: 10%; }

.cabi-girls__headshot-name {
  font-size: 1.6em;
  font-family: "Didot 06 A", "Didot 06 B", "georgia";
  font-weight: 500;
  font-style: normal;
  font-style: italic; }

.cabi-girls__share {
  display: block;
  font-size: 0.9rem;
  padding-left: 2em; }
  @media screen and (min-width: 768px) {
    .cabi-girls__share {
      padding-left: 10px;
      padding-bottom: 2em; } }

.cabi-girls__content {
  padding: 1em 2em 4em; }
  @media screen and (min-width: 768px) {
    .cabi-girls__content {
      padding: 4em 2em;
      -webkit-flex-basis: calc(50%);
      -moz-flex-basis: calc(50%);
      flex-basis: calc(50%);
      -ms-flex-preferred-size: calc(50%); } }

.cabi-girls__content-wrap {
  max-width: 600px; }
  .cabi-girls__section:nth-child(4n+3) .cabi-girls__content-wrap {
    margin-left: auto; }
  .cabi-girls__section:nth-child(4n+1) .cabi-girls__content-wrap {
    margin-right: auto; }

.cabi-girls__content-video {
  margin-bottom: 2em; }

.cabi-girls__content-quoteblock {
  margin-bottom: 2em; }
  .cabi-girls__content-quoteblock--center img {
    margin: 0 auto; }

.cabi-girls__content-quote {
  display: block;
  height: auto;
  max-width: 100%; }

.cabi-girls__content-description {
  overflow: hidden;
  font-size: 0.9333333333em;
  line-height: 1.6;
  font-size: 1.25em; }
  .cabi-girls__content-description p {
    font-size: 1rem;
    margin-bottom: 1em;
    line-height: 1.7; }
  .cabi-girls__content-description img {
    display: block;
    height: auto;
    width: 100%; }
  .cabi-girls__content-description a {
    text-decoration: underline; }
    .cabi-girls__content-description a:hover {
      text-decoration: none; }
  @media screen and (min-width: 1000px) {
    .cabi-girls__content-description {
      font-size: 0.9333333333em; } }

.cabi-girls__show-more {
  text-align: center;
  position: relative; }
  .cabi-girls__section:nth-child(4n+3) .cabi-girls__show-more:before {
    background-image: url(https://media-fall.cabionline.com/wp-content/uploads/social-media/s17/cabi-girls/truncatefade-offwhite.png);
    background-repeat: repeat-x;
    background-position: bottom center; }
  .cabi-girls__section:nth-child(4n+1) .cabi-girls__show-more:before {
    background-image: url(https://media-fall.cabionline.com/wp-content/uploads/social-media/s17/cabi-girls/truncatefade-white.png);
    background-repeat: repeat-x;
    background-position: bottom center; }
  .cabi-girls__show-more:before {
    content: "";
    display: block;
    width: 100%;
    height: 70px;
    bottom: 100%;
    position: absolute; }

.cabi-girls__learn-more {
  background-color: #ffb1bd;
  padding: 1em;
  text-align: center; }

.cabi-girls__learn-more-btn {
  padding: 0 30px;
  background-color: #fff;
  color: #ffb1bd;
  border-color: #fff;
  cursor: pointer;
  text-transform: none !important;
  font-weight: 600; }
  @media screen and (min-width: 1000px) {
    .cabi-girls__learn-more-btn:not([disabled]):hover, .cabi-girls__learn-more-btn:not([disabled]):focus {
      background-color: #ffb1bd;
      color: #fff; } }
  @media screen and (min-width: 768px) {
    .cabi-girls__learn-more-btn {
      padding: 0 55px; } }
  .cabi-girls__learn-more-btn br {
    display: block; }
    @media screen and (min-width: 768px) {
      .cabi-girls__learn-more-btn br {
        display: none; } }

@media screen and (min-width: 1000px) {
  .page-template-cabi-tap-download #page {
    padding: 0; } }

.tap__page-body .container-wide {
  display: flex; }

.tap__page-body .container-extra-wide {
  display: flex; }

.tap__header {
  image-rendering: optimizeQuality; }
  @media screen and (min-width: 1000px) {
    .tap__header {
      background-image: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/cabi-tap/tap-download-header.jpg");
      background-repeat: no-repeat;
      background-position: bottom center;
      background-size: auto; } }
  @media screen and (min-width: 1800px) {
    .tap__header {
      background-size: auto; } }
  .tap__header .container-extra-wide {
    flex-wrap: wrap; }
    @media screen and (min-width: 1000px) {
      .tap__header .container-extra-wide {
        flex-wrap: nowrap;
        overflow: hidden; } }
  .tap__header .tap__info {
    width: 100%;
    justify-content: center;
    padding: 0px 0px 30px 0px; }
    @media screen and (min-width: 1000px) {
      .tap__header .tap__info {
        flex: 2;
        padding: 60px 0px; } }
  .tap__header .tap__logo {
    display: flex;
    justify-content: center;
    margin-bottom: 20px; }
    @media screen and (min-width: 1000px) {
      .tap__header .tap__logo {
        margin-bottom: 10px; } }
  .tap__header .tap__svg {
    width: 150px;
    height: 150px; }
    @media screen and (min-width: 768px) {
      .tap__header .tap__svg {
        width: 100px;
        height: 100px; } }
    @media screen and (min-width: 1000px) {
      .tap__header .tap__svg {
        width: 130px;
        height: 130px; } }
  .tap__header .tap__title {
    display: flex;
    flex-wrap: wrap;
    text-align: center; }
  .tap__header .tap__title-time {
    flex: 1 100%;
    font-size: 3em;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 400;
    font-style: normal;
    line-height: 1.5em;
    margin: 0px; }
  .tap__header .tap__title-slogan {
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    font-weight: 700;
    letter-spacing: -1px;
    flex: 1 100%;
    margin: 0px;
    font-style: normal;
    font-size: 60px;
    margin-bottom: 20px;
    line-height: 68px;
    text-transform: uppercase; }
    @media screen and (max-width: 767px) {
      .tap__header .tap__title-slogan {
        font-size: 48px;
        line-height: 54px; } }
  .tap__header .tap__message {
    display: flex;
    justify-content: center;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    text-align: center; }
  .tap__header .tap__message-copy {
    padding: 10px 0px 30px 0px; }
  .tap__header .tap__download {
    display: flex;
    justify-content: center; }
    .tap__header .tap__download .tap-btn span {
      line-height: 0; }
    .tap__header .tap__download .tap-btn:first-child {
      margin-right: 0; }
    @media screen and (min-width: 768px) {
      .tap__header .tap__download .tap-btn:first-child,
      .tap__header .tap__download .tap-btn:nth-child(2) {
        margin-right: 5px; } }
    .tap__header .tap__download--stack {
      width: 100%;
      max-width: 400px;
      flex-flow: column;
      margin: 0 auto; }
      .tap__header .tap__download--stack .tap-btn {
        margin-right: 0;
        display: flex;
        justify-content: center; }
        @media screen and (min-width: 1000px) and (max-width: 1300px) {
          .tap__header .tap__download--stack .tap-btn {
            max-width: 150px;
            font-size: 0.75em; } }
        .tap__header .tap__download--stack .tap-btn:first-child, .tap__header .tap__download--stack .tap-btn:nth-child(2) {
          margin-bottom: 1em; }
      @media screen and (min-width: 768px) {
        .tap__header .tap__download--stack {
          width: initial;
          max-width: initial;
          flex-flow: row; }
          .tap__header .tap__download--stack .tap-btn {
            margin-right: 0;
            display: flex;
            justify-content: center; }
            .tap__header .tap__download--stack .tap-btn:first-child, .tap__header .tap__download--stack .tap-btn:nth-child(2) {
              margin-bottom: 0; } }
  .tap__header .tap__tablet {
    height: 350px;
    width: 100%;
    background-image: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/cabi-tap/tap-header-mobile.jpg");
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat; }
    @media screen and (min-width: 768px) {
      .tap__header .tap__tablet {
        background-image: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/cabi-tap/tap-download-header.jpg");
        background-size: cover;
        background-position: 128%; } }
    @media screen and (min-width: 1000px) {
      .tap__header .tap__tablet {
        background-size: auto;
        background-position: bottom center; } }
    @media screen and (min-width: 1000px) {
      .tap__header .tap__tablet {
        height: initial;
        background-image: none;
        flex: 2;
        margin-left: 20px; } }

.tap__video {
  padding: 30px 0;
  background-color: #000; }
  @media screen and (min-width: 768px) {
    .tap__video {
      padding: 40px 0px 0px 0px; } }
  .tap__video .container-wide {
    flex-wrap: wrap;
    justify-content: center; }
  .tap__video .tap__player {
    width: 100%; }
    @media screen and (min-width: 768px) {
      .tap__video .tap__player {
        width: 80%; } }
  .tap__video .tap__message {
    text-align: center; }
    @media screen and (min-width: 768px) {
      .tap__video .tap__message {
        padding: 0px 160px; } }
  .tap__video .tap__message-title {
    text-transform: uppercase;
    color: #fff;
    font-family: 'Montserrat';
    font-weight: 800; }
  .tap__video .tap__message-copy {
    color: #fff;
    padding: 10px 0px 20px 0px; }

.tap__slide .container-wide {
  display: block;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .tap__slide .container-wide {
      max-width: 1170px; } }

.tap__slide .tap__intro {
  text-align: center;
  margin: 0 auto; }

.tap__slide .tap__title {
  display: inline-block;
  margin-top: 60px; }

.tap__slide .tap__title-copy {
  font-family: 'Montserrat';
  text-transform: uppercase;
  font-size: 1.35em;
  font-weight: 800; }
  @media screen and (min-width: 768px) {
    .tap__slide .tap__title-copy {
      font-size: 0.85em; } }

.tap__slide .tap__message {
  text-align: center;
  height: 80px; }
  @media screen and (min-width: 768px) {
    .tap__slide .tap__message {
      width: 695px;
      margin: 0 auto;
      height: 60px; } }

.tap__slide .tap__message-copy {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: italic;
  font-size: 1.4em;
  line-height: 1.35em;
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    .tap__slide .tap__message-copy {
      font-size: 1.85em;
      margin-bottom: 0px; } }

.tap__slide .tap__slick.slick-slider {
  margin: 0px; }

.tap__slide .tap__slick {
  margin-top: 30px; }
  @media screen and (min-width: 768px) {
    .tap__slide .tap__slick .slide--one .tap__message {
      padding: 0px 60px; } }
  @media screen and (min-width: 768px) {
    .tap__slide .tap__slick .slide--two .tap__message {
      padding: 0px 50px; } }

.tap__slide .tap__slick-slide {
  height: 300px;
  background-size: 250px;
  background-repeat: no-repeat;
  background-position: bottom center; }
  @media screen and (min-width: 768px) {
    .tap__slide .tap__slick-slide {
      height: 500px;
      background-size: contain; } }
  .tap__slide .tap__slick-slide--one {
    background-image: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/cabi-tap/tap-slides-1-mobile.png"); }
    @media screen and (min-width: 768px) {
      .tap__slide .tap__slick-slide--one {
        background-image: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/cabi-tap/tap-slides-1-desktop.png"); } }
  .tap__slide .tap__slick-slide--two {
    background-image: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/cabi-tap/tap-slides-2-mobile.png"); }
    @media screen and (min-width: 768px) {
      .tap__slide .tap__slick-slide--two {
        background-image: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/cabi-tap/tap-slides-2-desktop.png"); } }
  .tap__slide .tap__slick-slide--three {
    background-image: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/cabi-tap/tap-slides-3-mobile.png"); }
    @media screen and (min-width: 768px) {
      .tap__slide .tap__slick-slide--three {
        background-image: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/cabi-tap/tap-slides-3-desktop.png"); } }
  .tap__slide .tap__slick-slide--four {
    background-image: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/cabi-tap/tap-slides-4-mobile.png"); }
    @media screen and (min-width: 768px) {
      .tap__slide .tap__slick-slide--four {
        background-image: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/cabi-tap/tap-slides-4-desktop.png"); } }
  .tap__slide .tap__slick-slide--five {
    background-image: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/cabi-tap/tap-slides-5-mobile.png"); }
    @media screen and (min-width: 768px) {
      .tap__slide .tap__slick-slide--five {
        background-image: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/cabi-tap/tap-slides-5-desktop.png"); } }
  .tap__slide .tap__slick-slide--six {
    background-image: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/cabi-tap/tap-slides-6-mobile.png"); }
    @media screen and (min-width: 768px) {
      .tap__slide .tap__slick-slide--six {
        background-image: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/cabi-tap/tap-slides-6-desktop.png"); } }

.tap__slide .tap__slide-img {
  display: block; }

.tap__get-the-app {
  background-color: #f2f2f2;
  padding: 75px 0; }
  .tap__get-the-app .container-wide {
    flex-flow: column; }
    .tap__get-the-app .container-wide--hide-mobile {
      display: none; }
      @media screen and (min-width: 768px) {
        .tap__get-the-app .container-wide--hide-mobile {
          display: flex;
          flex-wrap: wrap;
          justify-content: center; } }
    .tap__get-the-app .container-wide--show-mobile {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      @media screen and (min-width: 768px) {
        .tap__get-the-app .container-wide--show-mobile {
          display: none; } }
  .tap__get-the-app .tap__title {
    width: 100%;
    text-align: center; }
  .tap__get-the-app .tap__title-copy {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 400;
    font-style: normal;
    font-size: 2.45em;
    line-height: 1.25em; }
    @media screen and (min-width: 768px) {
      .tap__get-the-app .tap__title-copy {
        font-size: 2.25em; } }
  .tap__get-the-app .tap__cta-grp {
    flex-wrap: wrap;
    display: flex;
    align-items: start;
    justify-content: center;
    margin: 25px 0px 30px 0px; }
    @media screen and (min-width: 1000px) {
      .tap__get-the-app .tap__cta-grp {
        flex-wrap: nowrap;
        margin: 40px 0px 30px 0px; } }
  .tap__get-the-app .tap__cta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    .tap__get-the-app .tap__cta:not(:last-child) {
      margin-bottom: 30px; }
    @media screen and (min-width: 768px) {
      .tap__get-the-app .tap__cta {
        width: 100%; }
        .tap__get-the-app .tap__cta:not(:last-child) {
          margin-bottom: 0px; } }
  .tap__get-the-app .tap__num {
    width: 300px;
    padding: 35px 0px 0px 0px;
    display: flex;
    justify-content: center;
    font-family: 'Montserrat';
    font-weight: 600;
    color: #8e8e8e;
    position: relative; }
    @media screen and (min-width: 768px) {
      .tap__get-the-app .tap__num {
        width: 100%;
        padding: 45px 0; } }
  .tap__get-the-app .tap__circle {
    border-radius: 30px;
    padding: 6px 11px;
    border: 3px solid #8e8e8e;
    background-color: #f2f2f2;
    height: 38px;
    width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2; }
  .tap__get-the-app .tap__circle-line {
    border-bottom: #d1d1d1 solid 2px;
    display: block;
    left: 40px;
    position: absolute;
    right: 40px;
    top: 53px;
    z-index: 1; }
    @media screen and (min-width: 768px) {
      .tap__get-the-app .tap__circle-line {
        display: none; } }
  .tap__get-the-app .tap__cta-img--desktop {
    display: none; }
    @media screen and (min-width: 768px) {
      .tap__get-the-app .tap__cta-img--desktop {
        display: block;
        max-width: 304px; } }
  @media screen and (min-width: 768px) {
    .tap__get-the-app .tap__cta-img--mobile {
      display: none; } }
  .tap__get-the-app .tap__cta-img--download {
    max-width: 200px; }
  .tap__get-the-app .tap__cta-img--login {
    max-width: 330px; }
  .tap__get-the-app .tap__cta-img--question {
    max-width: 100px; }
  .tap__get-the-app .tap__bottom-line {
    display: none; }
    @media screen and (min-width: 768px) {
      .tap__get-the-app .tap__bottom-line {
        display: block;
        width: 100%;
        border-bottom: #d7d7d7 solid 1px; } }
  .tap__get-the-app .tap__message {
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 20px 0px 30px 0px;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .tap__get-the-app .tap__message {
        padding: 40px 0; } }
  .tap__get-the-app .tap__message-copy {
    color: #000;
    font-size: 1.35em;
    line-height: 1.75em; }
    @media screen and (min-width: 768px) {
      .tap__get-the-app .tap__message-copy {
        font-size: 1em; } }
  .tap__get-the-app .tap__download {
    justify-content: center;
    display: flex;
    flex-wrap: nowrap; }
    .tap__get-the-app .tap__download--stack {
      width: 100%;
      max-width: 400px;
      flex-flow: column;
      margin: 0 auto; }
      .tap__get-the-app .tap__download--stack .tap-btn {
        margin-right: 0;
        display: flex;
        justify-content: center; }
        .tap__get-the-app .tap__download--stack .tap-btn span {
          line-height: 0; }
        .tap__get-the-app .tap__download--stack .tap-btn:first-child, .tap__get-the-app .tap__download--stack .tap-btn:nth-child(2) {
          margin-bottom: 1em; }
          @media screen and (min-width: 768px) {
            .tap__get-the-app .tap__download--stack .tap-btn:first-child, .tap__get-the-app .tap__download--stack .tap-btn:nth-child(2) {
              margin-bottom: 0; } }
    @media screen and (min-width: 768px) {
      .tap__get-the-app .tap__download--mobile {
        display: none; } }
  .tap__get-the-app .desktop-container {
    display: none; }
    @media screen and (min-width: 768px) {
      .tap__get-the-app .desktop-container {
        display: flex;
        max-width: 570px;
        flex-flow: row;
        justify-content: space-around;
        margin: 0 auto; } }
    @media screen and (min-width: 1000px) {
      .tap__get-the-app .desktop-container {
        max-width: 600px; } }

.tap__border {
  border-bottom: black solid 2px;
  width: 50%;
  margin: 25px auto; }

.tap__download .tap-btn {
  display: flex; }

.tap__download .btn-apple {
  margin-right: 5px; }

.tap__dl-placeholder {
  text-align: center;
  font-weight: 600; }
  @media screen and (min-width: 768px) {
    .tap__dl-placeholder {
      display: none; } }

.windows-disclaimer {
  margin: 0 auto; }
  .windows-disclaimer .tap__dl-placeholder {
    display: none;
    padding: 10px 0px 0px 0px;
    font-size: 0.75em; }
    @media screen and (min-width: 768px) {
      .windows-disclaimer .tap__dl-placeholder {
        display: block; } }
    .windows-disclaimer .tap__dl-placeholder--mobile {
      display: block;
      font-size: 1em; }
      @media screen and (min-width: 768px) {
        .windows-disclaimer .tap__dl-placeholder--mobile {
          display: none; } }

.tap-btn {
  background-color: #000;
  display: flex;
  align-items: center;
  color: #fff;
  padding: 20px 40px;
  font-size: 0.85em;
  font-family: 'Montserrat';
  font-weight: 800;
  text-decoration: none;
  transition: all 0.3s; }
  .tap-btn:hover {
    text-decoration: underline; }
  .tap-btn .btn-icon {
    width: 18px;
    margin-right: 10px; }

.tap__slick .slick-prev:before,
.tap__slick .slick-next:before {
  color: #c7c7c7;
  font-family: FontAwesome;
  font-size: 60px; }

.tap__slick .slick-prev,
.tap__slick .slick-before {
  height: 85px;
  margin-top: -100px; }

.tap__slick .slick-next,
.tap__slick .slick-before {
  height: 85px;
  margin-top: -100px; }

.tap__slick .slick-prev {
  left: 0px; }
  @media screen and (min-width: 768px) {
    .tap__slick .slick-prev {
      left: 25px; } }
  .tap__slick .slick-prev:before {
    content: "\f104"; }

.tap__slick .slick-next {
  right: 0px; }
  @media screen and (min-width: 768px) {
    .tap__slick .slick-next {
      right: 25px; } }
  .tap__slick .slick-next:before {
    content: "\f105"; }

.page-template-cabi-tap-download #modal {
  max-width: 600px;
  padding: 30px 0px 0px 0px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 90%; }

.tap-download {
  display: none; }

.tap-download__wrapper {
  display: flex;
  max-width: 550px;
  flex-wrap: wrap;
  justify-content: center; }

.tap-download__intro-message {
  text-align: center;
  padding: 0px 30px;
  margin-bottom: 25px; }

.tap-download__title {
  display: block;
  font-family: 'Montserrat';
  font-size: 0.85em;
  font-weight: 600;
  padding: 10px 0px;
  margin-top: 5px; }

.tap-download__greater {
  color: #acacac; }

.tap-download__img {
  width: 100%; }

.tap-download__requirements {
  background-color: #f2f4f3;
  padding: 30px 30px 20px 30px;
  text-align: center;
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap; }

.tap-download__btn-wrapper {
  display: block;
  width: 100%;
  margin-top: -63px; }
  .tap-download__btn-wrapper .tap-btn {
    display: inline-flex; }
    .tap-download__btn-wrapper .tap-btn span {
      line-height: 1.25em; }

.tap-download__requirement-message {
  margin-top: 20px;
  font-size: 0.95em; }
  @media screen and (min-width: 768px) {
    .tap-download__requirement-message {
      font-size: 0.85em; } }

.tap-download__requirement-title {
  display: block;
  text-transform: uppercase;
  font-size: 0.85em;
  font-family: 'Montserrat';
  margin-bottom: 5px; }

@media screen and (min-width: 768px) {
  #page-career-events-cabi {
    margin: 17px 0 0 0; } }

@media screen and (min-width: 1000px) {
  #page-career-events-cabi {
    margin: 0; } }

#page-career-events-cabi header {
  background: #FFF;
  padding: 34px 0 0 0;
  position: relative;
  text-align: center; }
  #page-career-events-cabi header .container {
    margin: 0 auto;
    position: relative;
    z-index: 2;
    padding: 0 0 30px; }
    @media screen and (min-width: 1000px) {
      #page-career-events-cabi header .container {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-bottom: 50px; } }
  #page-career-events-cabi header .text-container {
    padding: 0 10px; }
  #page-career-events-cabi header h1 {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.01px;
    text-transform: uppercase;
    margin-bottom: 5px; }
    #page-career-events-cabi header h1 span {
      font-family: 'Playfair Display';
      font-feature-settings: "lnum";
      font-weight: 700;
      display: block;
      font-weight: 400;
      font-size: 68px;
      line-height: 1.1;
      text-transform: none; }
      @media screen and (min-width: 768px) {
        #page-career-events-cabi header h1 span {
          font-size: 72px;
          letter-spacing: 0.02px; } }
  #page-career-events-cabi header p {
    font-family: 'Montserrat';
    font-size: 16px;
    letter-spacing: 0.08px;
    line-height: 24px;
    margin: 0 auto; }

@media screen and (min-width: 768px) {
  #page-career-events-cabi .container .aspot-lockup {
    max-width: 179px; } }

@media screen and (min-width: 1000px) {
  #page-career-events-cabi .container .aspot-lockup {
    max-width: 260px; } }

#page-career-events-cabi .container .header-text {
  padding: 0 20px; }

#page-career-events-cabi article {
  margin: 0 auto; }
  #page-career-events-cabi article .container {
    max-width: 1080px; }
  #page-career-events-cabi article .bold {
    font-weight: 900; }
  #page-career-events-cabi article .italic {
    font-style: italic; }
  #page-career-events-cabi article .event-info {
    padding-top: 50px;
    background: #F4E9E3 url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates//f25/careers/pattern-dark-v2.jpg") center/auto repeat;
    text-align: center;
    max-width: 1800px;
    margin: auto;
    padding-bottom: 115px; }
    #page-career-events-cabi article .event-info h2 {
      font-family: 'Montserrat';
      font-weight: 600;
      font-size: 20px;
      line-height: 24px;
      letter-spacing: 0.1px;
      margin: 0 0 20px 0;
      text-transform: uppercase; }
      #page-career-events-cabi article .event-info h2 span {
        font-family: 'Playfair Display';
        font-feature-settings: "lnum";
        font-weight: 700;
        font-weight: 400;
        font-size: 50px;
        letter-spacing: 0.41px;
        line-height: 1.2;
        text-transform: lowercase; }
      @media screen and (min-width: 768px) {
        #page-career-events-cabi article .event-info h2 {
          font-size: 24px;
          letter-spacing: 0.11px;
          line-height: 29px;
          margin-bottom: 40px; }
          #page-career-events-cabi article .event-info h2 span {
            font-size: 48px;
            letter-spacing: 0.02px; } }
    #page-career-events-cabi article .event-info .event-types-container {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 0 20px;
      gap: 50px 10px; }
      @media screen and (min-width: 1000px) {
        #page-career-events-cabi article .event-info .event-types-container {
          flex-direction: row;
          padding: 0;
          justify-content: space-around; } }
      #page-career-events-cabi article .event-info .event-types-container .event-type {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        gap: 50px 18px; }
        @media screen and (min-width: 1000px) {
          #page-career-events-cabi article .event-info .event-types-container .event-type {
            margin: 0; } }
        #page-career-events-cabi article .event-info .event-types-container .event-type .image-container {
          display: flex;
          justify-content: center;
          align-items: flex-start; }
          @media screen and (max-width: 767px) {
            #page-career-events-cabi article .event-info .event-types-container .event-type .image-container {
              min-width: 45px; } }
          #page-career-events-cabi article .event-info .event-types-container .event-type .image-container img {
            height: auto;
            max-width: 100%;
            max-height: 100%;
            width: auto; }
          #page-career-events-cabi article .event-info .event-types-container .event-type .image-container i {
            font-size: 50px; }
        #page-career-events-cabi article .event-info .event-types-container .event-type .detail-container {
          max-width: 310px;
          text-align: left; }
          @media screen and (min-width: 768px) {
            #page-career-events-cabi article .event-info .event-types-container .event-type .detail-container {
              max-width: 400px; } }
          @media screen and (min-width: 1000px) {
            #page-career-events-cabi article .event-info .event-types-container .event-type .detail-container {
              max-width: 260px; } }
          #page-career-events-cabi article .event-info .event-types-container .event-type .detail-container .heading {
            font-family: 'Montserrat';
            font-weight: 600;
            font-size: 21px;
            line-height: 25px;
            margin-bottom: 23px; }
            @media screen and (max-width: 767px) {
              #page-career-events-cabi article .event-info .event-types-container .event-type .detail-container .heading {
                font-size: 18px;
                line-height: 22px;
                margin-bottom: 10px; } }
          #page-career-events-cabi article .event-info .event-types-container .event-type .detail-container .title {
            font-family: 'Playfair Display';
            font-feature-settings: "lnum";
            font-size: 24px;
            line-height: 26px;
            margin-bottom: 20px; }
          #page-career-events-cabi article .event-info .event-types-container .event-type .detail-container p {
            font-size: 16px;
            line-height: 21px;
            font-family: 'Montserrat'; }
            @media screen and (min-width: 768px) {
              #page-career-events-cabi article .event-info .event-types-container .event-type .detail-container p a {
                text-decoration: underline;
                font-weight: 900; } }
            @media screen and (max-width: 767px) {
              #page-career-events-cabi article .event-info .event-types-container .event-type .detail-container p a {
                text-transform: uppercase;
                display: inline-block;
                margin: 7px 0;
                color: #000;
                font-family: 'Montserrat';
                font-weight: 600;
                font-size: 14px;
                letter-spacing: 0.35px;
                line-height: 18px;
                border-bottom: 2px solid #000;
                text-decoration: none; } }

#page-career-events-cabi #eventList .container {
  background: #fff;
  margin-top: -100px;
  padding: 40px 10px; }
  @media screen and (min-width: 768px) {
    #page-career-events-cabi #eventList .container {
      margin-top: -150px;
      padding: 60px; } }
  @media screen and (max-width: 1080px) {
    #page-career-events-cabi #eventList .container {
      margin-left: 10px;
      margin-right: 10px; } }

#page[data-page-id='page-girls-who-give'] {
  margin: 0;
  padding: 0;
  background-color: #fff; }
  #page[data-page-id='page-girls-who-give'] .header-content {
    letter-spacing: 0.02em; }
    #page[data-page-id='page-girls-who-give'] .header-content .h1 {
      font-size: 64px;
      line-height: 1;
      font-weight: 300;
      margin-bottom: 25px; }
    #page[data-page-id='page-girls-who-give'] .header-content .description {
      font-size: 22px;
      line-height: 29px; }
  #page[data-page-id='page-girls-who-give'] .girls-who-give__page-header {
    padding: 7.5em 0;
    background-color: #eeefef;
    background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s18/girls-who-give/mobile-top-header.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover; }
    @media screen and (min-width: 768px) {
      #page[data-page-id='page-girls-who-give'] .girls-who-give__page-header {
        background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s18/girls-who-give/header-img.jpg);
        padding: 3.3333333333em 0; } }
  @media screen and (min-width: 768px) {
    #page[data-page-id='page-girls-who-give'] .girls-who-give__header-container {
      max-width: 1370px;
      margin-left: auto;
      margin-right: auto;
      padding: 0 15px; }
      #page[data-page-id='page-girls-who-give'] .girls-who-give__header-container::after {
        clear: both;
        content: "";
        display: table; } }
  @media screen and (min-width: 1000px) {
    #page[data-page-id='page-girls-who-give'] .girls-who-give__header-flex {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row nowrap;
      -moz-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      justify-content: space-around; } }
  #page[data-page-id='page-girls-who-give'] .girls-who-give__header-flex-item--one {
    padding: 0 2em;
    margin-bottom: 3.3333333333em; }
    @media screen and (min-width: 1000px) {
      #page[data-page-id='page-girls-who-give'] .girls-who-give__header-flex-item--one {
        padding: 0 5em 0 0;
        margin-bottom: 0; } }
    @media screen and (min-width: 1440px) {
      #page[data-page-id='page-girls-who-give'] .girls-who-give__header-flex-item--one {
        padding: 0;
        -webkit-flex-basis: 40%;
        -moz-flex-basis: 40%;
        flex-basis: 40%;
        -ms-flex-preferred-size: 40%; } }
  @media screen and (min-width: 1000px) {
    #page[data-page-id='page-girls-who-give'] .girls-who-give__header-flex-item--two {
      -webkit-flex-basis: 56%;
      -moz-flex-basis: 56%;
      flex-basis: 56%;
      -ms-flex-preferred-size: 56%; } }
  @media screen and (min-width: 1440px) {
    #page[data-page-id='page-girls-who-give'] .girls-who-give__header-flex-item--two {
      -webkit-flex-basis: 60%;
      -moz-flex-basis: 60%;
      flex-basis: 60%;
      -ms-flex-preferred-size: 60%; } }
  @media screen and (min-width: 1000px) {
    #page[data-page-id='page-girls-who-give'] .girls-who-give__header-text {
      margin-top: 3em;
      margin-bottom: 5.8em;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal; } }
  #page[data-page-id='page-girls-who-give'] .girls-who-give__h1 {
    color: #fff;
    margin-bottom: 1rem;
    font-size: 2em;
    line-height: 1.1em;
    text-align: center;
    font-weight: 800; }
    @media screen and (min-width: 768px) {
      #page[data-page-id='page-girls-who-give'] .girls-who-give__h1 {
        margin-bottom: 1rem; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id='page-girls-who-give'] .girls-who-give__h1 {
        font-size: 3em; } }
    #page[data-page-id='page-girls-who-give'] .girls-who-give__h1--pink {
      color: #ff99a8;
      display: block;
      font-weight: 800; }
  #page[data-page-id='page-girls-who-give'] .girls-who-give__text-modified {
    color: #fff;
    text-align: center;
    font-size: 1.3em;
    font-weight: 800; }
  #page[data-page-id='page-girls-who-give'] .girls-who-give__text {
    font-size: 1em;
    letter-spacing: 0.002em;
    color: #000;
    line-height: 1.7;
    margin-bottom: 2em; }
    #page[data-page-id='page-girls-who-give'] .girls-who-give__text br {
      display: none; }
      @media screen and (min-width: 1440px) {
        #page[data-page-id='page-girls-who-give'] .girls-who-give__text br {
          display: block; } }
    #page[data-page-id='page-girls-who-give'] .girls-who-give__text span {
      display: none; }
      @media screen and (min-width: 768px) {
        #page[data-page-id='page-girls-who-give'] .girls-who-give__text span {
          display: inline; } }
  #page[data-page-id='page-girls-who-give'] .girls-who-give__hands-container {
    background-color: #fff; }
    @media screen and (min-width: 1000px) {
      #page[data-page-id='page-girls-who-give'] .girls-who-give__hands-container {
        margin: -4em auto 12em;
        width: 690px;
        height: 740px;
        background-color: #f3f1f1; } }
    #page[data-page-id='page-girls-who-give'] .girls-who-give__hands-container .girls-who-give__hands {
      background-image: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s18/girls-who-give/hands-img3.png");
      background-size: 100%;
      position: relative;
      background-repeat: no-repeat;
      background-position: top center;
      bottom: 30px; }
      #page[data-page-id='page-girls-who-give'] .girls-who-give__hands-container .girls-who-give__hands:before {
        content: '';
        display: block;
        padding-top: 57.8%; }
      @media screen and (min-width: 1000px) {
        #page[data-page-id='page-girls-who-give'] .girls-who-give__hands-container .girls-who-give__hands {
          top: 60px;
          margin: 0 -160px; } }
    #page[data-page-id='page-girls-who-give'] .girls-who-give__hands-container .girls-who-give__hands-text {
      color: #000;
      text-align: center;
      height: auto;
      margin: 0 auto;
      width: 415px;
      display: flex;
      align-items: flex-end;
      line-height: 2em;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 400;
      font-style: normal; }
      @media screen and (min-width: 768px) {
        #page[data-page-id='page-girls-who-give'] .girls-who-give__hands-container .girls-who-give__hands-text {
          width: 545px;
          margin: -2em auto; } }
      #page[data-page-id='page-girls-who-give'] .girls-who-give__hands-container .girls-who-give__hands-text p {
        font-size: 1.4em;
        font-weight: bold; }
        @media screen and (min-width: 1000px) {
          #page[data-page-id='page-girls-who-give'] .girls-who-give__hands-container .girls-who-give__hands-text p {
            display: block;
            font-weight: normal; }
            #page[data-page-id='page-girls-who-give'] .girls-who-give__hands-container .girls-who-give__hands-text p span {
              font-weight: bold; } }
        #page[data-page-id='page-girls-who-give'] .girls-who-give__hands-container .girls-who-give__hands-text p:after {
          content: '';
          display: block;
          width: 50px;
          height: 3px;
          background-color: #ff99a8;
          margin: 1em auto 0; }
    #page[data-page-id='page-girls-who-give'] .girls-who-give__hands-container .girls-who-give__small-container {
      top: 0%;
      left: 0%;
      padding: 30px 0 50px;
      color: #000;
      text-align: center;
      margin: 0 auto;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 400;
      font-style: normal;
      font-weight: 800;
      width: 80%; }
      @media screen and (min-width: 1000px) {
        #page[data-page-id='page-girls-who-give'] .girls-who-give__hands-container .girls-who-give__small-container {
          display: none; } }
      @media screen and (min-width: 768px) {
        #page[data-page-id='page-girls-who-give'] .girls-who-give__hands-container .girls-who-give__small-container {
          display: none; } }
  #page[data-page-id='page-girls-who-give'] .girls-who-give__heres_how-container {
    margin: 0 auto;
    text-align: center;
    position: relative;
    line-height: 1em;
    padding: 0 15px 2em; }
    @media screen and (min-width: 1000px) {
      #page[data-page-id='page-girls-who-give'] .girls-who-give__heres_how-container {
        width: 40em;
        bottom: 90px;
        padding-top: 0; } }
    #page[data-page-id='page-girls-who-give'] .girls-who-give__heres_how-container .girls-who-give__heres_how-title {
      font-size: 3em;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 400;
      font-style: normal; }
    #page[data-page-id='page-girls-who-give'] .girls-who-give__heres_how-container .girls-who-give__pink-circle {
      border-radius: 50%;
      background: #ff99a8;
      display: block;
      width: 30px;
      height: 30px;
      margin: 50px auto 20px; }
      #page[data-page-id='page-girls-who-give'] .girls-who-give__heres_how-container .girls-who-give__pink-circle p {
        position: relative;
        top: 50%;
        transform: translateY(-50%); }
      #page[data-page-id='page-girls-who-give'] .girls-who-give__heres_how-container .girls-who-give__pink-circle .girls-who-give__pink-circle-text {
        color: #fff;
        font-size: 1em;
        display: inline-block;
        vertical-align: middle;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 600;
        font-style: normal; }
    #page[data-page-id='page-girls-who-give'] .girls-who-give__heres_how-container .girls-who-give__heres_how-text {
      font-size: 1.2em;
      line-height: 1.2em;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 400;
      font-style: normal; }
    #page[data-page-id='page-girls-who-give'] .girls-who-give__heres_how-container .girls-who-give__arrow {
      width: 6px;
      height: 64px;
      margin: 4em auto 2em;
      background-color: #ff99a8;
      border-radius: 3px;
      position: relative;
      animation: bob 2s cubic-bezier(0.42, 0, 0.58, 1.28) infinite; }
      @media screen and (min-width: 1000px) {
        #page[data-page-id='page-girls-who-give'] .girls-who-give__heres_how-container .girls-who-give__arrow {
          margin: 4em auto -4em; } }
      #page[data-page-id='page-girls-who-give'] .girls-who-give__heres_how-container .girls-who-give__arrow:before, #page[data-page-id='page-girls-who-give'] .girls-who-give__heres_how-container .girls-who-give__arrow:after {
        content: '';
        background-color: #ff99a8;
        border-radius: 3px;
        height: 30px;
        width: 5px;
        position: absolute;
        bottom: -2px; }
      #page[data-page-id='page-girls-who-give'] .girls-who-give__heres_how-container .girls-who-give__arrow:before {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        left: -10px; }
      #page[data-page-id='page-girls-who-give'] .girls-who-give__heres_how-container .girls-who-give__arrow:after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        right: -10px; }
  #page[data-page-id='page-girls-who-give'] .girls-who-give__donate-container {
    margin: auto;
    text-align: center;
    position: relative;
    z-index: 10;
    padding: 0 20px; }
    @media screen and (min-width: 1000px) {
      #page[data-page-id='page-girls-who-give'] .girls-who-give__donate-container {
        padding: 0;
        width: 876px; } }
    #page[data-page-id='page-girls-who-give'] .girls-who-give__donate-container .girls-who-give__donate-header {
      font-size: 1.5em;
      margin: 0 auto 35px;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 400;
      font-style: normal; }
      @media screen and (min-width: 1000px) {
        #page[data-page-id='page-girls-who-give'] .girls-who-give__donate-container .girls-who-give__donate-header {
          font-size: 2.5em; } }
    #page[data-page-id='page-girls-who-give'] .girls-who-give__donate-container .girls-who-give__donate-box {
      width: calc(49% - 4px);
      height: 110px;
      display: inline-block;
      vertical-align: top;
      margin: 0 2px 4px;
      float: left;
      position: relative;
      overflow: hidden;
      background-color: white; }
      @media screen and (min-width: 768px) {
        #page[data-page-id='page-girls-who-give'] .girls-who-give__donate-container .girls-who-give__donate-box {
          width: calc(33.3% - 4px);
          height: 189px;
          margin: 0 2px 4px; } }
      #page[data-page-id='page-girls-who-give'] .girls-who-give__donate-container .girls-who-give__donate-box p {
        color: #fff;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 800;
        font-style: normal;
        z-index: 1;
        padding: 0 1em; }
      #page[data-page-id='page-girls-who-give'] .girls-who-give__donate-container .girls-who-give__donate-box img {
        transition: all .2s ease-in-out;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(1);
        z-index: 0;
        opacity: 1; }
    #page[data-page-id='page-girls-who-give'] .girls-who-give__donate-container .girls-who-give__donate-box img:hover {
      opacity: .75;
      transform: translate(-50%, -50%) scale(1.05);
      -ms-transform: translate(-50%, -50%) scale(1.05);
      -webkit-transform: translate(-50%, -50%) scale(1.05); }
  #page[data-page-id='page-girls-who-give'] .visible-large {
    display: none; }
    @media screen and (min-width: 768px) {
      #page[data-page-id='page-girls-who-give'] .visible-large {
        display: block; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id='page-girls-who-give'] .visible-large {
        display: block; } }
  #page[data-page-id='page-girls-who-give'] .visible-small {
    display: inline-block; }
    @media screen and (min-width: 768px) {
      #page[data-page-id='page-girls-who-give'] .visible-small {
        display: none; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id='page-girls-who-give'] .visible-small {
        display: none; } }
  #page[data-page-id='page-girls-who-give'] .girls-who-give__instagram-feed-container {
    background-color: #f3f1f1;
    padding: 10em 15px 3em;
    position: relative;
    bottom: 100px;
    z-index: 1;
    clear: both; }
    @media screen and (min-width: 768px) {
      #page[data-page-id='page-girls-who-give'] .girls-who-give__instagram-feed-container {
        padding: 10em 100px 3em; } }
    #page[data-page-id='page-girls-who-give'] .girls-who-give__instagram-feed-container .girls-who-give__instagram-feed-text {
      width: 90%;
      margin: 0 auto;
      text-align: center;
      font-size: 1em;
      line-height: 2em;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal; }
      @media screen and (min-width: 1000px) {
        #page[data-page-id='page-girls-who-give'] .girls-who-give__instagram-feed-container .girls-who-give__instagram-feed-text {
          width: 44em; } }
      #page[data-page-id='page-girls-who-give'] .girls-who-give__instagram-feed-container .girls-who-give__instagram-feed-text span {
        color: #ff99a8;
        font-size: 1.6666666667em;
        font-weight: 800; }
  #page[data-page-id='page-girls-who-give'] .girls-who-give__button-container {
    text-align: center;
    margin-bottom: 2em; }
    @media screen and (min-width: 768px) {
      #page[data-page-id='page-girls-who-give'] .girls-who-give__button-container {
        margin-bottom: 0; } }
    #page[data-page-id='page-girls-who-give'] .girls-who-give__button-container .girls-who-give__button {
      width: 90%;
      height: 92px;
      padding: 0;
      font-weight: 800; }
      @media screen and (min-width: 768px) {
        #page[data-page-id='page-girls-who-give'] .girls-who-give__button-container .girls-who-give__button {
          width: 440px;
          padding: 0 1em; } }
    #page[data-page-id='page-girls-who-give'] .girls-who-give__button-container .girls-who-give__button-pink {
      color: #ff99a8; }
    #page[data-page-id='page-girls-who-give'] .girls-who-give__button-container .girls-who-give__button--font-size {
      font-family: "Archer" !important;
      font-weight: 600; }
      @media screen and (min-width: 768px) {
        #page[data-page-id='page-girls-who-give'] .girls-who-give__button-container .girls-who-give__button--font-size {
          font-size: 0.95em; } }
  #page[data-page-id='page-girls-who-give'] .girls-who-give__button-container--position-fix {
    position: relative;
    bottom: 60px; }
  @media screen and (min-width: 768px) {
    #page[data-page-id='page-girls-who-give'] .girls-who-give__button-padding {
      padding: 0 0 2em; } }
  #page[data-page-id='page-girls-who-give'] .no-transform {
    text-transform: none; }

@keyframes bob {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(-10px); }
  100% {
    transform: translateY(0); } }

.girls-who-give__instagram-feed-container .girls-who-give__instagram-feed-text {
  width: 250px !important; }
  @media (min-width: 660px) {
    .girls-who-give__instagram-feed-container .girls-who-give__instagram-feed-text {
      width: 600px !important; } }
  @media (min-width: 1260px) {
    .girls-who-give__instagram-feed-container .girls-who-give__instagram-feed-text {
      width: 1090px !important; } }
  @media (min-width: 1680px) {
    .girls-who-give__instagram-feed-container .girls-who-give__instagram-feed-text {
      width: 1580px !important; } }

#page[data-page-id='page-business-model'] {
  margin: 0;
  padding: 0;
  /* responsive */ }
  #page[data-page-id='page-business-model'] .page-header {
    height: 427px;
    background: #363636 url("https://media-fall.cabionline.com/wp-content/uploads/2017/12/header-business-model.jpg") 50% 0 no-repeat; }
    #page[data-page-id='page-business-model'] .page-header .container .intro .box {
      float: right;
      padding-bottom: 60px; }
    #page[data-page-id='page-business-model'] .page-header .intro {
      float: none;
      width: 100%;
      padding: 0 40px; }
      #page[data-page-id='page-business-model'] .page-header .intro .box {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        position: relative;
        top: 50%;
        padding: 0;
        text-align: right; }
      #page[data-page-id='page-business-model'] .page-header .intro .header-content {
        display: inline-block;
        vertical-align: top;
        text-align: left;
        padding-left: 2em;
        padding-right: 0; }
    #page[data-page-id='page-business-model'] .page-header .header-content {
      color: white;
      font-size: 19px; }
      #page[data-page-id='page-business-model'] .page-header .header-content .h1,
      #page[data-page-id='page-business-model'] .page-header .header-content .h2 {
        display: block;
        font-size: 3.125em;
        line-height: 1em; }
      #page[data-page-id='page-business-model'] .page-header .header-content .h1 {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: italic;
        margin-bottom: 20px; }
      #page[data-page-id='page-business-model'] .page-header .header-content .h2 {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 400;
        font-style: normal; }
      #page[data-page-id='page-business-model'] .page-header .header-content p {
        margin: 15px 0;
        line-height: 24px;
        font-size: .85em; }
  #page[data-page-id='page-business-model'] .page-body {
    background-color: #f0f0f0; }
  #page[data-page-id='page-business-model'] .group-sections {
    padding: 0 40px;
    margin-top: -100px;
    margin-bottom: 120px; }
  #page[data-page-id='page-business-model'] .section-sales.open .extend {
    padding-bottom: 115px; }
  #page[data-page-id='page-business-model'] .section-sales {
    border-bottom: 7px solid #000;
    margin-bottom: 2.5em;
    position: relative;
    background: #fff; }
    #page[data-page-id='page-business-model'] .section-sales::after {
      clear: both;
      content: "";
      display: table; }
    #page[data-page-id='page-business-model'] .section-sales .btn-square {
      position: absolute;
      bottom: 0;
      z-index: 2;
      left: 50%;
      margin-left: -48px; }
      #page[data-page-id='page-business-model'] .section-sales .btn-square.open .if-off {
        display: none; }
      #page[data-page-id='page-business-model'] .section-sales .btn-square.open .if-on {
        display: block; }
    #page[data-page-id='page-business-model'] .section-sales .wrapper {
      height: 100%; }
    #page[data-page-id='page-business-model'] .section-sales.open .extend {
      padding-bottom: 100px; }
  #page[data-page-id='page-business-model'] .section-img,
  #page[data-page-id='page-business-model'] .section-description {
    float: left;
    position: relative;
    height: 100%; }
  #page[data-page-id='page-business-model'] .section-img {
    width: 63.5%;
    left: 36.5%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat; }
  #page[data-page-id='page-business-model'] .section-description {
    width: 36.5%;
    right: 63.5%;
    padding: 50px;
    text-align: center; }
    #page[data-page-id='page-business-model'] .section-description--team-sales {
      padding: 100px 50px; }
    #page[data-page-id='page-business-model'] .section-description .middle {
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      position: relative;
      top: 50%; }
    #page[data-page-id='page-business-model'] .section-description .icon {
      vertical-align: top;
      margin-bottom: 10px;
      width: 20%; }
    #page[data-page-id='page-business-model'] .section-description .headline {
      margin-bottom: 30px;
      color: #616266;
      font-size: 30px;
      line-height: 1; }
      #page[data-page-id='page-business-model'] .section-description .headline .h3 {
        display: block;
        color: #ff99a8;
        text-transform: uppercase; }
    #page[data-page-id='page-business-model'] .section-description .content {
      font-size: 15px;
      line-height: 22px;
      color: #262223; }
  #page[data-page-id='page-business-model'] .section-position-left .section-description {
    right: 0; }
  #page[data-page-id='page-business-model'] .section-position-left .section-img {
    left: 0; }
  #page[data-page-id='page-business-model'] .extend-body {
    position: relative;
    z-index: 2; }
  #page[data-page-id='page-business-model'] .extend {
    background: #fff;
    display: none;
    padding-bottom: 120px;
    clear: both;
    position: relative; }
    #page[data-page-id='page-business-model'] .extend:before {
      content: "";
      display: block;
      width: 100%;
      height: 100px;
      background: #eeeeee;
      background: -webkit-linear-gradient(top, #eeeeee, #ffffff);
      background: linear-gradient(to bottom, #eeeeee, #ffffff);
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0; }
    #page[data-page-id='page-business-model'] .extend .col-2::after {
      clear: both;
      content: "";
      display: table; }
    #page[data-page-id='page-business-model'] .extend .box {
      float: left;
      width: 50%; }
      #page[data-page-id='page-business-model'] .extend .box .h3,
      #page[data-page-id='page-business-model'] .extend .box .h4 {
        display: block;
        font-size: 42px;
        line-height: 1.2; }
      #page[data-page-id='page-business-model'] .extend .box .h4 {
        font-family: 'Didot 06 A', 'Didot 06 B', 'georgia';
        margin-bottom: 25px; }
    #page[data-page-id='page-business-model'] .extend .box-content {
      padding: 65px 80px 0 0; }
      #page[data-page-id='page-business-model'] .extend .box-content .leading {
        font-family: Montserrat;
        font-size: .85em;
        color: #ff99a8; }
    #page[data-page-id='page-business-model'] .extend .column-left {
      display: none; }
    #page[data-page-id='page-business-model'] .extend .box-calculator {
      padding-top: 40px;
      text-align: center; }
  #page[data-page-id='page-business-model'] .calculator-img {
    width: 283px;
    max-width: 100%;
    vertical-align: top;
    height: auto; }
  #page[data-page-id='page-business-model'] .list-round {
    list-style: none;
    line-height: 22px;
    font-size: 16px;
    margin-bottom: 25px; }
    #page[data-page-id='page-business-model'] .list-round li {
      position: relative;
      padding-left: 25px;
      margin: 25px 0; }
      #page[data-page-id='page-business-model'] .list-round li:before {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 8px;
        position: absolute;
        top: 6px;
        left: 0;
        background: #000; }
  #page[data-page-id='page-business-model'] .section-wrapper {
    padding: 40px 0; }
    @media screen and (min-width: 768px) {
      #page[data-page-id='page-business-model'] .section-wrapper {
        padding: 40px; } }
    #page[data-page-id='page-business-model'] .section-wrapper hr {
      height: 1px;
      background: #cbcbcb;
      margin: 50px 0; }
  #page[data-page-id='page-business-model'] .user-section {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden; }
    #page[data-page-id='page-business-model'] .user-section .user-avatar {
      float: left;
      width: 65px;
      overflow: hidden;
      margin-right: 15px; }
      #page[data-page-id='page-business-model'] .user-section .user-avatar img {
        width: 100%;
        height: auto;
        vertical-align: top;
        border-radius: 50%; }
    #page[data-page-id='page-business-model'] .user-section .user-info {
      text-align: left;
      overflow: hidden;
      padding: 10px 0; }
      #page[data-page-id='page-business-model'] .user-section .user-info span {
        display: block;
        font-size: 30px;
        line-height: 1;
        font-weight: normal; }
      #page[data-page-id='page-business-model'] .user-section .user-info p {
        font-size: 14px;
        line-height: 1; }
  #page[data-page-id='page-business-model'] .section-info {
    margin-bottom: 60px; }
  #page[data-page-id='page-business-model'] .custom-table-medium {
    padding: 15px; }
  #page[data-page-id='page-business-model'] .note {
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #262223; }
    #page[data-page-id='page-business-model'] .note p {
      margin: 20px 0; }
  #page[data-page-id='page-business-model'] .table-item {
    margin-bottom: 50px; }
  #page[data-page-id='page-business-model'] .section-table .table-item:last-child {
    margin-bottom: 0; }
  #page[data-page-id='page-business-model'] .section-wrapper .section-info {
    margin-bottom: 0; }
  #page[data-page-id='page-business-model'] .user-section__mobile {
    display: none;
    text-align: center;
    border-bottom: 2px solid #ffffff;
    margin-bottom: 20px;
    margin: 0 -5px 15px -5px;
    padding: 10px 10px 15px 10px; }
  #page[data-page-id='page-business-model'] .block-quotes {
    background-color: #000; }
    #page[data-page-id='page-business-model'] .block-quotes .blockquote-slider {
      background-color: transparent !important; }
      #page[data-page-id='page-business-model'] .block-quotes .blockquote-slider .slide {
        background-color: transparent; }
    #page[data-page-id='page-business-model'] .block-quotes .blockquote img {
      position: relative;
      width: 140px;
      height: 140px;
      top: initial;
      left: initial;
      margin-top: -75px;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); }
    #page[data-page-id='page-business-model'] .block-quotes .blockquote .h1 {
      color: white;
      font-size: 14px; }
      @media screen and (min-width: 768px) {
        #page[data-page-id='page-business-model'] .block-quotes .blockquote .h1 {
          font-size: 18px;
          line-height: 1.45em; } }
    #page[data-page-id='page-business-model'] .block-quotes .blockquote .host__blockquote-name {
      color: #fff;
      text-transform: capitalize; }
      @media screen and (min-width: 768px) {
        #page[data-page-id='page-business-model'] .block-quotes .blockquote .host__blockquote-name {
          font-size: 26px; } }
    #page[data-page-id='page-business-model'] .block-quotes .blockquote .host__blockquote-location {
      margin: 5px 0 40px;
      text-transform: capitalize; }
      @media screen and (min-width: 768px) {
        #page[data-page-id='page-business-model'] .block-quotes .blockquote .host__blockquote-location {
          margin: 5px 0 80px;
          font-size: 15px;
          color: #fff; } }
  @media screen and (max-width: 1000px) {
    #page[data-page-id='page-business-model'] .extend .box-calculator,
    #page[data-page-id='page-business-model'] .extend .box-content {
      padding-right: 20px;
      padding-left: 20px; }
    #page[data-page-id='page-business-model'] .section-description {
      padding: 30px 10px; }
      #page[data-page-id='page-business-model'] .section-description .headline {
        font-size: 26px;
        margin-bottom: 20px; }
      #page[data-page-id='page-business-model'] .section-description .content {
        font-size: 14px;
        line-height: 20px; }
    #page[data-page-id='page-business-model'] .table-style.table-style-large thead th {
      font-size: 7px;
      line-height: 8px;
      padding: 5px 5px 10px 5px; }
    #page[data-page-id='page-business-model'] .table-style.table-style-large tbody td {
      font-size: 10px;
      padding: 5px 2px; }
    #page[data-page-id='page-business-model'] .table-style.table-style-large tbody span {
      font-size: 8px; }
    #page[data-page-id='page-business-model'] .table-style.table-style-large .columns {
      margin: 0; }
      #page[data-page-id='page-business-model'] .table-style.table-style-large .columns .col-1 {
        display: none; }
      #page[data-page-id='page-business-model'] .table-style.table-style-large .columns .col-2 {
        padding: 0; }
    #page[data-page-id='page-business-model'] .table-style.table-style-small thead th {
      font-size: 7px;
      line-height: 8px;
      padding: 0 5px 15px 5px; }
    #page[data-page-id='page-business-model'] .table-style.table-style-small tbody td {
      font-size: 10px;
      padding: 5px 2px; }
    #page[data-page-id='page-business-model'] .table-style.table-style-small tbody span {
      font-size: 8px; }
    #page[data-page-id='page-business-model'] .table-item {
      margin-bottom: 30px; }
    #page[data-page-id='page-business-model'] .user-section__mobile-hide {
      display: none; }
    #page[data-page-id='page-business-model'] .user-section__mobile {
      display: block; }
    #page[data-page-id='page-business-model'] .user-section .user-info span {
      font-size: 22px; }
    #page[data-page-id='page-business-model'] .user-section .user-info p {
      font-size: 10px; }
    #page[data-page-id='page-business-model'] .user-section .user-avatar {
      width: 50px;
      margin-right: 10px; }
    #page[data-page-id='page-business-model'] .section-sales.open .section-description {
      padding-bottom: 50px; }
    #page[data-page-id='page-business-model'] .custom-table {
      padding: 5px;
      margin: 0; }
      #page[data-page-id='page-business-model'] .custom-table.custom-table-medium {
        padding: 5px; }
    #page[data-page-id='page-business-model'] .note {
      font-size: 9px;
      padding: 0 15px; }
      #page[data-page-id='page-business-model'] .note p {
        margin: 10px 0; }
    #page[data-page-id='page-business-model'] .section-header h2 {
      font-size: 25px;
      line-height: 30px; }
    #page[data-page-id='page-business-model'] .section-header span {
      font-size: 12px;
      line-height: 18px; } }
  @media screen and (max-width: 767px) {
    #page[data-page-id='page-business-model'] .page-header {
      height: 450px;
      background: url("https://media-fall.cabionline.com/wp-content/uploads/2017/12/header-business-model-mobile.jpg") 50% 0 no-repeat;
      background-size: cover; }
      #page[data-page-id='page-business-model'] .page-header .container {
        padding: 0; }
      #page[data-page-id='page-business-model'] .page-header .intro {
        padding: 270px 0 0 0;
        height: 100%; }
        #page[data-page-id='page-business-model'] .page-header .intro .header-content {
          text-align: center;
          color: white;
          padding-left: 0; }
          #page[data-page-id='page-business-model'] .page-header .intro .header-content .h1,
          #page[data-page-id='page-business-model'] .page-header .intro .header-content .h2 {
            font-size: 45px;
            line-height: 1em; }
          #page[data-page-id='page-business-model'] .page-header .intro .header-content .h1 {
            margin-bottom: 10px; }
          #page[data-page-id='page-business-model'] .page-header .intro .header-content p {
            line-height: 22px; }
        #page[data-page-id='page-business-model'] .page-header .intro .description {
          margin-bottom: 5px;
          padding: 0;
          max-width: 260px; }
        #page[data-page-id='page-business-model'] .page-header .intro .container .intro {
          padding: 200px 0 0 0; }
          #page[data-page-id='page-business-model'] .page-header .intro .container .intro .box {
            float: none; }
        #page[data-page-id='page-business-model'] .page-header .intro .box {
          float: none;
          text-align: center;
          width: 100%;
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          top: 0;
          position: static; }
    #page[data-page-id='page-business-model'] .section-sales {
      margin-bottom: 0; }
      #page[data-page-id='page-business-model'] .section-sales .btn-square {
        height: 65px;
        width: 74px;
        margin-left: -37px; }
      #page[data-page-id='page-business-model'] .section-sales.no-extend .section-description {
        padding-bottom: 50px; }
    #page[data-page-id='page-business-model'] .section-img {
      height: 205px;
      position: static;
      left: 0;
      right: 0;
      float: none;
      width: 100%;
      background-position: 50% 0; }
    #page[data-page-id='page-business-model'] .section-description {
      position: static;
      left: 0;
      right: 0;
      float: none;
      width: 100%;
      padding: 25px 25px 100px 25px; }
      #page[data-page-id='page-business-model'] .section-description .middle {
        position: static;
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); }
      #page[data-page-id='page-business-model'] .section-description .headline {
        margin-bottom: 15px; }
      #page[data-page-id='page-business-model'] .section-description .content {
        font-size: 12px;
        line-height: 16px; }
    #page[data-page-id='page-business-model'] .group-sections {
      padding: 0;
      margin: 0 -15px 100px; }
    #page[data-page-id='page-business-model'] .list-round {
      font-size: 12px;
      line-height: 18px;
      letter-spacing: -0.04em; }
      #page[data-page-id='page-business-model'] .list-round li {
        padding-left: 15px;
        margin: 20px 0; }
    #page[data-page-id='page-business-model'] .extend .box-calculator {
      display: none; }
    #page[data-page-id='page-business-model'] .extend .column-left {
      display: block; }
    #page[data-page-id='page-business-model'] .extend .columns {
      margin: 20px 0; }
      #page[data-page-id='page-business-model'] .extend .columns::after {
        clear: both;
        content: "";
        display: table; }
      #page[data-page-id='page-business-model'] .extend .columns .column-left {
        float: left;
        text-align: center; }
        #page[data-page-id='page-business-model'] .extend .columns .column-left .calculator-img {
          width: 155px;
          max-width: 155px; }
      #page[data-page-id='page-business-model'] .extend .columns .column-right {
        float: right;
        text-align: left; }
      #page[data-page-id='page-business-model'] .extend .columns .column-left,
      #page[data-page-id='page-business-model'] .extend .columns .column-right {
        width: 50%; }
    #page[data-page-id='page-business-model'] .extend .box-content {
      text-align: center;
      width: 100%;
      padding-top: 45px;
      padding-bottom: 25px; }
      #page[data-page-id='page-business-model'] .extend .box-content .h3,
      #page[data-page-id='page-business-model'] .extend .box-content .h4 {
        font-size: 25px;
        display: inline; }
      #page[data-page-id='page-business-model'] .extend .box-content .content {
        text-align: left;
        padding-left: 50%; } }

.business-model__title {
  font-size: 1.3em;
  line-height: 1em;
  font-family: 'Didot 06 A', 'Didot 06 B', 'georgia';
  font-weight: 500;
  font-style: normal;
  color: #000; }

#data-calculator {
  display: none; }

body#page-career-in-fashion-business-model #modal[data-selector="#data-calculator"] {
  padding: 0;
  max-width: 425px; }
  body#page-career-in-fashion-business-model #modal[data-selector="#data-calculator"] #calculator-wrapper {
    overflow: auto;
    width: 100%;
    height: 85vh;
    max-height: 690px;
    background-color: white;
    padding: 20px; }
    body#page-career-in-fashion-business-model #modal[data-selector="#data-calculator"] #calculator-wrapper iframe {
      display: block;
      height: 650px;
      margin: 0 auto;
      overflow: hidden;
      width: 100%; }
      body#page-career-in-fashion-business-model #modal[data-selector="#data-calculator"] #calculator-wrapper iframe body {
        padding-top: 0; }

#page[data-page-id='page-how-cabi-supports-you'] {
  background: #fff;
  margin: 0;
  padding: 0; }
  #page[data-page-id='page-how-cabi-supports-you'] .box {
    width: 50%;
    float: left; }
  #page[data-page-id='page-how-cabi-supports-you'] .svgstore {
    display: none; }
  #page[data-page-id='page-how-cabi-supports-you'] .page-header {
    background: #333333 url("https://media-fall.cabionline.com/wp-content/uploads/2017/12/how-cabi-supports-header.jpg") 50% 0 no-repeat;
    position: relative;
    height: 390px; }
    #page[data-page-id='page-how-cabi-supports-you'] .page-header .h1 {
      color: #fff;
      letter-spacing: 0.02em;
      line-height: 1.1em;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 400;
      font-style: normal; }
      @media screen and (max-width: 767px) {
        #page[data-page-id='page-how-cabi-supports-you'] .page-header .h1 {
          font-size: 3em !important;
          margin: 15px 0 !important; }
          #page[data-page-id='page-how-cabi-supports-you'] .page-header .h1 br {
            display: none; } }
      @media screen and (min-width: 768px) {
        #page[data-page-id='page-how-cabi-supports-you'] .page-header .h1 {
          font-size: 56px;
          margin: 0 0 15px; } }
      #page[data-page-id='page-how-cabi-supports-you'] .page-header .h1 span {
        display: block;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: italic; }
    #page[data-page-id='page-how-cabi-supports-you'] .page-header .description p {
      font-size: 19px;
      letter-spacing: 0.002em;
      line-height: 1.3;
      color: #fff; }
    #page[data-page-id='page-how-cabi-supports-you'] .page-header.header-supports .intro .header-content {
      background-color: #393939;
      float: right;
      width: 50%;
      text-align: left;
      height: auto;
      padding: 0; }
      @media screen and (min-width: 768px) {
        #page[data-page-id='page-how-cabi-supports-you'] .page-header.header-supports .intro .header-content {
          background-color: transparent; } }
  #page[data-page-id='page-how-cabi-supports-you'] .page-body {
    background: #fff;
    padding: 60px 0 40px; }
    #page[data-page-id='page-how-cabi-supports-you'] .page-body .step {
      border-bottom: 1px solid #c1c7ca;
      margin: 0 auto 40px;
      padding-bottom: 15px;
      max-width: 890px; }
      #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .info-list {
        margin-top: 20px; }
      #page[data-page-id='page-how-cabi-supports-you'] .page-body .step:last-child {
        border-bottom: none;
        padding-bottom: 0; }
      #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .screenshot__img {
        width: 100%; }
      #page[data-page-id='page-how-cabi-supports-you'] .page-body .step img {
        max-width: 100%;
        vertical-align: bottom;
        display: block;
        margin: 0 auto; }
      #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .icon {
        float: left;
        width: 80px;
        height: 80px;
        margin-right: 25px; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .icon .elem-svg {
          fill: #ff99a8;
          width: 110px;
          height: 110px; }
      #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .info-wrap {
        overflow: hidden;
        padding-top: 10px; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .info-wrap .h2 {
          font-size: 55px;
          color: #000;
          line-height: 1em;
          letter-spacing: 0.05em;
          margin-bottom: 40px; }
      #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .info-list li {
        font-size: 17px;
        line-height: 1.5;
        letter-spacing: 0.05em;
        color: #262223;
        margin-bottom: 30px;
        position: relative;
        padding-left: 40px;
        list-style: none; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .info-list li:after {
          content: '';
          position: absolute;
          display: block;
          width: 8px;
          height: 8px;
          background: #000;
          top: 7px;
          left: 11px;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .info-list li span {
          text-transform: uppercase;
          color: #ff99a8; }
      #page[data-page-id='page-how-cabi-supports-you'] .page-body .step.step-website {
        padding-bottom: 0; }
      #page[data-page-id='page-how-cabi-supports-you'] .page-body .step.step-home {
        padding-bottom: 0; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step.step-home .info-list {
          width: 50%;
          float: left;
          margin-top: 20px; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step.step-home .img-supports {
          float: right;
          margin-top: 15px;
          max-width: 100%;
          margin-right: 20px; }
      #page[data-page-id='page-how-cabi-supports-you'] .page-body .step.step-recognition {
        padding-bottom: 45px; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step.step-recognition .step-wrap {
          clear: both; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step.step-recognition .info-wrap .h2 {
          margin-bottom: 60px; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step.step-recognition .info-list {
          width: 50%;
          float: left; }
          #page[data-page-id='page-how-cabi-supports-you'] .page-body .step.step-recognition .info-list li {
            margin-bottom: 235px; }
            #page[data-page-id='page-how-cabi-supports-you'] .page-body .step.step-recognition .info-list li:last-child {
              margin-bottom: 20px; }
          #page[data-page-id='page-how-cabi-supports-you'] .page-body .step.step-recognition .info-list.full-width, #page[data-page-id='page-how-cabi-supports-you'] .page-body .step.step-recognition .info-list:last-child {
            width: 100%;
            margin-top: 10px; }
      #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .how-cabi-supports__title {
        font-size: 3.3em;
        line-height: 1em;
        font-family: 'Didot 06 A', 'Didot 06 B', 'georgia';
        font-weight: 500;
        font-style: normal;
        color: #000;
        text-align: center; }
        @media screen and (min-width: 768px) {
          #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .how-cabi-supports__title {
            text-align: left; } }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .how-cabi-supports__title--margin-bottom {
          margin-bottom: 15px; }
          @media screen and (min-width: 768px) {
            #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .how-cabi-supports__title--margin-bottom {
              margin-bottom: 0px; } }
      #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .kit {
        max-width: 710px;
        margin: 0 auto 20px;
        padding-bottom: 30px; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .kit .caption {
          margin: 0; }
      #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .wrap-kit {
        background: #000;
        padding: 2px;
        max-width: 710px;
        margin: 0 auto 20px; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .wrap-kit:last-child {
          margin: 0 auto 15px; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .wrap-kit .header {
          display: block;
          line-height: 1em;
          letter-spacing: 0.006em;
          padding: 7px 10px;
          text-align: center;
          text-transform: uppercase;
          color: #fff;
          font-size: 20px; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .wrap-kit img {
          width: 100%;
          vertical-align: bottom; }
      #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .caption {
        font-size: 12px;
        color: #262223;
        line-height: 14px;
        margin-bottom: 50px; }
      #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .table-wrap {
        width: 45%;
        margin: -10px 0 70px;
        float: right;
        text-align: center; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .table-wrap .caption {
          margin: 10px 0 0;
          font-size: 14px;
          width: 96%; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .table-wrap .table-info {
          width: 96%;
          color: #262223;
          text-align: center;
          border-left: 13px solid #fff;
          border-right: 13px solid #fff;
          border-bottom: 11px solid #fff;
          letter-spacing: -0.03em; }
          #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .table-wrap .table-info thead {
            background: #fff;
            text-transform: uppercase;
            font-size: 12px; }
            #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .table-wrap .table-info thead tr {
              height: 50px; }
            #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .table-wrap .table-info thead td {
              padding: 0; }
          #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .table-wrap .table-info tbody {
            font-size: 14px; }
            #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .table-wrap .table-info tbody tr {
              border-bottom: 2px solid #fff; }
              #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .table-wrap .table-info tbody tr td {
                padding: 13px 10px;
                border-left: 2px solid #fff; }
                #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .table-wrap .table-info tbody tr td:first-child {
                  border-left: none; }
          #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .table-wrap .table-info td {
            width: 50%;
            vertical-align: middle;
            line-height: 1.4em; }
  @media (max-width: 1000px) {
    #page[data-page-id='page-how-cabi-supports-you'] .page-header {
      background: url("https://media-fall.cabionline.com/wp-content/uploads/2017/12/how-cabi-supports-header.jpg") 40% 0 no-repeat; }
      #page[data-page-id='page-how-cabi-supports-you'] .page-header .h1 {
        margin-bottom: 10px;
        font-size: 46px; }
      #page[data-page-id='page-how-cabi-supports-you'] .page-header.header-supports .intro .header-content {
        padding-left: 50px; }
    #page[data-page-id='page-how-cabi-supports-you'] .page-body .step.step-home .info-list li {
      margin-bottom: 0; }
    #page[data-page-id='page-how-cabi-supports-you'] .page-body .step.step-home .img-supports {
      width: 50%;
      margin-right: 0; } }
  @media (max-width: 767px) {
    #page[data-page-id='page-how-cabi-supports-you'] .container {
      padding: 0; }
    #page[data-page-id='page-how-cabi-supports-you'] .page-header {
      background: none;
      position: relative;
      height: auto; }
      #page[data-page-id='page-how-cabi-supports-you'] .page-header .h1 {
        margin-bottom: 10px; }
      #page[data-page-id='page-how-cabi-supports-you'] .page-header.header-supports .intro .header-content {
        float: none;
        text-align: center;
        width: 100%;
        position: relative;
        padding-left: 0;
        padding-bottom: 2em; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-header.header-supports .intro .header-content img {
          width: 100%; }
    #page[data-page-id='page-how-cabi-supports-you'] .page-body {
      padding: 25px 0 0; }
      #page[data-page-id='page-how-cabi-supports-you'] .page-body .container {
        padding: 0 25px; }
      #page[data-page-id='page-how-cabi-supports-you'] .page-body .step {
        margin: 0 auto 30px;
        padding-bottom: 10px;
        border-bottom: 2px solid #c1c7ca; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .wrap-kit {
          margin: 0 auto 10px; }
          #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .wrap-kit .header {
            font-size: 12px;
            padding: 4px 10px; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .kit {
          margin: 0 auto 0;
          padding-bottom: 15px; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .caption {
          font-size: 11px; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .icon {
          float: none;
          margin: 0 auto;
          display: block; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .info-wrap .h2 {
          text-align: center;
          font-size: 30px;
          margin-bottom: 25px; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .info-list li {
          padding-left: 30px;
          font-size: 12px;
          margin-bottom: 15px; }
          #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .info-list li:after {
            top: 2px;
            width: 6px;
            height: 6px; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step.step-home .info-list {
          float: none;
          width: 100%;
          margin-top: 0; }
          #page[data-page-id='page-how-cabi-supports-you'] .page-body .step.step-home .info-list li {
            margin-bottom: 40px; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step.step-home .img-supports {
          width: auto;
          float: none;
          margin-top: 0;
          max-width: 100%;
          margin-right: 0;
          display: block;
          margin: 0 auto; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step.step-recognition {
          padding-bottom: 20px; }
          #page[data-page-id='page-how-cabi-supports-you'] .page-body .step.step-recognition .info-wrap .h2 {
            margin-bottom: 25px; }
          #page[data-page-id='page-how-cabi-supports-you'] .page-body .step.step-recognition .info-list {
            width: 100%;
            float: none; }
        #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .table-wrap {
          float: none;
          text-align: center;
          width: 100%;
          margin: 0 0 40px; }
          #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .table-wrap .caption {
            font-size: 12px;
            width: 100%; }
          #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .table-wrap .table-info {
            width: 100%;
            border-left: 10px solid #fff;
            border-right: 10px solid #fff;
            border-bottom: 9px solid #fff; }
            #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .table-wrap .table-info thead {
              font-size: 11px; }
              #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .table-wrap .table-info thead tr {
                height: 40px; }
            #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .table-wrap .table-info tbody {
              font-size: 12px; }
              #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .table-wrap .table-info tbody tr {
                border-bottom: 1px solid #fff; }
                #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .table-wrap .table-info tbody tr td {
                  padding: 13px 10px;
                  border-left: 1px solid #fff; } }
  @media (max-width: 480px) {
    #page[data-page-id='page-how-cabi-supports-you'] .page-header .h1 {
      margin-bottom: 10px;
      font-size: 46px; }
    #page[data-page-id='page-how-cabi-supports-you'] .page-header .description p {
      font-size: 13px; } }

#page[data-page-id="page-what-is-cabi"] {
  overflow: hidden; }
  #page[data-page-id="page-what-is-cabi"] .container-full {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px; }
    #page[data-page-id="page-what-is-cabi"] .container-full::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-what-is-cabi"] .container-full {
        max-width: none;
        padding: 0; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-what-is-cabi"] .container-full {
        max-width: 1440px;
        padding: 0 55px; } }
  #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo {
    font-family: 'Montserrat';
    overflow: hidden;
    position: relative; }
    #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo .container-extra-wide {
      max-width: 1440px;
      padding: 40px 30px;
      position: relative; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo .container-extra-wide:after {
        background: #F7F3ED;
        bottom: 0;
        content: "";
        display: block;
        height: 90%;
        position: absolute;
        right: 0;
        width: 43%;
        z-index: -1; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo .container-extra-wide {
        padding: 40px 100px 100px 100px; } }
    #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo h1 {
      font-family: 'Playfair Display';
      font-feature-settings: "lnum";
      font-size: 32px;
      font-weight: 400;
      line-height: 1.1;
      margin: 0 0 20px 0;
      text-align: center;
      width: 100%; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo h1 {
          font-size: 48px;
          text-align: left; } }
    #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__header {
      display: flex;
      justify-content: center; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__header {
          padding-top: 0;
          width: fit-content; } }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__header {
          width: 50%; } }
      #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__header .container {
        width: fit-content;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        @media screen and (min-width: 768px) {
          #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__header .container {
            justify-content: start;
            width: 500px; } }
        #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__header .container img {
          padding: 20px 0 0 0;
          width: 280px; }
          @media screen and (min-width: 768px) {
            #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__header .container img {
              padding: 0;
              width: 360px; } }
        #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__header .container h2 {
          font-family: "Montserrat";
          text-align: center;
          font-size: 15px;
          line-height: 47px; }
          @media screen and (max-width: 999px) {
            #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__header .container h2 {
              font-size: 12px;
              line-height: 46px; } }
    #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo .tablet-up {
      display: none; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo .tablet-up {
          display: block; } }
    #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo .mobile-only {
      padding-top: 10%; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo .mobile-only {
          display: none; } }
      #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo .mobile-only .blue-rectangle {
        background-color: #F9EAE3;
        display: flex;
        justify-content: center; }
        @media screen and (min-width: 768px) {
          #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo .mobile-only .blue-rectangle {
            margin: 0 20px;
            min-width: 300px; } }
    #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__image {
      position: relative;
      margin-top: 20px;
      margin-bottom: 20px; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__image {
          float: right;
          margin: 30px 0 40px 40px;
          width: 38%; } }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__image {
          margin-top: 0;
          position: absolute;
          right: 0;
          top: 40px; } }
      @media screen and (min-width: 1345px) {
        #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__image {
          width: 40%; } }
      #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__image--main-photo {
        position: relative;
        bottom: 30px;
        width: 80%;
        min-width: 272px; }
        @media screen and (min-width: 768px) {
          #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__image--main-photo {
            position: static;
            bottom: 0px; } }
        @media screen and (min-width: 1000px) {
          #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__image--main-photo {
            width: 400px; } }
      #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__image--main-photo-2 {
        position: relative;
        top: -40px;
        right: -30px; }
        @media screen and (max-width: 767px) {
          #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__image--main-photo-2 {
            display: none; } }
    #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__content {
      margin-top: 30px;
      position: relative; }
      #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__content p {
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 0.21px;
        line-height: 24px;
        margin-bottom: 25px;
        max-width: 635px; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__content {
          width: 55%; } }
      #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__content--signature__img {
        width: 152px; }
      #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__content--signature__info p {
        font-size: 15px;
        letter-spacing: 0.4px;
        line-height: 24px;
        margin: 0; }
      #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__content--signature__ig {
        padding: 0 0 0 20px;
        position: relative; }
        #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__content--signature__ig:before {
          background: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f21/what-is-cabi/instagram-icon-drk-grey.svg) no-repeat;
          background-size: cover;
          content: "";
          display: block;
          height: 15px;
          position: absolute;
          top: 3px;
          width: 15px; }
  #page[data-page-id="page-what-is-cabi"] .about-callout {
    background: #ffefea;
    position: relative; }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-what-is-cabi"] .about-callout {
        background: none; } }
    #page[data-page-id="page-what-is-cabi"] .about-callout:before {
      display: block;
      content: "";
      position: absolute;
      width: 100%;
      height: 30px;
      bottom: 0;
      z-index: 0;
      background: #f8f6f4; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-what-is-cabi"] .about-callout:before {
          content: none; } }
    #page[data-page-id="page-what-is-cabi"] .about-callout__notion {
      display: flex;
      flex-direction: column;
      margin-left: -15px;
      margin-right: -15px;
      padding-top: 40px;
      max-width: 1100px;
      margin: 0 auto;
      position: relative;
      z-index: 1;
      background: #F2F2F2; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-what-is-cabi"] .about-callout__notion {
          padding-top: 60px; } }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-what-is-cabi"] .about-callout__notion {
          background: #fafafa;
          flex-direction: row-reverse;
          padding: 40px 0;
          align-items: center; } }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-what-is-cabi"] .about-callout__notion--content {
          width: 50%; } }
      #page[data-page-id="page-what-is-cabi"] .about-callout__notion--content article {
        font-family: 'Montserrat';
        position: relative;
        padding: 0 15px;
        max-width: 708px;
        margin: auto; }
        @media screen and (min-width: 768px) {
          #page[data-page-id="page-what-is-cabi"] .about-callout__notion--content article {
            padding: 0; } }
        @media screen and (min-width: 1000px) {
          #page[data-page-id="page-what-is-cabi"] .about-callout__notion--content article {
            padding: 0 30px; } }
        #page[data-page-id="page-what-is-cabi"] .about-callout__notion--content article:before {
          content: "";
          display: none;
          width: 3px;
          background: #f2f2f2;
          border-radius: 1.5px;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0; }
          @media screen and (min-width: 1000px) {
            #page[data-page-id="page-what-is-cabi"] .about-callout__notion--content article:before {
              display: block; } }
        #page[data-page-id="page-what-is-cabi"] .about-callout__notion--content article p {
          font-size: 15px;
          font-style: italic;
          font-weight: 300;
          letter-spacing: 0.5px;
          line-height: 24px;
          margin-bottom: 20px; }
          #page[data-page-id="page-what-is-cabi"] .about-callout__notion--content article p span {
            font-style: normal; }
          #page[data-page-id="page-what-is-cabi"] .about-callout__notion--content article p:first-of-type {
            font-size: 22px;
            font-style: normal; }
            #page[data-page-id="page-what-is-cabi"] .about-callout__notion--content article p:first-of-type span {
              font-style: italic;
              font-weight: 700; }
            @media screen and (min-width: 768px) {
              #page[data-page-id="page-what-is-cabi"] .about-callout__notion--content article p:first-of-type {
                max-width: 453px; } }
      #page[data-page-id="page-what-is-cabi"] .about-callout__notion--image {
        z-index: 1; }
        @media screen and (min-width: 1000px) {
          #page[data-page-id="page-what-is-cabi"] .about-callout__notion--image {
            width: 50%; } }
      #page[data-page-id="page-what-is-cabi"] .about-callout__notion--book-photo {
        width: calc(100% - 60px);
        margin: 0 auto;
        display: block;
        max-width: 400px;
        margin-bottom: -36px; }
        @media screen and (min-width: 1000px) {
          #page[data-page-id="page-what-is-cabi"] .about-callout__notion--book-photo {
            width: calc(100% - 100px);
            max-width: none;
            margin-bottom: 0; } }
  #page[data-page-id="page-what-is-cabi"] .about-team {
    background: #F2F2F2;
    padding: 70px 0 100px 0; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-what-is-cabi"] .about-team {
        padding-bottom: 40px; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-what-is-cabi"] .about-team {
        padding-bottom: 50px; } }
    @media screen and (max-width: 767px) {
      #page[data-page-id="page-what-is-cabi"] .about-team section {
        padding-bottom: 20px; } }
    #page[data-page-id="page-what-is-cabi"] .about-team section header {
      font-family: 'Montserrat';
      font-weight: 600;
      color: #3d413f;
      font-size: 18px;
      letter-spacing: 0.64px;
      line-height: 22px;
      margin: 0 0 24px 0;
      text-align: left; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-what-is-cabi"] .about-team section header {
          font-size: 24px;
          letter-spacing: 0.25px;
          line-height: 29px;
          text-align: center; } }
    #page[data-page-id="page-what-is-cabi"] .about-team section .team-card img {
      width: 100%; }
    #page[data-page-id="page-what-is-cabi"] .about-team section .team-card p {
      font-size: 15px;
      letter-spacing: 0.4px;
      line-height: 24px;
      padding-top: 13px; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-what-is-cabi"] .about-team section .team-card {
        text-align: center; }
        #page[data-page-id="page-what-is-cabi"] .about-team section .team-card:nth-child(1) {
          grid-area: a; }
        #page[data-page-id="page-what-is-cabi"] .about-team section .team-card:nth-child(2) {
          grid-area: b; }
        #page[data-page-id="page-what-is-cabi"] .about-team section .team-card:nth-child(3) {
          grid-area: c; }
        #page[data-page-id="page-what-is-cabi"] .about-team section .team-card:nth-child(4) {
          grid-area: d; }
        #page[data-page-id="page-what-is-cabi"] .about-team section .team-card:nth-child(5) {
          grid-area: e; }
        #page[data-page-id="page-what-is-cabi"] .about-team section .team-card:nth-child(6) {
          grid-area: f; }
        #page[data-page-id="page-what-is-cabi"] .about-team section .team-card:nth-child(7) {
          grid-area: g; }
        #page[data-page-id="page-what-is-cabi"] .about-team section .team-card:nth-child(8) {
          grid-area: h; }
        #page[data-page-id="page-what-is-cabi"] .about-team section .team-card:nth-child(9) {
          grid-area: i; }
        #page[data-page-id="page-what-is-cabi"] .about-team section .team-card:nth-child(10) {
          grid-area: j; }
        #page[data-page-id="page-what-is-cabi"] .about-team section .team-card:nth-child(11) {
          grid-area: k; } }
    #page[data-page-id="page-what-is-cabi"] .about-team section .team-design {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto;
      column-gap: 30px;
      row-gap: 36px;
      width: 100%;
      max-width: 875px; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-what-is-cabi"] .about-team section .team-design {
          margin: auto;
          grid-template-columns: repeat(16, 1fr);
          grid-template-areas: ". . a a a a b b b b c c c c . ." "d d d d e e e e f f f f g g g g" "h h h h i i i i j j j j k k k k"; } }
  #page[data-page-id="page-what-is-cabi"] .about-story {
    background-color: #fff; }
    #page[data-page-id="page-what-is-cabi"] .about-story .container-extra-wide {
      background: #FCFAF8;
      margin: 0 auto;
      max-width: 1440px; }
    #page[data-page-id="page-what-is-cabi"] .about-story.closed .content {
      display: none; }
    #page[data-page-id="page-what-is-cabi"] .about-story.closed .content-opened {
      display: none; }
    #page[data-page-id="page-what-is-cabi"] .about-story.closed .content-closed {
      display: inline-block; }
    #page[data-page-id="page-what-is-cabi"] .about-story.opened .content {
      display: block; }
    #page[data-page-id="page-what-is-cabi"] .about-story.opened .content-opened {
      display: inline-block; }
    #page[data-page-id="page-what-is-cabi"] .about-story.opened .content-closed {
      display: none; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-what-is-cabi"] .about-story__main {
        padding: 0 50px; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-what-is-cabi"] .about-story__main {
        padding: 0; } }
    #page[data-page-id="page-what-is-cabi"] .about-story__main header {
      padding: 70px 0 30px 0;
      position: relative; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-what-is-cabi"] .about-story__main header {
          padding-right: 42%; } }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-what-is-cabi"] .about-story__main header {
          padding-right: 0;
          text-align: center;
          padding: 150px 230px 100px 230px; } }
      #page[data-page-id="page-what-is-cabi"] .about-story__main header:before, #page[data-page-id="page-what-is-cabi"] .about-story__main header:after {
        content: "";
        position: absolute; }
      #page[data-page-id="page-what-is-cabi"] .about-story__main header:before {
        display: none;
        background: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f25/about/cabi-community-left.png) no-repeat;
        background-size: contain;
        height: calc(100vw * 517.36 / 347);
        left: -130px;
        top: 0;
        width: 347px; }
        @media screen and (min-width: 1000px) {
          #page[data-page-id="page-what-is-cabi"] .about-story__main header:before {
            display: block;
            top: 25px; } }
      #page[data-page-id="page-what-is-cabi"] .about-story__main header:after {
        background: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f25/about/cabi-community-right.png) no-repeat;
        background-size: contain;
        display: block;
        height: 224px;
        top: 0;
        right: -20px;
        width: 137px; }
        @media screen and (max-width: 360px) {
          #page[data-page-id="page-what-is-cabi"] .about-story__main header:after {
            display: none; } }
        @media screen and (min-width: 768px) {
          #page[data-page-id="page-what-is-cabi"] .about-story__main header:after {
            height: 565px;
            right: -110px;
            width: 403px; } }
        @media screen and (min-width: 1000px) {
          #page[data-page-id="page-what-is-cabi"] .about-story__main header:after {
            height: calc(100vw * 476.25 / 341);
            top: 50px;
            width: 341px; } }
      #page[data-page-id="page-what-is-cabi"] .about-story__main header h3 {
        font-family: 'Montserrat';
        font-weight: 700;
        color: #3d413f;
        font-size: 18px;
        letter-spacing: 0.64px;
        line-height: 22px;
        margin-bottom: 20px; }
        @media screen and (min-width: 768px) {
          #page[data-page-id="page-what-is-cabi"] .about-story__main header h3 {
            font-size: 24px;
            letter-spacing: 0.25px;
            line-height: 29px; } }
        @media screen and (min-width: 1000px) {
          #page[data-page-id="page-what-is-cabi"] .about-story__main header h3 br:not(.keep-desktop) {
            display: none; } }
        #page[data-page-id="page-what-is-cabi"] .about-story__main header h3 span {
          font-family: 'Playfair Display';
          font-feature-settings: "lnum";
          display: inline-block;
          font-size: 38px;
          font-style: italic;
          font-weight: 400;
          line-height: 40px;
          margin-top: 10px; }
          @media screen and (min-width: 768px) {
            #page[data-page-id="page-what-is-cabi"] .about-story__main header h3 span {
              font-size: 48px;
              line-height: 50px; } }
      #page[data-page-id="page-what-is-cabi"] .about-story__main header p {
        font-family: 'Montserrat';
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 0.35px;
        line-height: 24px;
        margin-bottom: 20px; }
        @media screen and (min-width: 768px) {
          #page[data-page-id="page-what-is-cabi"] .about-story__main header p {
            margin-left: auto;
            margin-right: auto;
            max-width: 730px; } }
    #page[data-page-id="page-what-is-cabi"] .about-story__main .content {
      padding-top: 10px; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-what-is-cabi"] .about-story__main .content {
          padding-top: 110px; } }
      #page[data-page-id="page-what-is-cabi"] .about-story__main .content .banner img {
        width: 100%; }
      #page[data-page-id="page-what-is-cabi"] .about-story__main .content p {
        font-size: 15px;
        letter-spacing: 0.35px;
        line-height: 24px;
        margin: 0 auto 20px auto;
        max-width: 1000px; }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-what-is-cabi"] .about-story__main footer {
        text-align: center; } }
  #page[data-page-id="page-what-is-cabi"] .about-testimonials {
    text-align: center;
    background: #fffbf8; }
    #page[data-page-id="page-what-is-cabi"] .about-testimonials__group {
      margin: 0 15px; }
      #page[data-page-id="page-what-is-cabi"] .about-testimonials__group h2 {
        padding: 50px 0 0;
        color: #3d413f;
        font-family: 'Montserrat';
        font-weight: 600;
        font-size: 18px;
        letter-spacing: 0.19px;
        line-height: 24px;
        text-transform: uppercase; }
        @media screen and (min-width: 768px) {
          #page[data-page-id="page-what-is-cabi"] .about-testimonials__group h2 {
            font-size: 24px;
            letter-spacing: 0.25px;
            line-height: 24px; } }
        @media screen and (min-width: 1000px) {
          #page[data-page-id="page-what-is-cabi"] .about-testimonials__group h2 {
            padding: 70px 0 30px;
            text-transform: lowercase;
            font-family: "Archer SSm A", "Archer SSm B";
            font-weight: 500;
            font-style: normal;
            font-size: 44px;
            font-weight: 300;
            letter-spacing: 0.46px;
            line-height: 44px; } }
    #page[data-page-id="page-what-is-cabi"] .about-testimonials__thirds {
      display: block;
      margin: 0px auto 50px;
      flex: 1; }
    #page[data-page-id="page-what-is-cabi"] .about-testimonials__third {
      width: 100%;
      display: flex;
      height: fit-content;
      flex-direction: column;
      justify-content: center;
      border: 2px solid #f7b5c0;
      border-top: none;
      border-bottom: none;
      position: relative;
      margin-top: 50px; }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-what-is-cabi"] .about-testimonials__third {
          min-height: 466px;
          height: 100%; } }
      #page[data-page-id="page-what-is-cabi"] .about-testimonials__third:before, #page[data-page-id="page-what-is-cabi"] .about-testimonials__third:after {
        content: "";
        position: absolute;
        height: 100%;
        width: 33.33333%; }
      #page[data-page-id="page-what-is-cabi"] .about-testimonials__third:before {
        top: 0;
        left: 0;
        border-top: 2px solid #f7b5c0;
        border-bottom: 2px solid #f7b5c0; }
      #page[data-page-id="page-what-is-cabi"] .about-testimonials__third:after {
        top: 0;
        right: 0;
        border-top: 2px solid #f7b5c0;
        border-bottom: 2px solid #f7b5c0; }
      #page[data-page-id="page-what-is-cabi"] .about-testimonials__third__img {
        position: absolute;
        left: 50%;
        font-size: 64px;
        font-style: italic;
        font-weight: 300;
        letter-spacing: 0.4px;
        line-height: 33px;
        text-align: center;
        color: #6d6d6d; }
        #page[data-page-id="page-what-is-cabi"] .about-testimonials__third__img--top {
          top: 0;
          transform: translate(-66%); }
        #page[data-page-id="page-what-is-cabi"] .about-testimonials__third__img--bot {
          bottom: 0;
          transform: translate(-66%, 100%); }
      #page[data-page-id="page-what-is-cabi"] .about-testimonials__third__content {
        padding: 45px 36px;
        z-index: 1; }
        #page[data-page-id="page-what-is-cabi"] .about-testimonials__third__content h2 {
          margin-top: 0px; }
        #page[data-page-id="page-what-is-cabi"] .about-testimonials__third__content p {
          font-size: 18px;
          font-style: italic;
          letter-spacing: 0.4px;
          line-height: 31px;
          text-align: center; }
        #page[data-page-id="page-what-is-cabi"] .about-testimonials__third__content a,
        #page[data-page-id="page-what-is-cabi"] .about-testimonials__third__content button {
          margin-top: 20px;
          cursor: pointer; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-what-is-cabi"] .about-testimonials__third-wrapper {
        flex: 1;
        margin: 15px; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-what-is-cabi"] .about-testimonials__thirds {
        display: flex; }
      #page[data-page-id="page-what-is-cabi"] .about-testimonials__third {
        margin-top: 0px; } }
  #page[data-page-id="page-what-is-cabi"] .about-our-foundation .container-extra-wide {
    background: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f25/global/pattern-light-v2.jpg") center center repeat;
    max-width: 1440px; }
  #page[data-page-id="page-what-is-cabi"] .about-our-foundation img {
    max-width: 100%; }
  @media screen and (min-width: 1000px) {
    #page[data-page-id="page-what-is-cabi"] .about-our-foundation .foundation-img {
      display: block;
      width: 100%;
      max-width: 472px;
      margin-top: 25px; } }
  @media screen and (min-width: 768px) {
    #page[data-page-id="page-what-is-cabi"] .about-our-foundation__container {
      align-items: center;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      padding: 50px 50px; } }
  @media screen and (min-width: 1440px) {
    #page[data-page-id="page-what-is-cabi"] .about-our-foundation__container {
      padding: 80px 120px; } }
  #page[data-page-id="page-what-is-cabi"] .about-our-foundation__image {
    margin-left: -15px;
    margin-right: -15px; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-what-is-cabi"] .about-our-foundation__image {
        margin-left: 0;
        margin-right: 0;
        width: 45%; }
        #page[data-page-id="page-what-is-cabi"] .about-our-foundation__image::after {
          clear: both;
          content: "";
          display: table; } }
    #page[data-page-id="page-what-is-cabi"] .about-our-foundation__image .mobile-bg {
      width: 100%; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-what-is-cabi"] .about-our-foundation__image .mobile-bg {
          display: none; } }
    #page[data-page-id="page-what-is-cabi"] .about-our-foundation__image .non-mobile-bg {
      width: 100%;
      max-width: 550px;
      float: right; }
      @media screen and (max-width: 767px) {
        #page[data-page-id="page-what-is-cabi"] .about-our-foundation__image .non-mobile-bg {
          display: none; } }
  #page[data-page-id="page-what-is-cabi"] .about-our-foundation__content {
    padding: 20px 0 40px 0; }
    #page[data-page-id="page-what-is-cabi"] .about-our-foundation__content .foundation-img {
      display: none; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-what-is-cabi"] .about-our-foundation__content {
        padding: 0;
        width: 45%; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-what-is-cabi"] .about-our-foundation__content .foundation-img {
        display: block;
        margin-top: 25px;
        width: 100%; } }
    #page[data-page-id="page-what-is-cabi"] .about-our-foundation__content h3 {
      font-family: 'Playfair Display';
      font-feature-settings: "lnum";
      border-bottom: 1px solid #F497A6;
      font-size: 36px;
      font-weight: 400;
      line-height: 40px;
      margin: 0 0 30px 0;
      padding: 0 0 20px 0; }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-what-is-cabi"] .about-our-foundation__content h3 {
          display: inline-block;
          font-size: 48px;
          line-height: 50px; } }
    #page[data-page-id="page-what-is-cabi"] .about-our-foundation__content .logo-container {
      margin: 0 auto 0 0;
      max-width: 410px;
      text-align: center;
      width: 90%; }
      #page[data-page-id="page-what-is-cabi"] .about-our-foundation__content .logo-container img {
        max-width: 100%; }
        #page[data-page-id="page-what-is-cabi"] .about-our-foundation__content .logo-container img.heart {
          margin: 10px auto 20px 0;
          width: 22px; }
    #page[data-page-id="page-what-is-cabi"] .about-our-foundation__content p {
      font-family: 'Montserrat';
      font-size: 15px;
      letter-spacing: 0.39px;
      line-height: 24px;
      margin: 0 0 20px 0; }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-what-is-cabi"] .about-our-foundation__content p {
          letter-spacing: 0.35px;
          max-width: 420px; } }
  #page[data-page-id="page-what-is-cabi"] .about-our-commitment {
    background: #657798;
    margin: 0 auto;
    max-width: 1440px; }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-what-is-cabi"] .about-our-commitment__container {
        margin-left: -55px;
        margin-right: -55px; } }
    #page[data-page-id="page-what-is-cabi"] .about-our-commitment__icon {
      margin-bottom: 25px;
      margin-top: 10px; }
    #page[data-page-id="page-what-is-cabi"] .about-our-commitment__content {
      color: #fff;
      padding: 50px 0; }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-what-is-cabi"] .about-our-commitment__content {
          text-align: center; } }
      #page[data-page-id="page-what-is-cabi"] .about-our-commitment__content h3 {
        font-family: 'Montserrat';
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 25px; }
        @media screen and (min-width: 768px) {
          #page[data-page-id="page-what-is-cabi"] .about-our-commitment__content h3 {
            font-size: 24px;
            line-height: 29px; } }
        #page[data-page-id="page-what-is-cabi"] .about-our-commitment__content h3 span {
          font-family: 'Playfair Display';
          font-feature-settings: "lnum";
          font-size: 38px;
          font-style: italic;
          font-weight: 400;
          line-height: 40px; }
          @media screen and (min-width: 768px) {
            #page[data-page-id="page-what-is-cabi"] .about-our-commitment__content h3 span {
              font-size: 48px;
              line-height: 60px; } }
          @media screen and (min-width: 1000px) {
            #page[data-page-id="page-what-is-cabi"] .about-our-commitment__content h3 span {
              line-height: 53px; } }
      #page[data-page-id="page-what-is-cabi"] .about-our-commitment__content p {
        font-family: 'Montserrat';
        font-size: 15px;
        font-weight: 300;
        line-height: 24px;
        margin-bottom: 20px; }
        @media screen and (min-width: 1000px) {
          #page[data-page-id="page-what-is-cabi"] .about-our-commitment__content p {
            width: 700px;
            margin: 0 auto 20px; } }
      #page[data-page-id="page-what-is-cabi"] .about-our-commitment__content a {
        border-bottom-color: #fff;
        color: #fff; }

#page[data-page-id="page-foundation"] {
  margin: 0;
  padding: 0; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  #page[data-page-id="page-foundation"] .animated {
    -webkit-animation-duration: 2s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  #page[data-page-id="page-foundation"] .boxHidded {
    visibility: hidden; }
  #page[data-page-id="page-foundation"] .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    visibility: visible; }
  #page[data-page-id="page-foundation"] .delay-2s {
    -webkit-animation-delay: 2s;
    -mos-animation-delay: 2s;
    animation-delay: 2s; }
  #page[data-page-id="page-foundation"] .delay-4s {
    -webkit-animation-delay: 4s;
    -mos-animation-delay: 4s;
    animation-delay: 4s; }
  #page[data-page-id="page-foundation"] .btn-square {
    top: 100%;
    transform: translateY(-50%); }
    #page[data-page-id="page-foundation"] .btn-square.open .if-off {
      display: none; }
    #page[data-page-id="page-foundation"] .btn-square.open .if-on {
      display: block; }

@-webkit-keyframes pinkarrowOne {
  0% {
    background-position: 130px 30px; }
  100% {
    background-position: 0; } }

@keyframes pinkarrowOne {
  0% {
    background-position: 130px 30px; }
  100% {
    background-position: 0; } }
  #page[data-page-id="page-foundation"] .pinkarrowOne {
    -webkit-animation-name: pinkarrowOne;
    animation-name: pinkarrowOne; }

@-webkit-keyframes arrowOne {
  0% {
    width: 0; }
  100% {
    width: 123px; } }

@keyframes arrowOne {
  0% {
    width: 0; }
  100% {
    width: 123px; } }
  #page[data-page-id="page-foundation"] .arrowOne {
    -webkit-animation-name: arrowOne;
    animation-name: arrowOne; }

@-webkit-keyframes arrowTwo {
  0% {
    height: 0; }
  100% {
    height: 123px; } }

@keyframes arrowTwo {
  0% {
    height: 0; }
  100% {
    height: 123px; } }
  #page[data-page-id="page-foundation"] .arrowTwo {
    -webkit-animation-name: arrowTwo;
    animation-name: arrowTwo; }

@-webkit-keyframes arrowThree {
  0% {
    width: 0; }
  100% {
    width: 142px; } }

@keyframes arrowThree {
  0% {
    width: 0; }
  100% {
    width: 142px; } }
  #page[data-page-id="page-foundation"] .arrowThree {
    -webkit-animation-name: arrowThree;
    animation-name: arrowThree; }

@-webkit-keyframes arrowFour {
  0% {
    height: 0; }
  100% {
    height: 124px; } }

@keyframes arrowFour {
  0% {
    height: 0; }
  100% {
    height: 124px; } }
  #page[data-page-id="page-foundation"] .arrowFour {
    -webkit-animation-name: arrowFour;
    animation-name: arrowFour; }
  #page[data-page-id="page-foundation"] .animated-item {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  #page[data-page-id="page-foundation"] .page-header {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    background: #000 url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/s24/foundation/cabi-foundation-header-mobile.jpg") 50% 0 no-repeat;
    background-size: 100% auto;
    color: #fff;
    height: auto;
    padding: 67% 0 0;
    text-align: center; }
    #page[data-page-id="page-foundation"] .page-header .container {
      padding: 40px 25px 20px 25px;
      background: rgba(0, 0, 0, 0);
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), black);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black); }
    #page[data-page-id="page-foundation"] .page-header .headline {
      max-width: 100%;
      height: auto;
      vertical-align: top;
      margin-bottom: 15px;
      width: 180px; }
    #page[data-page-id="page-foundation"] .page-header p {
      font-size: 19px;
      letter-spacing: 0.26px;
      line-height: 26px;
      margin: 0 auto 15px auto;
      max-width: 730px;
      width: 80%; }
    #page[data-page-id="page-foundation"] .page-header h2 {
      font-family: 'Montserrat';
      font-weight: 600;
      color: #F497A6;
      font-size: 20px;
      letter-spacing: 0.1px;
      line-height: 24px;
      padding: 20px 0 0 0;
      text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-foundation"] .page-header {
        background: #000 url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s24/foundation/cabi-foundation-header.jpg") 50% 0 no-repeat;
        background-size: cover;
        background-position: 50% 0%;
        padding: 50px 0; }
        #page[data-page-id="page-foundation"] .page-header .container {
          background: none;
          padding: 0; }
        #page[data-page-id="page-foundation"] .page-header .headline {
          width: auto;
          margin-bottom: 26px; }
        #page[data-page-id="page-foundation"] .page-header p {
          font-size: 22px;
          line-height: 32px;
          margin: 0 auto; }
        #page[data-page-id="page-foundation"] .page-header h2 {
          margin: 0 0 0 0;
          padding: 25px 0 10px 0; }
          #page[data-page-id="page-foundation"] .page-header h2 br {
            display: none; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-foundation"] .page-header {
        padding: 50px 0 200px 0; } }
  #page[data-page-id="page-foundation"] .accomplishments-container {
    max-width: 1080px;
    margin: 0 auto; }
  #page[data-page-id="page-foundation"] .accomplishments {
    align-items: flex-start;
    background-color: #B63B57;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px 20px; }
    #page[data-page-id="page-foundation"] .accomplishments::after {
      clear: both;
      content: "";
      display: table; }
  #page[data-page-id="page-foundation"] .accomplishments-item {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0 20px 0;
    width: 100%; }
    #page[data-page-id="page-foundation"] .accomplishments-item .accomplishments__img-container {
      width: 25%; }
    #page[data-page-id="page-foundation"] .accomplishments-item .accomplishments__text-container {
      width: 72%; }
      #page[data-page-id="page-foundation"] .accomplishments-item .accomplishments__text-container p {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        position: relative;
        left: 50%;
        opacity: 1;
        /*@include transform(translate(-50%, 0));*/
        -webkit-animation-name: slide-up-fade-in;
        -moz-animation-name: slide-up-fade-in;
        animation-name: slide-up-fade-in;
        -webkit-animation-duration: 0.5s;
        -moz-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-animation-direction: alternate;
        -moz-animation-direction: alternate;
        animation-direction: alternate;
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-play-state: running;
        -moz-animation-play-state: running;
        animation-play-state: running;
        -webkit-animation-delay: 1s;
        -moz-animation-delay: 1s;
        animation-delay: 1s; }
    #page[data-page-id="page-foundation"] .accomplishments-item .icon {
      display: block;
      max-width: 100%;
      height: auto;
      position: relative;
      margin: 0 auto; }
    #page[data-page-id="page-foundation"] .accomplishments-item .icon-1 {
      width: 60px; }
    #page[data-page-id="page-foundation"] .accomplishments-item .icon-2 {
      width: 44px; }
    #page[data-page-id="page-foundation"] .accomplishments-item .icon-3 {
      width: 32px; }
    #page[data-page-id="page-foundation"] .accomplishments-item .icon-4 {
      width: 35px; }
    #page[data-page-id="page-foundation"] .accomplishments-item .icon-5 {
      width: 45px; }
  @media screen and (min-width: 768px) {
    #page[data-page-id="page-foundation"] .accomplishments-item {
      align-items: flex-start;
      padding: 0;
      text-align: center;
      width: 17%; }
      #page[data-page-id="page-foundation"] .accomplishments-item:nth-of-type(4) {
        width: 20%; }
      #page[data-page-id="page-foundation"] .accomplishments-item:last-of-type {
        width: 13%; }
      #page[data-page-id="page-foundation"] .accomplishments-item .accomplishments__img-container,
      #page[data-page-id="page-foundation"] .accomplishments-item .accomplishments__text-container {
        width: 100%; }
      #page[data-page-id="page-foundation"] .accomplishments-item .accomplishments__img-container {
        height: 70px; }
      #page[data-page-id="page-foundation"] .accomplishments-item .icon-1 {
        width: 69px; }
      #page[data-page-id="page-foundation"] .accomplishments-item .icon-2 {
        width: 54px; }
      #page[data-page-id="page-foundation"] .accomplishments-item .icon-3 {
        width: 38px; }
      #page[data-page-id="page-foundation"] .accomplishments-item .icon-4 {
        width: 40px; }
      #page[data-page-id="page-foundation"] .accomplishments-item .icon-5 {
        width: 61px; } }
  @media screen and (min-width: 1000px) {
    #page[data-page-id="page-foundation"] .accomplishments {
      margin: -155px 0 40px 0; } }
  #page[data-page-id="page-foundation"] .mission-container.container {
    display: none;
    margin: 50px auto 0 auto;
    max-width: 810px;
    width: 90%; }
    #page[data-page-id="page-foundation"] .mission-container.container p {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 18px;
      letter-spacing: 0.1px;
      line-height: 24px;
      text-align: center; }
      #page[data-page-id="page-foundation"] .mission-container.container p span {
        font-weight: 800; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-foundation"] .mission-container.container {
        display: block; } }
  #page[data-page-id="page-foundation"] .steps-container {
    margin: 50px auto 0 auto; }
    #page[data-page-id="page-foundation"] .steps-container .container,
    #page[data-page-id="page-foundation"] .steps-container .steps-intro {
      margin: 0 auto;
      padding: 0;
      width: 90%; }
    #page[data-page-id="page-foundation"] .steps-container .steps-intro {
      font-family: 'Playfair Display';
      font-feature-settings: "lnum";
      font-weight: 700;
      font-size: 36px;
      line-height: 44px;
      margin: 0 auto 60px auto;
      text-align: center;
      text-transform: uppercase;
      width: 70%; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-foundation"] .steps-container .steps-intro {
        margin: 0 auto 30px auto; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-foundation"] .steps-container .steps-intro {
        font-size: 44px;
        line-height: 46px; } }
  #page[data-page-id="page-foundation"] .step-number {
    background: black;
    height: 2px;
    margin: 30px 0 50px 0;
    position: relative;
    text-align: center; }
    #page[data-page-id="page-foundation"] .step-number span {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      background: url(../images/foundation/svg/heart.svg) 50% 50% no-repeat;
      background-size: contain;
      color: #fff;
      display: block;
      font-size: 32px;
      height: 58px;
      line-height: 58px;
      margin: 0 auto;
      position: relative;
      top: -28px;
      width: 63px; }
  #page[data-page-id="page-foundation"] h2 {
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    margin: 0 0 30px 0;
    text-align: center;
    text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-foundation"] h2 {
        font-size: 44px; } }
  #page[data-page-id="page-foundation"] .step-1 h4 {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 20px;
    line-height: 24px; }
  #page[data-page-id="page-foundation"] .step-1 .mobile-only {
    display: block; }
  #page[data-page-id="page-foundation"] .step-1 .hoc {
    position: relative;
    padding: 250px 0 20px 0;
    text-align: center; }
    #page[data-page-id="page-foundation"] .step-1 .hoc .animate {
      position: static;
      text-align: right;
      margin-right: -10px; }
      #page[data-page-id="page-foundation"] .step-1 .hoc .animate img {
        vertical-align: top;
        max-width: 100%;
        height: auto; }
      #page[data-page-id="page-foundation"] .step-1 .hoc .animate .blouse {
        position: absolute;
        width: 260px;
        top: -10px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1; }
    #page[data-page-id="page-foundation"] .step-1 .hoc .box {
      float: none;
      width: 100%;
      padding: 0; }
    #page[data-page-id="page-foundation"] .step-1 .hoc .content .h3 {
      font-size: 36px;
      font-weight: 600;
      line-height: 44px;
      margin: 0 0 20px 0; }
    #page[data-page-id="page-foundation"] .step-1 .hoc .content .description p {
      font-size: 16px;
      line-height: 22px;
      margin-bottom: 20px; }
    #page[data-page-id="page-foundation"] .step-1 .hoc .content .featured-item-link {
      font-size: 14px;
      letter-spacing: 1.5px;
      line-height: 26px; }
  @media screen and (min-width: 768px) {
    #page[data-page-id="page-foundation"] .step-1 {
      background: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s24/foundation/ftrd-item-besotted-top-mobile.png") bottom right no-repeat;
      background-size: 50%; }
      #page[data-page-id="page-foundation"] .step-1 .mobile-only {
        display: none; }
      #page[data-page-id="page-foundation"] .step-1 .hoc {
        padding: 0 0 50px 0;
        text-align: left; }
        #page[data-page-id="page-foundation"] .step-1 .hoc .box {
          width: 50%; }
        #page[data-page-id="page-foundation"] .step-1 .hoc p {
          padding: 0 75px 0 0; } }
  @media screen and (min-width: 1000px) {
    #page[data-page-id="page-foundation"] .step-1 .hoc {
      padding: 0 0 110px 0; }
      #page[data-page-id="page-foundation"] .step-1 .hoc p {
        padding: 0 140px 0 0; } }
  #page[data-page-id="page-foundation"] .grey-background {
    background: #f8f8f8; }
  #page[data-page-id="page-foundation"] .step-2 {
    text-align: center; }
    #page[data-page-id="page-foundation"] .step-2 .headline {
      margin: 0 auto 20px auto;
      max-width: 100%;
      width: 350px; }
    #page[data-page-id="page-foundation"] .step-2 .step-description {
      margin: 0 auto 15px auto; }
      #page[data-page-id="page-foundation"] .step-2 .step-description p {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 18px;
        line-height: 24px;
        margin: 0 auto;
        max-width: 756px;
        width: 90%; }
      #page[data-page-id="page-foundation"] .step-2 .step-description .bold-text {
        font-family: 'Montserrat';
        font-weight: 600;
        font-size: 20px;
        margin: 40px auto 25px auto;
        letter-spacing: 0.04px;
        line-height: 27px;
        text-transform: uppercase;
        width: 80%; }
        #page[data-page-id="page-foundation"] .step-2 .step-description .bold-text span {
          font-family: 'Playfair Display';
          font-feature-settings: "lnum";
          font-weight: 700;
          font-size: 30px; }
  @media screen and (min-width: 768px) {
    #page[data-page-id="page-foundation"] .grey-background {
      margin: -32px 0 0 0; } }
  #page[data-page-id="page-foundation"] .section-map {
    background-image: none;
    padding: 0 0 10px 0; }
    #page[data-page-id="page-foundation"] .section-map .section-map__map {
      margin: 0 -6% 0 -6%;
      position: relative;
      height: 215px; }
    #page[data-page-id="page-foundation"] .section-map .label {
      background-color: rgba(255, 255, 255, 0.9);
      border-radius: 3px;
      position: absolute;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal;
      color: #262223;
      text-align: center;
      -webkit-box-shadow: 3px 4px 5px rgba(14, 14, 14, 0.11);
      -moz-box-shadow: 3px 4px 5px rgba(14, 14, 14, 0.11);
      box-shadow: 3px 4px 5px rgba(14, 14, 14, 0.11);
      font-size: 0.85em;
      line-height: 1.5em; }
    #page[data-page-id="page-foundation"] .section-map .animate-desktop {
      display: none; }
      #page[data-page-id="page-foundation"] .section-map .animate-desktop .wrapper {
        position: absolute;
        top: 110px;
        left: 95px;
        width: 20px;
        height: 20px; }
      #page[data-page-id="page-foundation"] .section-map .animate-desktop .box-consultant {
        width: 64px;
        height: 49px;
        background: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s22/foundation/consultant.png") 50% 50% no-repeat;
        position: absolute;
        top: 0;
        z-index: 2;
        left: 0; }
        #page[data-page-id="page-foundation"] .section-map .animate-desktop .box-consultant .label {
          top: 55px;
          left: -25px;
          width: 185px; }
          #page[data-page-id="page-foundation"] .section-map .animate-desktop .box-consultant .label:before {
            content: "";
            display: block;
            position: absolute;
            top: -15px;
            left: 45px;
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 15px solid rgba(255, 255, 255, 0.9); }
      #page[data-page-id="page-foundation"] .section-map .animate-desktop .box-money {
        width: 38px;
        height: 44px;
        background: url(../images/foundation/money.png) 50% 50% no-repeat;
        position: absolute;
        top: 0;
        z-index: 2;
        left: 230px; }
        #page[data-page-id="page-foundation"] .section-map .animate-desktop .box-money .label {
          width: 255px;
          left: 50px;
          top: -20px; }
          #page[data-page-id="page-foundation"] .section-map .animate-desktop .box-money .label:before {
            content: "";
            display: block;
            position: absolute;
            top: 50%;
            left: -20px;
            margin-top: -10px;
            width: 0;
            height: 0;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-right: 20px solid rgba(255, 255, 255, 0.9); }
      #page[data-page-id="page-foundation"] .section-map .animate-desktop .box-entrepreneur {
        width: 77px;
        height: 49px;
        background: url(../images/foundation/entrepreneur.png) 50% 50% no-repeat;
        position: absolute;
        left: 400px;
        z-index: 2;
        top: 120px; }
        #page[data-page-id="page-foundation"] .section-map .animate-desktop .box-entrepreneur .label {
          width: 220px;
          left: 50%;
          top: 100%;
          margin: 10px 0 0 -110px; }
          #page[data-page-id="page-foundation"] .section-map .animate-desktop .box-entrepreneur .label:before {
            content: "";
            display: block;
            position: absolute;
            top: -15px;
            left: 50%;
            margin-left: -15px;
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 15px solid rgba(255, 255, 255, 0.9); }
      #page[data-page-id="page-foundation"] .section-map .animate-desktop .feedline {
        position: absolute;
        top: 15px;
        left: 20px;
        z-index: 1;
        width: 0;
        height: 155px;
        background: url(../images/foundation/feedline.png) no-repeat; }
      #page[data-page-id="page-foundation"] .section-map .animate-desktop .label {
        padding: 15px 20px; }
      #page[data-page-id="page-foundation"] .section-map .animate-desktop.active .feedline {
        width: 408px; }
    #page[data-page-id="page-foundation"] .section-map .animate-mobile {
      background: url(https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/foundation/map.png) 0 0 no-repeat;
      background-size: 430px auto;
      height: 100%;
      margin: 0 auto;
      position: relative; }
      #page[data-page-id="page-foundation"] .section-map .animate-mobile .wrapper {
        position: absolute;
        top: 30px;
        left: 30px;
        width: 20px;
        height: 20px; }
      #page[data-page-id="page-foundation"] .section-map .animate-mobile .box-consultant {
        width: 45px;
        height: 45px;
        background: url(../images/foundation/consultant.png) 50% 50% no-repeat;
        background-size: contain;
        position: absolute;
        top: 0;
        z-index: 2;
        left: 0; }
        #page[data-page-id="page-foundation"] .section-map .animate-mobile .box-consultant .label {
          top: 55px;
          left: -25px;
          width: 100px;
          display: none; }
          #page[data-page-id="page-foundation"] .section-map .animate-mobile .box-consultant .label:before {
            content: "";
            display: block;
            position: absolute;
            top: -7px;
            left: 40px;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 7px solid rgba(255, 255, 255, 0.9); }
      #page[data-page-id="page-foundation"] .section-map .animate-mobile .box-money {
        width: 19px;
        height: 22px;
        background: url(../images/foundation/money.png) 50% 50% no-repeat;
        background-size: 19px 22px;
        position: absolute;
        top: 8px;
        z-index: 2;
        left: 120px; }
        #page[data-page-id="page-foundation"] .section-map .animate-mobile .box-money .label {
          width: 120px;
          left: 50%;
          top: auto;
          bottom: 0;
          margin: 0 0 35px -60px;
          display: none; }
          #page[data-page-id="page-foundation"] .section-map .animate-mobile .box-money .label:before {
            content: "";
            display: block;
            position: absolute;
            bottom: -7px;
            left: 50%;
            margin-left: -5px;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 7px solid rgba(255, 255, 255, 0.9); }
      #page[data-page-id="page-foundation"] .section-map .animate-mobile .box-entrepreneur {
        width: 50px;
        height: 50px;
        background: url(../images/foundation/entrepreneur.png) 50% 50% no-repeat;
        background-size: contain;
        position: absolute;
        left: 200px;
        z-index: 2;
        top: 60px; }
        #page[data-page-id="page-foundation"] .section-map .animate-mobile .box-entrepreneur .label {
          width: 110px;
          left: auto;
          right: 0;
          top: 100%;
          margin: 5px 0 0 0;
          display: none; }
          #page[data-page-id="page-foundation"] .section-map .animate-mobile .box-entrepreneur .label:before {
            content: "";
            display: block;
            position: absolute;
            top: -7px;
            left: auto;
            right: 23px;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 7px solid rgba(255, 255, 255, 0.9); }
      #page[data-page-id="page-foundation"] .section-map .animate-mobile .box-consultant,
      #page[data-page-id="page-foundation"] .section-map .animate-mobile .box-entrepreneur,
      #page[data-page-id="page-foundation"] .section-map .animate-mobile .box-money {
        cursor: pointer; }
      #page[data-page-id="page-foundation"] .section-map .animate-mobile .feedline {
        position: absolute;
        top: 15px;
        left: 20px;
        z-index: 1;
        width: 205px;
        height: 80px;
        background: url(../images/foundation/feedline.png) no-repeat;
        background-size: 205px auto; }
      #page[data-page-id="page-foundation"] .section-map .animate-mobile .label {
        padding: 8px 10px;
        font-size: 11px;
        border-radius: 2px;
        line-height: 13px; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-foundation"] .section-map {
        padding: 0; }
        #page[data-page-id="page-foundation"] .section-map .section-map__map {
          background: url(https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/foundation/map.png) 0 10px no-repeat;
          height: 420px;
          margin: 0 -10%; }
        #page[data-page-id="page-foundation"] .section-map .animate-mobile {
          display: none; }
        #page[data-page-id="page-foundation"] .section-map .animate-desktop {
          display: block; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-foundation"] .section-map .section-map__map {
        background: url(https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/foundation/map.png) 0 10px no-repeat;
        height: 420px;
        margin: 0; }
      #page[data-page-id="page-foundation"] .section-map .animate-desktop .box-entrepreneur .label {
        width: 230px;
        left: 80px;
        margin: 0;
        top: 0; }
        #page[data-page-id="page-foundation"] .section-map .animate-desktop .box-entrepreneur .label:before {
          top: 50%;
          left: -30px;
          margin: -10px 0 0 0;
          border-top: 10px solid transparent;
          border-bottom: 10px solid transparent;
          border-right: 20px solid rgba(255, 255, 255, 0.9); } }
  #page[data-page-id="page-foundation"] .section-video {
    margin: 0 auto 20px auto;
    max-width: 970px;
    text-align: center; }
    #page[data-page-id="page-foundation"] .section-video::after {
      clear: both;
      content: "";
      display: table; }
    #page[data-page-id="page-foundation"] .section-video .description {
      color: #000;
      font-size: 34px;
      line-height: 40px;
      padding: 0 5%; }
    #page[data-page-id="page-foundation"] .section-video .video-container {
      padding: 0 !important; }
    #page[data-page-id="page-foundation"] .section-video .video-player__player {
      margin: 0; }
    #page[data-page-id="page-foundation"] .section-video .video-player__thumbnails ul li {
      margin: 0;
      width: 45%; }
    #page[data-page-id="page-foundation"] .section-video .video-player__thumbnail-text {
      font-size: 14px;
      line-height: 22px; }
  #page[data-page-id="page-foundation"] .step-3 {
    text-align: center; }
    #page[data-page-id="page-foundation"] .step-3 .description {
      font-size: 16px;
      line-height: 22px;
      color: #262223;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal;
      margin-bottom: 40px;
      letter-spacing: -0.02em; }
    #page[data-page-id="page-foundation"] .step-3 .headline {
      margin: 0 0 30px 0;
      display: inline-block;
      vertical-align: top;
      max-width: 100%; }
      @media screen and (max-width: 767px) {
        #page[data-page-id="page-foundation"] .step-3 .headline {
          width: 350px; } }
    #page[data-page-id="page-foundation"] .step-3 .columns {
      text-align: center;
      position: relative; }
      #page[data-page-id="page-foundation"] .step-3 .columns::after {
        clear: both;
        content: "";
        display: table; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-foundation"] .step-3 .columns {
          padding: 0 30px; } }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-foundation"] .step-3 .columns {
          padding: 0 30px 50px 30px; } }
      #page[data-page-id="page-foundation"] .step-3 .columns .arrow {
        position: absolute;
        width: 90px;
        height: 38px;
        background: url(../images/foundation/svg/arrow-next.svg) no-repeat;
        background-size: contain;
        top: 0;
        left: 50%;
        margin: 80px 0 0 -45px; }
        @media screen and (max-width: 767px) {
          #page[data-page-id="page-foundation"] .step-3 .columns .arrow {
            top: 190px;
            left: 50%;
            margin-left: -40px;
            width: 60px;
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg); } }
  @media screen and (max-width: 767px) and (max-width: 480px) {
    #page[data-page-id="page-foundation"] .step-3 .columns .arrow {
      top: 200px; } }
      #page[data-page-id="page-foundation"] .step-3 .columns .box {
        width: 50%;
        float: left; }
        @media screen and (max-width: 767px) {
          #page[data-page-id="page-foundation"] .step-3 .columns .box {
            float: none;
            width: 100%; }
            #page[data-page-id="page-foundation"] .step-3 .columns .box.box-left {
              margin-bottom: 110px; } }
      #page[data-page-id="page-foundation"] .step-3 .columns .info {
        color: #000;
        max-width: 280px;
        margin: 0 auto; }
        #page[data-page-id="page-foundation"] .step-3 .columns .info p {
          font-size: 18px;
          letter-spacing: 0.43px;
          line-height: 22px; }
      #page[data-page-id="page-foundation"] .step-3 .columns .icon {
        border-radius: 50%;
        background: #fff;
        width: 185px;
        height: 185px;
        display: flex;
        margin: 0 auto 30px auto;
        text-align: center;
        line-height: 175px;
        border: 2px solid #ff99a8;
        justify-content: center;
        align-items: center; }
        #page[data-page-id="page-foundation"] .step-3 .columns .icon img {
          vertical-align: middle;
          display: inline-block; }
        @media screen and (max-width: 767px) {
          #page[data-page-id="page-foundation"] .step-3 .columns .icon {
            width: 160px;
            height: 160px;
            line-height: 160px;
            margin-bottom: 20px; } }
      #page[data-page-id="page-foundation"] .step-3 .columns .icon-1 {
        width: 95px;
        margin-right: 18px; }
        @media screen and (max-width: 767px) {
          #page[data-page-id="page-foundation"] .step-3 .columns .icon-1 {
            width: 80px; } }
      #page[data-page-id="page-foundation"] .step-3 .columns .icon-2 {
        width: 100px; }
        @media screen and (max-width: 767px) {
          #page[data-page-id="page-foundation"] .step-3 .columns .icon-2 {
            width: 85px; } }
  #page[data-page-id="page-foundation"] .section-cabi {
    position: relative;
    margin-bottom: 125px; }
    #page[data-page-id="page-foundation"] .section-cabi .btn-square {
      bottom: 0;
      font-size: 14px;
      letter-spacing: 0.44px;
      line-height: 18px;
      height: 87px;
      left: 50%;
      margin-left: -63px;
      position: absolute;
      width: 126px; }
      #page[data-page-id="page-foundation"] .section-cabi .btn-square .if-off {
        padding: 15px 35px 0 35px; }
    #page[data-page-id="page-foundation"] .section-cabi.open .section-cabi__top .description .info-photo {
      opacity: 0; }
    #page[data-page-id="page-foundation"] .section-cabi.open .section-cabi__body .title--container h1 {
      font-size: 45px; }
  @media screen and (min-width: 768px) {
    #page[data-page-id="page-foundation"] .section-cabi .btn-square {
      height: 87px;
      width: 256px;
      margin-left: -128px; }
    #page[data-page-id="page-foundation"] .section-cabi.open .section-cabi__top .description .info-photo {
      opacity: 1; } }
  #page[data-page-id="page-foundation"] .section-cabi__top {
    background: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s24/foundation/cabi-foundation-banner-mobile.jpg") 30% 0 no-repeat;
    background-size: cover;
    height: 260px;
    max-width: 1440px;
    margin: 0 auto; }
    #page[data-page-id="page-foundation"] .section-cabi__top .container {
      align-items: center;
      display: flex;
      height: 100%;
      justify-content: flex-end;
      max-width: 100%; }
    #page[data-page-id="page-foundation"] .section-cabi__top .description {
      font-family: 'Playfair Display';
      font-feature-settings: "lnum";
      font-weight: 700;
      color: #fff;
      font-size: 29px;
      font-weight: 500;
      line-height: 30px;
      text-align: center;
      width: 50%; }
      #page[data-page-id="page-foundation"] .section-cabi__top .description p {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 17px;
        letter-spacing: 0.53px;
        line-height: 20px; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-foundation"] .section-cabi__top {
        background: #000000 url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s24/foundation/cabi-foundation-banner.jpg") top center no-repeat;
        height: 370px; }
        #page[data-page-id="page-foundation"] .section-cabi__top .description {
          font-size: 60px;
          line-height: 60px; }
          #page[data-page-id="page-foundation"] .section-cabi__top .description p {
            font-size: 31px;
            letter-spacing: 0.1px;
            line-height: 37px; } }
  #page[data-page-id="page-foundation"] .section-cabi__body {
    padding-bottom: 90px;
    background-color: #f5f5f5;
    overflow: hidden;
    display: none; }
    #page[data-page-id="page-foundation"] .section-cabi__body .container {
      max-width: 900px;
      padding: 50px 0 0 0; }
    #page[data-page-id="page-foundation"] .section-cabi__body .content img {
      display: block;
      height: auto;
      margin: 0 0 40px 0;
      max-width: 100%; }
    #page[data-page-id="page-foundation"] .section-cabi__body h1,
    #page[data-page-id="page-foundation"] .section-cabi__body h2.quote {
      margin: 0 0 40px 0; }
    #page[data-page-id="page-foundation"] .section-cabi__body h1 {
      font-family: 'Playfair Display';
      font-feature-settings: "lnum";
      font-weight: 700;
      text-align: center;
      font-size: 45px;
      line-height: 45px; }
    #page[data-page-id="page-foundation"] .section-cabi__body h2 {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: italic;
      font-size: 30px;
      font-style: italic;
      line-height: 42px;
      position: relative;
      text-transform: none; }
      #page[data-page-id="page-foundation"] .section-cabi__body h2.quote span {
        position: relative;
        z-index: 2; }
      #page[data-page-id="page-foundation"] .section-cabi__body h2.quote:before, #page[data-page-id="page-foundation"] .section-cabi__body h2.quote:after {
        content: '';
        display: block;
        height: 94px;
        position: absolute;
        width: 113px;
        z-index: 1; }
      #page[data-page-id="page-foundation"] .section-cabi__body h2.quote:before {
        background: url(https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/foundation/quotation-mark-left.svg) 0 0 no-repeat;
        left: -15px;
        top: -35px; }
      #page[data-page-id="page-foundation"] .section-cabi__body h2.quote:after {
        background: url(https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/foundation/quotation-mark-right.svg) 0 0 no-repeat;
        bottom: 10px;
        right: -15px; }
    #page[data-page-id="page-foundation"] .section-cabi__body p {
      margin: 0 0 30px 0;
      font-size: 14px;
      letter-spacing: 0.5px;
      line-height: 22px; }
      #page[data-page-id="page-foundation"] .section-cabi__body p:last-of-type {
        margin: 0 0 40px 0; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-foundation"] .section-cabi__body .container {
        padding: 70px 0 0 0; }
      #page[data-page-id="page-foundation"] .section-cabi__body h2.quote:before {
        left: -20px; }
      #page[data-page-id="page-foundation"] .section-cabi__body h2.quote:after {
        right: -20px; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-foundation"] .section-cabi__body h1 {
        font-size: 60px;
        line-height: 60px; }
      #page[data-page-id="page-foundation"] .section-cabi__body h2.quote:before {
        left: -60px; }
      #page[data-page-id="page-foundation"] .section-cabi__body h2.quote:after {
        right: -45px; } }
  #page[data-page-id="page-foundation"] ul {
    list-style: none; }
  #page[data-page-id="page-foundation"] .actions-container {
    margin: 0 0 50px 0; }
    #page[data-page-id="page-foundation"] .actions-container li {
      margin: 0 auto 20px auto; }
      #page[data-page-id="page-foundation"] .actions-container li .content-wrapper {
        background: #fff; }
    #page[data-page-id="page-foundation"] .actions-container h1 {
      font-family: 'Montserrat';
      font-weight: 600;
      background: #000;
      color: #fff;
      font-size: 24px;
      letter-spacing: 0.76px;
      line-height: 22px;
      margin: 0 0 5px 0;
      padding: 30px 0;
      text-align: center; }
    #page[data-page-id="page-foundation"] .actions-container p,
    #page[data-page-id="page-foundation"] .actions-container p:last-of-type {
      margin: 0; }
    #page[data-page-id="page-foundation"] .actions-container img {
      margin: 0 auto;
      max-width: 100%; }
      #page[data-page-id="page-foundation"] .actions-container img.title {
        margin: 0 0 5px 0; }
    #page[data-page-id="page-foundation"] .actions-container .inset-image-container {
      padding: 20px 0 0 0; }
    #page[data-page-id="page-foundation"] .actions-container .section1,
    #page[data-page-id="page-foundation"] .actions-container .section2,
    #page[data-page-id="page-foundation"] .actions-container .section3,
    #page[data-page-id="page-foundation"] .actions-container .section4 {
      padding: 30px 35px;
      text-align: center; }
    #page[data-page-id="page-foundation"] .actions-container .section4 {
      padding: 30px 20px; }
    #page[data-page-id="page-foundation"] .actions-container .impact-to-date {
      padding: 20px 0 0 0; }
      #page[data-page-id="page-foundation"] .actions-container .impact-to-date li {
        align-items: flex-start;
        display: flex;
        justify-content: space-between;
        width: 100%; }
        #page[data-page-id="page-foundation"] .actions-container .impact-to-date li p {
          text-align: left;
          width: 75%; }
          #page[data-page-id="page-foundation"] .actions-container .impact-to-date li p span {
            font-weight: bold; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-foundation"] .actions-container {
        align-items: stretch;
        display: flex; }
        #page[data-page-id="page-foundation"] .actions-container h1 {
          font-size: 20px;
          line-height: 20px; }
        #page[data-page-id="page-foundation"] .actions-container li {
          margin: 0 1% 20px 0;
          width: 32.666%; }
          #page[data-page-id="page-foundation"] .actions-container li:last-of-type {
            margin: 0 0 20px 0; }
          #page[data-page-id="page-foundation"] .actions-container li:nth-of-type(2) .section2 .inset-image-container {
            padding: 20px 30px 0 30px; }
        #page[data-page-id="page-foundation"] .actions-container .section1 {
          height: 175px; }
        #page[data-page-id="page-foundation"] .actions-container .section2 {
          height: 350px; }
          #page[data-page-id="page-foundation"] .actions-container .section2 .inset-image-container {
            padding: 40px 0; }
          #page[data-page-id="page-foundation"] .actions-container .section2 p {
            height: 90px; }
        #page[data-page-id="page-foundation"] .actions-container .section3 {
          height: 320px; }
        #page[data-page-id="page-foundation"] .actions-container .section4 {
          height: 450px; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-foundation"] .actions-container h1 {
        font-size: 24px;
        line-height: 24px; }
      #page[data-page-id="page-foundation"] .actions-container li:nth-of-type(2) .section2 .inset-image-container {
        padding: 20px 60px 0 60px; }
      #page[data-page-id="page-foundation"] .actions-container .section1,
      #page[data-page-id="page-foundation"] .actions-container .section2,
      #page[data-page-id="page-foundation"] .actions-container .section3,
      #page[data-page-id="page-foundation"] .actions-container .section4 {
        padding: 30px; }
      #page[data-page-id="page-foundation"] .actions-container .section2 {
        height: 350px; }
        #page[data-page-id="page-foundation"] .actions-container .section2 .inset-image-container {
          padding: 30px 0; }
        #page[data-page-id="page-foundation"] .actions-container .section2 p {
          height: 90px; }
      #page[data-page-id="page-foundation"] .actions-container .section3 {
        height: 260px; }
      #page[data-page-id="page-foundation"] .actions-container .section4 {
        height: 450px; } }
  #page[data-page-id="page-foundation"] .section-entrepreneur {
    background: #ececec;
    margin: 0 0 40px 0; }
    #page[data-page-id="page-foundation"] .section-entrepreneur .entrepreneur-image {
      background: url(https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/s24/foundation/changing-lives-expanded/entreprenuer-photo.jpg) top center no-repeat;
      background-size: 100%;
      height: 400px;
      width: 100%; }
    #page[data-page-id="page-foundation"] .section-entrepreneur .entrepreneur-text {
      padding: 40px 20px; }
      #page[data-page-id="page-foundation"] .section-entrepreneur .entrepreneur-text h1 {
        font-size: 32px;
        letter-spacing: 1px;
        line-height: 40px;
        margin: 0 0 20px 0;
        text-transform: uppercase; }
      #page[data-page-id="page-foundation"] .section-entrepreneur .entrepreneur-text p {
        margin: 0; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-foundation"] .section-entrepreneur {
        align-items: stretch;
        display: flex;
        flex-wrap: wrap; }
        #page[data-page-id="page-foundation"] .section-entrepreneur .entrepreneur-image {
          background-size: cover;
          height: auto;
          width: 45%; }
        #page[data-page-id="page-foundation"] .section-entrepreneur .entrepreneur-text {
          padding: 40px;
          width: 55%; }
          #page[data-page-id="page-foundation"] .section-entrepreneur .entrepreneur-text h1 {
            text-align: left; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-foundation"] .section-entrepreneur .entrepreneur-image {
        width: 30%; }
      #page[data-page-id="page-foundation"] .section-entrepreneur .entrepreneur-text {
        width: 70%; } }
  #page[data-page-id="page-foundation"] .section-join-us {
    margin: 0 auto;
    max-width: 900px;
    text-align: center; }
    #page[data-page-id="page-foundation"] .section-join-us img {
      margin: 0 auto 20px auto; }
    #page[data-page-id="page-foundation"] .section-join-us h1 {
      font-size: 30px;
      line-height: 38px;
      margin: 0 0 20px 0;
      text-transform: uppercase; }
      #page[data-page-id="page-foundation"] .section-join-us h1 span {
        text-transform: none; }
    #page[data-page-id="page-foundation"] .section-join-us h2 {
      font-size: 20px;
      letter-spacing: 0.76px;
      line-height: 24px; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-foundation"] .section-join-us h1 {
        font-size: 44px;
        line-height: 50px; }
      #page[data-page-id="page-foundation"] .section-join-us h2 {
        font-size: 24px;
        line-height: 22px; } }
  #page[data-page-id="page-foundation"] .section-interactive {
    padding: 40px 0 0 0; }
    #page[data-page-id="page-foundation"] .section-interactive .box {
      float: none;
      width: 100%; }
    #page[data-page-id="page-foundation"] .section-interactive .content {
      margin: 0 auto 40px auto;
      max-width: 330px;
      padding: 0;
      text-align: center; }
      #page[data-page-id="page-foundation"] .section-interactive .content .description p {
        font-size: 16px;
        line-height: 22px;
        margin: 0 0 30px 0; }
      #page[data-page-id="page-foundation"] .section-interactive .content .h3 {
        display: block;
        margin-bottom: 20px;
        font-size: 34px;
        font-weight: 500;
        line-height: 40px; }
    #page[data-page-id="page-foundation"] .section-interactive .mobile-globe {
      display: block;
      margin: 0 0 0 -4%;
      width: 108%; }
    #page[data-page-id="page-foundation"] .section-interactive .btn {
      height: 45px;
      padding: 10px;
      width: 180px; }
    #page[data-page-id="page-foundation"] .section-interactive::after {
      clear: both;
      content: "";
      display: table; }
    #page[data-page-id="page-foundation"] .section-interactive #globe {
      display: none; }
    #page[data-page-id="page-foundation"] .section-interactive #globe-container {
      position: relative; }
      #page[data-page-id="page-foundation"] .section-interactive #globe-container #globe {
        float: left; }
        @media screen and (min-width: 768px) {
          #page[data-page-id="page-foundation"] .section-interactive #globe-container #globe {
            position: absolute;
            width: 50%;
            left: 0;
            z-index: 0;
            max-height: 700px;
            overflow: hidden;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%); }
            #page[data-page-id="page-foundation"] .section-interactive #globe-container #globe canvas {
              max-width: 700px;
              max-height: 700px; } }
        @media screen and (min-width: 1000px) {
          #page[data-page-id="page-foundation"] .section-interactive #globe-container #globe {
            width: 60%; } }
    #page[data-page-id="page-foundation"] .section-interactive .globe {
      max-width: 100%;
      height: auto;
      vertical-align: top;
      margin-left: -170px; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-foundation"] .section-interactive {
        padding: 68px 30px; }
        #page[data-page-id="page-foundation"] .section-interactive .box {
          float: left;
          width: 45%;
          margin-left: 55%; }
        #page[data-page-id="page-foundation"] .section-interactive .content {
          margin: 0;
          padding: 0;
          text-align: left; }
        #page[data-page-id="page-foundation"] .section-interactive #globe {
          display: block; }
        #page[data-page-id="page-foundation"] .section-interactive .globe {
          margin-left: -50px; }
        #page[data-page-id="page-foundation"] .section-interactive .mobile-globe {
          display: none; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-foundation"] .section-interactive .content {
        padding: 0 0 0 60px; } }
  #page[data-page-id="page-foundation"] .section__slideshow {
    margin-bottom: 0px !important; }
    #page[data-page-id="page-foundation"] .section__slideshow .slick-slider {
      margin-bottom: 0; }
    #page[data-page-id="page-foundation"] .section__slideshow img {
      max-width: unset;
      height: auto;
      max-height: 500px; }
    #page[data-page-id="page-foundation"] .section__slideshow .slider {
      background-color: #000; }
    #page[data-page-id="page-foundation"] .section__slideshow .foundation__gallery-slider .slick-slide {
      opacity: 0.2;
      height: fit-content;
      -webkit-transition: opacity 0.6s ease-out;
      -moz-transition: opacity 0.6s ease-out;
      transition: opacity 0.6s ease-out; }
      #page[data-page-id="page-foundation"] .section__slideshow .foundation__gallery-slider .slick-slide.slick-center {
        opacity: 1; }
    #page[data-page-id="page-foundation"] .section__slideshow .foundation__text-slider {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 400;
      font-style: italic;
      background-color: #f5f5f5;
      padding: 10px 0; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-foundation"] .section__slideshow .foundation__text-slider {
          padding: 40px 0; } }
      #page[data-page-id="page-foundation"] .section__slideshow .foundation__text-slider .slick-slide {
        display: flex;
        justify-content: center;
        align-items: center; }
      #page[data-page-id="page-foundation"] .section__slideshow .foundation__text-slider .slick-list {
        width: 80%;
        margin: 0 auto; }
        #page[data-page-id="page-foundation"] .section__slideshow .foundation__text-slider .slick-list p {
          color: #000;
          font-size: 19px;
          line-height: 23px;
          text-align: center;
          padding: 0; }
    #page[data-page-id="page-foundation"] .section__slideshow .slick-prev {
      left: 10px; }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-foundation"] .section__slideshow .slick-prev {
          left: calc(50% - 45%);
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); } }
      #page[data-page-id="page-foundation"] .section__slideshow .slick-prev:before {
        content: "";
        font-family: "icomoon" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: black; }
    #page[data-page-id="page-foundation"] .section__slideshow .slick-next {
      right: 20px; }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-foundation"] .section__slideshow .slick-next {
          left: calc(50% + 45%);
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); } }
      #page[data-page-id="page-foundation"] .section__slideshow .slick-next:before {
        content: "";
        font-family: "icomoon" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: black; }
    #page[data-page-id="page-foundation"] .section__slideshow .slick-prev,
    #page[data-page-id="page-foundation"] .section__slideshow .slick-next {
      top: 27.5%;
      height: 30px;
      margin-top: 0 !important;
      z-index: 9999; }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-foundation"] .section__slideshow .slick-prev,
        #page[data-page-id="page-foundation"] .section__slideshow .slick-next {
          top: 50%;
          width: 40px; } }
      #page[data-page-id="page-foundation"] .section__slideshow .slick-prev:before,
      #page[data-page-id="page-foundation"] .section__slideshow .slick-next:before {
        font-size: 20px; }
        @media screen and (min-width: 1000px) {
          #page[data-page-id="page-foundation"] .section__slideshow .slick-prev:before,
          #page[data-page-id="page-foundation"] .section__slideshow .slick-next:before {
            font-size: 30px; } }
  #page[data-page-id="page-foundation"] .section-partners {
    margin: 0 auto;
    max-width: 720px;
    text-align: center;
    padding: 45px 0; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-foundation"] .section-partners {
        padding: 90px 0;
        position: relative;
        z-index: 2;
        background: white; } }
    #page[data-page-id="page-foundation"] .section-partners .h2 {
      font-size: 38px;
      margin-bottom: 10px;
      line-height: 40px;
      color: #000;
      letter-spacing: 0.89px;
      text-transform: none; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-foundation"] .section-partners .h2 {
          font-size: 60px;
          letter-spacing: 0.13px;
          line-height: 70px; } }
    #page[data-page-id="page-foundation"] .section-partners .description {
      padding: 0 5%;
      font-size: 16px;
      line-height: 22px; }
  #page[data-page-id="page-foundation"] .partners {
    text-align: center;
    padding: 50px 0; }
    #page[data-page-id="page-foundation"] .partners .item {
      display: block;
      vertical-align: top;
      margin: 0 0 70px 0; }
      #page[data-page-id="page-foundation"] .partners .item:last-child {
        margin: 0; }
    #page[data-page-id="page-foundation"] .partners .partner {
      display: inline-block;
      vertical-align: top;
      position: relative;
      text-decoration: none; }
    #page[data-page-id="page-foundation"] .partners .opportunity {
      width: 242px;
      height: 89px;
      background: url(../images/foundation/logo-opportunity.png) no-repeat; }
      #page[data-page-id="page-foundation"] .partners .opportunity:hover {
        background: url(../images/foundation/logo-opportunity.png) 0 -89px no-repeat; }
    #page[data-page-id="page-foundation"] .partners .world-vision {
      width: 194px;
      height: 89px;
      background: url(../images/foundation/logo-world-vision.png) no-repeat; }
      #page[data-page-id="page-foundation"] .partners .world-vision:hover {
        background: url(../images/foundation/logo-world-vision.png) 0 -89px no-repeat; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-foundation"] .partners .item {
        display: inline-block;
        margin: 0 60px 0 0; } }

.featured-item-link {
  font-family: Montserrat;
  font-weight: 600; }

#page[data-page-id='page-join-us'],
#page[data-page-id='page-give-now'],
#page[data-page-id='page-host'],
#page[data-page-id='page-business-model'],
#page[data-page-id='page-cabi-girls'],
#page[data-page-id='page-how-cabi-supports-you'] {
  /* responsive */ }
  #page[data-page-id='page-join-us'] .img-mask,
  #page[data-page-id='page-give-now'] .img-mask,
  #page[data-page-id='page-host'] .img-mask,
  #page[data-page-id='page-business-model'] .img-mask,
  #page[data-page-id='page-cabi-girls'] .img-mask,
  #page[data-page-id='page-how-cabi-supports-you'] .img-mask {
    overflow: hidden; }
    #page[data-page-id='page-join-us'] .img-mask img,
    #page[data-page-id='page-give-now'] .img-mask img,
    #page[data-page-id='page-host'] .img-mask img,
    #page[data-page-id='page-business-model'] .img-mask img,
    #page[data-page-id='page-cabi-girls'] .img-mask img,
    #page[data-page-id='page-how-cabi-supports-you'] .img-mask img {
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
      #page[data-page-id='page-join-us'] .img-mask img:hover,
      #page[data-page-id='page-give-now'] .img-mask img:hover,
      #page[data-page-id='page-host'] .img-mask img:hover,
      #page[data-page-id='page-business-model'] .img-mask img:hover,
      #page[data-page-id='page-cabi-girls'] .img-mask img:hover,
      #page[data-page-id='page-how-cabi-supports-you'] .img-mask img:hover {
        transform: scale(1.05);
        -ms-transform: scale(1.05);
        -webkit-transform: scale(1.05); }
  #page[data-page-id='page-join-us'] .animated,
  #page[data-page-id='page-give-now'] .animated,
  #page[data-page-id='page-host'] .animated,
  #page[data-page-id='page-business-model'] .animated,
  #page[data-page-id='page-cabi-girls'] .animated,
  #page[data-page-id='page-how-cabi-supports-you'] .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
  #page[data-page-id='page-join-us'] .slideInRight,
  #page[data-page-id='page-give-now'] .slideInRight,
  #page[data-page-id='page-host'] .slideInRight,
  #page[data-page-id='page-business-model'] .slideInRight,
  #page[data-page-id='page-cabi-girls'] .slideInRight,
  #page[data-page-id='page-how-cabi-supports-you'] .slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  100% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
  #page[data-page-id='page-join-us'] .slideOutLeft,
  #page[data-page-id='page-give-now'] .slideOutLeft,
  #page[data-page-id='page-host'] .slideOutLeft,
  #page[data-page-id='page-business-model'] .slideOutLeft,
  #page[data-page-id='page-cabi-girls'] .slideOutLeft,
  #page[data-page-id='page-how-cabi-supports-you'] .slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft; }
  #page[data-page-id='page-join-us'] .align-left,
  #page[data-page-id='page-give-now'] .align-left,
  #page[data-page-id='page-host'] .align-left,
  #page[data-page-id='page-business-model'] .align-left,
  #page[data-page-id='page-cabi-girls'] .align-left,
  #page[data-page-id='page-how-cabi-supports-you'] .align-left {
    text-align: left; }
  #page[data-page-id='page-join-us'] .align-right,
  #page[data-page-id='page-give-now'] .align-right,
  #page[data-page-id='page-host'] .align-right,
  #page[data-page-id='page-business-model'] .align-right,
  #page[data-page-id='page-cabi-girls'] .align-right,
  #page[data-page-id='page-how-cabi-supports-you'] .align-right {
    text-align: right; }
  #page[data-page-id='page-join-us'] .align-center, #page[data-page-id='page-join-us'] .shop-table .shop-td:nth-child(6) input, .shop-table .shop-td:nth-child(6) #page[data-page-id='page-join-us'] input,
  #page[data-page-id='page-give-now'] .align-center,
  #page[data-page-id='page-give-now'] .shop-table .shop-td:nth-child(6) input,
  .shop-table .shop-td:nth-child(6) #page[data-page-id='page-give-now'] input,
  #page[data-page-id='page-host'] .align-center,
  #page[data-page-id='page-host'] .shop-table .shop-td:nth-child(6) input,
  .shop-table .shop-td:nth-child(6) #page[data-page-id='page-host'] input,
  #page[data-page-id='page-business-model'] .align-center,
  #page[data-page-id='page-business-model'] .shop-table .shop-td:nth-child(6) input,
  .shop-table .shop-td:nth-child(6) #page[data-page-id='page-business-model'] input,
  #page[data-page-id='page-cabi-girls'] .align-center,
  #page[data-page-id='page-cabi-girls'] .shop-table .shop-td:nth-child(6) input,
  .shop-table .shop-td:nth-child(6) #page[data-page-id='page-cabi-girls'] input,
  #page[data-page-id='page-how-cabi-supports-you'] .align-center,
  #page[data-page-id='page-how-cabi-supports-you'] .shop-table .shop-td:nth-child(6) input,
  .shop-table .shop-td:nth-child(6) #page[data-page-id='page-how-cabi-supports-you'] input {
    text-align: center; }
  #page[data-page-id='page-join-us'] .mb15,
  #page[data-page-id='page-give-now'] .mb15,
  #page[data-page-id='page-host'] .mb15,
  #page[data-page-id='page-business-model'] .mb15,
  #page[data-page-id='page-cabi-girls'] .mb15,
  #page[data-page-id='page-how-cabi-supports-you'] .mb15 {
    margin-bottom: 15px; }
  #page[data-page-id='page-join-us'] .form-style,
  #page[data-page-id='page-give-now'] .form-style,
  #page[data-page-id='page-host'] .form-style,
  #page[data-page-id='page-business-model'] .form-style,
  #page[data-page-id='page-cabi-girls'] .form-style,
  #page[data-page-id='page-how-cabi-supports-you'] .form-style {
    color: #000;
    font-family: 'Montserrat';
    font-weight: 600;
    letter-spacing: -0.04em; }
    #page[data-page-id='page-join-us'] .form-style .row,
    #page[data-page-id='page-give-now'] .form-style .row,
    #page[data-page-id='page-host'] .form-style .row,
    #page[data-page-id='page-business-model'] .form-style .row,
    #page[data-page-id='page-cabi-girls'] .form-style .row,
    #page[data-page-id='page-how-cabi-supports-you'] .form-style .row {
      padding: 0 30px; }
    #page[data-page-id='page-join-us'] .form-style .row-line .label,
    #page[data-page-id='page-give-now'] .form-style .row-line .label,
    #page[data-page-id='page-host'] .form-style .row-line .label,
    #page[data-page-id='page-business-model'] .form-style .row-line .label,
    #page[data-page-id='page-cabi-girls'] .form-style .row-line .label,
    #page[data-page-id='page-how-cabi-supports-you'] .form-style .row-line .label {
      margin-right: 15px; }
    #page[data-page-id='page-join-us'] .form-style .label,
    #page[data-page-id='page-give-now'] .form-style .label,
    #page[data-page-id='page-host'] .form-style .label,
    #page[data-page-id='page-business-model'] .form-style .label,
    #page[data-page-id='page-cabi-girls'] .form-style .label,
    #page[data-page-id='page-how-cabi-supports-you'] .form-style .label {
      display: inline-block;
      vertical-align: middle;
      font-size: 16px;
      line-height: 1.2; }
    #page[data-page-id='page-join-us'] .form-style .elements-group,
    #page[data-page-id='page-give-now'] .form-style .elements-group,
    #page[data-page-id='page-host'] .form-style .elements-group,
    #page[data-page-id='page-business-model'] .form-style .elements-group,
    #page[data-page-id='page-cabi-girls'] .form-style .elements-group,
    #page[data-page-id='page-how-cabi-supports-you'] .form-style .elements-group {
      margin: 25px 0; }
      #page[data-page-id='page-join-us'] .form-style .elements-group::after,
      #page[data-page-id='page-give-now'] .form-style .elements-group::after,
      #page[data-page-id='page-host'] .form-style .elements-group::after,
      #page[data-page-id='page-business-model'] .form-style .elements-group::after,
      #page[data-page-id='page-cabi-girls'] .form-style .elements-group::after,
      #page[data-page-id='page-how-cabi-supports-you'] .form-style .elements-group::after {
        clear: both;
        content: "";
        display: table; }
      #page[data-page-id='page-join-us'] .form-style .elements-group .item,
      #page[data-page-id='page-give-now'] .form-style .elements-group .item,
      #page[data-page-id='page-host'] .form-style .elements-group .item,
      #page[data-page-id='page-business-model'] .form-style .elements-group .item,
      #page[data-page-id='page-cabi-girls'] .form-style .elements-group .item,
      #page[data-page-id='page-how-cabi-supports-you'] .form-style .elements-group .item {
        float: left;
        width: 50%; }
  #page[data-page-id='page-join-us'] input[type="text"].form-element,
  #page[data-page-id='page-join-us'] input[type="email"].form-element,
  #page[data-page-id='page-join-us'] input[type="password"].form-element,
  #page[data-page-id='page-give-now'] input[type="text"].form-element,
  #page[data-page-id='page-give-now'] input[type="email"].form-element,
  #page[data-page-id='page-give-now'] input[type="password"].form-element,
  #page[data-page-id='page-host'] input[type="text"].form-element,
  #page[data-page-id='page-host'] input[type="email"].form-element,
  #page[data-page-id='page-host'] input[type="password"].form-element,
  #page[data-page-id='page-business-model'] input[type="text"].form-element,
  #page[data-page-id='page-business-model'] input[type="email"].form-element,
  #page[data-page-id='page-business-model'] input[type="password"].form-element,
  #page[data-page-id='page-cabi-girls'] input[type="text"].form-element,
  #page[data-page-id='page-cabi-girls'] input[type="email"].form-element,
  #page[data-page-id='page-cabi-girls'] input[type="password"].form-element,
  #page[data-page-id='page-how-cabi-supports-you'] input[type="text"].form-element,
  #page[data-page-id='page-how-cabi-supports-you'] input[type="email"].form-element,
  #page[data-page-id='page-how-cabi-supports-you'] input[type="password"].form-element {
    border: 0;
    background: #f5f5f5;
    height: 34px;
    padding: 0 15px;
    min-width: 210px; }
  #page[data-page-id='page-join-us'] textarea.form-element,
  #page[data-page-id='page-give-now'] textarea.form-element,
  #page[data-page-id='page-host'] textarea.form-element,
  #page[data-page-id='page-business-model'] textarea.form-element,
  #page[data-page-id='page-cabi-girls'] textarea.form-element,
  #page[data-page-id='page-how-cabi-supports-you'] textarea.form-element {
    background: #f5f5f5;
    height: 85px;
    padding: 15px;
    resize: none;
    border: none;
    width: 100%; }
  #page[data-page-id='page-join-us'] .checkbox-custom,
  #page[data-page-id='page-give-now'] .checkbox-custom,
  #page[data-page-id='page-host'] .checkbox-custom,
  #page[data-page-id='page-business-model'] .checkbox-custom,
  #page[data-page-id='page-cabi-girls'] .checkbox-custom,
  #page[data-page-id='page-how-cabi-supports-you'] .checkbox-custom {
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle; }
    #page[data-page-id='page-join-us'] .checkbox-custom .checkbox,
    #page[data-page-id='page-give-now'] .checkbox-custom .checkbox,
    #page[data-page-id='page-host'] .checkbox-custom .checkbox,
    #page[data-page-id='page-business-model'] .checkbox-custom .checkbox,
    #page[data-page-id='page-cabi-girls'] .checkbox-custom .checkbox,
    #page[data-page-id='page-how-cabi-supports-you'] .checkbox-custom .checkbox {
      vertical-align: top;
      margin: 0 3px 0 0;
      width: 15px;
      height: 15px; }
    #page[data-page-id='page-join-us'] .checkbox-custom .checkbox + label,
    #page[data-page-id='page-give-now'] .checkbox-custom .checkbox + label,
    #page[data-page-id='page-host'] .checkbox-custom .checkbox + label,
    #page[data-page-id='page-business-model'] .checkbox-custom .checkbox + label,
    #page[data-page-id='page-cabi-girls'] .checkbox-custom .checkbox + label,
    #page[data-page-id='page-how-cabi-supports-you'] .checkbox-custom .checkbox + label {
      cursor: pointer;
      display: inline-block;
      vertical-align: top; }
    #page[data-page-id='page-join-us'] .checkbox-custom .checkbox:not(checked),
    #page[data-page-id='page-give-now'] .checkbox-custom .checkbox:not(checked),
    #page[data-page-id='page-host'] .checkbox-custom .checkbox:not(checked),
    #page[data-page-id='page-business-model'] .checkbox-custom .checkbox:not(checked),
    #page[data-page-id='page-cabi-girls'] .checkbox-custom .checkbox:not(checked),
    #page[data-page-id='page-how-cabi-supports-you'] .checkbox-custom .checkbox:not(checked) {
      position: absolute;
      opacity: 0; }
    #page[data-page-id='page-join-us'] .checkbox-custom .checkbox:not(checked) + label,
    #page[data-page-id='page-give-now'] .checkbox-custom .checkbox:not(checked) + label,
    #page[data-page-id='page-host'] .checkbox-custom .checkbox:not(checked) + label,
    #page[data-page-id='page-business-model'] .checkbox-custom .checkbox:not(checked) + label,
    #page[data-page-id='page-cabi-girls'] .checkbox-custom .checkbox:not(checked) + label,
    #page[data-page-id='page-how-cabi-supports-you'] .checkbox-custom .checkbox:not(checked) + label {
      position: relative;
      padding: 0 0 0 25px; }
      @media screen and (max-width: 767px) {
        #page[data-page-id='page-join-us'] .checkbox-custom .checkbox:not(checked) + label,
        #page[data-page-id='page-give-now'] .checkbox-custom .checkbox:not(checked) + label,
        #page[data-page-id='page-host'] .checkbox-custom .checkbox:not(checked) + label,
        #page[data-page-id='page-business-model'] .checkbox-custom .checkbox:not(checked) + label,
        #page[data-page-id='page-cabi-girls'] .checkbox-custom .checkbox:not(checked) + label,
        #page[data-page-id='page-how-cabi-supports-you'] .checkbox-custom .checkbox:not(checked) + label {
          font-size: 12px !important; } }
    #page[data-page-id='page-join-us'] .checkbox-custom .checkbox:not(checked) + label:before,
    #page[data-page-id='page-give-now'] .checkbox-custom .checkbox:not(checked) + label:before,
    #page[data-page-id='page-host'] .checkbox-custom .checkbox:not(checked) + label:before,
    #page[data-page-id='page-business-model'] .checkbox-custom .checkbox:not(checked) + label:before,
    #page[data-page-id='page-cabi-girls'] .checkbox-custom .checkbox:not(checked) + label:before,
    #page[data-page-id='page-how-cabi-supports-you'] .checkbox-custom .checkbox:not(checked) + label:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 15px;
      height: 15px;
      background: #f5f5f5; }
    #page[data-page-id='page-join-us'] .checkbox-custom .checkbox:checked + label:after,
    #page[data-page-id='page-give-now'] .checkbox-custom .checkbox:checked + label:after,
    #page[data-page-id='page-host'] .checkbox-custom .checkbox:checked + label:after,
    #page[data-page-id='page-business-model'] .checkbox-custom .checkbox:checked + label:after,
    #page[data-page-id='page-cabi-girls'] .checkbox-custom .checkbox:checked + label:after,
    #page[data-page-id='page-how-cabi-supports-you'] .checkbox-custom .checkbox:checked + label:after {
      content: "";
      width: 7px;
      height: 7px;
      background: #000;
      position: absolute;
      top: 4px;
      left: 4px;
      display: block; }
  #page[data-page-id='page-join-us'] .radio-custom,
  #page[data-page-id='page-give-now'] .radio-custom,
  #page[data-page-id='page-host'] .radio-custom,
  #page[data-page-id='page-business-model'] .radio-custom,
  #page[data-page-id='page-cabi-girls'] .radio-custom,
  #page[data-page-id='page-how-cabi-supports-you'] .radio-custom {
    margin: 0;
    display: inline-block;
    vertical-align: middle; }
    #page[data-page-id='page-join-us'] .radio-custom .radio,
    #page[data-page-id='page-give-now'] .radio-custom .radio,
    #page[data-page-id='page-host'] .radio-custom .radio,
    #page[data-page-id='page-business-model'] .radio-custom .radio,
    #page[data-page-id='page-cabi-girls'] .radio-custom .radio,
    #page[data-page-id='page-how-cabi-supports-you'] .radio-custom .radio {
      vertical-align: top;
      width: 23px;
      height: 23px;
      margin: 0 3px 0 0; }
    #page[data-page-id='page-join-us'] .radio-custom .radio + label,
    #page[data-page-id='page-give-now'] .radio-custom .radio + label,
    #page[data-page-id='page-host'] .radio-custom .radio + label,
    #page[data-page-id='page-business-model'] .radio-custom .radio + label,
    #page[data-page-id='page-cabi-girls'] .radio-custom .radio + label,
    #page[data-page-id='page-how-cabi-supports-you'] .radio-custom .radio + label {
      cursor: pointer; }
    #page[data-page-id='page-join-us'] .radio-custom .radio:not(checked),
    #page[data-page-id='page-give-now'] .radio-custom .radio:not(checked),
    #page[data-page-id='page-host'] .radio-custom .radio:not(checked),
    #page[data-page-id='page-business-model'] .radio-custom .radio:not(checked),
    #page[data-page-id='page-cabi-girls'] .radio-custom .radio:not(checked),
    #page[data-page-id='page-how-cabi-supports-you'] .radio-custom .radio:not(checked) {
      position: absolute;
      opacity: 0; }
    #page[data-page-id='page-join-us'] .radio-custom .radio:not(checked) + label,
    #page[data-page-id='page-give-now'] .radio-custom .radio:not(checked) + label,
    #page[data-page-id='page-host'] .radio-custom .radio:not(checked) + label,
    #page[data-page-id='page-business-model'] .radio-custom .radio:not(checked) + label,
    #page[data-page-id='page-cabi-girls'] .radio-custom .radio:not(checked) + label,
    #page[data-page-id='page-how-cabi-supports-you'] .radio-custom .radio:not(checked) + label {
      position: relative;
      padding: 0 0 0 35px; }
      @media screen and (max-width: 767px) {
        #page[data-page-id='page-join-us'] .radio-custom .radio:not(checked) + label,
        #page[data-page-id='page-give-now'] .radio-custom .radio:not(checked) + label,
        #page[data-page-id='page-host'] .radio-custom .radio:not(checked) + label,
        #page[data-page-id='page-business-model'] .radio-custom .radio:not(checked) + label,
        #page[data-page-id='page-cabi-girls'] .radio-custom .radio:not(checked) + label,
        #page[data-page-id='page-how-cabi-supports-you'] .radio-custom .radio:not(checked) + label {
          font-size: 12px !important; } }
    #page[data-page-id='page-join-us'] .radio-custom .radio:not(checked) + label:before,
    #page[data-page-id='page-give-now'] .radio-custom .radio:not(checked) + label:before,
    #page[data-page-id='page-host'] .radio-custom .radio:not(checked) + label:before,
    #page[data-page-id='page-business-model'] .radio-custom .radio:not(checked) + label:before,
    #page[data-page-id='page-cabi-girls'] .radio-custom .radio:not(checked) + label:before,
    #page[data-page-id='page-how-cabi-supports-you'] .radio-custom .radio:not(checked) + label:before {
      content: '';
      position: absolute;
      top: -3px;
      left: 0;
      width: 23px;
      height: 23px;
      border-radius: 50%;
      background: #f5f5f5; }
    #page[data-page-id='page-join-us'] .radio-custom .radio:not(checked) + label:after,
    #page[data-page-id='page-give-now'] .radio-custom .radio:not(checked) + label:after,
    #page[data-page-id='page-host'] .radio-custom .radio:not(checked) + label:after,
    #page[data-page-id='page-business-model'] .radio-custom .radio:not(checked) + label:after,
    #page[data-page-id='page-cabi-girls'] .radio-custom .radio:not(checked) + label:after,
    #page[data-page-id='page-how-cabi-supports-you'] .radio-custom .radio:not(checked) + label:after {
      content: '';
      position: absolute;
      top: 5px;
      left: 8px;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #000;
      opacity: 0;
      transition: all .2s; }
    #page[data-page-id='page-join-us'] .radio-custom .radio:checked + label:after,
    #page[data-page-id='page-give-now'] .radio-custom .radio:checked + label:after,
    #page[data-page-id='page-host'] .radio-custom .radio:checked + label:after,
    #page[data-page-id='page-business-model'] .radio-custom .radio:checked + label:after,
    #page[data-page-id='page-cabi-girls'] .radio-custom .radio:checked + label:after,
    #page[data-page-id='page-how-cabi-supports-you'] .radio-custom .radio:checked + label:after {
      opacity: 1; }
  #page[data-page-id='page-join-us'] .page-header .intro,
  #page[data-page-id='page-join-us'] .page-header .container,
  #page[data-page-id='page-give-now'] .page-header .intro,
  #page[data-page-id='page-give-now'] .page-header .container,
  #page[data-page-id='page-host'] .page-header .intro,
  #page[data-page-id='page-host'] .page-header .container,
  #page[data-page-id='page-business-model'] .page-header .intro,
  #page[data-page-id='page-business-model'] .page-header .container,
  #page[data-page-id='page-cabi-girls'] .page-header .intro,
  #page[data-page-id='page-cabi-girls'] .page-header .container,
  #page[data-page-id='page-how-cabi-supports-you'] .page-header .intro,
  #page[data-page-id='page-how-cabi-supports-you'] .page-header .container {
    height: 100%; }
  #page[data-page-id='page-join-us'] .page-header .intro .box,
  #page[data-page-id='page-give-now'] .page-header .intro .box,
  #page[data-page-id='page-host'] .page-header .intro .box,
  #page[data-page-id='page-business-model'] .page-header .intro .box,
  #page[data-page-id='page-cabi-girls'] .page-header .intro .box,
  #page[data-page-id='page-how-cabi-supports-you'] .page-header .intro .box {
    float: left;
    width: 50%;
    height: 100%; }
  #page[data-page-id='page-join-us'] .page-header .header-content,
  #page[data-page-id='page-join-us'] .page-header .video-wrapper,
  #page[data-page-id='page-give-now'] .page-header .header-content,
  #page[data-page-id='page-give-now'] .page-header .video-wrapper,
  #page[data-page-id='page-host'] .page-header .header-content,
  #page[data-page-id='page-host'] .page-header .video-wrapper,
  #page[data-page-id='page-business-model'] .page-header .header-content,
  #page[data-page-id='page-business-model'] .page-header .video-wrapper,
  #page[data-page-id='page-cabi-girls'] .page-header .header-content,
  #page[data-page-id='page-cabi-girls'] .page-header .video-wrapper,
  #page[data-page-id='page-how-cabi-supports-you'] .page-header .header-content,
  #page[data-page-id='page-how-cabi-supports-you'] .page-header .video-wrapper {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 50%; }
  #page[data-page-id='page-join-us'] .header-content,
  #page[data-page-id='page-give-now'] .header-content,
  #page[data-page-id='page-host'] .header-content,
  #page[data-page-id='page-business-model'] .header-content,
  #page[data-page-id='page-cabi-girls'] .header-content,
  #page[data-page-id='page-how-cabi-supports-you'] .header-content {
    color: #fff;
    padding-right: 50px; }
  #page[data-page-id='page-join-us'] .video-wrapper,
  #page[data-page-id='page-give-now'] .video-wrapper,
  #page[data-page-id='page-host'] .video-wrapper,
  #page[data-page-id='page-business-model'] .video-wrapper,
  #page[data-page-id='page-cabi-girls'] .video-wrapper,
  #page[data-page-id='page-how-cabi-supports-you'] .video-wrapper {
    border: 10px solid #c8c5bf;
    display: block; }
    #page[data-page-id='page-join-us'] .video-wrapper a,
    #page[data-page-id='page-give-now'] .video-wrapper a,
    #page[data-page-id='page-host'] .video-wrapper a,
    #page[data-page-id='page-business-model'] .video-wrapper a,
    #page[data-page-id='page-cabi-girls'] .video-wrapper a,
    #page[data-page-id='page-how-cabi-supports-you'] .video-wrapper a {
      display: block;
      position: relative; }
    #page[data-page-id='page-join-us'] .video-wrapper .icon-play,
    #page[data-page-id='page-give-now'] .video-wrapper .icon-play,
    #page[data-page-id='page-host'] .video-wrapper .icon-play,
    #page[data-page-id='page-business-model'] .video-wrapper .icon-play,
    #page[data-page-id='page-cabi-girls'] .video-wrapper .icon-play,
    #page[data-page-id='page-how-cabi-supports-you'] .video-wrapper .icon-play {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 48px;
      height: 48px;
      background: url(../images/global/btn-play.svg) no-repeat;
      background-size: 48px 48px;
      margin: -24px 0 0 -24px; }
    #page[data-page-id='page-join-us'] .video-wrapper .cover,
    #page[data-page-id='page-give-now'] .video-wrapper .cover,
    #page[data-page-id='page-host'] .video-wrapper .cover,
    #page[data-page-id='page-business-model'] .video-wrapper .cover,
    #page[data-page-id='page-cabi-girls'] .video-wrapper .cover,
    #page[data-page-id='page-how-cabi-supports-you'] .video-wrapper .cover {
      vertical-align: top;
      max-width: 100%;
      height: auto; }
  #page[data-page-id='page-join-us'] .section-video__medium,
  #page[data-page-id='page-give-now'] .section-video__medium,
  #page[data-page-id='page-host'] .section-video__medium,
  #page[data-page-id='page-business-model'] .section-video__medium,
  #page[data-page-id='page-cabi-girls'] .section-video__medium,
  #page[data-page-id='page-how-cabi-supports-you'] .section-video__medium {
    background: #f6f6f6 url(../images/cabi-girls/cabi-girls-2.jpg) 50% 50% no-repeat;
    background-size: auto 100%;
    height: 345px; }
    @media screen and (min-width: 1000px) {
      #page[data-page-id='page-join-us'] .section-video__medium,
      #page[data-page-id='page-give-now'] .section-video__medium,
      #page[data-page-id='page-host'] .section-video__medium,
      #page[data-page-id='page-business-model'] .section-video__medium,
      #page[data-page-id='page-cabi-girls'] .section-video__medium,
      #page[data-page-id='page-how-cabi-supports-you'] .section-video__medium {
        height: 465px; } }
    #page[data-page-id='page-join-us'] .section-video__medium .container,
    #page[data-page-id='page-give-now'] .section-video__medium .container,
    #page[data-page-id='page-host'] .section-video__medium .container,
    #page[data-page-id='page-business-model'] .section-video__medium .container,
    #page[data-page-id='page-cabi-girls'] .section-video__medium .container,
    #page[data-page-id='page-how-cabi-supports-you'] .section-video__medium .container {
      height: 100%;
      padding: 0 40px;
      position: relative; }
    #page[data-page-id='page-join-us'] .section-video__medium .box,
    #page[data-page-id='page-give-now'] .section-video__medium .box,
    #page[data-page-id='page-host'] .section-video__medium .box,
    #page[data-page-id='page-business-model'] .section-video__medium .box,
    #page[data-page-id='page-cabi-girls'] .section-video__medium .box,
    #page[data-page-id='page-how-cabi-supports-you'] .section-video__medium .box {
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      position: relative;
      top: 50%;
      width: 50%;
      padding-left: 45px; }
    #page[data-page-id='page-join-us'] .section-video__medium .headline,
    #page[data-page-id='page-give-now'] .section-video__medium .headline,
    #page[data-page-id='page-host'] .section-video__medium .headline,
    #page[data-page-id='page-business-model'] .section-video__medium .headline,
    #page[data-page-id='page-cabi-girls'] .section-video__medium .headline,
    #page[data-page-id='page-how-cabi-supports-you'] .section-video__medium .headline {
      font-size: 55px;
      margin-bottom: 20px;
      letter-spacing: 0.06em;
      line-height: 1em;
      display: block;
      color: #000; }
    #page[data-page-id='page-join-us'] .section-video__medium .description p,
    #page[data-page-id='page-give-now'] .section-video__medium .description p,
    #page[data-page-id='page-host'] .section-video__medium .description p,
    #page[data-page-id='page-business-model'] .section-video__medium .description p,
    #page[data-page-id='page-cabi-girls'] .section-video__medium .description p,
    #page[data-page-id='page-how-cabi-supports-you'] .section-video__medium .description p {
      font-size: 19px;
      letter-spacing: 0.002em;
      line-height: 1.5;
      color: #000; }
    #page[data-page-id='page-join-us'] .section-video__medium .section-video__hide,
    #page[data-page-id='page-give-now'] .section-video__medium .section-video__hide,
    #page[data-page-id='page-host'] .section-video__medium .section-video__hide,
    #page[data-page-id='page-business-model'] .section-video__medium .section-video__hide,
    #page[data-page-id='page-cabi-girls'] .section-video__medium .section-video__hide,
    #page[data-page-id='page-how-cabi-supports-you'] .section-video__medium .section-video__hide {
      height: 100%;
      width: 100%;
      display: none; }
      #page[data-page-id='page-join-us'] .section-video__medium .section-video__hide iframe,
      #page[data-page-id='page-give-now'] .section-video__medium .section-video__hide iframe,
      #page[data-page-id='page-host'] .section-video__medium .section-video__hide iframe,
      #page[data-page-id='page-business-model'] .section-video__medium .section-video__hide iframe,
      #page[data-page-id='page-cabi-girls'] .section-video__medium .section-video__hide iframe,
      #page[data-page-id='page-how-cabi-supports-you'] .section-video__medium .section-video__hide iframe {
        width: 100%;
        height: 100%;
        border: 0;
        display: block; }
    #page[data-page-id='page-join-us'] .section-video__medium .play,
    #page[data-page-id='page-give-now'] .section-video__medium .play,
    #page[data-page-id='page-host'] .section-video__medium .play,
    #page[data-page-id='page-business-model'] .section-video__medium .play,
    #page[data-page-id='page-cabi-girls'] .section-video__medium .play,
    #page[data-page-id='page-how-cabi-supports-you'] .section-video__medium .play {
      position: absolute;
      top: 50%;
      right: 6%;
      width: 65px;
      height: 65px;
      margin: -32px 250px 0 0; }
      @media screen and (min-width: 1000px) {
        #page[data-page-id='page-join-us'] .section-video__medium .play,
        #page[data-page-id='page-give-now'] .section-video__medium .play,
        #page[data-page-id='page-host'] .section-video__medium .play,
        #page[data-page-id='page-business-model'] .section-video__medium .play,
        #page[data-page-id='page-cabi-girls'] .section-video__medium .play,
        #page[data-page-id='page-how-cabi-supports-you'] .section-video__medium .play {
          right: 0; } }
      #page[data-page-id='page-join-us'] .section-video__medium .play .icon-play,
      #page[data-page-id='page-give-now'] .section-video__medium .play .icon-play,
      #page[data-page-id='page-host'] .section-video__medium .play .icon-play,
      #page[data-page-id='page-business-model'] .section-video__medium .play .icon-play,
      #page[data-page-id='page-cabi-girls'] .section-video__medium .play .icon-play,
      #page[data-page-id='page-how-cabi-supports-you'] .section-video__medium .play .icon-play {
        width: 65px;
        height: 65px;
        background: url(../images/join-us/btn-play.svg) no-repeat;
        background-size: 100%;
        display: block; }
  @media screen and (max-width: 1000px) {
    #page[data-page-id='page-join-us'] .page-header .header-content .h1,
    #page[data-page-id='page-give-now'] .page-header .header-content .h1,
    #page[data-page-id='page-host'] .page-header .header-content .h1,
    #page[data-page-id='page-business-model'] .page-header .header-content .h1,
    #page[data-page-id='page-cabi-girls'] .page-header .header-content .h1,
    #page[data-page-id='page-how-cabi-supports-you'] .page-header .header-content .h1 {
      font-size: 50px; }
    #page[data-page-id='page-join-us'] .section-video__medium .container,
    #page[data-page-id='page-give-now'] .section-video__medium .container,
    #page[data-page-id='page-host'] .section-video__medium .container,
    #page[data-page-id='page-business-model'] .section-video__medium .container,
    #page[data-page-id='page-cabi-girls'] .section-video__medium .container,
    #page[data-page-id='page-how-cabi-supports-you'] .section-video__medium .container {
      padding: 0; }
    #page[data-page-id='page-join-us'] .section-video__medium .play,
    #page[data-page-id='page-give-now'] .section-video__medium .play,
    #page[data-page-id='page-host'] .section-video__medium .play,
    #page[data-page-id='page-business-model'] .section-video__medium .play,
    #page[data-page-id='page-cabi-girls'] .section-video__medium .play,
    #page[data-page-id='page-how-cabi-supports-you'] .section-video__medium .play {
      margin: -32px 120px 0 0; } }
  @media (max-width: 767px) {
    #page[data-page-id='page-join-us'] .section-video__medium,
    #page[data-page-id='page-give-now'] .section-video__medium,
    #page[data-page-id='page-host'] .section-video__medium,
    #page[data-page-id='page-business-model'] .section-video__medium,
    #page[data-page-id='page-cabi-girls'] .section-video__medium,
    #page[data-page-id='page-how-cabi-supports-you'] .section-video__medium {
      background: #fff url(../images/global/video-medium-mobile.jpg) 50% 0 no-repeat;
      height: auto; }
      #page[data-page-id='page-join-us'] .section-video__medium .container,
      #page[data-page-id='page-give-now'] .section-video__medium .container,
      #page[data-page-id='page-host'] .section-video__medium .container,
      #page[data-page-id='page-business-model'] .section-video__medium .container,
      #page[data-page-id='page-cabi-girls'] .section-video__medium .container,
      #page[data-page-id='page-how-cabi-supports-you'] .section-video__medium .container {
        padding: 235px 0 0 0; }
      #page[data-page-id='page-join-us'] .section-video__medium .box,
      #page[data-page-id='page-give-now'] .section-video__medium .box,
      #page[data-page-id='page-host'] .section-video__medium .box,
      #page[data-page-id='page-business-model'] .section-video__medium .box,
      #page[data-page-id='page-cabi-girls'] .section-video__medium .box,
      #page[data-page-id='page-how-cabi-supports-you'] .section-video__medium .box {
        position: static;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
        top: 0;
        width: 100%;
        text-align: center;
        background: #f7f4f0;
        padding: 30px 20px 25px; }
      #page[data-page-id='page-join-us'] .section-video__medium .headline,
      #page[data-page-id='page-give-now'] .section-video__medium .headline,
      #page[data-page-id='page-host'] .section-video__medium .headline,
      #page[data-page-id='page-business-model'] .section-video__medium .headline,
      #page[data-page-id='page-cabi-girls'] .section-video__medium .headline,
      #page[data-page-id='page-how-cabi-supports-you'] .section-video__medium .headline {
        font-size: 45px;
        margin-bottom: 10px; }
      #page[data-page-id='page-join-us'] .section-video__medium .description p,
      #page[data-page-id='page-give-now'] .section-video__medium .description p,
      #page[data-page-id='page-host'] .section-video__medium .description p,
      #page[data-page-id='page-business-model'] .section-video__medium .description p,
      #page[data-page-id='page-cabi-girls'] .section-video__medium .description p,
      #page[data-page-id='page-how-cabi-supports-you'] .section-video__medium .description p {
        font-size: 12px;
        line-height: 18px; }
      #page[data-page-id='page-join-us'] .section-video__medium .play,
      #page[data-page-id='page-give-now'] .section-video__medium .play,
      #page[data-page-id='page-host'] .section-video__medium .play,
      #page[data-page-id='page-business-model'] .section-video__medium .play,
      #page[data-page-id='page-cabi-girls'] .section-video__medium .play,
      #page[data-page-id='page-how-cabi-supports-you'] .section-video__medium .play {
        width: 33px;
        height: 33px;
        margin: 0 0 0 -16px;
        top: 100px;
        left: 50%; }
        #page[data-page-id='page-join-us'] .section-video__medium .play .icon-play,
        #page[data-page-id='page-give-now'] .section-video__medium .play .icon-play,
        #page[data-page-id='page-host'] .section-video__medium .play .icon-play,
        #page[data-page-id='page-business-model'] .section-video__medium .play .icon-play,
        #page[data-page-id='page-cabi-girls'] .section-video__medium .play .icon-play,
        #page[data-page-id='page-how-cabi-supports-you'] .section-video__medium .play .icon-play {
          width: 33px;
          height: 33px; }
    #page[data-page-id='page-join-us'] .form-style .mb15,
    #page[data-page-id='page-give-now'] .form-style .mb15,
    #page[data-page-id='page-host'] .form-style .mb15,
    #page[data-page-id='page-business-model'] .form-style .mb15,
    #page[data-page-id='page-cabi-girls'] .form-style .mb15,
    #page[data-page-id='page-how-cabi-supports-you'] .form-style .mb15 {
      margin-bottom: 5px; }
    #page[data-page-id='page-join-us'] .form-style .elements-group,
    #page[data-page-id='page-give-now'] .form-style .elements-group,
    #page[data-page-id='page-host'] .form-style .elements-group,
    #page[data-page-id='page-business-model'] .form-style .elements-group,
    #page[data-page-id='page-cabi-girls'] .form-style .elements-group,
    #page[data-page-id='page-how-cabi-supports-you'] .form-style .elements-group {
      margin: 10px 0; }
    #page[data-page-id='page-join-us'] .radio-custom,
    #page[data-page-id='page-join-us'] .checkbox-custom,
    #page[data-page-id='page-give-now'] .radio-custom,
    #page[data-page-id='page-give-now'] .checkbox-custom,
    #page[data-page-id='page-host'] .radio-custom,
    #page[data-page-id='page-host'] .checkbox-custom,
    #page[data-page-id='page-business-model'] .radio-custom,
    #page[data-page-id='page-business-model'] .checkbox-custom,
    #page[data-page-id='page-cabi-girls'] .radio-custom,
    #page[data-page-id='page-cabi-girls'] .checkbox-custom,
    #page[data-page-id='page-how-cabi-supports-you'] .radio-custom,
    #page[data-page-id='page-how-cabi-supports-you'] .checkbox-custom {
      font-size: 10px; }
    #page[data-page-id='page-join-us'] input[type="text"].form-element,
    #page[data-page-id='page-join-us'] input[type="email"].form-element,
    #page[data-page-id='page-join-us'] input[type="password"].form-element,
    #page[data-page-id='page-give-now'] input[type="text"].form-element,
    #page[data-page-id='page-give-now'] input[type="email"].form-element,
    #page[data-page-id='page-give-now'] input[type="password"].form-element,
    #page[data-page-id='page-host'] input[type="text"].form-element,
    #page[data-page-id='page-host'] input[type="email"].form-element,
    #page[data-page-id='page-host'] input[type="password"].form-element,
    #page[data-page-id='page-business-model'] input[type="text"].form-element,
    #page[data-page-id='page-business-model'] input[type="email"].form-element,
    #page[data-page-id='page-business-model'] input[type="password"].form-element,
    #page[data-page-id='page-cabi-girls'] input[type="text"].form-element,
    #page[data-page-id='page-cabi-girls'] input[type="email"].form-element,
    #page[data-page-id='page-cabi-girls'] input[type="password"].form-element,
    #page[data-page-id='page-how-cabi-supports-you'] input[type="text"].form-element,
    #page[data-page-id='page-how-cabi-supports-you'] input[type="email"].form-element,
    #page[data-page-id='page-how-cabi-supports-you'] input[type="password"].form-element {
      height: 30px;
      padding: 0 10px;
      width: 100%;
      min-width: 100%; }
    #page[data-page-id='page-join-us'] .form-style .label,
    #page[data-page-id='page-give-now'] .form-style .label,
    #page[data-page-id='page-host'] .form-style .label,
    #page[data-page-id='page-business-model'] .form-style .label,
    #page[data-page-id='page-cabi-girls'] .form-style .label,
    #page[data-page-id='page-how-cabi-supports-you'] .form-style .label {
      display: block;
      margin: 0 0 5px 0;
      font-size: 15px; }
    #page[data-page-id='page-join-us'] .form-style hr,
    #page[data-page-id='page-give-now'] .form-style hr,
    #page[data-page-id='page-host'] .form-style hr,
    #page[data-page-id='page-business-model'] .form-style hr,
    #page[data-page-id='page-cabi-girls'] .form-style hr,
    #page[data-page-id='page-how-cabi-supports-you'] .form-style hr {
      display: none; }
    #page[data-page-id='page-join-us'] .form-style .row,
    #page[data-page-id='page-give-now'] .form-style .row,
    #page[data-page-id='page-host'] .form-style .row,
    #page[data-page-id='page-business-model'] .form-style .row,
    #page[data-page-id='page-cabi-girls'] .form-style .row,
    #page[data-page-id='page-how-cabi-supports-you'] .form-style .row {
      padding: 0;
      margin-bottom: 15px; }
    #page[data-page-id='page-join-us'] .page-header,
    #page[data-page-id='page-give-now'] .page-header,
    #page[data-page-id='page-host'] .page-header,
    #page[data-page-id='page-business-model'] .page-header,
    #page[data-page-id='page-cabi-girls'] .page-header,
    #page[data-page-id='page-how-cabi-supports-you'] .page-header {
      background-size: cover; }
    #page[data-page-id='page-join-us'] .video-wrapper a,
    #page[data-page-id='page-give-now'] .video-wrapper a,
    #page[data-page-id='page-host'] .video-wrapper a,
    #page[data-page-id='page-business-model'] .video-wrapper a,
    #page[data-page-id='page-cabi-girls'] .video-wrapper a,
    #page[data-page-id='page-how-cabi-supports-you'] .video-wrapper a {
      display: block; }
    #page[data-page-id='page-join-us'] .video-wrapper .icon-play,
    #page[data-page-id='page-give-now'] .video-wrapper .icon-play,
    #page[data-page-id='page-host'] .video-wrapper .icon-play,
    #page[data-page-id='page-business-model'] .video-wrapper .icon-play,
    #page[data-page-id='page-cabi-girls'] .video-wrapper .icon-play,
    #page[data-page-id='page-how-cabi-supports-you'] .video-wrapper .icon-play {
      position: static;
      width: 42px;
      display: block;
      height: 42px;
      margin: 0;
      background: url(../images/global/btn-play.svg) no-repeat;
      background-size: 42px 42px; }
    #page[data-page-id='page-join-us'] .video-wrapper .cover,
    #page[data-page-id='page-give-now'] .video-wrapper .cover,
    #page[data-page-id='page-host'] .video-wrapper .cover,
    #page[data-page-id='page-business-model'] .video-wrapper .cover,
    #page[data-page-id='page-cabi-girls'] .video-wrapper .cover,
    #page[data-page-id='page-how-cabi-supports-you'] .video-wrapper .cover {
      display: none; }
    #page[data-page-id='page-join-us'] .page-header .video-wrapper,
    #page[data-page-id='page-join-us'] .page-header .header-content,
    #page[data-page-id='page-give-now'] .page-header .video-wrapper,
    #page[data-page-id='page-give-now'] .page-header .header-content,
    #page[data-page-id='page-host'] .page-header .video-wrapper,
    #page[data-page-id='page-host'] .page-header .header-content,
    #page[data-page-id='page-business-model'] .page-header .video-wrapper,
    #page[data-page-id='page-business-model'] .page-header .header-content,
    #page[data-page-id='page-cabi-girls'] .page-header .video-wrapper,
    #page[data-page-id='page-cabi-girls'] .page-header .header-content,
    #page[data-page-id='page-how-cabi-supports-you'] .page-header .video-wrapper,
    #page[data-page-id='page-how-cabi-supports-you'] .page-header .header-content {
      position: static;
      top: auto;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
    #page[data-page-id='page-join-us'] .page-header .intro .box,
    #page[data-page-id='page-give-now'] .page-header .intro .box,
    #page[data-page-id='page-host'] .page-header .intro .box,
    #page[data-page-id='page-business-model'] .page-header .intro .box,
    #page[data-page-id='page-cabi-girls'] .page-header .intro .box,
    #page[data-page-id='page-how-cabi-supports-you'] .page-header .intro .box {
      display: block;
      height: auto;
      padding-bottom: 25px;
      width: 100%;
      float: none; }
    #page[data-page-id='page-join-us'] .page-header .header-content,
    #page[data-page-id='page-give-now'] .page-header .header-content,
    #page[data-page-id='page-host'] .page-header .header-content,
    #page[data-page-id='page-business-model'] .page-header .header-content,
    #page[data-page-id='page-cabi-girls'] .page-header .header-content,
    #page[data-page-id='page-how-cabi-supports-you'] .page-header .header-content {
      text-align: center;
      padding: 0; }
      #page[data-page-id='page-join-us'] .page-header .header-content .h1,
      #page[data-page-id='page-give-now'] .page-header .header-content .h1,
      #page[data-page-id='page-host'] .page-header .header-content .h1,
      #page[data-page-id='page-business-model'] .page-header .header-content .h1,
      #page[data-page-id='page-cabi-girls'] .page-header .header-content .h1,
      #page[data-page-id='page-how-cabi-supports-you'] .page-header .header-content .h1 {
        font-size: 40px;
        margin-bottom: 15px; }
    #page[data-page-id='page-join-us'] .page-header__video,
    #page[data-page-id='page-give-now'] .page-header__video,
    #page[data-page-id='page-host'] .page-header__video,
    #page[data-page-id='page-business-model'] .page-header__video,
    #page[data-page-id='page-cabi-girls'] .page-header__video,
    #page[data-page-id='page-how-cabi-supports-you'] .page-header__video {
      height: 100%;
      text-align: center; }
      #page[data-page-id='page-join-us'] .page-header__video .intro,
      #page[data-page-id='page-give-now'] .page-header__video .intro,
      #page[data-page-id='page-host'] .page-header__video .intro,
      #page[data-page-id='page-business-model'] .page-header__video .intro,
      #page[data-page-id='page-cabi-girls'] .page-header__video .intro,
      #page[data-page-id='page-how-cabi-supports-you'] .page-header__video .intro {
        display: block;
        padding: 0;
        position: relative;
        top: 50%;
        height: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
    #page[data-page-id='page-join-us'] .video-wrapper,
    #page[data-page-id='page-give-now'] .video-wrapper,
    #page[data-page-id='page-host'] .video-wrapper,
    #page[data-page-id='page-business-model'] .video-wrapper,
    #page[data-page-id='page-cabi-girls'] .video-wrapper,
    #page[data-page-id='page-how-cabi-supports-you'] .video-wrapper {
      border: none;
      display: inline-block; } }

.look-book-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 45%; }
  .look-book-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 1440px; }

#page[data-page="lookbook"], #page[data-page="thenotion"] {
  min-height: 600px;
  background: #F7F4F0; }
  #page[data-page="lookbook"] #lookbook-header, #page[data-page="thenotion"] #lookbook-header {
    text-align: center; }
    #page[data-page="lookbook"] #lookbook-header .h1, #page[data-page="thenotion"] #lookbook-header .h1 {
      width: 100%;
      max-width: 400px;
      display: block;
      margin: 0 auto 30px; }
    #page[data-page="lookbook"] #lookbook-header h4, #page[data-page="thenotion"] #lookbook-header h4 {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 400;
      font-style: italic;
      font-size: 3em;
      line-height: 100%;
      margin-bottom: -5px; }
    #page[data-page="lookbook"] #lookbook-header h2, #page[data-page="thenotion"] #lookbook-header h2 {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 400;
      font-style: normal;
      font-size: 5em;
      line-height: 100%;
      text-transform: uppercase;
      margin-bottom: 15px; }
    #page[data-page="lookbook"] #lookbook-header .btn, #page[data-page="thenotion"] #lookbook-header .btn {
      margin: 25px 0px; }
    #page[data-page="lookbook"] #lookbook-header p, #page[data-page="thenotion"] #lookbook-header p {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      max-width: 700px;
      padding: 5px 20px;
      margin: 0 auto; }
      #page[data-page="lookbook"] #lookbook-header p strong, #page[data-page="thenotion"] #lookbook-header p strong {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 800;
        font-style: normal; }
    #page[data-page="lookbook"] #lookbook-header [data-font="italics"], #page[data-page="thenotion"] #lookbook-header [data-font="italics"] {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 400;
      font-style: italic;
      font-size: 1em;
      margin-bottom: 20px; }
  #page[data-page="lookbook"] #gate p, #page[data-page="thenotion"] #gate p {
    margin: 25px auto; }
  #page[data-page="lookbook"] #gate .btn, #page[data-page="thenotion"] #gate .btn {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 700;
    font-style: normal;
    width: 225px; }
  #page[data-page="lookbook"] #gate form input, #page[data-page="thenotion"] #gate form input {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 600;
    font-style: normal;
    color: #000;
    border: 1px solid #AAA; }
  #page[data-page="lookbook"] #gate form input, #page[data-page="thenotion"] #gate form input {
    display: block;
    width: 250px;
    margin: 0 auto;
    text-align: center;
    height: 40px; }
  #page[data-page="lookbook"] hr, #page[data-page="thenotion"] hr {
    border: none;
    height: 1px;
    background: #000;
    width: 900px;
    margin: 20px auto; }
  #page[data-page="lookbook"] #gate2, #page[data-page="thenotion"] #gate2 {
    display: none; }
    #page[data-page="lookbook"] #gate2 form p, #page[data-page="thenotion"] #gate2 form p {
      margin: 30px auto 10px; }
    #page[data-page="lookbook"] #gate2 form input, #page[data-page="thenotion"] #gate2 form input {
      display: block;
      width: 300px;
      height: 40px;
      margin: 0 auto; }
    #page[data-page="lookbook"] #gate2 form .btn, #page[data-page="thenotion"] #gate2 form .btn {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 700;
      font-style: normal;
      width: 225px; }
  #page[data-page="lookbook"] #divided-half, #page[data-page="thenotion"] #divided-half {
    width: 100%;
    max-width: 300px;
    position: relative;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      #page[data-page="lookbook"] #divided-half, #page[data-page="thenotion"] #divided-half {
        max-width: 700px; } }
    #page[data-page="lookbook"] #divided-half h4, #page[data-page="thenotion"] #divided-half h4 {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 400;
      font-style: italic;
      margin: 30px 0px;
      text-transform: uppercase;
      font-size: 1.3em; }
    #page[data-page="lookbook"] #divided-half > div, #page[data-page="thenotion"] #divided-half > div {
      width: 100%;
      margin-right: -1%;
      padding-right: 5%;
      padding-bottom: 10px; }
      @media screen and (min-width: 768px) {
        #page[data-page="lookbook"] #divided-half > div, #page[data-page="thenotion"] #divided-half > div {
          width: 50%;
          display: inline-block;
          vertical-align: top; }
          #page[data-page="lookbook"] #divided-half > div:first-of-type, #page[data-page="thenotion"] #divided-half > div:first-of-type {
            border-right: 1px solid black; } }
      #page[data-page="lookbook"] #divided-half > div:last-of-type, #page[data-page="thenotion"] #divided-half > div:last-of-type {
        display: none;
        padding-right: 0%;
        padding-left: 5%; }
        @media screen and (min-width: 768px) {
          #page[data-page="lookbook"] #divided-half > div:last-of-type, #page[data-page="thenotion"] #divided-half > div:last-of-type {
            display: inline-block; } }
      #page[data-page="lookbook"] #divided-half > div ul, #page[data-page="thenotion"] #divided-half > div ul {
        list-style: none; }
        #page[data-page="lookbook"] #divided-half > div ul li, #page[data-page="thenotion"] #divided-half > div ul li {
          display: table-row;
          height: 65px; }
          #page[data-page="lookbook"] #divided-half > div ul li.only-tablet-up, #page[data-page="thenotion"] #divided-half > div ul li.only-tablet-up {
            display: none; }
            @media screen and (min-width: 768px) {
              #page[data-page="lookbook"] #divided-half > div ul li.only-tablet-up, #page[data-page="thenotion"] #divided-half > div ul li.only-tablet-up {
                display: table-row; } }
          #page[data-page="lookbook"] #divided-half > div ul li div, #page[data-page="thenotion"] #divided-half > div ul li div {
            display: table-cell;
            vertical-align: middle;
            text-transform: uppercase; }
            #page[data-page="lookbook"] #divided-half > div ul li div:first-of-type, #page[data-page="thenotion"] #divided-half > div ul li div:first-of-type {
              width: 30%;
              max-width: 40px; }
            #page[data-page="lookbook"] #divided-half > div ul li div:last-of-type, #page[data-page="thenotion"] #divided-half > div ul li div:last-of-type {
              font-family: 'Montserrat';
              font-size: 10px; }
            #page[data-page="lookbook"] #divided-half > div ul li div i, #page[data-page="thenotion"] #divided-half > div ul li div i {
              font-size: 50px; }
              #page[data-page="lookbook"] #divided-half > div ul li div i:only-child, #page[data-page="thenotion"] #divided-half > div ul li div i:only-child {
                position: relative;
                left: 17px; }
              #page[data-page="lookbook"] #divided-half > div ul li div i.fa-plus-square, #page[data-page="thenotion"] #divided-half > div ul li div i.fa-plus-square {
                font-size: 30px;
                left: 29px; }
              #page[data-page="lookbook"] #divided-half > div ul li div i:first-of-type, #page[data-page="thenotion"] #divided-half > div ul li div i:first-of-type {
                margin-right: -25px; }
            #page[data-page="lookbook"] #divided-half > div ul li div .key, #page[data-page="thenotion"] #divided-half > div ul li div .key {
              border: 1px solid #333;
              display: inline-block;
              height: 50px;
              width: 50px;
              text-align: center;
              padding-top: 15px; }
              #page[data-page="lookbook"] #divided-half > div ul li div .key:first-of-type, #page[data-page="thenotion"] #divided-half > div ul li div .key:first-of-type {
                padding-top: 15px; }
              #page[data-page="lookbook"] #divided-half > div ul li div .key i, #page[data-page="thenotion"] #divided-half > div ul li div .key i {
                left: initial;
                top: -7px;
                margin-right: initial;
                font-size: 33px; }
      #page[data-page="lookbook"] #divided-half > div:last-of-type ul li div:first-of-type, #page[data-page="thenotion"] #divided-half > div:last-of-type ul li div:first-of-type {
        width: 120px; }

.shipping-returns__title {
  padding: 0.5em 0; }

.combined-terms__title {
  padding: 0.5em 0; }
  @media screen and (max-width: 767px) {
    .combined-terms__title {
      font-size: 40px; } }

.SMT__main {
  display: inline-block !important; }
  .SMT__main--shipping-returns, .SMT__main--combined-terms {
    display: inline-block;
    margin: 0 !important;
    width: 100% !important; }
    @media screen and (min-width: 1000px) {
      .SMT__main--shipping-returns, .SMT__main--combined-terms {
        width: 100% !important; } }
    .SMT__main--shipping-returns .SMT__section-title, .SMT__main--combined-terms .SMT__section-title {
      font-size: 1.25em; }
    .SMT__main--shipping-returns .SMT__section, .SMT__main--combined-terms .SMT__section {
      border-bottom: 1px solid #000; }

.SMT__section-header--shipping-returns {
  padding: 1em !important; }

.SMT__section-header--combined-terms {
  padding: 1em 0em !important; }
  @media screen and (min-width: 480px) {
    .SMT__section-header--combined-terms {
      padding: 1em !important; } }
  .SMT__section-header--combined-terms h2 {
    font-weight: 700;
    padding-right: 55px;
    line-height: 1.4; }

.SMT__section-body--shipping-returns {
  padding: 1em 0em 1em 0em !important; }
  @media screen and (min-width: 480px) {
    .SMT__section-body--shipping-returns {
      padding: 1em 2.5em 1em !important; } }

.SMT__section-body--combined-terms {
  padding: 0em 0em 1em 0em !important; }
  @media screen and (min-width: 480px) {
    .SMT__section-body--combined-terms {
      padding: 1em 1em !important; } }

.shipping-returns__topic {
  font-size: 1.5em; }

.shipping-returns__question {
  padding-top: 1em; }
  .shipping-returns__question--where {
    padding-top: 0; }

.shipping-returns__topic--mt-spacer {
  padding-top: 1.5em;
  clear: both; }

.entry-content ul.shipping-returns__list {
  margin-left: 1.25em; }
  .entry-content ul.shipping-returns__list li:not(:last-child) {
    margin-bottom: 0.75em; }

#page-shopping-faqs h6 {
  font-weight: 500; }

#page-shopping-faqs h4.h4-tspace {
  margin-top: 0.85em; }

.l-shopping-nightmare p {
  font-size: 1.1rem;
  line-height: 1.4; }

@media screen and (min-width: 768px) {
  .l-shopping-nightmare .mobile-only {
    display: none; } }

.l-shopping-nightmare__header {
  background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f18/shopping-nightmare/header-bg-mobile-2x.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #483E3A;
  background-size: cover; }
  @media screen and (min-width: 1000px) {
    .l-shopping-nightmare__header {
      background-position: top center;
      background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f18/shopping-nightmare/lg-video-header.jpg);
      background-size: initial; } }

.c-shopping-nightmare-header-content {
  text-align: center;
  padding: 2rem 0; }
  @media screen and (min-width: 1000px) {
    .c-shopping-nightmare-header-content {
      height: 675px;
      width: 550px;
      padding: 0;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; } }
  .c-shopping-nightmare-header-content .h1 {
    font-size: 10vw;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 2rem; }
    @media screen and (min-width: 1000px) {
      .c-shopping-nightmare-header-content .h1 {
        font-size: 4.375em; } }
  .c-shopping-nightmare-header-content .h2 {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 600;
    font-style: italic;
    line-height: 1.35;
    margin-bottom: 2rem; }
    @media screen and (min-width: 1000px) {
      .c-shopping-nightmare-header-content .h2 {
        font-size: 1.3rem;
        line-height: 1.55; } }
  .c-shopping-nightmare-header-content .thumbnail-wrapper {
    position: relative;
    display: none; }
    @media screen and (min-width: 1000px) {
      .c-shopping-nightmare-header-content .thumbnail-wrapper {
        display: block; } }
  .c-shopping-nightmare-header-content a {
    text-decoration: none; }
  .c-shopping-nightmare-header-content img, .c-shopping-nightmare-header-content video {
    display: inline-block;
    max-width: 380px;
    width: 100%;
    height: auto;
    border: 1px solid white; }
  .c-shopping-nightmare-header-content span {
    font-family: 'Montserrat';
    font-weight: 700;
    display: block;
    color: white; }
  .c-shopping-nightmare-header-content .btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 3em;
    margin: -48px 0 0 -32px;
    pointer-events: none; }
  .c-shopping-nightmare-header-content .thumbnail-wrapper:hover .btn-play {
    background-color: transparent; }
    .c-shopping-nightmare-header-content .thumbnail-wrapper:hover .btn-play:after {
      color: #ff99a8; }
  .c-shopping-nightmare-header-content .shopping-nightmare-mobile-video-wrapper {
    display: inline-block;
    height: 0;
    padding-top: 25px;
    padding-bottom: 213.75px;
    position: relative;
    max-width: 380px;
    width: 100%;
    border: 1px solid white; }
    @media screen and (max-width: 379px) {
      .c-shopping-nightmare-header-content .shopping-nightmare-mobile-video-wrapper {
        padding-bottom: 56.25%; } }
    @media screen and (min-width: 1000px) {
      .c-shopping-nightmare-header-content .shopping-nightmare-mobile-video-wrapper {
        display: none; } }
    .c-shopping-nightmare-header-content .shopping-nightmare-mobile-video-wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

@media screen and (max-width: 999px) {
  .l-shopping-nightmare__intro .container-extra-wide {
    max-width: none; } }

@media screen and (min-width: 1000px) {
  .l-shopping-nightmare__intro .container-extra-wide {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; } }

.c-shopping-nightmare-intro-content {
  background-color: #f5f5f5;
  text-align: center;
  padding: 60px 30px;
  margin: 0 -15px;
  position: relative; }
  @media screen and (max-width: 999px) {
    .c-shopping-nightmare-intro-content {
      padding-bottom: 155px; } }
  @media screen and (min-width: 1000px) {
    .c-shopping-nightmare-intro-content {
      padding: 60px;
      width: 42%;
      margin: 0; } }
  .c-shopping-nightmare-intro-content .note {
    position: absolute;
    bottom: 20px;
    font-size: .9rem;
    color: black; }
    @media screen and (max-width: 999px) {
      .c-shopping-nightmare-intro-content .note {
        display: none; } }
  .c-shopping-nightmare-intro-content .h2.archer-book-italic, .c-shopping-nightmare-intro-content .two-column-block__item.two-column-block__item_video p.h2, .two-column-block__item.two-column-block__item_video .c-shopping-nightmare-intro-content p.h2, .c-shopping-nightmare-intro-content .block-video .video-wrapper .video-wrapper-text h2.h2, .block-video .video-wrapper .video-wrapper-text .c-shopping-nightmare-intro-content h2.h2, .c-shopping-nightmare-intro-content .block-video .video-wrapper .video-wrapper-text p.h2, .block-video .video-wrapper .video-wrapper-text .c-shopping-nightmare-intro-content p.h2 {
    margin-bottom: 1rem; }
  .c-shopping-nightmare-intro-content .h1.archer-bold-italic.color-pink {
    margin-bottom: 2rem;
    font-size: 2.33em; }
    @media screen and (min-width: 1000px) {
      .c-shopping-nightmare-intro-content .h1.archer-bold-italic.color-pink {
        margin-left: -4rem;
        margin-right: -4rem; } }
    @media screen and (min-width: 1440px) {
      .c-shopping-nightmare-intro-content .h1.archer-bold-italic.color-pink {
        margin-left: auto;
        margin-right: auto; } }
  .c-shopping-nightmare-intro-content p {
    line-height: 1.5;
    margin-bottom: 2rem; }
  .c-shopping-nightmare-intro-content img.desktop-arrow {
    display: none; }
    @media screen and (min-width: 1000px) {
      .c-shopping-nightmare-intro-content img.desktop-arrow {
        display: block;
        width: 133%; } }
  .c-shopping-nightmare-intro-content img.mobile-arrow {
    display: block;
    position: absolute;
    top: 100%;
    width: 200px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: -135px;
    z-index: 1; }
    @media screen and (min-width: 1000px) {
      .c-shopping-nightmare-intro-content img.mobile-arrow {
        display: none; } }
  .c-shopping-nightmare-intro-content .btn-underline {
    font-size: 16px; }
  .c-shopping-nightmare-intro-content .ready {
    font-size: 1.73em;
    margin: 4rem 0 1rem;
    line-height: 1.3; }

.c-shopping-nightmare-intro-contest {
  padding: 60px 0;
  position: relative;
  text-align: center; }
  @media screen and (max-width: 999px) {
    .c-shopping-nightmare-intro-contest {
      padding-top: 155px; } }
  @media screen and (min-width: 1000px) {
    .c-shopping-nightmare-intro-contest {
      padding: 60px;
      width: 58%; } }
  .c-shopping-nightmare-intro-contest .note {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    font-size: .9rem;
    color: black; }
    @media screen and (min-width: 1000px) {
      .c-shopping-nightmare-intro-contest .note {
        display: none; } }
  .c-shopping-nightmare-intro-contest .h1 {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: italic;
    font-size: 2rem; }
    .c-shopping-nightmare-intro-contest .h1 .color-pink {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 800;
      font-style: normal;
      display: block;
      font-size: 2.33rem;
      margin: 1rem 0 2rem; }
  .c-shopping-nightmare-intro-contest p {
    margin-bottom: 2rem; }
    .c-shopping-nightmare-intro-contest p:last-child {
      margin-top: 2rem;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: italic;
      font-size: 1.5rem; }

.l-shopping-nightmare__bonus {
  padding: 60px 0;
  color: black;
  text-align: center; }
  @media screen and (min-width: 1000px) {
    .l-shopping-nightmare__bonus {
      padding: 60px; } }
  .l-shopping-nightmare__bonus--top {
    padding-bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%);
    background-color: #F6F2EF; }
    .l-shopping-nightmare__bonus--top:after {
      content: '';
      display: block;
      width: 100%;
      height: 430px;
      background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f18/shopping-nightmare/jewelry-model.png);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; }
      @media screen and (max-width: 480px) {
        .l-shopping-nightmare__bonus--top:after {
          height: 300px; } }
      @media screen and (min-width: 768px) {
        .l-shopping-nightmare__bonus--top:after {
          background-size: contain;
          height: 450px; } }
    @media screen and (min-width: 1000px) {
      .l-shopping-nightmare__bonus--top {
        padding: 60px 60px 0; } }
  .l-shopping-nightmare__bonus--bottom {
    background-color: #F6F2EF;
    padding-top: 30px; }
    @media screen and (min-width: 1000px) {
      .l-shopping-nightmare__bonus--bottom {
        padding: 20px 60px 60px; } }
  .l-shopping-nightmare__bonus .h1 {
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-size: 2.25rem;
    line-height: 1;
    margin-bottom: 1rem; }
  .l-shopping-nightmare__bonus .h2 {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: italic;
    font-size: 2rem;
    line-height: 1.5;
    max-width: 500px;
    margin: 0 auto 2rem auto; }
    .l-shopping-nightmare__bonus .h2--gray {
      color: #898684; }
  .l-shopping-nightmare__bonus .h3 {
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-size: 1.33rem; }
    .l-shopping-nightmare__bonus .h3--gray {
      color: #898684; }
    .l-shopping-nightmare__bonus .h3 strong {
      font-family: 'Montserrat';
      font-weight: 700; }
  .l-shopping-nightmare__bonus p {
    max-width: 50rem;
    margin: 0 auto; }
    .l-shopping-nightmare__bonus p.bonus-sweep-description {
      max-width: 620px;
      line-height: 1.5;
      color: #898684;
      margin-bottom: 30px;
      font-weight: 600; }

.l-shopping-nightmare__bonus .enter-instructions {
  margin-bottom: 4em; }

.l-shopping-nightmare__bonus .perks__thirds .perks__third, .l-shopping-nightmare__bonus .perks__thirds .perks__third:before, .l-shopping-nightmare__bonus .perks__thirds .perks__third:after {
  border-color: transparent; }
  @media screen and (min-width: 1000px) {
    .l-shopping-nightmare__bonus .perks__thirds .perks__third, .l-shopping-nightmare__bonus .perks__thirds .perks__third:before, .l-shopping-nightmare__bonus .perks__thirds .perks__third:after {
      border-color: black; } }

@media screen and (max-width: 999px) {
  .l-shopping-nightmare__bonus .perks__thirds .perks__third:before, .l-shopping-nightmare__bonus .perks__thirds .perks__third:after {
    content: none; } }

@media screen and (max-width: 999px) {
  .l-shopping-nightmare__bonus .perks__thirds .perks__third-wrapper:after {
    clear: both;
    content: "";
    display: table; } }

@media screen and (max-width: 999px) {
  .l-shopping-nightmare__bonus .perks__thirds .perks__third__content {
    display: block;
    padding: 0;
    padding-left: 80px; } }

@media screen and (min-width: 1000px) {
  .l-shopping-nightmare__bonus .perks__thirds .perks__third__content {
    height: 250px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; } }

.l-shopping-nightmare__bonus .perks__thirds .perks__third__content--context {
  margin: auto 0;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 500;
  text-align: left; }
  @media screen and (min-width: 1000px) {
    .l-shopping-nightmare__bonus .perks__thirds .perks__third__content--context {
      text-align: center; } }

.l-shopping-nightmare__bonus .perks__thirds .perks__third img {
  width: 60px; }
  @media screen and (max-width: 999px) {
    .l-shopping-nightmare__bonus .perks__thirds .perks__third img {
      position: static;
      float: left;
      top: auto;
      left: auto;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0);
      width: 40px;
      margin-left: 20px; }
      .l-shopping-nightmare__bonus .perks__thirds .perks__third img.tweet {
        width: 60px;
        margin-left: 0; } }

.how-to-enter-bar {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin: 30px 0 4rem; }
  @media screen and (min-width: 1000px) {
    .how-to-enter-bar {
      margin-top: 20px; } }
  @media screen and (max-width: 999px) {
    .how-to-enter-bar:before, .how-to-enter-bar:after {
      content: '';
      display: block;
      width: 100%;
      height: 2px;
      background-color: black; } }
  .how-to-enter-bar span {
    font-family: 'Montserrat';
    padding: 0 1rem;
    font-size: 1.33rem;
    text-transform: uppercase;
    font-weight: bold;
    white-space: nowrap;
    margin: 0 auto; }

.l-shopping-nightmare__feed {
  padding: 60px 0; }
  @media screen and (min-width: 1000px) {
    .l-shopping-nightmare__feed {
      padding: 60px; } }
  .l-shopping-nightmare__feed .h2 {
    line-height: 1.5;
    margin-bottom: 1rem; }

/* Variables
================================================= */
/* Mixins
================================================= */
/* Modernizr
================================================= */
/* Styles
================================================= */
.SMT__sidebar {
  display: none; }
  @media screen and (min-width: 1000px) {
    .SMT__sidebar {
      width: 23%;
      display: inline-block;
      vertical-align: top; } }
  .SMT__sidebar a {
    color: #45444c !important;
    font-size: 0.8em !important;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    text-transform: none !important;
    text-decoration: none; }
    .SMT__sidebar a:hover {
      text-decoration: underline; }
    .SMT__sidebar a .side-new {
      color: #ff99a8 !important;
      text-transform: uppercase; }

.SMT__sidebar__sticky-menu {
  padding-top: 24px;
  padding: 2.5em;
  border-left: 7px solid #000; }
  .SMT__sidebar__sticky-menu.unstuck {
    position: absolute;
    bottom: -264px;
    top: initial; }
  .SMT__sidebar__sticky-menu li {
    list-style: none;
    position: relative;
    margin-bottom: 1em;
    line-height: 1.1em; }
    .SMT__sidebar__sticky-menu li.open a {
      font-weight: bold; }
    .SMT__sidebar__sticky-menu li.open:before {
      content: "• ";
      color: #ff99a8;
      position: absolute;
      left: -15px;
      font-size: 2em;
      line-height: 0.55em; }

.SMT__main {
  background: none !important;
  padding-bottom: 2em;
  display: table-cell;
  width: 100%; }
  @media screen and (min-width: 1000px) {
    .SMT__main {
      display: inline-block;
      margin-left: 2%;
      width: 74%;
      float: none;
      vertical-align: top; } }

.SMT__row-fluid {
  margin-top: 40px; }
  @media screen and (max-width: 999px) {
    .SMT__row-fluid {
      margin-top: 0; } }
  @media screen and (max-width: 999px) {
    .SMT__row-fluid [class*="span"] {
      margin-top: 0; } }

.SMT__intro {
  margin-bottom: 3em; }
  @media screen and (max-width: 999px) {
    .SMT__intro {
      margin-top: 3em; } }

.SMT__intro--wrapper {
  position: relative; }
  .SMT__intro--wrapper > p {
    font-size: 1.3333333333em;
    line-height: 1.3em;
    position: relative; }
  .SMT__intro--wrapper h1 {
    font-size: 78px;
    letter-spacing: -1px;
    line-height: 92px;
    margin: 0 0 30px;
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    font-weight: 700; }
    @media screen and (max-width: 999px) {
      .SMT__intro--wrapper h1 {
        font-size: 48px;
        line-height: 64px; } }
  .SMT__intro--wrapper > div p {
    line-height: 1.75em; }

.SMT__intro--wrapper.SMT__row-fluid.align-center .color-pink, .shop-table .shop-td:nth-child(6) input.SMT__intro--wrapper.SMT__row-fluid .color-pink {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: italic;
  color: black; }

.SMT__section {
  border-bottom: 2px solid #000; }
  .SMT__section.open .collapse-header:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }

.SMT__section-header {
  cursor: pointer;
  padding: 2.25em 2.5em 1.5em;
  position: relative;
  -webkit-backface-visibility: hidden;
  width: 100%;
  display: table; }
  .SMT__section-header:after {
    -webkit-transition: -webkit-transform 0.2s ease-out;
    -moz-transition: -moz-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    content: "+";
    position: absolute;
    right: 0.5em;
    top: 47%;
    font-size: 50px;
    height: 25px;
    width: 25px;
    line-height: 10px;
    color: #000; }

.SMT__section-thumbnail {
  width: 82px;
  height: 82px;
  border: 1px solid black;
  margin-right: 1.875em; }

.SMT__section-title {
  font-size: 1.25em;
  display: table-cell;
  vertical-align: middle;
  font-weight: normal;
  width: 100%;
  line-height: 1em; }
  @media screen and (min-width: 480px) {
    .SMT__section-title {
      font-size: 1.75em; } }
  @media screen and (min-width: 1000px) {
    .SMT__section-title {
      font-size: 2.25em; } }

.SMT__section-body {
  display: none;
  padding: 2.5em 2.5em 1em; }
  .SMT__section-body .SMT__guide-container .container {
    display: flex;
    flex-direction: row; }
    @media screen and (max-width: 768px) {
      .SMT__section-body .SMT__guide-container .container {
        flex-direction: column; } }

.SMT__guide-container p.gray span {
  font-style: italic;
  font-size: 1.1em; }

.SMT__guide-grid {
  margin-top: 20px;
  display: block; }
  @media screen and (max-width: 768px) {
    .SMT__guide-grid {
      margin-top: 0;
      display: flex;
      flex-direction: column; } }

.SMT__guide-item {
  display: table-cell;
  width: 100%;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    .SMT__guide-item {
      display: table-cell;
      width: 50%;
      display: block; }
      .SMT__guide-item:nth-child(2n) {
        margin-right: 0; }
      .SMT__guide-item:nth-child(2n+1) {
        clear: left; } }
  @media screen and (min-width: 1000px) {
    .SMT__guide-item {
      margin-top: 0px;
      display: table-cell;
      width: 33.3333333333%;
      display: block; }
      .SMT__guide-item:nth-child(3n) {
        margin-right: 0; }
      .SMT__guide-item:nth-child(3n+1) {
        clear: left; } }
  .SMT__guide-item a {
    text-align: center; }

.SMT__guide-item__img {
  display: inline-block;
  vertical-align: middle;
  width: 50%; }

.SMT__guide-item__link {
  color: #ff99a8;
  font-size: 1.1em;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  width: 47%;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .SMT__guide-item__link {
      padding-left: 3%; } }
  .SMT__guide-item__link:hover {
    text-decoration: underline; }

.SMT__share-header {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  border-bottom: 1px solid #f7f4f0; }

.SMT__share-title {
  background-color: #fff;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  font-size: 1.2em;
  padding: 1em 0 0.7em 1.5em;
  border-right: 1px solid #f7f4f0; }
  @media screen and (min-width: 1000px) {
    .SMT__share-title {
      -webkit-flex-basis: 70%;
      -moz-flex-basis: 70%;
      flex-basis: 70%;
      -ms-flex-preferred-size: 70%; } }

.SMT__share-title-sub {
  font-size: 0.7222222222em; }

.SMT__share-tabs {
  padding: 0;
  margin: 0;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  flex-basis: 100%;
  -ms-flex-preferred-size: 100%; }
  .SMT__share-tabs li {
    list-style: none;
    padding: 0;
    margin: 0; }
  @media screen and (min-width: 1000px) {
    .SMT__share-tabs {
      -webkit-flex-basis: 30%;
      -moz-flex-basis: 30%;
      flex-basis: 30%;
      -ms-flex-preferred-size: 30%; } }

.SMT__share-tab {
  margin: 0 !important;
  display: inline-block;
  font-size: 1.2em;
  width: 25%;
  text-align: center;
  background-color: #fff;
  cursor: pointer;
  border-right: 1px solid #f7f4f0; }
  .SMT__share-tab:last-child {
    border-right: none; }
  .SMT__share-tab.active {
    background-color: #ff99a8; }
  @media screen and (min-width: 1000px) {
    .SMT__share-tab {
      border-radius: 0;
      -webkit-transition: background-color 0.2s ease-in-out;
      -moz-transition: background-color 0.2s ease-in-out;
      transition: background-color 0.2s ease-in-out; }
      .SMT__share-tab:hover {
        background-color: #ff99a8; } }

.SMT__share-tab-btn {
  display: block;
  text-decoration: none;
  color: #ff99a8;
  padding: 1em 0 0.84em !important;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out; }
  .SMT__share-tab.active .SMT__share-tab-btn {
    color: #fff; }
  .SMT__share-tab:hover .SMT__share-tab-btn {
    color: #fff; }

.SMT__share-panel {
  display: none;
  background-color: #fff;
  padding: 1.5em 1.5em 2em; }

.SMT__share-panel-title {
  color: #ff99a8;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 600;
  font-style: italic;
  font-size: 1.3333333333em;
  margin-bottom: 1em; }

.SMT__share-directions-ol {
  counter-reset: item;
  padding-left: 0 !important;
  margin-bottom: 0 !important; }
  .SMT__share-directions-ol > li {
    display: block; }
    .SMT__share-directions-ol > li:before {
      content: counter(item) ". ";
      counter-increment: item;
      color: #ff99a8;
      font-weight: 900;
      font-size: 0.9em; }

.SMT__share-panel-close {
  text-transform: uppercase;
  color: #ff99a8;
  font-family: 'Montserrat';
  font-size: 0.8666666667em; }
  @media screen and (min-width: 1000px) {
    .SMT__share-panel-close:hover {
      text-decoration: none; } }

#page-social-media-toolkit .container-wide {
  position: relative; }

#page-social-media-toolkit #region-main #fashion-flash h2 {
  margin-bottom: 0; }
  #page-social-media-toolkit #region-main #fashion-flash h2 span {
    color: #ff99a8;
    font-size: 24px;
    vertical-align: bottom; }

#page-social-media-toolkit #region-main #fashion-flash p.sub-header {
  margin-top: 0; }

#page-social-media-toolkit #region-main #fashion-flash .fashion-flash-list li {
  list-style-type: decimal;
  margin-left: 18px;
  color: #ff99a8; }
  #page-social-media-toolkit #region-main #fashion-flash .fashion-flash-list li span {
    color: #000; }
  #page-social-media-toolkit #region-main #fashion-flash .fashion-flash-list li a {
    color: #ff99a8;
    text-decoration: underline; }

#page-social-media-toolkit #region-main #fashion-flash .fashion-flash-fb li {
  width: 49%; }
  @media screen and (max-width: 999px) {
    #page-social-media-toolkit #region-main #fashion-flash .fashion-flash-fb li {
      width: 100%; } }
  #page-social-media-toolkit #region-main #fashion-flash .fashion-flash-fb li img {
    width: 100%; }

#page-social-media-toolkit #region-main #fashion-flash .cover-photos {
  margin-top: 50px; }

#page-social-media-toolkit #region-main .pink {
  color: #ff99a8;
  margin-bottom: 1em; }

#page-social-media-toolkit #region-main h2,
#page-social-media-toolkit #region-main h3 {
  margin-top: 0;
  margin-bottom: 20px; }

#page-social-media-toolkit #region-main h3 {
  font-size: 20px;
  font-weight: normal;
  font-style: italic;
  color: #ff99a8;
  line-height: 21px;
  margin: 10px 0 0; }
  #page-social-media-toolkit #region-main h3 span {
    font-size: 14px;
    font-style: normal;
    color: #222222;
    display: block; }

#page-social-media-toolkit #region-main ol {
  margin: 10px 0 50px;
  padding-left: 21px; }
  #page-social-media-toolkit #region-main ol li {
    font-size: 14px;
    color: #222222;
    line-height: 21px;
    margin: 12px 0; }
    #page-social-media-toolkit #region-main ol li:first-child {
      margin-top: 0; }

#page-social-media-toolkit #region-main ul {
  margin: 0;
  padding: 0; }
  #page-social-media-toolkit #region-main ul > li {
    list-style-type: none;
    margin: 4px 0 10px; }
  #page-social-media-toolkit #region-main ul.cover-photos {
    margin-bottom: 10px; }
    @media screen and (max-width: 999px) {
      #page-social-media-toolkit #region-main ul.cover-photos {
        margin-top: 20px; } }
    #page-social-media-toolkit #region-main ul.cover-photos h2 {
      font-size: 26px;
      line-height: 24px;
      margin-bottom: 10px; }
    #page-social-media-toolkit #region-main ul.cover-photos > li {
      float: left;
      margin: 0 4px 4px 0; }
      #page-social-media-toolkit #region-main ul.cover-photos > li.text-friendly {
        width: 24%; }
        #page-social-media-toolkit #region-main ul.cover-photos > li.text-friendly .b-social-share-link {
          margin: 0 0.35em; }
        @media screen and (max-width: 999px) {
          #page-social-media-toolkit #region-main ul.cover-photos > li.text-friendly {
            width: 48.5%;
            float: left; } }
      @media screen and (max-width: 999px) {
        #page-social-media-toolkit #region-main ul.cover-photos > li {
          float: none; } }
      #page-social-media-toolkit #region-main ul.cover-photos > li img {
        width: 100%; }
    #page-social-media-toolkit #region-main ul.cover-photos#facebook-covers li {
      width: 48%; }
      @media screen and (max-width: 999px) {
        #page-social-media-toolkit #region-main ul.cover-photos#facebook-covers li {
          width: 100%; } }
      #page-social-media-toolkit #region-main ul.cover-photos#facebook-covers li img {
        width: 100%; }

#page-social-media-toolkit #region-main .policies-link,
#page-social-media-toolkit #region-main .upload-tool-link {
  font-size: 1.5em; }
  #page-social-media-toolkit #region-main .policies-link a,
  #page-social-media-toolkit #region-main .upload-tool-link a {
    color: #ff99a8;
    display: block;
    font-style: italic;
    font-size: 1.2em;
    line-height: 1.6em;
    text-decoration: underline; }

#page-social-media-toolkit #region-main .webinar-link {
  text-align: center; }
  @media screen and (max-width: 767px) {
    #page-social-media-toolkit #region-main .webinar-link {
      display: block; } }
  @media screen and (min-width: 768px) {
    #page-social-media-toolkit #region-main .webinar-link {
      display: inline-flex;
      width: 45%;
      max-width: 45%;
      margin-right: 20px;
      flex-direction: column; } }
  #page-social-media-toolkit #region-main .webinar-link .image {
    position: relative;
    margin-top: 2em; }
    #page-social-media-toolkit #region-main .webinar-link .image a {
      line-height: 1em; }
    #page-social-media-toolkit #region-main .webinar-link .image:hover i.btn-play {
      background-color: white; }
      #page-social-media-toolkit #region-main .webinar-link .image:hover i.btn-play:after {
        color: #000; }
  #page-social-media-toolkit #region-main .webinar-link img {
    width: 100%;
    height: auto; }
  #page-social-media-toolkit #region-main .webinar-link i.btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    #page-social-media-toolkit #region-main .webinar-link i.btn-play:after {
      color: #888; }
  #page-social-media-toolkit #region-main .webinar-link a {
    color: #ff99a8;
    text-decoration: none;
    font-size: 1.2em; }
    #page-social-media-toolkit #region-main .webinar-link a:hover {
      text-decoration: underline; }

#page-social-media-toolkit #region-main p {
  margin-top: 20px; }
  #page-social-media-toolkit #region-main p:first-child {
    margin-top: 0; }

#page-social-media-toolkit #region-main .calendar-day {
  width: 49%;
  float: left;
  display: table;
  margin-bottom: 20px; }
  @media screen and (max-width: 999px) {
    #page-social-media-toolkit #region-main .calendar-day {
      float: none;
      width: auto;
      display: block; } }

#page-social-media-toolkit #region-main .calendar-bg {
  display: table-cell;
  vertical-align: middle;
  background-image: url("../images/social-media-toolkit/smtk-calendar-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 81px;
  width: 100px;
  text-align: center;
  font-style: italic;
  color: #ff99a8;
  font-size: 1.1em; }

#page-social-media-toolkit #region-main .calendar-text {
  display: table-cell;
  vertical-align: middle;
  padding: 0 40px 0 20px; }
  @media screen and (max-width: 999px) {
    #page-social-media-toolkit #region-main .calendar-text {
      padding: 0 20px 0 20px; } }

#page-social-media-toolkit #region-main #twitter-images li {
  float: left;
  margin: 0 4px 4px 0;
  width: 31.33%; }
  @media screen and (max-width: 999px) {
    #page-social-media-toolkit #region-main #twitter-images li {
      float: none;
      width: 100%; } }
  #page-social-media-toolkit #region-main #twitter-images li img {
    width: 100%; }

#page-social-media-toolkit #region-main .share-photo {
  position: relative;
  font-size: 1.5em;
  overflow: hidden; }
  @media screen and (min-width: 1000px) {
    #page-social-media-toolkit #region-main .share-photo:hover .social-share-buttons {
      bottom: 0; } }

#page-social-media-toolkit #region-main .SMT__section-body .editor-text {
  margin: 20px 0; }

#page-social-media-toolkit #region-main .SMT__section-body .social-share-buttons {
  position: absolute;
  bottom: -3em;
  width: 100%;
  background-color: rgba(240, 240, 240, 0.8);
  text-align: center;
  padding: 0.5556em;
  -webkit-transition: bottom 0.2s;
  -moz-transition: bottom 0.2s;
  transition: bottom 0.2s; }
  @media screen and (max-width: 999px) {
    #page-social-media-toolkit #region-main .SMT__section-body .social-share-buttons {
      bottom: 0; } }

#page-social-media-toolkit #region-main .SMT__section-body .b-social-share-link {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.75em; }

#page-social-media-toolkit #region-main .SMT__section-well-text {
  font-size: 1em;
  color: #64656c;
  line-height: 1.6em; }

#page-social-media-toolkit #region-main .SMT__section-body-gallery {
  margin-top: 2em; }
  @media screen and (min-width: 1000px) {
    #page-social-media-toolkit #region-main .SMT__section-body-gallery {
      margin-top: 0; } }
  #page-social-media-toolkit #region-main .SMT__section-body-gallery .SMT__fb_border .facebook-album-container .facebook-album-wrapper {
    width: 24%;
    display: inline-block;
    margin: 0 6px 0 0 !important;
    border: 2px solid #ececec; }
    @media screen and (max-width: 999px) {
      #page-social-media-toolkit #region-main .SMT__section-body-gallery .SMT__fb_border .facebook-album-container .facebook-album-wrapper {
        width: 49%; } }
    #page-social-media-toolkit #region-main .SMT__section-body-gallery .SMT__fb_border .facebook-album-container .facebook-album-wrapper .fbalbum .only-desktop {
      height: 0;
      background-size: cover; }
    #page-social-media-toolkit #region-main .SMT__section-body-gallery .SMT__fb_border .facebook-album-container .facebook-album-wrapper .fbalbum .only-mobile {
      max-width: 100%; }
    #page-social-media-toolkit #region-main .SMT__section-body-gallery .SMT__fb_border .facebook-album-container .facebook-album-wrapper .twitter {
      display: none !important; }
    #page-social-media-toolkit #region-main .SMT__section-body-gallery .SMT__fb_border .facebook-album-container .facebook-album-wrapper .image {
      width: 100%;
      height: auto;
      padding-top: 93%;
      position: relative; }
      @media screen and (max-width: 999px) {
        #page-social-media-toolkit #region-main .SMT__section-body-gallery .SMT__fb_border .facebook-album-container .facebook-album-wrapper .image {
          padding-top: 0; } }
    #page-social-media-toolkit #region-main .SMT__section-body-gallery .SMT__fb_border .facebook-album-container .facebook-album-wrapper:hover .social-sharing {
      display: block; }
    #page-social-media-toolkit #region-main .SMT__section-body-gallery .SMT__fb_border .facebook-album-container .facebook-album-wrapper .social-sharing {
      display: none;
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 50px;
      background-color: rgba(240, 240, 240, 0.8);
      text-align: center; }
      #page-social-media-toolkit #region-main .SMT__section-body-gallery .SMT__fb_border .facebook-album-container .facebook-album-wrapper .social-sharing:hover {
        display: block; }
      #page-social-media-toolkit #region-main .SMT__section-body-gallery .SMT__fb_border .facebook-album-container .facebook-album-wrapper .social-sharing li {
        display: inline-block;
        float: none;
        margin: 17px 8px; }

#page-social-media-toolkit #region-main .facebook-album-wrapper {
  width: 24%;
  display: inline-block;
  margin: 2%;
  border: 2px solid #ececec; }
  @media screen and (max-width: 999px) {
    #page-social-media-toolkit #region-main .facebook-album-wrapper {
      width: 49%; } }
  #page-social-media-toolkit #region-main .facebook-album-wrapper .fbalbum .only-desktop {
    height: 0;
    background-size: cover; }
  #page-social-media-toolkit #region-main .facebook-album-wrapper .fbalbum .only-mobile {
    max-width: 100%; }
  #page-social-media-toolkit #region-main .facebook-album-wrapper .twitter {
    display: none !important; }
  #page-social-media-toolkit #region-main .facebook-album-wrapper .image {
    width: 100%;
    height: auto;
    padding-top: 100%;
    position: relative; }
    @media screen and (max-width: 999px) {
      #page-social-media-toolkit #region-main .facebook-album-wrapper .image {
        padding-top: 0; } }
  #page-social-media-toolkit #region-main .facebook-album-wrapper:hover .social-sharing {
    display: block; }
  #page-social-media-toolkit #region-main .facebook-album-wrapper .social-sharing {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color: rgba(240, 240, 240, 0.8);
    text-align: center; }
    #page-social-media-toolkit #region-main .facebook-album-wrapper .social-sharing:hover {
      display: block; }
    #page-social-media-toolkit #region-main .facebook-album-wrapper .social-sharing li {
      display: inline-block;
      float: none;
      margin: 17px 8px; }

#page-social-media-toolkit #region-main .warning-img {
  float: left;
  padding-right: 20px; }

#page-social-media-toolkit #region-main .sm-warning {
  padding-bottom: 2em;
  font-weight: bold; }

#playlist-container #playlist-direction__one {
  display: table-cell;
  width: 50%; }

#playlist-container #playlist-direction__two {
  display: table-cell;
  width: 50%; }

#playlist-container .video-ellipse {
  background: #ff99a8;
  border-radius: 60px;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  position: relative;
  margin-left: 40%;
  margin-top: 0;
  margin-bottom: 10px; }

#playlist-container .video-button-center {
  color: white;
  font-size: 20px;
  line-height: 16px;
  text-align: center;
  position: absolute;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  top: 31%;
  left: 32%; }

#playlist-container .video-playlist-text {
  padding-right: 15%;
  margin-left: 8%; }
  #playlist-container .video-playlist-text p {
    font-style: italic;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 1.4em;
    line-height: 1.3em;
    margin-bottom: 0; }
  #playlist-container .video-playlist-text.last {
    padding-right: 10%; }

#playlist-container span.playlist-icon {
  color: #ff99a8;
  font-style: normal;
  font-size: 20px; }

#video-playlist-single {
  display: block;
  padding-top: 30px; }
  #video-playlist-single .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden; }
    @media screen and (max-width: 999px) and (min-width: 768px) {
      #video-playlist-single .video-container {
        margin-left: -5%;
        margin-right: -5%; } }
    @media screen and (max-width: 767px) {
      #video-playlist-single .video-container {
        margin: 0; } }
    #video-playlist-single .video-container iframe, #video-playlist-single .video-container object, #video-playlist-single .video-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.page-template-cabi-tv main p,
.tax-cabi-tv main p {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px; }

.page-template-cabi-tv .page-header h1,
.page-template-cabi-tv .page-header p,
.page-template-cabi-tv .page-header h3,
.page-template-cabi-tv .page-header h4,
.page-template-cabi-tv .page-header label,
.page-template-cabi-tv .cabitv-listing-grid h1,
.page-template-cabi-tv .cabitv-listing-grid p,
.page-template-cabi-tv .cabitv-listing-grid h3,
.page-template-cabi-tv .cabitv-listing-grid h4,
.page-template-cabi-tv .cabitv-listing-grid label,
.tax-cabi-tv .page-header h1,
.tax-cabi-tv .page-header p,
.tax-cabi-tv .page-header h3,
.tax-cabi-tv .page-header h4,
.tax-cabi-tv .page-header label,
.tax-cabi-tv .cabitv-listing-grid h1,
.tax-cabi-tv .cabitv-listing-grid p,
.tax-cabi-tv .cabitv-listing-grid h3,
.tax-cabi-tv .cabitv-listing-grid h4,
.tax-cabi-tv .cabitv-listing-grid label {
  font-family: Montserrat;
  margin: 0 0 20px 0; }

.page-template-cabi-tv .page-header h3,
.page-template-cabi-tv .cabitv-listing-grid h3,
.tax-cabi-tv .page-header h3,
.tax-cabi-tv .cabitv-listing-grid h3 {
  margin: 0; }

.page-template-cabi-tv .page-header h4,
.page-template-cabi-tv .cabitv-listing-grid h4,
.tax-cabi-tv .page-header h4,
.tax-cabi-tv .cabitv-listing-grid h4 {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px; }
  @media screen and (min-width: 1250px) {
    .page-template-cabi-tv .page-header h4 h4,
    .page-template-cabi-tv .cabitv-listing-grid h4 h4,
    .tax-cabi-tv .page-header h4 h4,
    .tax-cabi-tv .cabitv-listing-grid h4 h4 {
      margin: 0 0 50px 0; } }

.page-template-cabi-tv .page-header p,
.page-template-cabi-tv .cabitv-listing-grid p,
.tax-cabi-tv .page-header p,
.tax-cabi-tv .cabitv-listing-grid p {
  margin: 0; }

.page-template-cabi-tv .page-header a.btn,
.page-template-cabi-tv .cabitv-listing-grid a.btn,
.tax-cabi-tv .page-header a.btn,
.tax-cabi-tv .cabitv-listing-grid a.btn {
  font-size: 14px; }

.page-template-cabi-tv .page-header img,
.page-template-cabi-tv .cabitv-listing-grid img,
.tax-cabi-tv .page-header img,
.tax-cabi-tv .cabitv-listing-grid img {
  display: block; }

.page-template-cabi-tv .page-header,
.tax-cabi-tv .page-header {
  margin: 0 auto;
  max-width: 1000px;
  padding: 30px 0 5px 0;
  text-align: center;
  width: calc(100% - 50px); }
  .page-template-cabi-tv .page-header h1,
  .tax-cabi-tv .page-header h1 {
    font-family: 'Playfair Display';
    font-size: 36px;
    font-weight: 400;
    line-height: 30px;
    margin: 0 auto 10px auto; }
  .page-template-cabi-tv .page-header p,
  .tax-cabi-tv .page-header p {
    margin: 0 0 20px 0; }

.cabitv-listing-hero {
  background: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f25/global/pattern-light.jpg") center center repeat;
  margin: 0 auto;
  max-width: 1440px;
  overflow: hidden;
  padding: 40px 0;
  position: relative; }
  .cabitv-listing-hero .container {
    margin: 0 auto;
    max-width: 365px;
    padding: 0;
    position: relative;
    text-align: center;
    width: calc(100% - 50px);
    z-index: 2; }
    .cabitv-listing-hero .container.portrait {
      max-width: 400px;
      width: calc(100% - 30px); }
      .cabitv-listing-hero .container.portrait .featured-video-content {
        margin: 0 auto;
        max-width: 365px; }
    .cabitv-listing-hero .container img,
    .cabitv-listing-hero .container .video-container {
      margin: 0 auto 20px auto;
      width: 100%; }
    .cabitv-listing-hero .container .video-container {
      aspect-ratio: 4 / 7;
      max-width: 365px;
      overflow: hidden; }
      .cabitv-listing-hero .container .video-container.landscape {
        aspect-ratio: 16 / 9;
        max-width: 745px; }
    .cabitv-listing-hero .container iframe {
      min-height: 100%;
      width: 100%; }
  .cabitv-listing-hero h1,
  .cabitv-listing-hero h3,
  .cabitv-listing-hero p,
  .cabitv-listing-hero label {
    margin: 0 auto 25px auto; }
  .cabitv-listing-hero .page-content h1 {
    font-family: 'Playfair Display';
    font-size: 40px;
    font-weight: 400; }
  .cabitv-listing-hero .featured-video-content label {
    display: block;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 0 0 5px 0;
    text-transform: uppercase; }
  .cabitv-listing-hero .featured-video-content h3 {
    font-family: 'Playfair Display';
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    margin: 0 auto 25px auto; }
  .cabitv-listing-hero .featured-video-content .btn {
    font-size: 14px; }
  @media screen and (min-width: 1000px) {
    .cabitv-listing-hero {
      padding: 35px 0; }
      .cabitv-listing-hero .container .featured-video-content label {
        font-size: 14px; }
      .cabitv-listing-hero .container .featured-video-content h3 {
        font-size: 52px; }
      .cabitv-listing-hero .container .featured-video-content p {
        margin: 0 auto 30px auto; }
      .cabitv-listing-hero .container.landscape {
        max-width: 745px; }
      .cabitv-listing-hero .container.portrait {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        max-width: 800px;
        justify-content: space-between;
        padding: 0;
        text-align: left;
        width: 100%; }
        .cabitv-listing-hero .container.portrait.image {
          max-width: 910px; }
          .cabitv-listing-hero .container.portrait.image .page-content {
            width: 40%; }
        .cabitv-listing-hero .container.portrait img,
        .cabitv-listing-hero .container.portrait .video-container {
          margin: 0 0 0 60px; }
        .cabitv-listing-hero .container.portrait img {
          max-width: 485px; }
        .cabitv-listing-hero .container.portrait .video-container {
          width: 365px; }
        .cabitv-listing-hero .container.portrait p {
          margin: 0 auto 30px auto; }
        .cabitv-listing-hero .container.portrait .page-content {
          padding: 30px 0 0 0;
          width: 45%; }
        .cabitv-listing-hero .container.portrait .featured-video-content {
          border-top: 1px solid #B9B2AD;
          padding: 30px 0 0 0; }
          .cabitv-listing-hero .container.portrait .featured-video-content p {
            margin: 0 auto 50px auto; } }

.spotlight-videos {
  background: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f25/global/pattern-dark.jpg") center center repeat;
  margin: 0 auto;
  max-width: 1440px;
  position: relative; }
  .spotlight-videos .page-header {
    padding: 40px 0 20px 0; }
  .spotlight-videos .flexible-content-sections .flex-content--card-row.slider {
    margin-bottom: 0;
    padding-bottom: 30px; }
    .spotlight-videos .flexible-content-sections .flex-content--card-row.slider.three-cards .card {
      color: #000;
      height: auto;
      padding: 0;
      text-decoration: none;
      width: 358px; }
      .spotlight-videos .flexible-content-sections .flex-content--card-row.slider.three-cards .card .image-container {
        display: block;
        margin: 0 0 10px 0;
        overflow: hidden;
        transition: all 0.25s ease-in-out;
        width: 100%; }
        .spotlight-videos .flexible-content-sections .flex-content--card-row.slider.three-cards .card .image-container img {
          position: relative;
          transition: all 0.25s ease-in-out;
          width: 100%; }
      .spotlight-videos .flexible-content-sections .flex-content--card-row.slider.three-cards .card .card-content {
        padding: 0;
        position: relative; }
        .spotlight-videos .flexible-content-sections .flex-content--card-row.slider.three-cards .card .card-content h1 {
          color: #000;
          font-size: 24px;
          margin: 0;
          text-decoration: none;
          text-transform: uppercase; }
        .spotlight-videos .flexible-content-sections .flex-content--card-row.slider.three-cards .card .card-content .btn-underline {
          font-size: 14px;
          display: inline-block; }
          .spotlight-videos .flexible-content-sections .flex-content--card-row.slider.three-cards .card .card-content .btn-underline:hover {
            border-bottom: 2px solid #000 !important; }
      .spotlight-videos .flexible-content-sections .flex-content--card-row.slider.three-cards .card:hover .image-container img {
        transform: scale(1.02); }
      .spotlight-videos .flexible-content-sections .flex-content--card-row.slider.three-cards .card:hover .card-content .btn-underline {
        border-bottom: 2px solid transparent !important; }
        .spotlight-videos .flexible-content-sections .flex-content--card-row.slider.three-cards .card:hover .card-content .btn-underline:hover {
          border-bottom: 2px solid #000 !important; }
  @media screen and (min-width: 768px) {
    .spotlight-videos .flexible-content-sections .flex-content--card-row.slider {
      overflow-x: scroll;
      scrollbar-width: thin;
      scrollbar-color: #000 #EFD6D6; }
      .spotlight-videos .flexible-content-sections .flex-content--card-row.slider .card-wrapper {
        flex-wrap: nowrap; }
      .spotlight-videos .flexible-content-sections .flex-content--card-row.slider.three-cards .card {
        margin-right: 5px; } }
  @media screen and (min-width: 1000px) {
    .spotlight-videos .flexible-content-sections .flex-content--card-row.slider {
      margin: 0 auto;
      max-width: 1300px;
      overflow-x: hidden;
      scrollbar-width: none;
      width: calc(100% - 20px); }
      .spotlight-videos .flexible-content-sections .flex-content--card-row.slider::-webkit-scrollbar {
        height: 0;
        width: 0; }
      .spotlight-videos .flexible-content-sections .flex-content--card-row.slider .card-wrapper {
        flex-wrap: wrap; }
      .spotlight-videos .flexible-content-sections .flex-content--card-row.slider.three-cards .card {
        margin-right: 0;
        width: calc(33.333% - 5px); } }

#cabitv-filters {
  -webkit-overflow-scrolling: touch;
  display: flex;
  list-style: none;
  margin: 0 auto 40px auto;
  max-width: 1440px;
  overflow-x: auto;
  scrollbar-width: none;
  white-space: nowrap; }
  #cabitv-filters::-webkit-scrollbar {
    display: none; }
  #cabitv-filters li {
    display: inline-block;
    flex: 0 0 auto;
    position: relative; }
    #cabitv-filters li:last-of-type:after {
      display: none; }
    #cabitv-filters li:before, #cabitv-filters li:after {
      background: #000;
      content: '';
      display: block;
      position: absolute; }
    #cabitv-filters li:before {
      bottom: 17px;
      height: 2px;
      left: 50%;
      opacity: 1;
      transform: translateX(-50%);
      transition: all .3s;
      width: calc(100% - 40px); }
    #cabitv-filters li:after {
      height: 15px;
      right: 0;
      top: 25px;
      width: 2px; }
    #cabitv-filters li:hover:before {
      opacity: 0; }
  #cabitv-filters a {
    display: inline-block;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 20px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap; }
  @media screen and (min-width: 1000px) {
    #cabitv-filters {
      justify-content: center; } }

.cabitv-listing-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 0 5px 0;
  width: calc(100% - 20px); }
  .cabitv-listing-grid h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin: 0;
    text-transform: uppercase; }
  .cabitv-listing-grid li {
    padding: 0 0 20px 0;
    text-align: center; }
    .cabitv-listing-grid li:nth-child(6n+1), .cabitv-listing-grid li:nth-child(6n+2), .cabitv-listing-grid li:nth-child(6n+4), .cabitv-listing-grid li:nth-child(6n+5) {
      margin: 0 1% 0 0;
      width: 49.5%; }
    .cabitv-listing-grid li:nth-child(6n+2), .cabitv-listing-grid li:nth-child(6n+5) {
      margin: 0; }
    .cabitv-listing-grid li:nth-child(6n+3), .cabitv-listing-grid li:nth-child(6n+6) {
      margin: 0 auto;
      width: 80%; }
    .cabitv-listing-grid li a.thumb {
      display: block;
      margin: 0 0 10px 0;
      overflow: hidden;
      transition: all 0.25s ease-in-out;
      width: 100%; }
      .cabitv-listing-grid li a.thumb img {
        transition: all 0.25s ease-in-out;
        width: 100%; }
    .cabitv-listing-grid li a.btn:hover {
      border-bottom: 2px solid #000 !important; }
    .cabitv-listing-grid li:hover a.thumb img {
      transform: scale(1.02); }
    .cabitv-listing-grid li:hover a.btn {
      border-bottom: 2px solid transparent !important; }
  @media screen and (min-width: 768px) {
    .cabitv-listing-grid {
      padding: 0 0 15px 0; }
      .cabitv-listing-grid h3 {
        font-size: 18px;
        line-height: 24px; }
      .cabitv-listing-grid li {
        margin: 0 2% 0 0 !important;
        width: 49% !important; }
        .cabitv-listing-grid li:nth-of-type(2n+2), .cabitv-listing-grid li:last-of-type {
          margin: 0 !important; } }
  @media screen and (min-width: 1000px) {
    .cabitv-listing-grid h3 {
      font-size: 20px;
      line-height: 28px; }
    .cabitv-listing-grid li {
      margin: 0 1.5% 0 0 !important;
      width: 23.875% !important; }
      .cabitv-listing-grid li:nth-of-type(2n+2) {
        margin: 0 1.5% 0 0 !important; }
      .cabitv-listing-grid li:nth-of-type(4n+4) {
        margin: 0 !important; } }

.team-block {
  background: #657798;
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 0 30px 0; }
  .team-block .container {
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: calc(100% - 30px); }
    .team-block .container .video-container {
      aspect-ratio: 1/1;
      background: #313131;
      margin: 20px auto 20px auto;
      max-width: 700px;
      overflow: hidden;
      width: 100%; }
    .team-block .container iframe {
      min-height: 100%;
      width: 100%; }
  .team-block h1,
  .team-block p,
  .team-block h3,
  .team-block a {
    color: #fff; }
  .team-block h3 {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase; }
  .team-block a.btn {
    font-size: 14px; }
  @media screen and (min-width: 768px) {
    .team-block {
      padding: 0 0 50px 0; }
      .team-block .container {
        padding: 20px 0 0 0; } }

.video-container {
  aspect-ratio: 16 / 9; }
  .video-container--mobile {
    aspect-ratio: 4 / 7;
    max-width: 400px;
    margin: auto; }
    @media screen and (min-width: 768px) {
      .video-container--mobile {
        aspect-ratio: 5 / 7; } }
    @media screen and (min-width: 768px) {
      .video-container--mobile:not(.video-container--only) {
        display: none; } }
  .video-container iframe {
    height: 100%;
    width: 100%; }
  @media screen and (max-width: 767px) {
    .video-container + .video-container {
      display: none; } }

.single-video section,
.page-template-page-cabiTV section {
  margin: auto;
  padding: 20px 0 0 0; }

.single-video .video__label,
.page-template-page-cabiTV .video__label {
  font-family: 'Montserrat';
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2; }
  @media screen and (min-width: 768px) {
    .single-video .video__label,
    .page-template-page-cabiTV .video__label {
      font-size: 26px; } }

.single-video .video__intro,
.page-template-page-cabiTV .video__intro {
  margin: 0 auto;
  max-width: 1440px; }

.single-video .video__intro-content,
.page-template-page-cabiTV .video__intro-content {
  font-family: 'Montserrat';
  margin: auto;
  max-width: 1072px;
  padding: 0 5px;
  text-align: center; }
  .single-video .video__intro-content .intro-text,
  .page-template-page-cabiTV .video__intro-content .intro-text {
    margin: 20px auto; }
  .single-video .video__intro-content .h1,
  .page-template-page-cabiTV .video__intro-content .h1 {
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    font-weight: 700;
    font-size: 34px;
    line-height: 1.2;
    margin: 0 auto;
    width: 90%; }
    @media screen and (min-width: 768px) {
      .single-video .video__intro-content .h1,
      .page-template-page-cabiTV .video__intro-content .h1 {
        font-size: 50px; } }
  .single-video .video__intro-content p,
  .page-template-page-cabiTV .video__intro-content p {
    max-width: 800px;
    margin: auto;
    font-family: 'Montserrat'; }

.single-video .video__wrapper,
.page-template-page-cabiTV .video__wrapper {
  margin: 20px 0 30px 0; }

.single-video .bv-social .video__intro-content,
.page-template-page-cabiTV .bv-social .video__intro-content {
  padding: 40px 20px; }

.single-video .explore-more,
.page-template-page-cabiTV .explore-more {
  padding: 40px 0 40px 0;
  text-align: center; }
  .single-video .explore-more h2,
  .page-template-page-cabiTV .explore-more h2 {
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    font-size: 32px;
    font-weight: 400;
    margin: 0 auto 30px auto; }
  .single-video .explore-more.flexible-content-sections .flex-content--card-row.slider,
  .page-template-page-cabiTV .explore-more.flexible-content-sections .flex-content--card-row.slider {
    margin-bottom: 0; }

.single-video .outfits__container,
.page-template-page-cabiTV .outfits__container {
  max-width: 1344px; }
  .single-video .outfits__container h2,
  .page-template-page-cabiTV .outfits__container h2 {
    font-family: 'Montserrat';
    font-weight: 700; }
  .single-video .outfits__container .container,
  .page-template-page-cabiTV .outfits__container .container {
    max-width: 100%; }
  .single-video .outfits__container .item-grid > ul,
  .page-template-page-cabiTV .outfits__container .item-grid > ul {
    gap: 10px 4px; }

.single-video .outfits__section--products,
.page-template-page-cabiTV .outfits__section--products {
  padding-bottom: 30px; }

.back-to-cabitv {
  background: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f25/global/pattern-light-v2.jpg") center center repeat;
  display: block;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  margin: 0 auto;
  max-width: 1440px;
  padding: 14px 0 15px 0;
  text-align: center;
  text-decoration: none;
  width: 100%; }
  .back-to-cabitv span {
    text-decoration: underline; }
  @media screen and (min-width: 768px) {
    .back-to-cabitv {
      margin: 0 auto; } }

.page-404 {
  max-width: 1440px;
  margin: 0 auto; }

.page-404__container {
  background: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f25/404/404-error-bg-img-mobile.jpg) no-repeat;
  background-size: cover;
  background-position: 50% 20%;
  margin: 0 auto;
  height: calc(100vh - 190px);
  position: relative;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .page-404__container {
      background: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f25/404/404-error-bg-img.jpg) no-repeat;
      background-size: 100% auto;
      background-position: 33% center;
      padding-top: 59.7916%;
      height: auto; }
      .page-404__container.not-supported-browser {
        background: url("../js/ngApp/assets/images/tablet_device_bg.png"); } }
  @media screen and (min-width: 1000px) {
    .page-404__container {
      background-position: 30% center; } }
  @media screen and (min-width: 1440px) {
    .page-404__container {
      background-position: top center;
      background-size: contain; } }
  @media screen and (max-width: 767px) {
    .page-404__container.not-supported-browser:after {
      background: url("../js/ngApp/assets/images/mobile_device_bg.png"); } }

.page-404__content {
  color: #fff;
  display: flex;
  flex-flow: column;
  height: 100%;
  justify-content: space-between;
  margin: 0 auto;
  padding: 30px 27px;
  text-align: center;
  width: 90%; }
  @media screen and (min-width: 768px) {
    .page-404__content {
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%);
      background: transparent;
      bottom: unset;
      display: block;
      height: auto;
      margin: 0;
      padding: 0;
      position: absolute;
      left: 50px;
      text-align: left;
      top: 45%;
      width: 350px; } }
  @media screen and (min-width: 1440px) {
    .page-404__content {
      left: 10%;
      width: 400px; } }

.page-404__content__title {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-size: 65px;
  font-style: italic;
  font-weight: 400;
  line-height: 70px;
  margin: 0 0 10px 0; }
  @media screen and (min-width: 768px) {
    .page-404__content__title {
      font-size: 80px;
      line-height: 80px; } }

.page-404__content__copy {
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.09px;
  line-height: 20px;
  margin: 0 0 25px 0;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .page-404__content__copy {
      text-align: left; } }

.page-404__content__btn {
  height: 60px;
  padding: 0 20px;
  width: 100%; }
  .page-404__content__btn.btn.btn-white {
    color: #000;
    font-size: 14px;
    font-weight: 600; }
  @media screen and (max-width: 767px) {
    .page-404__content__btn {
      display: none; } }
  .page-404__content__btn--mobile {
    display: none; }
    @media screen and (max-width: 767px) {
      .page-404__content__btn--mobile {
        display: inline-block; } }
  @media screen and (min-width: 768px) {
    .page-404__content__btn {
      max-width: 282px; } }

.page-404__content__btn-text--nowrap {
  display: inline-block;
  vertical-align: middle; }

.page-ie {
  background-repeat: no-repeat;
  position: relative;
  max-width: 700px;
  margin: 30px; }
  .page-ie__container {
    height: 100%;
    position: relative; }
  .page-ie--links {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0; }
    .page-ie--links a {
      text-decoration: none; }
      .page-ie--links a:first-of-type {
        margin-right: 100px; }
        @media screen and (max-width: 767px) {
          .page-ie--links a:first-of-type {
            margin-right: 75px; } }
      .page-ie--links a img {
        width: 80px; }
        @media screen and (max-width: 767px) {
          .page-ie--links a img {
            width: 66px; } }

.page-ie-background {
  background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s20/404/unsupported-content-mobile.png);
  height: 150vw;
  background-size: contain;
  background-position: top center; }
  @media screen and (min-width: 768px) {
    .page-ie-background {
      background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s20/404/unsupported-content.png);
      height: 450px;
      margin: 30px auto; } }
  @media screen and (min-width: 1000px) {
    .page-ie-background {
      height: 450px;
      background-size: contain; } }

.page-ie-upgrade {
  margin: auto;
  height: 500px;
  text-align: center;
  max-width: 900px; }
  .page-ie-upgrade .page-ie-title {
    font-size: 108px;
    margin: 75px; }
  .page-ie-upgrade .page-ie-subtitle {
    font-size: 30px;
    text-transform: uppercase;
    margin: 40px;
    font-family: Montserrat;
    font-weight: bold; }
  .page-ie-upgrade .page-ie-body {
    font-size: 20px;
    margin: 60px;
    line-height: 33px; }

#page-mailinglist footer {
  padding: 150px 0 0 0; }
  @media screen and (min-width: 1000px) {
    #page-mailinglist footer {
      padding: 0; } }

.page-mailinglist {
  max-width: 1440px;
  margin: 0 auto; }
  .page-mailinglist .mailinglist-container {
    background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f25/mailing-list/mailing-list-bg-img-mobile.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0 0 70% 0; }
    @media screen and (min-width: 1000px) {
      .page-mailinglist .mailinglist-container {
        background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f25/mailing-list/mailing-list-bg-img.jpg);
        background-position: center top;
        background-repeat: no-repeat;
        padding: 62% 0 0 0;
        position: relative; } }
  @media screen and (max-width: 767px) {
    .page-mailinglist .container {
      padding: 0px !important; } }
  .page-mailinglist ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #6d6d6d; }
  .page-mailinglist :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #6d6d6d;
    opacity: 1; }
  .page-mailinglist ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #6d6d6d;
    opacity: 1; }
  .page-mailinglist :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #6d6d6d; }
  .page-mailinglist ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #6d6d6d; }
  .page-mailinglist ::placeholder {
    /* Most modern browsers support this now. */
    color: #6d6d6d; }

.mailinglist__content--wrapper {
  background-color: #fff;
  margin: 0;
  min-height: 400px;
  padding: 40px 1em 50px;
  text-align: center; }
  @media screen and (min-width: 1000px) {
    .mailinglist__content--wrapper {
      max-width: 500px;
      padding: 3em;
      width: 500px; } }
  .page-mailinglist .mailinglist__content--wrapper {
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    height: auto;
    left: 0;
    min-height: 0;
    position: relative;
    right: 0;
    top: 105vw; }
    @media screen and (min-width: 768px) {
      .page-mailinglist .mailinglist__content--wrapper {
        top: 90vw; } }
    @media screen and (min-width: 1000px) {
      .page-mailinglist .mailinglist__content--wrapper {
        position: absolute;
        top: 15%;
        left: 45px;
        text-align: left;
        transform: translate(0); } }
    @media screen and (min-width: 1440px) {
      .page-mailinglist .mailinglist__content--wrapper {
        left: 115px;
        top: 23%; } }
  .mailinglist__content--wrapper fieldset {
    text-align: center;
    max-width: 330px;
    margin: 0 auto 25px; }
    @media screen and (min-width: 1000px) {
      .mailinglist__content--wrapper fieldset {
        margin: 0 auto 15px;
        max-width: none;
        text-align: left; } }
    .mailinglist__content--wrapper fieldset input.mailing-list-submit {
      height: 50px;
      padding: 0;
      font-size: 12px;
      letter-spacing: 0.3px;
      line-height: 15px;
      width: 165px; }
      .mailinglist__content--wrapper fieldset input.mailing-list-submit:hover {
        background-color: #000;
        color: #fff; }
      @media screen and (min-width: 1000px) {
        .mailinglist__content--wrapper fieldset input.mailing-list-submit {
          font-size: 14px;
          height: 60px;
          letter-spacing: 0.35px;
          line-height: 18px;
          width: 220px; } }
      @media screen and (min-width: 768px) {
        .mailinglist__content--wrapper fieldset input.mailing-list-submit.mobile-only {
          display: none; } }
      .mailinglist__content--wrapper fieldset input.mailing-list-submit.desktop-only {
        display: none; }
        @media screen and (min-width: 768px) {
          .mailinglist__content--wrapper fieldset input.mailing-list-submit.desktop-only {
            display: block; } }
    .mailinglist__content--wrapper fieldset input[type="email"] {
      font-family: 'Montserrat';
      background: none;
      border: none;
      border-bottom: 1px solid #000;
      color: #000;
      font-size: 18px;
      font-style: italic;
      height: 45px;
      line-height: 22px;
      margin: 0 0 25px;
      padding: 12px;
      width: 100%; }
      @media screen and (min-width: 1000px) {
        .mailinglist__content--wrapper fieldset input[type="email"] {
          line-height: 24px;
          max-width: 390px; } }

.mailinglist__content--title {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-size: 45px;
  font-style: italic;
  font-weight: 400;
  line-height: 1;
  margin: 0 0 10px 0; }
  @media screen and (min-width: 1000px) {
    .mailinglist__content--title {
      font-size: 48px; } }

.thank-you .mailinglist__content--title {
  font-size: 28px;
  line-height: 39px; }
  @media screen and (min-width: 768px) {
    .thank-you .mailinglist__content--title {
      font-size: 36px;
      line-height: 47px; } }
  @media screen and (min-width: 1000px) {
    .thank-you .mailinglist__content--title {
      font-size: 39px;
      line-height: 50px; } }

.mailinglist__content--description {
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.4px;
  line-height: 20px;
  margin: 0 auto 20px auto;
  max-width: 330px; }
  @media screen and (min-width: 1000px) {
    .mailinglist__content--description {
      margin: 0 0 20px 0;
      max-width: 350px; } }

.mailinglist__content--policy-link {
  font-family: Montserrat, sans-serif;
  color: #000;
  font-size: 13px;
  font-weight: 500;
  line-height: 15px; }
  @media screen and (min-width: 1000px) {
    .mailinglist__content--policy-link {
      font-size: 12px; } }

/* =============================================================================
 * Wish List
 =============================================================================*/
/**
 * Require Email Page
 */
#page-clothing-collection-wish-list #page {
  padding-bottom: 0; }

#page-clothing-collection-wish-list #page .h2 {
  line-height: 1.2em; }

#wishlist-require-email .h2 {
  font-size: 24px; }

#wishlist-require-email form {
  padding: 4em 0;
  margin-top: 1em;
  max-width: 640px;
  margin: 0 auto; }
  #wishlist-require-email form em {
    font-style: normal;
    display: block; }
  #wishlist-require-email form input#cabi-wishlist-email-address {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    border: none;
    font-size: 1em;
    padding: 12px;
    margin-right: 1em;
    width: 100%;
    max-width: 480px;
    height: 45px;
    margin-bottom: 20px; }
    #wishlist-require-email form input#cabi-wishlist-email-address.error {
      background: #fee; }

#wishlist-require-email small {
  display: block;
  margin-top: 20px;
  font-size: 11px; }

/**
 * Wishlist Page
 */
#page-wishlist {
  padding-bottom: 100px;
  font-family: 'Archer SSm A', 'Archer SSm B';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.6; }
  #page-wishlist .item-product {
    cursor: pointer; }
    #page-wishlist .item-product .item_image_main {
      min-height: 356px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
  @media screen and (min-width: 1000px) {
    #page-wishlist .products.item-grid {
      text-align: center; } }
  #page-wishlist .item {
    position: relative;
    vertical-align: top; }
    @media screen and (min-width: 1000px) {
      #page-wishlist .item {
        width: 23%; } }
    #page-wishlist .item .m-remove-btn {
      position: absolute;
      width: 30px;
      height: 30px;
      top: 0;
      right: 0;
      background-color: transparent;
      border: none;
      color: #6f6e6e;
      font-size: 17px;
      z-index: 100; }
      @media screen and (min-width: 1000px) {
        #page-wishlist .item .m-remove-btn {
          display: none; } }
    @media screen and (max-width: 767px) {
      #page-wishlist .item .product-info .inner .content {
        display: none; } }
  #page-wishlist #collection-item-remove-button {
    height: 30px;
    line-height: 30px; }
  #page-wishlist .login-message {
    margin: 20px auto;
    max-width: 500px; }
  #page-wishlist .login-message-footer {
    max-width: 450px;
    margin: 20px auto;
    font-size: 12px; }
  #page-wishlist .login-actions button {
    max-width: 250px;
    width: 100%; }
  #page-wishlist .login-actions a {
    color: #666666;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 700; }
    #page-wishlist .login-actions a.sign-link {
      color: #fff !important; }
  #page-wishlist .favorites-header {
    max-width: 800px;
    text-align: center;
    position: relative;
    margin: 0 auto; }
    #page-wishlist .favorites-header .favorites-header--description {
      margin: 0 auto;
      width: 100%;
      max-width: 700px;
      padding-bottom: 30px; }
    #page-wishlist .favorites-header h1 {
      font-size: 3em;
      line-height: 3.1em;
      font-weight: 500;
      font-family: 'Archer SSm A', 'Archer SSm B'; }
      #page-wishlist .favorites-header h1 span {
        color: #6d6d6d; }
  #page-wishlist .find-stylist-form {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    text-align: center; }
    #page-wishlist .find-stylist-form h3 {
      font-size: 1.2em;
      margin-bottom: 20px; }
    #page-wishlist .find-stylist-form form {
      margin-top: 20px; }
      #page-wishlist .find-stylist-form form .form-field-container {
        max-width: 400px;
        width: 100%;
        margin: 0 auto 30px;
        position: relative; }
        #page-wishlist .find-stylist-form form .form-field-container input[type="text"], #page-wishlist .find-stylist-form form .form-field-container input[type="email"] {
          border: none;
          font-family: "Archer SSm A", "Archer SSm B";
          font-weight: 500;
          font-style: normal;
          background-color: #f5f5f5;
          width: 100%;
          padding: 10px;
          height: 50px; }

#favorites-consultant-content {
  padding: 10px; }
  #favorites-consultant-content .message-body {
    margin-bottom: 20px;
    font-size: 14px; }
    #favorites-consultant-content .message-body h3 {
      font-size: 1.4em;
      margin-bottom: 20px; }
    #favorites-consultant-content .message-body p {
      margin-bottom: 15px; }
  #favorites-consultant-content .message-footer .btn {
    padding: 0 55px;
    height: 62px; }
  #favorites-consultant-content .message-footer .btn-link {
    text-decoration: underline;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    display: block;
    font-size: 12px;
    color: #666; }
  #favorites-consultant-content .stylist-listing {
    margin-bottom: 20px;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%; }
    #favorites-consultant-content .stylist-listing .stylist-listing--item {
      padding-left: 10px;
      padding-right: 10px;
      display: inline-block;
      cursor: pointer;
      width: 120px;
      vertical-align: top; }
      #favorites-consultant-content .stylist-listing .stylist-listing--item:hover {
        opacity: 0.8; }
      #favorites-consultant-content .stylist-listing .stylist-listing--item.selected .avatar {
        border: 3px solid #ff99a8; }
      #favorites-consultant-content .stylist-listing .stylist-listing--item .avatar {
        width: 90px;
        height: 90px;
        background: #ccc no-repeat center;
        background-size: cover;
        border-radius: 50%;
        display: block;
        margin: 0 auto 10px; }
      #favorites-consultant-content .stylist-listing .stylist-listing--item .stylist-item--name {
        font-size: 10px;
        font-family: Montserrat !important;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 1.4em; }
        #favorites-consultant-content .stylist-listing .stylist-listing--item .stylist-item--name span {
          display: block; }

.c-wishlist-page {
  margin-top: -40px; }

.b-wishlist-header {
  background: #eae4de;
  padding: 30px 15px 10px;
  margin-bottom: 40px; }

.wishlist-page-title {
  font-size: 2.5em;
  margin-bottom: .25em; }
  @media screen and (min-width: 768px) {
    .wishlist-page-title {
      font-size: 3.5em; } }

.wishlist-name-change-wrapper {
  text-transform: uppercase;
  font-size: .8em; }

.wishlist-name-change-toggle {
  text-decoration: underline; }

.b-wishlist-logout-button {
  font-family: 'Montserrat';
  font-weight: 400; }
  .b-wishlist-logout-button__fixed-display {
    float: right !important; }
  .b-wishlist-logout-button__mobile {
    margin-top: 2em; }

.b-wishlist-logout-button__mobile .wishlist-logout-button {
  padding: 0 10px;
  height: 42px;
  line-height: 40px; }

.b-wishlist-count-helper {
  font-style: italic;
  margin: 20px 0; }

#wishlist-link-input {
  border: none;
  font-size: 1em;
  padding: 12px;
  margin-right: 1em;
  width: 100%;
  max-width: 480px;
  height: 45px;
  margin: 0 auto;
  margin-bottom: 20px;
  background-color: #f5f5f5; }

.wishlist--login-message {
  font-size: 0.8em;
  margin: 10px 0;
  color: #ff99a8; }

/* =============================================================================
 * Search
 =============================================================================*/
.search-term-set {
  margin-bottom: 4em; }

.search-result-set__heading {
  font-size: 2em;
  margin: 1em 0; }

#page-search h1.stag-thin.mb20, #page-search [data-component-event-table] h1.mb20.h2, [data-component-event-table] #page-search h1.mb20.h2, #page-search .links-wrapper h1.mb20.h3, .links-wrapper #page-search h1.mb20.h3, #page-search .block-faqs h1.mb20.h1, .block-faqs #page-search h1.mb20.h1, #page-search #page[data-page-id="page-join-us"] .box-content h1.mb20.h3, #page[data-page-id="page-join-us"] .box-content #page-search h1.mb20.h3, #page-search #page[data-page-id='page-business-model'] .extend .box h1.mb20.h3, #page[data-page-id='page-business-model'] .extend .box #page-search h1.mb20.h3, #page-search #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .info-wrap h1.mb20.h2, #page[data-page-id='page-how-cabi-supports-you'] .page-body .step .info-wrap #page-search h1.mb20.h2, #page-search #page[data-page-id="page-foundation"] .section-video h1.mb20.description, #page[data-page-id="page-foundation"] .section-video #page-search h1.mb20.description, #page-search #page[data-page-id="page-foundation"] .section-interactive .content h1.mb20.h3, #page[data-page-id="page-foundation"] .section-interactive .content #page-search h1.mb20.h3, #page-search #page[data-page-id="page-foundation"] .section-partners h1.mb20.h2, #page[data-page-id="page-foundation"] .section-partners #page-search h1.mb20.h2, #page-search #page[data-page-id='page-join-us'] .section-video__medium h1.mb20.headline, #page[data-page-id='page-join-us'] .section-video__medium #page-search h1.mb20.headline,
#page-search #page[data-page-id='page-give-now'] .section-video__medium h1.mb20.headline, #page[data-page-id='page-give-now'] .section-video__medium #page-search h1.mb20.headline,
#page-search #page[data-page-id='page-host'] .section-video__medium h1.mb20.headline, #page[data-page-id='page-host'] .section-video__medium #page-search h1.mb20.headline,
#page-search #page[data-page-id='page-business-model'] .section-video__medium h1.mb20.headline, #page[data-page-id='page-business-model'] .section-video__medium #page-search h1.mb20.headline,
#page-search #page[data-page-id='page-cabi-girls'] .section-video__medium h1.mb20.headline, #page[data-page-id='page-cabi-girls'] .section-video__medium #page-search h1.mb20.headline,
#page-search #page[data-page-id='page-how-cabi-supports-you'] .section-video__medium h1.mb20.headline, #page[data-page-id='page-how-cabi-supports-you'] .section-video__medium #page-search h1.mb20.headline {
  color: #000;
  font-size: 2.5em; }

#page-search .search-result-set__heading {
  font-family: Montserrat;
  text-transform: uppercase;
  font-size: 1.5em; }

#page-search .search-result__title a {
  font-weight: 600; }

.search__content--wrapper {
  background-color: #fff;
  text-align: center; }
  .page-mailinglist .search__content--wrapper {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  @media screen and (min-width: 768px) {
    .search__content--wrapper {
      margin: 0 auto; } }
  .search__content--wrapper fieldset {
    background: #f5f5f5;
    text-align: left;
    max-width: 100%;
    margin: 0 auto 1em; }
    .search__content--wrapper fieldset input.search-submit {
      float: right;
      height: 45px;
      padding: 0 25px;
      border: none; }
      .search__content--wrapper fieldset input.search-submit:hover {
        border-color: #000; }
    .search__content--wrapper fieldset input[type=text] {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      background: none;
      border: none;
      font-size: 1em;
      padding: 12px;
      margin-right: 1em;
      width: 60%;
      max-width: 480px;
      height: 45px;
      float: left;
      margin: 0; }

.no-results.not-found h1.entry-title {
  font-family: 'Archer SSm A', 'Archer SSm B';
  font-weight: 400;
  font-style: normal;
  line-height: 1em;
  color: #000;
  font-size: 2.5em; }

.no-results.not-found .entry-content p {
  margin: 1em 0; }

.search-result--generic {
  margin-bottom: 1em; }
  .search-result--generic::after {
    clear: both;
    content: "";
    display: table; }
  .search-result--generic .search-result__thumbnail {
    display: none;
    width: 120px;
    float: left;
    margin-right: 1em; }
    @media screen and (min-width: 768px) {
      .search-result--generic .search-result__thumbnail {
        display: block; } }
    .search-result--generic .search-result__thumbnail img {
      width: 100%; }

.search-result--items {
  display: inline-block;
  width: 49%; }
  @media screen and (min-width: 768px) {
    .search-result--items {
      width: 24.5%; } }
  @media screen and (min-width: 1000px) {
    .search-result--items {
      width: 19.5%; } }

@media screen and (min-width: 768px) {
  .search-result--page {
    display: inline-block;
    width: 49.5%; } }

.search-result--page .search-result__img-frame {
  border: 10px solid #ccc; }
  .search-result--page .search-result__img-frame img {
    width: 100%;
    display: block; }

.search-result--page .search-result__title {
  text-align: left; }

.search-result__title a:hover {
  color: #ff99a8; }

.search-result__excerpt {
  font-size: .85em;
  font-style: italic;
  margin-left: 1em; }

/**
 * My Closet Page
 */
#page-my-closet {
  padding-bottom: 100px;
  font-family: 'Archer SSm A', 'Archer SSm B';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.6; }

div[data-page-id="page-cart"] {
  padding-bottom: 0 !important;
  margin-bottom: 4em; }
  div[data-page-id="page-cart"] .page-header {
    margin-bottom: 2em; }
    div[data-page-id="page-cart"] .page-header .intro {
      margin-top: 2em; }
  div[data-page-id="page-cart"] .cart-favorites {
    margin-top: 160px; }
  div[data-page-id="page-cart"] .favorite-waitlist-text {
    font-size: 13px; }
  div[data-page-id="page-cart"] .page-body #page-body_header {
    margin-bottom: 1.5em; }
    div[data-page-id="page-cart"] .page-body #page-body_header .bag-icon {
      width: 20px;
      display: inline-block;
      vertical-align: middle;
      margin-left: 6px;
      position: relative;
      top: -6px; }
      div[data-page-id="page-cart"] .page-body #page-body_header .bag-icon path {
        fill: #565157; }
    div[data-page-id="page-cart"] .page-body #page-body_header .h2 {
      font-size: 2em; }
    div[data-page-id="page-cart"] .page-body #page-body_header #header-left {
      float: none; }
      @media screen and (min-width: 1000px) {
        div[data-page-id="page-cart"] .page-body #page-body_header #header-left {
          float: left; } }
    div[data-page-id="page-cart"] .page-body #page-body_header #header-right {
      display: none; }
      @media screen and (min-width: 1000px) {
        div[data-page-id="page-cart"] .page-body #page-body_header #header-right {
          display: block; } }
      div[data-page-id="page-cart"] .page-body #page-body_header #header-right .inline-block {
        vertical-align: middle; }
        div[data-page-id="page-cart"] .page-body #page-body_header #header-right .inline-block:first-child {
          margin-right: 2em; }
        div[data-page-id="page-cart"] .page-body #page-body_header #header-right .inline-block p {
          text-align: center;
          font-size: 1.2em; }
          div[data-page-id="page-cart"] .page-body #page-body_header #header-right .inline-block p:first-child {
            font-size: 0.75em;
            line-height: 1; }
      div[data-page-id="page-cart"] .page-body #page-body_header #header-right #checkout-btn {
        height: 40px;
        font-size: 0.75em;
        padding: 0px 17px; }
  div[data-page-id="page-cart"] .page-body #page-body_content #product-promotion {
    border-bottom: 2px solid #000; }
    div[data-page-id="page-cart"] .page-body #page-body_content #product-promotion .shop-td:first-child {
      width: 141px; }
    div[data-page-id="page-cart"] .page-body #page-body_content #product-promotion .shop-td#product-promotion-price {
      text-align: left; }
      div[data-page-id="page-cart"] .page-body #page-body_content #product-promotion .shop-td#product-promotion-price p:first-child {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal; }
      div[data-page-id="page-cart"] .page-body #page-body_content #product-promotion .shop-td#product-promotion-price p:nth-child(2) {
        font-size: 1.2em;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 800;
        font-style: normal; }
      div[data-page-id="page-cart"] .page-body #page-body_content #product-promotion .shop-td#product-promotion-price p:nth-child(3) {
        font-size: .75em;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal; }
        div[data-page-id="page-cart"] .page-body #page-body_content #product-promotion .shop-td#product-promotion-price p:nth-child(3) a {
          color: #000; }
    div[data-page-id="page-cart"] .page-body #page-body_content #product-promotion .shop-td#product-promotion-add {
      width: 74px; }
      div[data-page-id="page-cart"] .page-body #page-body_content #product-promotion .shop-td#product-promotion-add a i {
        display: block;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
  div[data-page-id="page-cart"] .page-body #page-body_content #shopping-checkout {
    margin: 2em 0; }
    div[data-page-id="page-cart"] .page-body #page-body_content #shopping-checkout #checkout-left {
      font-size: 1.2em; }
      div[data-page-id="page-cart"] .page-body #page-body_content #shopping-checkout #checkout-left .inline-block {
        vertical-align: middle;
        line-height: 50px; }
    div[data-page-id="page-cart"] .page-body #page-body_content #shopping-checkout #checkout-right .inline-block {
      vertical-align: middle; }
      div[data-page-id="page-cart"] .page-body #page-body_content #shopping-checkout #checkout-right .inline-block:first-child {
        margin-right: 2em; }
        div[data-page-id="page-cart"] .page-body #page-body_content #shopping-checkout #checkout-right .inline-block:first-child a {
          text-decoration: none; }
          div[data-page-id="page-cart"] .page-body #page-body_content #shopping-checkout #checkout-right .inline-block:first-child a span {
            font-family: "Archer SSm A", "Archer SSm B";
            font-weight: 800;
            font-style: normal;
            text-decoration: underline; }
      div[data-page-id="page-cart"] .page-body #page-body_content #shopping-checkout #checkout-right .inline-block p {
        text-align: center;
        font-size: 1.2em; }
        div[data-page-id="page-cart"] .page-body #page-body_content #shopping-checkout #checkout-right .inline-block p:first-child {
          font-size: 0.8em;
          line-height: 1; }
    div[data-page-id="page-cart"] .page-body #page-body_content #shopping-checkout #checkout-right #checkout-btn {
      height: 50px;
      font-size: 0.8666666667em;
      padding: 0px 30px; }
  div[data-page-id="page-cart"] .page-body #page-body_footer {
    padding: 40px 0; }
    div[data-page-id="page-cart"] .page-body #page-body_footer #saved-items {
      margin-bottom: 1.5em; }
      div[data-page-id="page-cart"] .page-body #page-body_footer #saved-items #saved-items-left .h2 {
        font-size: 2em; }
      div[data-page-id="page-cart"] .page-body #page-body_footer #saved-items #saved-items-right a {
        height: 50px;
        font-size: 0.75em;
        padding: 0px 20px;
        text-transform: none; }
        div[data-page-id="page-cart"] .page-body #page-body_footer #saved-items #saved-items-right a i {
          vertical-align: middle;
          margin-right: 1em;
          font-size: 1.1em; }
    div[data-page-id="page-cart"] .page-body #page-body_footer .shop-table {
      margin-bottom: 2em; }
      div[data-page-id="page-cart"] .page-body #page-body_footer .shop-table .shop-tr:last-child {
        border-bottom: 1px solid #eae4de; }
    div[data-page-id="page-cart"] .page-body #page-body_footer #saved-items-add #add-items-btn {
      height: 40px;
      font-size: 0.75em;
      padding: 0px 17px; }
  div[data-page-id="page-cart"] #shopping-cart-empty-message p {
    background: #f0f0f0;
    padding: 1em;
    text-align: center; }
    div[data-page-id="page-cart"] #shopping-cart-empty-message p a {
      display: block; }
      @media screen and (min-width: 1000px) {
        div[data-page-id="page-cart"] #shopping-cart-empty-message p a {
          display: inline; } }
  div[data-page-id="page-cart"] .page-body cart.small .shop-td, div[data-page-id="page-cart"] .page-body cart-favorites.small .shop-td {
    display: block;
    padding-bottom: 0; }
    div[data-page-id="page-cart"] .page-body cart.small .shop-td span, div[data-page-id="page-cart"] .page-body cart-favorites.small .shop-td span {
      font-size: 12px !important; }
  div[data-page-id="page-cart"] .page-body cart.small .shop-td.qty, div[data-page-id="page-cart"] .page-body cart-favorites.small .shop-td.qty {
    float: left;
    padding-left: 0; }
  div[data-page-id="page-cart"] .page-body cart.small .shop-td.options, div[data-page-id="page-cart"] .page-body cart-favorites.small .shop-td.options {
    padding-bottom: 1em; }
    div[data-page-id="page-cart"] .page-body cart.small .shop-td.options p, div[data-page-id="page-cart"] .page-body cart-favorites.small .shop-td.options p {
      display: inline-block;
      margin-right: 1em; }
  div[data-page-id="page-cart"] .page-body cart.small #checkout-left, div[data-page-id="page-cart"] .page-body cart-favorites.small #checkout-left {
    float: none; }
  div[data-page-id="page-cart"] .page-body cart.small .clear-bag__wrapper, div[data-page-id="page-cart"] .page-body cart-favorites.small .clear-bag__wrapper {
    padding: 0;
    display: block;
    margin-top: 1em; }
  div[data-page-id="page-cart"] .page-body cart.small .check-out-button, div[data-page-id="page-cart"] .page-body cart-favorites.small .check-out-button {
    display: block;
    font-size: 1.1em;
    padding: 0; }

#modal.cart-modal__modal {
  padding: 60px 15px;
  max-width: 500px; }

#modal.cart-modal__checkout-yourself {
  max-width: 650px !important; }

#modal .cart-modal__text {
  font-size: .9em; }

#modal .btn {
  height: 46px;
  line-height: 46px;
  padding: 0 40px;
  font-size: .75em; }

#modal .cart-modal__cancel-button {
  background: none;
  border-color: #000;
  color: #000;
  margin-top: .5em;
  margin-bottom: .5em;
  -webkit-transition: all 0.15s ease-out 0s;
  -moz-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s; }
  #modal .cart-modal__cancel-button:hover {
    background-color: white; }

#modal.cart-modal__modal.captcha-modal {
  padding: 60px 15px 80px 15px; }
  #modal.cart-modal__modal.captcha-modal .cart-modal__title {
    font-size: 1.5em; }
  #modal.cart-modal__modal.captcha-modal .captcha-image {
    margin-bottom: 2px; }
  #modal.cart-modal__modal.captcha-modal .captcha-input {
    padding: 0 0 0 1em;
    border: 1px solid #ccc;
    height: 46px; }

.ngdialog-overlay.captcha-overlay {
  background: rgba(255, 255, 255, 0.8);
  z-index: 9997; }

/* =============================================================================
* Blog - Generic
=============================================================================*/
/* Variables
================================================= */
/* Mixins
================================================= */
.pull-right {
  float: none; }
  @media screen and (min-width: 1000px) {
    .pull-right {
      float: right !important; } }

/* Modernizr
================================================= */
/* Styles
================================================= */
body.archive.category .container aside #blog-notion-banner img,
body.blog .container aside #blog-notion-banner img,
body.single-post .container aside #blog-notion-banner img,
body.tag .container aside #blog-notion-banner img {
  width: 100%;
  height: auto; }

body.archive.category .container aside:first-of-type,
body.blog .container aside:first-of-type,
body.single-post .container aside:first-of-type,
body.tag .container aside:first-of-type {
  display: none; }
  @media screen and (min-width: 768px) {
    body.archive.category .container aside:first-of-type,
    body.blog .container aside:first-of-type,
    body.single-post .container aside:first-of-type,
    body.tag .container aside:first-of-type {
      width: 25%;
      display: inline-block;
      vertical-align: top; } }

body.archive.category .container aside:second-of-type,
body.blog .container aside:second-of-type,
body.single-post .container aside:second-of-type,
body.tag .container aside:second-of-type {
  display: inline-block;
  width: 100%; }
  @media screen and (min-width: 768px) {
    body.archive.category .container aside:second-of-type,
    body.blog .container aside:second-of-type,
    body.single-post .container aside:second-of-type,
    body.tag .container aside:second-of-type {
      display: none; } }

body.archive.category .container aside ul,
body.blog .container aside ul,
body.single-post .container aside ul,
body.tag .container aside ul {
  list-style: none;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 700;
  font-style: normal; }
  body.archive.category .container aside ul#blog-categories,
  body.blog .container aside ul#blog-categories,
  body.single-post .container aside ul#blog-categories,
  body.tag .container aside ul#blog-categories {
    display: none;
    border-bottom: 1px solid #CCC; }
    @media screen and (min-width: 768px) {
      body.archive.category .container aside ul#blog-categories,
      body.blog .container aside ul#blog-categories,
      body.single-post .container aside ul#blog-categories,
      body.tag .container aside ul#blog-categories {
        display: block; } }
    body.archive.category .container aside ul#blog-categories li,
    body.blog .container aside ul#blog-categories li,
    body.single-post .container aside ul#blog-categories li,
    body.tag .container aside ul#blog-categories li {
      padding: 11px 0px;
      line-height: 100%;
      font-size: 1.2em; }
      body.archive.category .container aside ul#blog-categories li:hover a,
      body.blog .container aside ul#blog-categories li:hover a,
      body.single-post .container aside ul#blog-categories li:hover a,
      body.tag .container aside ul#blog-categories li:hover a {
        color: #999; }
      body.archive.category .container aside ul#blog-categories li:first-of-type,
      body.blog .container aside ul#blog-categories li:first-of-type,
      body.single-post .container aside ul#blog-categories li:first-of-type,
      body.tag .container aside ul#blog-categories li:first-of-type {
        padding-top: 0px; }
      body.archive.category .container aside ul#blog-categories li a,
      body.blog .container aside ul#blog-categories li a,
      body.single-post .container aside ul#blog-categories li a,
      body.tag .container aside ul#blog-categories li a {
        text-decoration: none; }

body.archive.category .container aside .sidebar-section,
body.blog .container aside .sidebar-section,
body.single-post .container aside .sidebar-section,
body.tag .container aside .sidebar-section {
  padding: 40px 0px;
  border-bottom: 1px solid #CCC; }
  body.archive.category .container aside .sidebar-section:last-of-type,
  body.blog .container aside .sidebar-section:last-of-type,
  body.single-post .container aside .sidebar-section:last-of-type,
  body.tag .container aside .sidebar-section:last-of-type {
    border-bottom: none; }
  body.archive.category .container aside .sidebar-section h3,
  body.blog .container aside .sidebar-section h3,
  body.single-post .container aside .sidebar-section h3,
  body.tag .container aside .sidebar-section h3 {
    line-height: 125%;
    font-weight: 100;
    font-size: 1.75em;
    margin-bottom: .25em;
    position: relative;
    z-index: 2;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 400;
    font-style: normal; }
  body.archive.category .container aside .sidebar-section h4,
  body.blog .container aside .sidebar-section h4,
  body.single-post .container aside .sidebar-section h4,
  body.tag .container aside .sidebar-section h4 {
    line-height: 100%;
    padding-bottom: 10px;
    font-weight: 100;
    font-size: 0.8em;
    color: #9d9599;
    text-transform: uppercase;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal; }
  body.archive.category .container aside .sidebar-section ul li:hover a,
  body.blog .container aside .sidebar-section ul li:hover a,
  body.single-post .container aside .sidebar-section ul li:hover a,
  body.tag .container aside .sidebar-section ul li:hover a {
    color: #aaa; }
  body.archive.category .container aside .sidebar-section[data-purpose="popular"] li, body.archive.category .container aside .sidebar-section[data-purpose="videos"] li,
  body.blog .container aside .sidebar-section[data-purpose="popular"] li,
  body.blog .container aside .sidebar-section[data-purpose="videos"] li,
  body.single-post .container aside .sidebar-section[data-purpose="popular"] li,
  body.single-post .container aside .sidebar-section[data-purpose="videos"] li,
  body.tag .container aside .sidebar-section[data-purpose="popular"] li,
  body.tag .container aside .sidebar-section[data-purpose="videos"] li {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 700;
    font-style: normal;
    padding: 10px 0px;
    font-size: 0.9em; }
    body.archive.category .container aside .sidebar-section[data-purpose="popular"] li a, body.archive.category .container aside .sidebar-section[data-purpose="videos"] li a,
    body.blog .container aside .sidebar-section[data-purpose="popular"] li a,
    body.blog .container aside .sidebar-section[data-purpose="videos"] li a,
    body.single-post .container aside .sidebar-section[data-purpose="popular"] li a,
    body.single-post .container aside .sidebar-section[data-purpose="videos"] li a,
    body.tag .container aside .sidebar-section[data-purpose="popular"] li a,
    body.tag .container aside .sidebar-section[data-purpose="videos"] li a {
      text-decoration: none; }
  body.archive.category .container aside .sidebar-section[data-purpose="email"],
  body.blog .container aside .sidebar-section[data-purpose="email"],
  body.single-post .container aside .sidebar-section[data-purpose="email"],
  body.tag .container aside .sidebar-section[data-purpose="email"] {
    font-size: 0.8em; }
    body.archive.category .container aside .sidebar-section[data-purpose="email"] div,
    body.blog .container aside .sidebar-section[data-purpose="email"] div,
    body.single-post .container aside .sidebar-section[data-purpose="email"] div,
    body.tag .container aside .sidebar-section[data-purpose="email"] div {
      position: relative; }
      body.archive.category .container aside .sidebar-section[data-purpose="email"] div a,
      body.blog .container aside .sidebar-section[data-purpose="email"] div a,
      body.single-post .container aside .sidebar-section[data-purpose="email"] div a,
      body.tag .container aside .sidebar-section[data-purpose="email"] div a {
        display: inline-block;
        color: black;
        background: white;
        vertical-align: top;
        width: 15%;
        text-align: right;
        height: 31px; }
        @media screen and (min-width: 1000px) {
          body.archive.category .container aside .sidebar-section[data-purpose="email"] div a,
          body.blog .container aside .sidebar-section[data-purpose="email"] div a,
          body.single-post .container aside .sidebar-section[data-purpose="email"] div a,
          body.tag .container aside .sidebar-section[data-purpose="email"] div a {
            height: 33px; } }
        body.archive.category .container aside .sidebar-section[data-purpose="email"] div a i,
        body.blog .container aside .sidebar-section[data-purpose="email"] div a i,
        body.single-post .container aside .sidebar-section[data-purpose="email"] div a i,
        body.tag .container aside .sidebar-section[data-purpose="email"] div a i {
          font-size: 20px;
          position: relative;
          top: 6px;
          right: 5px; }
    body.archive.category .container aside .sidebar-section[data-purpose="email"] input,
    body.blog .container aside .sidebar-section[data-purpose="email"] input,
    body.single-post .container aside .sidebar-section[data-purpose="email"] input,
    body.tag .container aside .sidebar-section[data-purpose="email"] input {
      border: none;
      padding: 10px;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      width: 85%;
      margin-bottom: 10px;
      margin-top: 0; }

body.archive.category .container #blog-content,
body.blog .container #blog-content,
body.single-post .container #blog-content,
body.tag .container #blog-content {
  width: 100%;
  display: inline-block;
  vertical-align: top; }
  @media screen and (min-width: 768px) {
    body.archive.category .container #blog-content,
    body.blog .container #blog-content,
    body.single-post .container #blog-content,
    body.tag .container #blog-content {
      margin-left: 4%;
      width: 70%; } }
  body.archive.category .container #blog-content .title--tag,
  body.blog .container #blog-content .title--tag,
  body.single-post .container #blog-content .title--tag,
  body.tag .container #blog-content .title--tag {
    font-size: 2em;
    margin-bottom: 1em; }
    body.archive.category .container #blog-content .title--tag span,
    body.blog .container #blog-content .title--tag span,
    body.single-post .container #blog-content .title--tag span,
    body.tag .container #blog-content .title--tag span {
      font-weight: normal; }
  body.archive.category .container #blog-content .tag-content,
  body.blog .container #blog-content .tag-content,
  body.single-post .container #blog-content .tag-content,
  body.tag .container #blog-content .tag-content {
    margin-bottom: 2em; }
  body.archive.category .container #blog-content #blog_recent > p,
  body.blog .container #blog-content #blog_recent > p,
  body.single-post .container #blog-content #blog_recent > p,
  body.tag .container #blog-content #blog_recent > p {
    margin-bottom: 40px; }

.blog__single-header {
  max-width: 96em;
  margin-left: auto;
  margin-right: auto; }
  .blog__single-header::after {
    clear: both;
    content: "";
    display: table; }
  .blog__single-header .thumb--single-post {
    position: relative;
    margin-bottom: 1rem;
    overflow: hidden;
    display: block;
    padding-bottom: 60%; }
  .blog__single-header img {
    width: 100%;
    height: auto;
    display: block; }
  .blog__single-header img.thumb__image {
    position: absolute;
    top: 0; }

#blog_post {
  padding-top: 1.8666666667em;
  padding-bottom: 4em; }

.cabi-slideshow {
  position: relative;
  background: white;
  overflow: hidden; }
  .cabi-slideshow .slide {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    position: absolute; }
    .cabi-slideshow .slide.active {
      opacity: 1;
      position: relative; }
    .cabi-slideshow .slide .img {
      padding-top: 1em; }
      @media screen and (min-width: 1000px) {
        .cabi-slideshow .slide .img {
          width: 50%;
          float: left; } }
      .cabi-slideshow .slide .img img {
        margin: 0 auto; }
        @media screen and (min-width: 1000px) {
          .cabi-slideshow .slide .img img {
            width: 100% !important; } }
    .cabi-slideshow .slide .body {
      padding: 2em; }
      @media screen and (min-width: 1000px) {
        .cabi-slideshow .slide .body {
          margin-left: 45%;
          margin-right: 5%; } }
      .cabi-slideshow .slide .body p {
        margin-bottom: 0 !important; }
  @media screen and (min-width: 1000px) {
    .cabi-slideshow .slideshow-nav {
      height: 0;
      padding: 0; } }
  .cabi-slideshow .slideshow-nav a {
    color: white !important;
    text-decoration: none !important;
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    opacity: .2;
    background: #eeefef;
    padding: 1em;
    position: absolute;
    top: 40%;
    left: 0; }
    .cabi-slideshow .slideshow-nav a:hover {
      opacity: 1; }
    .cabi-slideshow .slideshow-nav a.slideshow-next {
      left: inherit;
      right: 0;
      font-size: 1em; }
      @media screen and (min-width: 1000px) {
        .cabi-slideshow .slideshow-nav a.slideshow-next {
          font-size: .8em; } }
    .cabi-slideshow .slideshow-nav a.slideshow-previous {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
      font-size: 1em; }
      @media screen and (min-width: 1000px) {
        .cabi-slideshow .slideshow-nav a.slideshow-previous {
          font-size: .8em; } }

#blog_page .row {
  display: block; }
  #blog_page .row::after {
    clear: both;
    content: "";
    display: table; }

@media screen and (min-width: 1000px) {
  #blog_page .span4 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%; }
    #blog_page .span4:last-child {
      margin-right: 0; }
  #blog_page .span8 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%;
    margin-right: 0; }
    #blog_page .span8:last-child {
      margin-right: 0; } }

/*#blog_recent {
	margin-bottom:42px;
	.archive & { margin-top:2em; }

	@include media($screen-desktop) {
		margin-bottom: 0;
		.archive & {margin-top: 0;}
	}


	.filter {
		background:#fff;    
		color: $dark-slate;
		margin:0 0 24px;
		position:relative;
		border: 0;
		display: none;
		@include media($screen-desktop) {
			display: block;
			border: 1px solid $soft-grey;
		}

		h3 {
			border-right: 1px solid $soft-grey;
			text-transform:uppercase;
			vertical-align: middle;
			white-space: nowrap;
			background:none;
			color:$dark-slate;
			display:block;
			font-size:0.563em;
			left:0;
			line-height: 1;
			padding:0;
			position:absolute;
			top:-2em;
			width:auto;
			@include media($screen-desktop) {
				background: $black;
				color: #fff;
				font-size:.75em;
				line-height:52px;
				margin:0;
				padding:0 24px;
				display:table-cell;
				position: relative;
				left: auto;
				top: auto;
			} 
		}
		.current {
			cursor:pointer;            
			text-transform: uppercase;
			font-weight:bold;            
			position:relative;
			vertical-align: middle;      
			z-index: 10;      
			display:block;
			font-size:1.125em;
			height:auto;
			line-height: 28px;
			padding:0 12px;
			width:auto;
			@include transition();
			@include media($screen-desktop) {
				display:table-cell;
				height:36px;
				font-size:1.5em;
				line-height:48px;
				padding:0 24px;
				width:100%;
			}
			&:hover { 
				background:$soft-grey;
			}
		}
		ul {
			background: #fff;
			display: none;
			border: 1px solid $soft-grey;
			border-top: none;
			margin:0 -12px;
			position:relative;
			top:0;
			width:auto;
			@include media($screen-desktop) {
				position: absolute;
				top: 100%;
				width: 100%;
				margin: 1px 0 0;
				left: -1px;
			}
		}
		li {
			font-size:0.50em;
			font-style:normal;
			font-weight:bold;
			line-height:1;
		}
		a {
			color: $black;
			display:block;
			padding:8px 12px;
			@include transition();
			@include media($screen-desktop) {
				padding:8px 24px;
			}      
			&:hover { 
				background:$dark-slate; 
				color: #fff;
			}
		}
		.arr {
			cursor:pointer;
			height:9px;
			margin:-4px 0 0;
			position:absolute;
			width:14px;
			z-index: 11;
			right:10px;
			top:14px;
			@include media($screen-desktop) {
				right:14px;
				top:50%;
			}
		}
		.vr {
			background: $soft-grey;
			cursor: none;
			height: 100%;
			margin: -2px 0 0;
			position: absolute;
			right: 40px;
			width: 1px;
			z-index: 0;
			display: none;
			@include media($screen-desktop) {
				display: block;
			}
		}
	}
	.item_wrap {     
		padding-bottom:0; 
		@include media($screen-desktop) {
			padding-bottom:48px;
		}
	}
	.item {
		background:white;
		border:1px solid $soft-grey;
		margin-bottom:30px;
		position:relative;
		width:100%;
		@include media($screen-desktop) {
			width: 48%;  
		}
		&.shift {
			@include media($screen-desktop) {
				left: 1.8% !important;
			}
		}
		a:hover .common-video-play-btn { background-position: bottom left; }
	}
	#infscr-loading {
		position:relative; 
		top:-8px;
		@include media($screen-desktop) {
			top: auto;
			bottom:8px;
			position:absolute;
		}
		div { 
			display:inline-block; 
			margin:0 0 0 12px; 
		}
	}
	.gutter-sizer { width:3%; }
	#blog_post_nav {
		border-top: solid 1px $grey;
		text-align: center; 
	}
	#blog_post_nav a {
		color:$grey;
		display:block;
		font-size:1em;
		padding:12px;
		text-transform: uppercase;
		@include transition();
		.txt { 
			padding:0 24px 0 0;
		}
		&:hover { 
			background:$soft-grey; 
		}
	}
	h4 {
		clear:both;
		font-size:1.4em;    
		margin:0;    
		line-height:0.9em;
		@include media($screen-desktop) {
			line-height: 1em;
		}
	}
	h4 a {
		color:$dark-slate;
		@include archer-book;
		text-decoration: none;
	}
	.thumb { position:relative;
		img {
			width: 100%;
			height: auto;
		}
	}
	.meta {     
		padding:12px; 
		@include media($screen-desktop) {
			padding: 24px 24px 12px;
		}
		p { 
			color:$dark-slate; 
			line-height:1.25em;
			font-weight: bold; 
			margin:8px 0 16px;      
			font-size:0.625em; 
			@include archer-book;      
			@include media($screen-desktop) {
				font-size:0.875em; 
			}
		}    
	}
	.date { 
		color:$soft-grey; 
		display:inline-block;     
		float:left; 
		margin:0 0 12px; 
		text-transform:uppercase;
		color:$dark-slate; font-size:0.5em;
		@include media($screen-desktop) {
			font-size:0.75em; 
		}
	}   
	.comments { float:right; margin:0 0 10px;

		a {
			background:#c9c5c7;
			color:white;
			display:inline-block;
			font-family: $sans_serif_font;        
			font-size:0.75em;
			line-height:1;
			margin:0 0 0 24px;
			padding:5px 8px;
			position:relative;
			@include transition();

			span {
				border-style: solid;
				border-width: 0 5px 5px 0;
				border-color: transparent #c9c5c7 transparent transparent;
				bottom:-5px;
				height: 0px;
				left:12px;
				position:absolute;
				width: 0px;
				@include transition();
			}

			&:hover { 
				background:darken(#c9c5c7, 50%);
				span { border-color: transparent darken(#c9c5c7, 50%) transparent transparent; 
				}
			}
		}
		.dsq-postid { 
			border:0; 
			height:auto; 
			position:static; 
			width:auto; 
		}
	}
	.more {
		background:#f0eff0;
		color:$soft-grey;
		float:right;
		font-size:0.688em;
		line-height:1;
		margin-bottom:12px;
		padding:6px 24px 6px 6px;
		position:relative;
		text-transform:uppercase;
		@include transition();
		display: none;
		span {
			background: url(../../images/_icons/grey-arrow.png) center right no-repeat;
			height:14px;
			margin:-8px 0 0;
			position:absolute;
			right:4px;
			top:50%;
			width:9px;
		}
		&:hover { background:$soft-grey; }
	}
	.tagged {
		display: none;
		border-top:1px solid $soft-grey;
		clear:both;
		color:$dark-slate;
		font-family: $sans_serif_font;        
		font-size:0.5em; 
		padding:12px 0 0;     
		line-height:1;
		margin:12px 0 0;    
		text-transform:uppercase;
		@include media($screen-desktop) {
			font-size:0.875em;
			padding:24px 0 0;
		}
		a { 
			color:$soft-grey; 
			text-decoration:underline;
			&:hover { 
				color: darken($soft-grey, 50%); 
			}
		}

	}
}*/
.blog_nav .cats {
  font-family: "Archer SSm A", "Archer SSm B";
  font-size: 1.625em;
  font-weight: bold;
  padding: 0 0 8px; }
  .blog_nav .cats a {
    color: #2b444d;
    display: block;
    margin: 0 0 10px;
    padding: 2px 0; }

.blog_social {
  border-top: 1px solid #b7b1b4;
  border-bottom: 1px solid #b7b1b4;
  padding: 1.5em 0; }
  .blog_social h4 {
    color: #2b444d;
    display: inline-block;
    font-family: "shimmer_otregular";
    font-weight: bold;
    margin: 0 16px 8px 0;
    padding: 8px 0 0;
    vertical-align: middle;
    font-size: 1.21875em; }
    @media screen and (min-width: 1000px) {
      .blog_social h4 {
        font-size: 1.95em;
        margin: 0 16px 4px 0; } }
  .blog_social li {
    margin-right: 0.25em; }
  .blog_social li a {
    background: #e6e4e4;
    padding: 10px; }
  .blog_social span {
    display: block;
    background: url(../../images/social-icons.png) top left no-repeat;
    height: 16px;
    width: 16px;
    text-indent: -9999px;
    cursor: pointer; }
  .blog_social .twitter a:hover span {
    background-position: 0 -16px; }
  .blog_social .facebook span {
    background-position: -27px 0; }
  .blog_social .facebook a:hover span {
    background-position: -27px -16px; }
  .blog_social .youtube span {
    background-position: -112px 0; }
  .blog_social .youtube a:hover span {
    background-position: -112px -16px; }
  .blog_social .googleplus span {
    background-position: -137px 0; }
  .blog_social .googleplus a:hover span {
    background-position: -137px -16px; }
  .blog_social .rss span {
    background-position: -168px 0; }
  .blog_social .rss a:hover span {
    background-position: -168px -16px; }

.blog_newsletter {
  margin-top: 24px;
  border-bottom: 1px solid #b7b1b4;
  padding-bottom: 24px; }
  .blog_newsletter h3 {
    font-family: "shimmer_otregular";
    margin: 0 0 16px;
    font-size: 1.21875em; }
    @media screen and (min-width: 1000px) {
      .blog_newsletter h3 {
        font-size: 1.95em;
        margin: 0 16px 4px 0; } }
  .blog_newsletter p {
    font-family: "Archer SSm A", "Archer SSm B";
    font-size: 0.8em;
    font-weight: bold;
    line-height: 1.25em;
    margin: 1em 0;
    color: #2b444d; }
  .blog_newsletter .mailing-list-form form input[type="text"] {
    width: 75%; }
    @media screen and (min-width: 1000px) {
      .blog_newsletter .mailing-list-form form input[type="text"] {
        width: auto;
        font: normal 13px "Archer SSm A", "Archer SSm B"; } }
  @media screen and (min-width: 1000px) {
    .blog_newsletter .mailing-list-form form input[type="submit"] {
      margin: -25px 6px 0 0; } }
  .blog_newsletter .mailing-list-form {
    color: #64646c;
    border: none; }
    .blog_newsletter .mailing-list-form strong {
      font-size: 1.75em;
      line-height: 1.3em;
      color: #414144;
      font-family: 'Archer SSm A', 'Archer SSm B';
      font-style: italic;
      font-weight: normal; }
    .blog_newsletter .mailing-list-form p {
      color: #414144;
      font-family: 'Archer SSm A', 'Archer SSm B';
      font-size: .75em;
      line-height: 1.2em;
      text-transform: uppercase;
      margin: 0 0 0 -30px; }
    .blog_newsletter .mailing-list-form form {
      background: #e6e4e4;
      position: relative; }
      .blog_newsletter .mailing-list-form form.error {
        background: #ffe0e0; }
        .blog_newsletter .mailing-list-form form.error fieldset {
          border: 1px solid #c0c0c0; }
      .blog_newsletter .mailing-list-form form fieldset {
        border: none;
        padding: 0;
        margin: 0; }
      .blog_newsletter .mailing-list-form form input {
        outline: none;
        background: none;
        float: left;
        border: none;
        font: italic 15px Georgia;
        color: #73737b;
        padding: .75em;
        width: 84%; }
      .blog_newsletter .mailing-list-form form .mailing-list-submit {
        float: right;
        background: url(../../images/mailing-list-submit.png) top left no-repeat;
        height: 14px;
        width: 19px;
        border: 0;
        cursor: pointer;
        outline: none;
        padding: 0;
        text-indent: -9999px;
        margin: 9px 6px 0 0; }
      .blog_newsletter .mailing-list-form form .mailing-list-submit.submitting {
        background: url(../../images/mail-form-loader.gif) top left no-repeat;
        height: 17px; }
    .blog_newsletter .mailing-list-form a.pp {
      font-size: .7em;
      text-transform: uppercase;
      line-height: 1em;
      margin-left: -10px; }
      .blog_newsletter .mailing-list-form a.pp:hover {
        text-decoration: underline; }

.blog_popular h3 {
  color: #b7b1b4;
  display: inline-block;
  font-family: "Archer SSm A", "Archer SSm B";
  font-size: 1.225em;
  margin: 16px 0 0 0;
  padding: 8px 0 0;
  vertical-align: middle; }

.blog_popular .item {
  margin: 0; }
  .blog_popular .item h4 {
    line-height: 1.2em; }

.blog_videos {
  border-top: 1px solid #b7b1b4; }
  .blog_videos h3 {
    color: #b7b1b4;
    display: inline-block;
    font-family: "Archer SSm A", "Archer SSm B";
    font-size: 1.225em;
    margin: 16px 0 0 0;
    padding: 8px 0 0;
    vertical-align: middle; }
  .blog_videos .item {
    margin-bottom: 12px; }
  .blog_videos .thumb {
    position: relative; }
  .blog_videos .item a:hover .common-video-play-btn {
    background-position: bottom left; }
  .blog_videos h4 {
    color: #2b444d;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: bold;
    line-height: 1.2em; }

.side-hover {
  opacity: .5; }

.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
  -webkit-transition: all .6s ease;
  /* Fade to color for Chrome and Safari */
  -webkit-backface-visibility: hidden;
  /* Fix for transition flickering */
  opacity: .5; }

.grayscale:hover {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
  opacity: 1; }

.blog_tweets {
  background: white;
  border: 0;
  clear: both;
  padding: 30px 32px 60px; }
  @media screen and (min-width: 1000px) {
    .blog_tweets {
      background: none;
      border-top: 1px solid #b7b1b4;
      border-bottom: 1px solid #b7b1b4;
      padding: 36px 0 24px;
      margin-top: 3em; } }
  .blog_tweets .twt_ico {
    background: url(../../images/_icons/ico_twitter.png) top left no-repeat;
    background-size: 24px;
    display: block;
    height: 24px;
    width: 24px;
    margin: -42px auto 24px; }
    @media screen and (min-width: 1000px) {
      .blog_tweets .twt_ico {
        margin: -48px auto 24px; } }
  .blog_tweets .handle {
    color: #b7b1b4;
    font-size: 0.625em;
    text-transform: uppercase;
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s; }
    @media screen and (min-width: 1000px) {
      .blog_tweets .handle {
        font-size: 0.75em; } }
    .blog_tweets .handle:hover {
      color: #2b444d; }
  .blog_tweets #tweets_wrap {
    color: #2b444d;
    font-family: "Archer SSm A", "Archer SSm B";
    font-size: 1.2em;
    font-style: italic;
    height: 148px;
    line-height: 1.35em;
    overflow: hidden; }
    @media screen and (min-width: 1000px) {
      .blog_tweets #tweets_wrap {
        height: 180px;
        font-size: 1.1em; } }
    .blog_tweets #tweets_wrap p {
      margin: 0.25em 0 1em; }
      @media screen and (min-width: 1000px) {
        .blog_tweets #tweets_wrap p {
          margin: initial; } }
    .blog_tweets #tweets_wrap li {
      height: 148px; }
      @media screen and (min-width: 1000px) {
        .blog_tweets #tweets_wrap li {
          height: 224px; } }
    .blog_tweets #tweets_wrap a {
      color: #b7b1b4;
      -webkit-transition: all 0.15s ease-out 0s;
      -moz-transition: all 0.15s ease-out 0s;
      transition: all 0.15s ease-out 0s; }
      .blog_tweets #tweets_wrap a:hover {
        color: #2b444d; }
    .blog_tweets #tweets_wrap .home-tweet-date a {
      display: block;
      font-family: "Archer SSm A", "Archer SSm B";
      font-style: normal;
      text-transform: uppercase;
      font-size: 0.625em; }
      @media screen and (min-width: 1000px) {
        .blog_tweets #tweets_wrap .home-tweet-date a {
          font-size: 0.43em; } }
  .blog_tweets .tweet_footer {
    margin: 0 -12px; }
    .blog_tweets .tweet_footer::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (min-width: 1000px) {
      .blog_tweets .tweet_footer {
        margin: 0; } }
    .blog_tweets .tweet_footer li {
      display: block;
      float: left; }
      @media screen and (min-width: 1000px) {
        .blog_tweets .tweet_footer li {
          display: table-cell;
          vertical-align: middle;
          float: none; } }
    .blog_tweets .tweet_footer a {
      display: block; }
    .blog_tweets .tweet_footer .tw_nav a {
      height: 24px;
      width: 32px;
      padding: 10px 0;
      -webkit-transition: all 0.15s ease-out 0s;
      -moz-transition: all 0.15s ease-out 0s;
      transition: all 0.15s ease-out 0s; }
      @media screen and (min-width: 1000px) {
        .blog_tweets .tweet_footer .tw_nav a {
          padding: 0; } }
      .blog_tweets .tweet_footer .tw_nav a#tweet-prev {
        background: url(../../images/arrow-sign-left_sm.png) center center no-repeat; }
        .blog_tweets .tweet_footer .tw_nav a#tweet-prev:hover {
          background: #eeefef url(../../images/arrow-sign-left_sm_hover.png) center center no-repeat; }
      .blog_tweets .tweet_footer .tw_nav a#tweet-next {
        background: url(../../images/arrow-sign_sm.png) center center no-repeat; }
        .blog_tweets .tweet_footer .tw_nav a#tweet-next:hover {
          background: #eeefef url(../../images/arrow-sign_sm_hover.png) center center no-repeat; }
    .blog_tweets .tweet_footer .follow {
      float: right; }
      @media screen and (min-width: 1000px) {
        .blog_tweets .tweet_footer .follow {
          float: none; } }
    .blog_tweets .tweet_footer .follow a {
      background: #b7b1b4;
      color: white;
      font-size: 0.675em;
      padding: 10px;
      -webkit-transition: all 0.15s ease-out 0s;
      -moz-transition: all 0.15s ease-out 0s;
      transition: all 0.15s ease-out 0s; }
      @media screen and (max-width: 999px) {
        .blog_tweets .tweet_footer .follow a {
          width: 26px;
          height: 26px;
          line-height: 28px; } }
      @media screen and (min-width: 1000px) {
        .blog_tweets .tweet_footer .follow a {
          line-height: 1.4em;
          font-size: 0.75em; } }
      .blog_tweets .tweet_footer .follow a:hover {
        background: #eeefef; }

#blog-categories-mobile-dropdown {
  width: 100%;
  margin-bottom: 1em; }
  #blog-categories-mobile-dropdown [data-selected-item] {
    padding: 1em; }

.blog__related-posts {
  padding: 2em 0 3em;
  color: #fff;
  background-color: #5d5d5d; }
  .blog__related-posts::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 1000px) {
    .blog__related-posts {
      padding: 3.3333333333em 0 5em; } }

.blog__related-title {
  font-size: 0.8em;
  margin-bottom: 2.6666666667em;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Montserrat'; }

.blog__related-post {
  margin-bottom: 2em; }
  @media screen and (min-width: 768px) {
    .blog__related-post {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%;
      margin-bottom: 0; }
      .blog__related-post:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 1000px) {
    .blog__related-post {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 23.2317613015%; }
      .blog__related-post:last-child {
        margin-right: 0; } }
  .blog__related-post--inner-item {
    display: none; }
    @media screen and (min-width: 1000px) {
      .blog__related-post--inner-item {
        display: block; } }
  .blog__related-post p {
    font-size: 0.9em;
    line-height: 1.25em; }

.blog__related-thumb {
  margin-bottom: 1rem;
  position: relative;
  overflow: hidden;
  display: block;
  padding-bottom: 60%; }
  .blog__related-post:first-of-type .blog__related-thumb {
    position: relative; }
    .blog__related-post:first-of-type .blog__related-thumb:before {
      content: "prev";
      left: -10px;
      z-index: 10;
      display: block;
      color: #000;
      cursor: pointer;
      background-color: #fff;
      font-family: 'Montserrat';
      padding: 10px 30px;
      position: absolute;
      top: 50%;
      text-transform: uppercase;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
      pointer-events: none; }
  .blog__related-post:last-of-type .blog__related-thumb {
    position: relative; }
    .blog__related-post:last-of-type .blog__related-thumb:after {
      content: "next";
      right: -10px;
      z-index: 10;
      display: block;
      color: #000;
      cursor: pointer;
      background-color: #fff;
      font-family: 'Montserrat';
      padding: 10px 30px;
      position: absolute;
      top: 50%;
      text-transform: uppercase;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
      pointer-events: none; }
  .blog__related-post:hover .blog__related-thumb:before, .blog__related-post:hover .blog__related-thumb:after {
    background-color: #000;
    color: white; }
  .blog__related-thumb--no-image {
    padding-bottom: 0; }
  .blog__related-thumb--no-image-space {
    height: 185px;
    width: 309px; }
  .blog__related-thumb img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0; }

.blog__related-thumb--most-recent {
  margin-bottom: 1rem;
  position: relative;
  overflow: hidden;
  display: block;
  padding-bottom: 60%; }
  .blog__related-post:first-of-type .blog__related-thumb--most-recent {
    position: relative; }
    .blog__related-post:first-of-type .blog__related-thumb--most-recent:before {
      content: "prev";
      left: -10px;
      z-index: 1000;
      display: block;
      color: #000;
      cursor: pointer;
      background-color: #fff;
      font-family: 'Montserrat';
      padding: 10px 30px;
      position: absolute;
      top: 50%;
      text-transform: uppercase;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
      pointer-events: none; }
  .blog__related-post:hover .blog__related-thumb--most-recent:before, .blog__related-post:hover .blog__related-thumb--most-recent:after {
    background-color: #000;
    color: white; }
  .blog__related-thumb--most-recent--no-image {
    padding-bottom: 0; }
  .blog__related-thumb--most-recent--no-image-space {
    height: 185px;
    width: 309px; }
  .blog__related-thumb--most-recent img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0; }

.blog__related-post-title {
  color: #fff;
  font-size: 1.1em;
  line-height: 1.4em;
  text-decoration: none;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal; }
  .blog__related-post:hover .blog__related-post-title {
    text-decoration: underline; }

.product-list-box a {
  font-family: 'Montserrat';
  text-transform: uppercase;
  letter-spacing: 0.06875em;
  -webkit-appearance: none;
  border-radius: 0;
  display: inline-block;
  font-size: 0.875em;
  text-decoration: none;
  text-align: center;
  padding: 0 55px;
  border: 1px solid;
  height: 62px;
  -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out, border-width 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out, border-width 0.2s ease-out;
  transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out, border-width 0.2s ease-out;
  background-color: transparent;
  color: #000;
  border-color: transparent;
  cursor: pointer;
  border-color: #000;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 0 20px; }
  .product-list-box a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%; }
  @media screen and (min-width: 1000px) {
    .product-list-box a:not([disabled]):hover, .product-list-box a:not([disabled]):focus {
      background-color: #000;
      color: transparent; } }
  @media screen and (min-width: 768px) {
    .product-list-box a:hover {
      color: #fff !important; } }

/* =============================================================================
* Blog - Landing
=============================================================================*/
.blog__nav {
  border-top: 3px solid #ff99a8;
  padding: 1.5rem;
  background-color: #f0f0f0; }
  .headroom--not-top .blog__nav {
    border-top: none; }

.blog__nav-list {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  font-size: 0.9333333333em; }
  .blog__nav-list li {
    list-style: none;
    padding: 0;
    margin: 0; }
  .blog__nav-list li {
    display: inline-block; }
  .blog__nav-list a {
    text-decoration: none; }
    @media screen and (min-width: 1000px) {
      .blog__nav-list a:hover {
        text-decoration: underline; } }

.blog__nav-archive {
  position: relative; }

.blog__nav-archive-link:hover {
  text-decoration: none !important; }

.blog__nav-archive-link:after {
  content: "\0025BE";
  font-size: 1.3em;
  padding-left: 5px; }

.blog__nav-archive-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  background-color: #fff;
  border: 1px solid #b7b1b4;
  padding: 1.0714285714em 1.7142857143em;
  text-align: center;
  z-index: 1;
  font-family: 'Montserrat';
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }
  .blog__nav-archive:hover .blog__nav-archive-dropdown {
    display: block; }
  .blog__nav-archive-dropdown > li {
    display: block;
    margin-bottom: 1.4285714286em; }
    .blog__nav-archive-dropdown > li:last-child {
      margin-bottom: 0; }

#blog__search-form {
  position: relative; }

.blog__nav-search {
  background-color: #f0f0f0;
  border: none;
  font-size: inherit !important;
  padding-right: 2em;
  width: 150px;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out; }
  .blog__nav-search:focus {
    background-color: #fff; }
  .blog__nav-search::-moz-placeholder {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    color: #000; }
  .blog__nav-search:-moz-placeholder {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    color: #000; }
  .blog__nav-search::-webkit-input-placeholder {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    color: #000; }
  .blog__nav-search:-ms-input-placeholder {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    color: #000; }

.blog__nav-search-icon {
  position: absolute;
  top: 6px;
  right: 11px;
  color: #666;
  font-size: 1.2em; }

.blog__nav-mobile {
  margin: 1.5em 15px;
  position: relative;
  z-index: 99999; }

.blog__nav-button {
  background-color: #f5f5f5; }

.blog__nav-button-link {
  text-decoration: none;
  font-size: 1.2em;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 700;
  font-style: normal;
  padding: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify; }
  .blog__nav-button-link:after {
    content: "\0025BE";
    font-size: 1.3em;
    padding-left: 5px; }
  .blog__nav-button-link.menu-active:after {
    content: "+";
    font-size: 3.4em;
    font-weight: 500;
    margin-right: -2px;
    padding: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }

.blog__nav-mobile-popup {
  display: none;
  position: absolute;
  width: 100%; }

.blog__nav-mobile-close {
  color: #fff;
  display: block;
  font-size: 1.8em;
  position: absolute;
  right: 25px;
  top: 32px;
  text-decoration: none; }

.blog__nav-mobile-categories {
  background-color: #fff; }

.blog__nav-mobile-list {
  padding: 0;
  margin: 0;
  padding: 20px; }
  .blog__nav-mobile-list li {
    list-style: none;
    padding: 0;
    margin: 0; }
  .blog__nav-mobile-list li {
    font-family: 'Montserrat';
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1em;
    text-transform: uppercase; }
    .blog__nav-mobile-list li a {
      color: #666666;
      display: block;
      padding: 15px 0;
      width: 100%;
      text-decoration: none; }

.blog__nav-mobile-archive {
  background-color: #fff; }

.blog__nav-mobile-dd-link {
  border-bottom: 1px solid #b7b8b9;
  color: #0f0f0f;
  display: block;
  font-size: 1.7333333333em;
  line-height: 1em;
  padding: 15px 20px;
  text-decoration: none;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify; }
  .blog__nav-mobile-dd-link--first {
    border-top: 1px solid #b7b8b9; }
  .blog__nav-mobile-dd-link span {
    position: relative; }
    .blog__nav-mobile-dd-link span:after {
      content: "";
      border-top: 3px solid #ff99a8;
      border-left: 3px solid #ff99a8;
      width: 1rem;
      height: 1rem;
      margin: auto;
      position: absolute;
      top: 2px;
      left: 0;
      -webkit-transform-origin: 0;
      -moz-transform-origin: 0;
      -ms-transform-origin: 0;
      -o-transform-origin: 0;
      transform-origin: 0;
      -webkit-transform: rotate(-135deg) translateY(-50%);
      -moz-transform: rotate(-135deg) translateY(-50%);
      -ms-transform: rotate(-135deg) translateY(-50%);
      -o-transform: rotate(-135deg) translateY(-50%);
      transform: rotate(-135deg) translateY(-50%); }
  .blog__nav-mobile-dd-link.open span:after {
    top: initial;
    left: initial;
    bottom: 0;
    right: 5px;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -moz-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    -o-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%); }

.blog__nav--mobile-archive-dropdown {
  display: none;
  padding: 0;
  margin: 0; }
  .blog__nav--mobile-archive-dropdown li {
    list-style: none;
    padding: 0;
    margin: 0; }
  .blog__nav--mobile-archive-dropdown a {
    display: block;
    color: #000;
    font-size: 1.3333333333em;
    line-height: 1em;
    padding: 15px 30px;
    text-decoration: none;
    width: 100%;
    border-top: 1px solid #fff; }

.blog__nav-mobile-search {
  border-top: 1px solid #b7b8b9;
  background-color: #fff;
  padding: 12px 20px; }

.blog__nav-mobile-search-input {
  background-color: #fff;
  border: none;
  font-size: 1.7333333333em !important;
  line-height: 1.4em;
  padding: 0 !important;
  width: 140px;
  -webkit-transition: width 0.2s ease-out;
  -moz-transition: width 0.2s ease-out;
  transition: width 0.2s ease-out; }
  .blog__nav-mobile-search-input::-moz-placeholder {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    color: #0f0f0f; }
  .blog__nav-mobile-search-input:-moz-placeholder {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    color: #0f0f0f; }
  .blog__nav-mobile-search-input::-webkit-input-placeholder {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    color: #0f0f0f; }
  .blog__nav-mobile-search-input:-ms-input-placeholder {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    color: #0f0f0f; }
  .blog__nav-mobile-search-input:focus {
    width: calc(100% - 30px); }

.blog__nav-mobile-search-btn {
  background-color: transparent;
  border: none;
  font-size: 1rem;
  outline: none;
  padding: 0; }

.blog__nav-mobile-search-icon {
  color: #000;
  font-size: 1.8em;
  vertical-align: sub; }

.blog__main {
  padding: 0;
  margin-bottom: 50px; }
  @media screen and (min-width: 1000px) {
    .blog__main {
      margin-top: 100px; } }

.blog__page-title {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-weight: 700;
  letter-spacing: -1px;
  font-size: 90px;
  line-height: 1em;
  padding: 24px 15px 2.6rem 15px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .blog__page-title {
      font-size: 60px; } }
  @media screen and (min-width: 768px) {
    .blog__page-title.has-category {
      font-size: 40px;
      line-height: 10rem; } }
  @media screen and (min-width: 1000px) {
    .blog__page-title.has-category {
      font-size: 47px; } }
  .blog__page-title span {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 28px;
    line-height: 31px;
    font-weight: 500 !important;
    letter-spacing: 1.04px;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .blog__page-title span {
        font-size: 32px;
        line-height: 28px;
        letter-spacing: 1.4px;
        position: relative; } }
    @media screen and (min-width: 1000px) {
      .blog__page-title span {
        font-size: 38px;
        line-height: 48px;
        letter-spacing: 1px; } }
    @media screen and (min-width: 768px) {
      .blog__page-title span br {
        display: none; } }

.blog__row {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .blog__row::after {
    clear: both;
    content: "";
    display: table; }

.blog__col-6 {
  padding: 0 30px; }
  @media screen and (min-width: 480px) {
    .blog__col-6 {
      padding: 0 60px; } }
  @media screen and (min-width: 768px) {
    .blog__col-6 {
      padding: 0 25px;
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%; }
      .blog__col-6:last-child {
        margin-right: 0; }
      .blog__col-6:nth-child(2n) {
        margin-right: 0; }
      .blog__col-6:nth-child(2n+1) {
        clear: left; } }

@media screen and (min-width: 768px) {
  .blog__col-12 {
    padding: 0 50px;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    margin-right: 0; }
    .blog__col-12:last-child {
      margin-right: 0; } }

.blog__post-item {
  margin-bottom: 50px;
  position: relative;
  display: block; }
  @media screen and (min-width: 768px) {
    .blog__post-item {
      margin-bottom: 100px; } }

.blog__post-thumb {
  margin-bottom: 1rem;
  position: relative;
  overflow: hidden;
  padding-top: 59.6%; }
  @media screen and (min-width: 768px) {
    .blog__col-12 .blog__post-thumb {
      overflow: hidden;
      padding-top: 44.777%;
      position: relative; } }

.blog__post-img {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0; }
  @media screen and (min-width: 768px) {
    .blog__col-12 .blog__post-img {
      position: absolute;
      top: 0;
      left: 0; } }

.blog__col-12 .blog__post-meta {
  background-color: #FFF;
  margin: -30px 15px 0;
  padding: 30px 15px 0;
  position: relative; }
  @media screen and (min-width: 480px) {
    .blog__col-12 .blog__post-meta {
      margin: -30px 30px 0; } }
  @media screen and (min-width: 768px) {
    .blog__col-12 .blog__post-meta {
      background-color: rgba(255, 255, 255, 0.95);
      margin: 0;
      padding: 40px;
      position: absolute;
      top: 50%;
      right: 50px;
      width: 404px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); } }

.blog__post-cat {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 0.8em;
  text-transform: uppercase;
  margin-bottom: .5rem; }

.blog__post-title {
  font-size: 1.7333333333em;
  line-height: 1.2em;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  margin-bottom: 1rem; }
  .blog__post-title a {
    text-decoration: none; }
    @media screen and (min-width: 1000px) {
      .blog__post-title a:hover {
        text-decoration: underline; } }

@keyframes slide-up-fade-in {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, 5vh);
    -moz-transform: translate(-50%, 5vh);
    -ms-transform: translate(-50%, 5vh);
    -o-transform: translate(-50%, 5vh);
    transform: translate(-50%, 5vh); }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0); } }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.page-template-fashion-show-register #site-header, .page-template-fashion-show-register
#site-footer {
  display: none; }

body.page-template-fashion-show-register {
  background-color: #000;
  color: white; }
  body.page-template-fashion-show-register main {
    height: 100%; }

@media screen and (max-width: 767px) {
  .fashion-show-video-bg video {
    display: none; } }

.fashion {
  /*padding-top: calc((20vh + 20vw)/2);*/
  height: 100%; }

.fashion__container {
  display: block;
  max-width: 53.2em;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1em;
  position: relative;
  top: 10%;
  -webkit-transform: translateY(-10%);
  -moz-transform: translateY(-10%);
  -ms-transform: translateY(-10%);
  -o-transform: translateY(-10%);
  transform: translateY(-10%); }
  .fashion__container::after {
    clear: both;
    content: "";
    display: table; }

.fashion__header {
  text-align: center;
  /*margin-bottom: 4em;*/
  padding: 2em 1em; }
  @media screen and (min-width: 768px) {
    .fashion__header {
      padding: 2em 0; } }

.fashion__logo {
  height: 75px;
  width: 73px; }
  @media screen and (min-width: 768px) {
    .fashion__logo {
      height: 100px;
      width: 98px; } }

.fashion__pretitle {
  font-size: 1.5em;
  line-height: 1.5em;
  margin-bottom: 0;
  font-family: 'Montserrat';
  text-transform: uppercase;
  font-weight: 500; }
  .fashion__pretitle.mb20 {
    margin-bottom: 20px; }
  @media screen and (min-width: 1000px) {
    .fashion__pretitle {
      font-size: 2.125em;
      font-size: 22px; } }

.fashion__svg-title {
  max-width: 37em;
  margin: 0 auto 1rem; }
  .fashion__svg-title object {
    display: block;
    width: 100%; }

.fashion__title {
  letter-spacing: 2px;
  font-family: JustLovelySlanted;
  font-weight: 500;
  font-style: normal;
  font-size: 3.75em;
  margin-bottom: 0;
  line-height: 1.5; }
  @media screen and (min-width: 1000px) {
    .fashion__title {
      font-size: 5em; } }

.fashion__sub-title {
  line-height: 1.8em;
  margin: 0 auto 3em;
  max-width: 40em; }

.fashion__body {
  text-align: center; }

.fashion__body-title {
  font-size: 1.25em;
  margin-bottom: 1.5em;
  font-style: italic; }
  @media screen and (min-width: 1000px) {
    .fashion__body-title {
      font-size: 1.55vw; } }
  @media screen and (min-width: 1440px) {
    .fashion__body-title {
      font-size: 1.5em; } }
  .fashion__body-title--no-italic {
    font-style: normal; }

.fashion__btn {
  padding: 0;
  display: block;
  width: 260px;
  margin: 0 auto 1em; }
  @media screen and (min-width: 768px) {
    .fashion__btn {
      margin: 0;
      display: inline-block;
      width: 300px; } }
  .fashion__btn--white {
    background-color: #fff;
    color: #000;
    border-color: #fff;
    cursor: pointer; }
    @media screen and (min-width: 1000px) {
      .fashion__btn--white:not([disabled]):hover, .fashion__btn--white:not([disabled]):focus {
        background-color: #000;
        color: #fff; } }
    @media screen and (min-width: 768px) {
      .fashion__btn--white:not(:only-of-type) {
        margin-right: 1em; } }
  .fashion__btn--blue {
    background-color: #435597;
    color: #fff;
    border-color: #435597;
    cursor: pointer; }
    @media screen and (min-width: 1000px) {
      .fashion__btn--blue:not([disabled]):hover, .fashion__btn--blue:not([disabled]):focus {
        background-color: #fff;
        color: #435597; } }
  .fashion__btn > i {
    font-size: 1.2307692308em;
    margin-right: 0.75em;
    vertical-align: middle; }

.fashion__btn-span {
  vertical-align: middle;
  font-size: 0.875em; }

.fashion__form {
  margin: 0 auto;
  max-width: 40em; }

div[class*="fashion__form-field"]:last-of-type {
  margin-bottom: 2em; }

.fashion__form-field {
  text-align: left; }
  .fashion__form-field--flex-row {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    box-align: baseline;
    -webkit-align-items: baseline;
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -o-align-items: baseline;
    align-items: baseline;
    -ms-flex-align: baseline; }
  .fashion__form-field input {
    margin: 0 .5em 0; }
  .fashion__form-field input[type=checkbox] {
    -webkit-transform: scale(1.3) translateY(1px);
    -moz-transform: scale(1.3) translateY(1px);
    -ms-transform: scale(1.3) translateY(1px);
    -o-transform: scale(1.3) translateY(1px);
    transform: scale(1.3) translateY(1px); }
  .fashion__form-field input[type=password] {
    text-align: center;
    margin-top: .5em; }
  .fashion__form-field label {
    padding: .5em; }

.fashion__form-fieldset {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  margin-bottom: 1em; }
  .fashion__form-fieldset--flex-row {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    box-align: baseline;
    -webkit-align-items: baseline;
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -o-align-items: baseline;
    align-items: baseline;
    -ms-flex-align: baseline; }
  .fashion__form-fieldset.has-error {
    border-color: #b52440; }
  .fashion__form-fieldset label {
    padding: .5em;
    opacity: 0.5; }
    .fashion__form-fieldset label.active {
      opacity: 1; }
  .fashion__form-fieldset input {
    width: 100%;
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 1.2em;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: italic; }
    .fashion__form-fieldset input::-moz-placeholder {
      color: rgba(255, 255, 255, 0.5);
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: italic; }
    .fashion__form-fieldset input:-moz-placeholder {
      color: rgba(255, 255, 255, 0.5);
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: italic; }
    .fashion__form-fieldset input::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.5);
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: italic; }
    .fashion__form-fieldset input:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.5);
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: italic; }

.fashion__breadcrumb {
  margin-top: 2.5em; }

.fashion__breadcrumb-link {
  text-decoration: underline; }
  .fashion__breadcrumb-link:hover {
    text-decoration: none; }

.fashionshow__error-message {
  color: #ff0054;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
  padding: 0 .5em;
  margin-bottom: 2em;
  white-space: nowrap; }
  .fashionshow__error-message:before {
    font-family: 'fontawesome';
    padding-right: 1em;
    content: '\f071';
    display: inline-block;
    vertical-align: top; }
  .fashionshow__error-message span {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    padding-right: 15px; }
  .fashionshow__error-message--login {
    text-align: center; }

/*You needed to select the ui-view
\/
\/
\/
\/
\/
\/
\/
*/
fashion-show ui-view {
  display: block;
  opacity: 1;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 100%; }
  fashion-show ui-view.ng-enter {
    /*@include transition(opacity 1s ease);*/
    /*opacity: 0;*/
    -webkit-animation-name: slide-up-fade-in;
    -moz-animation-name: slide-up-fade-in;
    animation-name: slide-up-fade-in;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s; }
  fashion-show ui-view.ng-enter.ng-enter-active {
    opacity: 1; }
  fashion-show ui-view.ng-leave {
    /*@include transition(all 1s ease);*/
    /*opacity: 1; */
    -webkit-animation-name: fade-out;
    -moz-animation-name: fade-out;
    animation-name: fade-out;
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    animation-play-state: running; }
  fashion-show ui-view.ng-leave.ng-leave-active {
    opacity: 0; }

.page-template-fashion-show-watch #site-header, .page-template-fashion-show-watch
#site-footer {
  display: none; }

body.page-template-fashion-show-watch {
  background-color: #fff; }

.fashion-watch__intro {
  background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f19/fashion-show/registered-landing-intro-f19.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 4em 0;
  text-align: center;
  background-color: #000;
  color: #fff; }
  @media screen and (min-width: 768px) {
    .fashion-watch__intro .container {
      padding: 0 46px; } }

.fashion-watch__svg-title {
  margin: 2em 0 1em;
  padding: 0 1rem;
  max-height: 115px; }
  .fashion-watch__svg-title object {
    display: block;
    width: 100%; }

.fashion-watch__title {
  font-size: 2.6666666667em;
  margin: 0.75em 0;
  line-height: 1.5em;
  font-family: "Didot 06 A", "Didot 06 B", "georgia";
  font-weight: 300;
  font-style: italic; }

.fashion-watch__subtitle {
  font-size: 28px;
  margin-bottom: 1.6666666667em;
  line-height: 34px;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: normal; }
  @media screen and (min-width: 480px) {
    .fashion-watch__subtitle {
      margin-bottom: 1.5em; } }
  @media screen and (min-width: 768px) {
    .fashion-watch__subtitle {
      margin-bottom: 1.1538461538em; } }

.fashion-watch__intro-copy {
  font-weight: 300;
  font-size: 18px;
  letter-spacing: -0.08px;
  line-height: 27px; }
  @media screen and (min-width: 768px) {
    .fashion-watch__intro-copy {
      padding: 0px 34px; } }

.fashion-watch__body {
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  position: relative; }
  @media screen and (min-width: 1000px) {
    .fashion-watch__body {
      padding: 40px 0; } }
  .fashion-watch__body:before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.7); }
    @media screen and (min-width: 768px) {
      .fashion-watch__body:before {
        display: none; } }

.fashion-watch__about-left {
  padding: 4em 0;
  position: relative;
  max-width: 585px;
  margin: 0 auto; }

.fashion-watch__about-title {
  font-size: 34px;
  line-height: 34px;
  margin-bottom: 25px;
  font-weight: 500; }
  .fashion-watch__about-title:not(span) {
    letter-spacing: -0.02em; }

.fashion-watch__about-title--small {
  text-transform: lowercase;
  font-size: 2em;
  line-height: 1em;
  margin: 0.3571428571em 0;
  display: block; }

.fashion-watch__about-title--amp {
  font-size: 0.75em;
  padding: 0 0.3em; }

.fashion-watch__about-description {
  text-align: center;
  font-size: 1em;
  line-height: 140%; }
  @media screen and (min-width: 1000px) {
    .fashion-watch__about-description {
      margin-bottom: 1.8vw; } }
  @media screen and (min-width: 1300px) {
    .fashion-watch__about-description {
      max-width: 715px;
      margin: 0 auto; } }

.fashion-watch__about-description-copy {
  font-size: 16px;
  letter-spacing: -0.07px;
  line-height: 23px; }

.fashion-watch__about-description-button {
  font-weight: 700; }

.fashion__video {
  padding: 0;
  max-width: 73.3333333333em;
  margin-left: auto;
  margin-right: auto; }
  .fashion__video::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 768px) {
    .fashion__video {
      padding: 0 15px; } }

.fashion-watch__container {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
  .fashion-watch__container::after {
    clear: both;
    content: "";
    display: table; }
  .fashion-watch__container--flex {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column; }
    @media screen and (min-width: 1000px) {
      .fashion-watch__container--flex {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row;
        min-height: 767px; } }

.fashion-watch__flex-item {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }
  @media screen and (min-width: 1000px) {
    .fashion-watch__flex-item {
      -webkit-flex-basis: calc(50%);
      -moz-flex-basis: calc(50%);
      flex-basis: calc(50%);
      -ms-flex-preferred-size: calc(50%); } }

.fashion-watch__video {
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 101%;
  color: #fff;
  position: relative;
  height: 385px;
  -webkit-transition: background-size 0.3s ease-in-out;
  -moz-transition: background-size 0.3s ease-in-out;
  transition: background-size 0.3s ease-in-out;
  -webkit-box-flex: 0.5;
  -moz-box-flex: 0.5;
  box-flex: 0.5;
  -webkit-flex: 0.5 1 auto;
  -moz-flex: 0.5 1 auto;
  -ms-flex: 0.5 1 auto;
  flex: 0.5 1 auto; }
  @media screen and (max-width: 999px) {
    .fashion-watch__video {
      width: 100%;
      height: auto;
      font-size: 3vw; }
      .fashion-watch__video:before {
        content: "";
        display: block;
        float: left;
        padding-top: 75%; } }
  @media screen and (min-width: 1000px) {
    .fashion-watch__video:hover {
      background-size: auto 105%; } }
  .fashion-watch__video--spring {
    background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s20/fashion-show/registered-landing-fashion-show-s20.jpg); }
  .fashion-watch__video--fall {
    background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s20/fashion-show/sneak-peek-video-poster-s20.jpg); }

.fashion-watch__video-copy {
  position: absolute;
  top: 55%;
  left: 50%;
  width: 90%;
  text-align: center;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.fashion-watch__video-playbtn {
  height: 60px;
  width: auto;
  opacity: 0.8;
  display: block;
  margin: 0 auto 1.5em; }
  @media screen and (min-width: 480px) {
    .fashion-watch__video-playbtn {
      height: 14vw; } }
  @media screen and (min-width: 1000px) {
    .fashion-watch__video-playbtn {
      height: 80px; } }

.fashion-watch__video-watch-text {
  letter-spacing: 1.41px;
  margin-bottom: 0.5em;
  font-size: 1.2em;
  line-height: 1.5em;
  font-family: 'Montserrat';
  font-weight: 600; }

.fashion-watch__video-watch-sub-text {
  font-size: 3.0666666667em;
  letter-spacing: -0.08px; }

.fashion-watch__video-watch-title {
  max-width: 15.3333333333em; }

.fashion-watch__link-fill {
  display: inline-block;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  color: white; }
  .fashion-watch__video .fashion-watch__link-fill:before {
    content: "";
    display: block;
    float: left;
    padding-top: 75%; }
  .fashion-watch__career--host .fashion-watch__link-fill:before {
    content: "";
    display: block;
    float: left;
    padding-top: 100%; }
    @media screen and (min-width: 480px) {
      .fashion-watch__career--host .fashion-watch__link-fill:before {
        padding-top: 75%; } }
  .fashion-watch__career--join .fashion-watch__link-fill:before {
    content: "";
    display: block;
    float: left;
    padding-top: 100%; }
    @media screen and (min-width: 480px) {
      .fashion-watch__career--join .fashion-watch__link-fill:before {
        padding-top: 75%; } }

.fashion-watch__career {
  background-repeat: no-repeat;
  background-size: auto 101%;
  position: relative;
  -webkit-transition: background-size 0.3s ease-in-out;
  -moz-transition: background-size 0.3s ease-in-out;
  transition: background-size 0.3s ease-in-out; }
  @media screen and (min-width: 1000px) {
    .fashion-watch__career:hover {
      background-size: auto 105%; } }
  .fashion-watch__career--host {
    background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f19/fashion-show/registered-landing-shop-f19.jpg);
    background-position: center;
    height: 385px;
    -webkit-box-flex: 0.5;
    -moz-box-flex: 0.5;
    box-flex: 0.5;
    -webkit-flex: 0.5 1 auto;
    -moz-flex: 0.5 1 auto;
    -ms-flex: 0.5 1 auto;
    flex: 0.5 1 auto; }
    @media screen and (max-width: 999px) {
      .fashion-watch__career--host {
        background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/fashion-show/fsb-host-mobile.jpg);
        background-size: cover;
        background-position: top center;
        width: 100%;
        height: auto;
        /*background-position: top left;*/ }
        .fashion-watch__career--host:before {
          content: "";
          display: block;
          float: left;
          padding-top: 75%; } }
  .fashion-watch__career--join {
    background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f19/fashion-show/registered-landing-about-our-stylists-f19.jpg);
    background-position: center;
    height: 385px;
    -webkit-box-flex: 0.5;
    -moz-box-flex: 0.5;
    box-flex: 0.5;
    -webkit-flex: 0.5 1 auto;
    -moz-flex: 0.5 1 auto;
    -ms-flex: 0.5 1 auto;
    flex: 0.5 1 auto; }
    @media screen and (max-width: 999px) {
      .fashion-watch__career--join {
        background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/fashion-show/fsb-career-mobile.jpg);
        background-size: cover;
        background-position: top center;
        width: 100%;
        height: auto;
        background-position: top; }
        .fashion-watch__career--join:before {
          content: "";
          display: block;
          float: left;
          padding-top: 75%; } }

.fashion-watch__career-copy {
  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .fashion-watch__career-copy--host {
    top: 65%;
    width: 100%;
    left: 0;
    text-align: center;
    padding: 0px 20px;
    color: #000; }
    .fashion-watch__career-copy--host a {
      color: #000; }
    @media screen and (min-width: 1000px) {
      .fashion-watch__career-copy--host {
        top: 50%;
        width: 45%;
        left: 50%;
        padding: 0px;
        text-align: left;
        color: #000; } }
  .fashion-watch__career-copy--join {
    top: 60%;
    width: 100%;
    left: 0;
    color: #000;
    text-align: center;
    padding: 0px 20px;
    color: #000; }
    .fashion-watch__career-copy--join a {
      color: #000; }
    @media screen and (min-width: 1000px) {
      .fashion-watch__career-copy--join {
        top: 50%;
        width: 40%;
        left: 10%;
        padding: 0px;
        text-align: left; } }

.fashion-watch__career-title {
  font-size: 2.4em;
  margin-bottom: 0.5em;
  line-height: 1.1em;
  letter-spacing: -0.05em; }
  @media screen and (min-width: 480px) {
    .fashion-watch__career-title {
      font-size: 3.4666666667em; } }
  @media screen and (min-width: 768px) {
    .fashion-watch__career-title {
      font-size: 5.3333333333em;
      margin-bottom: 0.375em; } }
  @media screen and (min-width: 1000px) {
    .fashion-watch__career-title {
      font-size: 2.4666666667em; } }
  .fashion-watch__career--join .fashion-watch__career-title {
    line-height: 1.2em; }

.fashion-watch__career-text {
  font-size: 0.8666666667em;
  font-weight: 600;
  line-height: 1.4em; }
  @media screen and (min-width: 480px) {
    .fashion-watch__career-text {
      font-size: 1.0666666667em; } }
  @media screen and (min-width: 768px) {
    .fashion-watch__career-text {
      font-size: 1.3333333333em; } }
  @media screen and (min-width: 1000px) {
    .fashion-watch__career-text {
      font-size: 0.8666666667em; } }

.fashion-watch__career-link {
  font-size: 0.6666666667em;
  margin-top: 0.8rem; }
  @media screen and (min-width: 480px) {
    .fashion-watch__career-link {
      font-size: 0.8em; } }

.fashion-watch__footer {
  background-color: #000;
  padding: 6em 0; }

.fashion-watch__mailinglist {
  max-width: 40em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 0 15px; }
  .fashion-watch__mailinglist::after {
    clear: both;
    content: "";
    display: table; }
  .fashion-watch__mailinglist .mailinglist-form__fieldset input {
    font-size: 18px;
    font-style: italic;
    font-weight: 300; }
    .fashion-watch__mailinglist .mailinglist-form__fieldset input::placeholder {
      font-weight: 300; }

.fashion-watch__message {
  position: relative;
  height: 140px; }
  @media screen and (min-width: 480px) {
    .fashion-watch__message {
      height: 120px; } }
  @media screen and (min-width: 1000px) {
    .fashion-watch__message {
      height: 170px; } }
  @media screen and (min-width: 1440px) {
    .fashion-watch__message {
      height: 120px; } }

.fashion-watch__introduction-message,
.fashion-watch__confirmation-message {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1; }
  .fashion-watch__introduction-message.ng-enter,
  .fashion-watch__confirmation-message.ng-enter {
    /*@include transition(opacity 1s ease);*/
    /*opacity: 0;*/
    -webkit-animation-name: fade-in;
    -moz-animation-name: fade-in;
    animation-name: fade-in;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s; }
  .fashion-watch__introduction-message.ng-enter.ng-enter-active,
  .fashion-watch__confirmation-message.ng-enter.ng-enter-active {
    opacity: 1; }
  .fashion-watch__introduction-message.ng-leave,
  .fashion-watch__confirmation-message.ng-leave {
    /*@include transition(all 1s ease);*/
    /*opacity: 1; */
    -webkit-animation-name: fade-out;
    -moz-animation-name: fade-out;
    animation-name: fade-out;
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    animation-play-state: running; }
  .fashion-watch__introduction-message.ng-leave.ng-leave-active,
  .fashion-watch__confirmation-message.ng-leave.ng-leave-active {
    opacity: 0; }

.fashion-watch__content-title {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  color: #fff;
  font-size: 32px;
  font-style: italic;
  font-weight: 400;
  margin: 0 auto 20px;
  max-width: 460px; }
  @media screen and (min-width: 768px) {
    .fashion-watch__content-title {
      font-size: 41px; } }

.fashion-watch__content-description {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  color: #fff;
  font-size: 1.0666666667em;
  line-height: 22px; }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    .fashion-watch__content-description {
      font-size: 1.2307692308em; } }
  @media screen and (max-width: 767px) {
    .fashion-watch__content-description {
      font-size: 1.2307692308em;
      max-width: 460px;
      margin: 0 auto 20px; } }

.fashion-watch__content-copy {
  font-family: 'Montserrat';
  font-size: 15px;
  font-weight: 300;
  line-height: 21px; }

.fashion-watch__form {
  margin-bottom: 1em; }

.fashion-watch__form-priv-link {
  color: white;
  font-family: 'Montserrat';
  text-transform: uppercase;
  font-size: 0.85rem; }

.fashion-watch__form .fashion__form-fieldset--for-mailinglist {
  border-bottom: 1px solid #fff; }

.fashion__form-fieldset--for-mailinglist input {
  color: #fff; }
  .fashion__form-fieldset--for-mailinglist input::-moz-placeholder {
    color: #fff; }
  .fashion__form-fieldset--for-mailinglist input:-moz-placeholder {
    color: #fff; }
  .fashion__form-fieldset--for-mailinglist input::-webkit-input-placeholder {
    color: #fff; }
  .fashion__form-fieldset--for-mailinglist input:-ms-input-placeholder {
    color: #fff; }

.fashion-watch__form-submit {
  color: #fff !important;
  border-color: #fff !important; }

.fashion__watch-nav {
  padding: 1.5em 0;
  border-bottom: 1px solid #262223; }
  .fashion__watch-nav--wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    padding: 0 1em; }
    @media screen and (min-width: 1025px) {
      .fashion__watch-nav--wrapper {
        padding: 0 2em; } }

.fashion__watch-logo-container {
  height: 57px;
  width: 75px; }
  @media screen and (min-width: 1025px) {
    .fashion__watch-logo-container {
      height: 76px;
      width: 100px; } }

.fashion__watch-logo {
  max-height: 57px;
  max-width: 75px; }
  @media screen and (min-width: 1025px) {
    .fashion__watch-logo {
      max-height: 76px;
      max-width: 100px; } }

.fashion__watch-share-container {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  flex-flow: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  font-size: 2em; }

.fashion__watch-share-label {
  font-size: 0.5em;
  text-transform: uppercase;
  font-family: 'Montserrat';
  margin-right: 1em;
  display: block; }

.fashion__watch-share-container .b-social-share-link, .fashion__watch-share-container
.b-social-link_mail {
  margin-bottom: 0; }
  .fashion__watch-share-container .b-social-share-link .b-social-link_pint, .fashion__watch-share-container
  .b-social-link_mail .b-social-link_pint {
    display: none; }

.fashion__watch-share-container social-share-buttons {
  font-size: 0.8rem; }
  @media screen and (min-width: 1025px) {
    .fashion__watch-share-container social-share-buttons {
      font-size: 1rem; } }

.fashion__watch-container-bg {
  background-color: #000;
  padding: 2em; }

.fashion__watch-container {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto; }
  .fashion__watch-container::after {
    clear: both;
    content: "";
    display: table; }
  .fashion__watch-container--flex {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    flex-flow: column; }
    @media screen and (min-width: 1000px) {
      .fashion__watch-container--flex {
        -webkit-flex-flow: row;
        -moz-flex-flow: row;
        flex-flow: row; } }

.fashion__watch-the-video {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 0 8px 0; }
  @media screen and (min-width: 1000px) {
    .fashion__watch-the-video {
      -webkit-box-flex: 1.75;
      -moz-box-flex: 1.75;
      box-flex: 1.75;
      -webkit-flex: 1.75;
      -moz-flex: 1.75;
      -ms-flex: 1.75;
      flex: 1.75;
      padding: 0 4px 0 0; } }

.fashion__promo-aside {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1; }
  @media screen and (min-width: 1000px) {
    .fashion__promo-aside {
      padding: 0 0 0 4px; } }

.fashion__promo-item {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: relative; }
  .fashion__promo-item:after {
    content: "";
    display: block;
    padding-top: 98.4%; }

.fashion__promo-item--one {
  background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s20/fashion-show/watch-page-collection-banner.jpg);
  background-position: top left;
  background-size: contain; }

.fashion__promo-collection {
  width: 40%;
  position: absolute;
  top: 50%;
  right: 57%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  color: white; }

.fashion__promo-collection-text--sub {
  color: #ffffff;
  font-family: Montserrat;
  font-size: 14px;
  letter-spacing: 1.1px;
  line-height: 18px;
  margin: 0 auto; }

.fashion__promo-collection-text--main {
  line-height: 1em;
  font-size: calc((5.4vw + 5.4vh / 2) + 1vmin); }
  @media screen and (min-width: 1000px) {
    .fashion__promo-collection-text--main {
      font-size: 5.5em; } }
  .fashion__promo-collection-text--main span {
    white-space: nowrap; }

.fashion__promo-collection-btn {
  height: auto;
  height: 52px;
  color: black; }
  @media screen and (min-width: 480px) {
    .fashion__promo-collection-btn {
      height: 62px; } }
  @media screen and (min-width: 768px) {
    .fashion__promo-collection-btn {
      width: 100%; } }
  .fashion__promo-item--two .fashion__promo-collection-btn {
    width: 100%; }
    .fashion__promo-item--two .fashion__promo-collection-btn:first-child:not(:only-of-type) {
      margin-bottom: 0.5em; }

.fashion__promo-item--two {
  background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/fashion-show/watch-page-defying-rules-promo.jpg);
  margin-top: 8px; }

.fashion__promo-defying {
  color: #000;
  text-align: center;
  width: 50%;
  padding: 0 5%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.fashion__promo-defying-title {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: italic;
  font-size: calc((3.25vw + 3.25vh / 2) + 1vmin);
  margin-bottom: 0.5rem; }
  @media screen and (min-width: 1000px) {
    .fashion__promo-defying-title {
      font-size: calc((1.6vw + 1.6vh / 2) + 1vmin); } }
  @media screen and (min-width: 1440px) {
    .fashion__promo-defying-title {
      font-size: 3.375em; } }

.fashion__promo-defying-text {
  font-size: calc((1vw + 1vh / 2) + 1vmin);
  line-height: 1.5em; }
  @media screen and (min-width: 1000px) {
    .fashion__promo-defying-text {
      font-size: 10px; } }
  @media screen and (min-width: 1440px) {
    .fashion__promo-defying-text {
      font-size: 1em; } }

.fashion__promo-defying-text--span {
  white-space: nowrap; }

.fashion__promo-work {
  width: 40%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.fashion__watch-tint-footer-bg {
  padding: 4em 2em;
  background-color: white; }

.fashion__watch-tint-footer {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto; }
  .fashion__watch-tint-footer::after {
    clear: both;
    content: "";
    display: table; }

.fashion__watch-tint-title {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: italic;
  text-align: center;
  margin-bottom: 1em;
  font-size: 1.75em; }

.line-height--small {
  line-height: 1.3em; }

#mm-0 .container-padded.header-callout:before {
  display: block;
  content: '';
  width: 100%;
  margin: 0; }
  @media screen and (min-width: 1200px) {
    #mm-0 .container-padded.header-callout:before {
      background: url(https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/uk-popup/A-spot-img-desktop.jpg);
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: top center;
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 660px; } }

#mm-0 .container-padded .uk-popup-container {
  background: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/uk-popup/A-spot-img-mobile.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 0 0;
  margin-bottom: 75px;
  min-height: 600px; }
  #mm-0 .container-padded .uk-popup-container .uk-popup-header {
    position: relative;
    top: 75px; }
  @media screen and (min-width: 768px) {
    #mm-0 .container-padded .uk-popup-container {
      background: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/uk-popup/A-spot-img-mobile.jpg");
      background-repeat: no-repeat;
      background-position: top center;
      background-size: 100%;
      justify-content: flex-start;
      padding: 0px 0 0; }
      #mm-0 .container-padded .uk-popup-container .uk-popup-header {
        position: relative;
        top: 122px; } }
  @media screen and (min-width: 1000px) {
    #mm-0 .container-padded .uk-popup-container {
      background-position: top center !important;
      background: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/uk-popup/A-spot-img-desktop.jpg");
      background-size: contain;
      background-repeat: no-repeat;
      max-width: 1275px;
      padding: 0px 0 0;
      margin: 0 auto; }
      #mm-0 .container-padded .uk-popup-container .uk-popup-header {
        position: relative;
        top: 25px; } }
  @media screen and (min-width: 1200px) {
    #mm-0 .container-padded .uk-popup-container {
      background-size: cover;
      background: none;
      background-repeat: no-repeat;
      background-position: center; } }
  #mm-0 .container-padded .uk-popup-container .grid {
    width: 100% !important;
    overflow: visible !important; }
  #mm-0 .container-padded .uk-popup-container .uk-popup-header {
    width: 100%;
    padding-top: 0;
    text-align: center; }
    #mm-0 .container-padded .uk-popup-container .uk-popup-header__video {
      width: 100%;
      max-width: 950px;
      margin: 0 auto;
      height: auto; }
      @media screen and (max-width: 999px) {
        #mm-0 .container-padded .uk-popup-container .uk-popup-header__video {
          padding: 15px; } }
    #mm-0 .container-padded .uk-popup-container .uk-popup-header__top {
      display: flex;
      justify-content: center;
      align-items: center; }
    #mm-0 .container-padded .uk-popup-container .uk-popup-header__left {
      margin-right: 50px; }
      @media screen and (max-width: 999px) {
        #mm-0 .container-padded .uk-popup-container .uk-popup-header__left {
          margin-right: 0px; } }
    #mm-0 .container-padded .uk-popup-container .uk-popup-header__right {
      display: flex; }
      #mm-0 .container-padded .uk-popup-container .uk-popup-header__right img {
        height: 100%; }
      @media screen and (max-width: 999px) {
        #mm-0 .container-padded .uk-popup-container .uk-popup-header__right {
          display: none; } }
    @media screen and (min-width: 1000px) {
      #mm-0 .container-padded .uk-popup-container .uk-popup-header {
        padding-top: 0;
        margin: auto 0; } }
    #mm-0 .container-padded .uk-popup-container .uk-popup-header__h1 {
      font-family: "Montserrat";
      font-size: 29px;
      color: #a47a4c;
      text-align: center;
      font-weight: 300;
      text-transform: uppercase;
      letter-spacing: 2.11px;
      line-height: 37px;
      margin: 0 10px;
      padding-bottom: 20px; }
      @media screen and (min-width: 768px) {
        #mm-0 .container-padded .uk-popup-container .uk-popup-header__h1 {
          text-align: left;
          font-size: 36px;
          margin-bottom: 12px;
          letter-spacing: 3.21px;
          line-height: 55px;
          padding-bottom: 10px;
          height: 108px;
          width: 472px; } }
    #mm-0 .container-padded .uk-popup-container .uk-popup-header__h2 {
      height: 50px;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-weight: 500;
      font-style: italic;
      font-size: 34px;
      text-align: center;
      letter-spacing: 0.26px;
      padding-bottom: 65px;
      line-height: 41px; }
      @media screen and (min-width: 768px) {
        #mm-0 .container-padded .uk-popup-container .uk-popup-header__h2 {
          height: 87px;
          width: 495px;
          padding-bottom: 16px;
          text-align: left;
          font-size: 46px;
          line-height: 66px; } }
    #mm-0 .container-padded .uk-popup-container .uk-popup-header__h3 {
      font-family: "Montserrat";
      font-size: 1em;
      font-weight: 700;
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 2.88px;
      padding-bottom: 24px; }
      @media screen and (min-width: 768px) {
        #mm-0 .container-padded .uk-popup-container .uk-popup-header__h3 {
          font-size: 2em;
          font-weight: 300;
          line-height: 40px;
          padding-bottom: 16px;
          letter-spacing: 6.8px; } }
    #mm-0 .container-padded .uk-popup-container .uk-popup-header__sub {
      height: 115px;
      width: 315px;
      text-align: center;
      font-weight: 600;
      font-size: 20px;
      font-style: italic;
      margin: 0 auto;
      line-height: 24px;
      padding-bottom: 16px;
      letter-spacing: 0.42px; }
      @media screen and (min-width: 768px) {
        #mm-0 .container-padded .uk-popup-container .uk-popup-header__sub {
          text-align: left;
          margin-bottom: 50px;
          width: 495px;
          height: 63px;
          font-size: 24px;
          line-height: 29px; } }
    #mm-0 .container-padded .uk-popup-container .uk-popup-header__a {
      text-align: center;
      font-family: "Montserrat";
      text-decoration: none;
      padding-bottom: 5px;
      font-weight: 600;
      border-bottom: 2px solid black;
      -webkit-transition: border-bottom-color 0.4s ease-out;
      -moz-transition: border-bottom-color 0.4s ease-out;
      transition: border-bottom-color 0.4s ease-out; }
      #mm-0 .container-padded .uk-popup-container .uk-popup-header__a:hover {
        border-bottom-color: transparent; }
      @media screen and (min-width: 768px) {
        #mm-0 .container-padded .uk-popup-container .uk-popup-header__a {
          font-size: 0.85em; } }

#mm-0 .uk-popup-date-container {
  height: 400px;
  position: relative;
  margin-bottom: 30px; }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    #mm-0 .uk-popup-date-container {
      margin-bottom: 0; } }
  #mm-0 .uk-popup-date-container .uk-popup-date {
    height: 300px;
    width: 80%;
    margin: auto;
    padding: 4em 0; }
    @media screen and (min-width: 768px) {
      #mm-0 .uk-popup-date-container .uk-popup-date {
        width: 66%;
        padding: 6em 0 4em 0; } }
    #mm-0 .uk-popup-date-container .uk-popup-date .location-icon {
      margin: 0 auto;
      padding-bottom: 15px;
      display: block; }
    #mm-0 .uk-popup-date-container .uk-popup-date__h2 {
      font-family: "Montserrat";
      text-align: center;
      font-size: 1.5em;
      text-transform: uppercase;
      letter-spacing: 2px;
      line-height: 1.5em; }
      @media screen and (min-width: 768px) {
        #mm-0 .uk-popup-date-container .uk-popup-date__h2 {
          line-height: 2.5em; } }
      #mm-0 .uk-popup-date-container .uk-popup-date__h2--thin {
        font-family: "Montserrat";
        text-align: center;
        font-size: 1.5em;
        text-transform: uppercase;
        font-weight: 100;
        letter-spacing: 2px; }
    #mm-0 .uk-popup-date-container .uk-popup-date__sub {
      font-family: "Montserrat";
      font-weight: 100;
      font-size: 1.5em;
      text-align: center;
      text-transform: uppercase;
      line-height: 1.5em;
      letter-spacing: 2px;
      color: #a47a4c; }
    #mm-0 .uk-popup-date-container .uk-popup-date__line {
      height: 36px;
      width: 75px;
      margin: 0 auto 36px;
      border-bottom: 2px solid black; }
  #mm-0 .uk-popup-date-container .floating-dot {
    position: absolute;
    right: 400px;
    top: -40px; }

.container-padded {
  width: 100%;
  margin: 0 auto;
  position: relative; }
  @media screen and (max-width: 767px) {
    .container-padded.container-wide {
      padding: 0; } }
  @media screen and (max-width: 999px) {
    .container-padded.container-wide {
      max-width: none; } }
  .container-padded .location-dot {
    position: absolute;
    z-index: 2;
    display: none; }
    @media screen and (min-width: 1250px) {
      .container-padded .location-dot {
        display: block; } }
    .container-padded .location-dot--1 {
      left: 200px;
      top: -50px; }
    .container-padded .location-dot--2 {
      left: 100px;
      top: 1200px; }
    .container-padded .location-dot--3 {
      top: 0px;
      left: 0px;
      width: 100%; }
      @media screen and (min-width: 1900px) {
        .container-padded .location-dot--3 {
          left: 0px; } }
    .container-padded .location-dot--multi-1 {
      top: 0;
      left: -100px; }
      @media screen and (min-width: 1900px) {
        .container-padded .location-dot--multi-1 {
          left: 150px; } }
  @media screen and (min-width: 1000px) {
    .container-padded {
      width: 100%;
      margin: 0 auto; } }
  .container-padded .get-styled {
    height: 100%;
    margin-bottom: 80px;
    display: flex;
    align-items: center; }
    @media screen and (max-width: 999px) and (min-width: 768px) {
      .container-padded .get-styled .uk-popup-content {
        height: 400px;
        min-height: 0; } }
    @media screen and (min-width: 768px) {
      .container-padded .get-styled {
        background: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/uk-popup/get-styled-bg.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; } }
    @media screen and (min-width: 1000px) {
      .container-padded .get-styled {
        background-size: contain; } }
    .container-padded .get-styled .uk-popup-content--left {
      width: 100% !important; }
      .container-padded .get-styled .uk-popup-content--left .uk-popup-content__img-mobile {
        content: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/uk-popup/get-styled-mobile.png"); }
  @media screen and (min-width: 768px) {
    .container-padded .shop-section {
      height: 100%; } }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    .container-padded .shop-section .uk-popup-content {
      height: 450px;
      min-height: 0; } }
  .container-padded .meet-greet {
    width: 100%;
    height: 100%;
    position: relative; }
    .container-padded .meet-greet--bg-img {
      display: none; }
      @media screen and (min-width: 768px) {
        .container-padded .meet-greet--bg-img {
          display: block;
          position: absolute;
          z-index: -1;
          margin: 0px 0 0 -50px;
          width: 90%;
          top: 150px;
          left: 200px; } }
      @media screen and (min-width: 1000px) {
        .container-padded .meet-greet--bg-img {
          width: 75%; } }
      @media screen and (min-width: 1250px) {
        .container-padded .meet-greet--bg-img {
          top: 0; } }
    .container-padded .meet-greet .meet-greet-content {
      display: flex;
      flex-direction: column;
      justify-content: flex-start; }
      @media screen and (min-width: 768px) {
        .container-padded .meet-greet .meet-greet-content {
          width: 90%;
          margin: 0 auto; } }
      @media screen and (min-width: 1000px) {
        .container-padded .meet-greet .meet-greet-content {
          width: 75%; } }
      .container-padded .meet-greet .meet-greet-content .meet-greet__header {
        display: flex;
        flex-direction: column;
        padding-bottom: 5px;
        width: 90%;
        margin: 0 auto; }
        @media screen and (min-width: 768px) {
          .container-padded .meet-greet .meet-greet-content .meet-greet__header {
            width: 50%;
            padding-bottom: 30px; } }
        .container-padded .meet-greet .meet-greet-content .meet-greet__header--h1 {
          font-family: "Montserrat";
          font-weight: 300;
          text-align: center;
          font-size: 2.5em;
          letter-spacing: 6.8px;
          line-height: 40px;
          text-transform: uppercase;
          padding-bottom: 15px;
          color: #a47a4c; }
        .container-padded .meet-greet .meet-greet-content .meet-greet__header--h3 {
          font-weight: 300;
          text-align: center;
          font-size: 1.25em;
          line-height: 28px; }
          @media screen and (max-width: 999px) and (min-width: 768px) {
            .container-padded .meet-greet .meet-greet-content .meet-greet__header--h3 {
              line-height: 24px; } }
        .container-padded .meet-greet .meet-greet-content .meet-greet__header--date {
          font-family: 'Montserrat';
          font-size: 22px;
          letter-spacing: 2px;
          line-height: 36px;
          text-align: center; }
          .container-padded .meet-greet .meet-greet-content .meet-greet__header--date:first-of-type {
            margin-top: 20px; }
          @media screen and (max-width: 767px) {
            .container-padded .meet-greet .meet-greet-content .meet-greet__header--date {
              font-size: 18px;
              line-height: 22px; } }
      .container-padded .meet-greet .meet-greet-content .meet-greet-people {
        display: flex;
        justify-content: center;
        flex-direction: column; }
        @media screen and (min-width: 768px) {
          .container-padded .meet-greet .meet-greet-content .meet-greet-people {
            flex-direction: row;
            flex-shrink: 1; } }
        .container-padded .meet-greet .meet-greet-content .meet-greet-people .meet-greet__img {
          display: flex;
          justify-content: center;
          flex-direction: column;
          position: relative; }
          .container-padded .meet-greet .meet-greet-content .meet-greet-people .meet-greet__img--bg-img {
            width: 150%;
            left: -25%;
            top: 5%;
            position: absolute;
            opacity: 0.6;
            z-index: -1; }
            @media screen and (min-width: 768px) {
              .container-padded .meet-greet .meet-greet-content .meet-greet-people .meet-greet__img--bg-img {
                display: none; } }
          @media screen and (min-width: 768px) {
            .container-padded .meet-greet .meet-greet-content .meet-greet-people .meet-greet__img {
              background: none; } }
          .container-padded .meet-greet .meet-greet-content .meet-greet-people .meet-greet__img .meet-greet__portrait {
            width: 70%;
            height: auto;
            margin: 0 auto;
            display: none; }
            @media screen and (min-width: 768px) {
              .container-padded .meet-greet .meet-greet-content .meet-greet-people .meet-greet__img .meet-greet__portrait {
                width: 90%;
                display: block; } }
            .container-padded .meet-greet .meet-greet-content .meet-greet-people .meet-greet__img .meet-greet__portrait--mobile {
              display: block;
              width: 100%; }
              @media screen and (min-width: 768px) {
                .container-padded .meet-greet .meet-greet-content .meet-greet-people .meet-greet__img .meet-greet__portrait--mobile {
                  display: none; } }
          .container-padded .meet-greet .meet-greet-content .meet-greet-people .meet-greet__img .meet-greet__txt {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-direction: column;
            width: 100%;
            height: 100%;
            margin: auto;
            padding-top: 24px;
            padding-bottom: 60px; }
            @media screen and (min-width: 768px) {
              .container-padded .meet-greet .meet-greet-content .meet-greet-people .meet-greet__img .meet-greet__txt {
                width: 100%; } }
            .container-padded .meet-greet .meet-greet-content .meet-greet-people .meet-greet__img .meet-greet__txt--name {
              font-family: "Montserrat";
              font-size: 1.5em;
              text-align: center;
              text-transform: uppercase;
              font-weight: 500;
              letter-spacing: 1.5pt;
              padding-bottom: 15px;
              line-height: 24pt; }
              @media screen and (min-width: 768px) {
                .container-padded .meet-greet .meet-greet-content .meet-greet-people .meet-greet__img .meet-greet__txt--name {
                  font-size: 13px;
                  padding-bottom: 0; } }
              @media screen and (min-width: 1000px) {
                .container-padded .meet-greet .meet-greet-content .meet-greet-people .meet-greet__img .meet-greet__txt--name {
                  font-size: 14px; } }
              @media screen and (min-width: 1250px) {
                .container-padded .meet-greet .meet-greet-content .meet-greet-people .meet-greet__img .meet-greet__txt--name {
                  font-size: 18px; } }
            .container-padded .meet-greet .meet-greet-content .meet-greet-people .meet-greet__img .meet-greet__txt--title {
              font-family: "Montserrat";
              font-weight: normal;
              font-size: 1em;
              text-align: center;
              color: #a47a4c; }
              @media screen and (min-width: 768px) {
                .container-padded .meet-greet .meet-greet-content .meet-greet-people .meet-greet__img .meet-greet__txt--title {
                  font-size: 0.875em; } }
  .container-padded .feature-footer {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media screen and (min-width: 768px) {
      .container-padded .feature-footer {
        padding-top: 80px; } }
    .container-padded .feature-footer .location-dot--multi-2 {
      width: 100%; }
    .container-padded .feature-footer .feature-footer__header {
      display: flex;
      justify-content: center;
      flex-direction: column;
      width: 66%;
      margin: auto; }
      @media screen and (min-width: 1000px) {
        .container-padded .feature-footer .feature-footer__header {
          justify-content: flex-start;
          padding-bottom: 45px;
          height: 100%; } }
      .container-padded .feature-footer .feature-footer__header--h3 {
        font-family: "Montserrat";
        font-size: 1em;
        text-transform: uppercase;
        letter-spacing: 5.95pt;
        line-height: 18pt;
        text-align: center;
        font-weight: bold; }
      .container-padded .feature-footer .feature-footer__header--h2 {
        font-family: "Montserrat";
        font-size: 1.5em;
        text-align: center;
        letter-spacing: 2pt;
        line-height: 26pt;
        font-weight: normal;
        color: #a47a4c; }
      .container-padded .feature-footer .feature-footer__header--h1 {
        font-family: "yolan-script-demo";
        font-weight: normal;
        text-align: center;
        line-height: 28pt;
        font-size: 4em; }
      .container-padded .feature-footer .feature-footer__header--artistname {
        padding: 0;
        margin-bottom: 20px; }
        @media screen and (min-width: 768px) {
          .container-padded .feature-footer .feature-footer__header--artistname {
            padding-top: 5px; } }
      .container-padded .feature-footer .feature-footer__header--date {
        font-family: 'Montserrat';
        font-size: 22px;
        letter-spacing: 2px;
        line-height: 36px;
        text-align: center; }
        @media screen and (max-width: 767px) {
          .container-padded .feature-footer .feature-footer__header--date {
            font-size: 18px;
            line-height: 22px; }
            .container-padded .feature-footer .feature-footer__header--date:last-of-type {
              margin-bottom: 20px; } }
    .container-padded .feature-footer .feature-footer__header--artist {
      width: 100%; }
      @media screen and (min-width: 768px) {
        .container-padded .feature-footer .feature-footer__header--artist {
          max-width: 800px;
          margin: 0 auto; } }
    .container-padded .feature-footer .feature-footer__subtitle {
      font-size: 1em;
      font-style: italic;
      text-align: center;
      padding-bottom: 45px; }
      @media screen and (min-width: 768px) {
        .container-padded .feature-footer .feature-footer__subtitle {
          padding-bottom: 120px; } }
  .container-padded .news-section {
    margin-top: 100px !important; }
    @media screen and (max-width: 999px) {
      .container-padded .news-section {
        margin-top: 150px !important; } }
    @media screen and (max-width: 767px) {
      .container-padded .news-section {
        margin-top: 55px !important; } }
    .container-padded .news-section .uk-popup-content {
      background: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/uk-popup/in-the-news-bg.jpg");
      background-size: contain;
      background-position: bottom center !important;
      padding-bottom: 75px; }
      @media screen and (max-width: 999px) {
        .container-padded .news-section .uk-popup-content {
          background-size: cover !important;
          background-position: center !important; } }
  @media screen and (max-width: 999px) {
    .container-padded .red-carpet-section {
      margin-top: -50px; } }
  .container-padded .red-carpet-section .uk-popup-content {
    background: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/uk-popup/on-the-red-carpet-bg.jpg");
    background-size: 100% !important;
    background-position: 50% 25% !important;
    padding-bottom: 75px; }
  .container-padded .red-carpet-section__imgs {
    display: flex;
    flex-direction: row;
    justify-content: center; }
    @media screen and (max-width: 999px) {
      .container-padded .red-carpet-section__imgs {
        flex-wrap: wrap; } }
    @media screen and (max-width: 767px) {
      .container-padded .red-carpet-section__imgs {
        max-width: 300px;
        margin: 0 auto; } }
  .container-padded .red-carpet-section__img-1, .container-padded .red-carpet-section__img-2, .container-padded .red-carpet-section__img-3 {
    padding: 2px;
    margin: 0;
    position: relative; }
    .container-padded .red-carpet-section__img-1 .block-video-play-btn, .container-padded .red-carpet-section__img-2 .block-video-play-btn, .container-padded .red-carpet-section__img-3 .block-video-play-btn {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .container-padded .red-carpet-section__img-1 img, .container-padded .red-carpet-section__img-2 img, .container-padded .red-carpet-section__img-3 img {
      width: 100%;
      height: auto; }
  .container-padded .red-carpet-section__img-2 {
    max-width: 340px;
    margin-bottom: 40px; }
    @media screen and (min-width: 768px) {
      .container-padded .red-carpet-section__img-2 {
        margin: 90px 15px 40px; } }
    .container-padded .red-carpet-section__img-2 .credit {
      color: #a47a4c;
      font-family: 'Montserrat';
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.5px;
      line-height: 14px;
      text-align: center; }
    .container-padded .red-carpet-section__img-2 p {
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 0.5px;
      line-height: 20px;
      text-align: center; }
  @media screen and (max-width: 999px) {
    .container-padded .red-carpet-section__img-1 {
      padding-right: 10px; } }
  @media screen and (max-width: 999px) {
    .container-padded .red-carpet-section__img-3 {
      padding-left: 10px; } }
  .container-padded .red-carpet-section__img-1, .container-padded .red-carpet-section__img-3 {
    margin-bottom: 80px; }
    @media screen and (max-width: 999px) {
      .container-padded .red-carpet-section__img-1, .container-padded .red-carpet-section__img-3 {
        margin-bottom: 10px; } }
  @media screen and (max-width: 999px) {
    .container-padded .red-carpet-section__img-2 {
      order: 1;
      width: calc(100% - 16px); }
    .container-padded .red-carpet-section__img-1 {
      order: 2; }
    .container-padded .red-carpet-section__img-3 {
      order: 3; }
    .container-padded .red-carpet-section__img-1, .container-padded .red-carpet-section__img-3 {
      width: calc(100% / 2 - 8px); } }
  .container-padded .red-carpet-section__quotes {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    margin-top: 15px; }
    @media screen and (max-width: 767px) {
      .container-padded .red-carpet-section__quotes {
        flex-direction: column; } }
  .container-padded .red-carpet-section__quote {
    width: 48%;
    text-align: center;
    max-width: 450px;
    margin-top: 15px; }
    .container-padded .red-carpet-section__quote .copy-right {
      font-size: 16px; }
      @media screen and (max-width: 767px) {
        .container-padded .red-carpet-section__quote .copy-right .red-carpet-section__sign {
          margin-top: 12px !important; } }
    @media screen and (max-width: 999px) {
      .container-padded .red-carpet-section__quote {
        width: 100%;
        max-width: 100%;
        padding: 15px; } }
  .container-padded .red-carpet-section__icon {
    text-align: center;
    width: 100%; }
  .container-padded .red-carpet-section__copy {
    color: #a47a4c;
    font-family: 'Montserrat';
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 30px;
    text-align: center; }
  .container-padded .red-carpet-section__sign {
    display: inline-block;
    color: #a47a4c;
    font-family: 'Montserrat';
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    margin-top: 45px;
    -webkit-transition: border-bottom-color 0.4s ease-out;
    -moz-transition: border-bottom-color 0.4s ease-out;
    transition: border-bottom-color 0.4s ease-out;
    border-bottom: 2px solid transparent; }
    .container-padded .red-carpet-section__sign:hover {
      border-bottom-color: #a47a4c; }
  .container-padded .insta-section .uk-popup-content {
    background: url("https://media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/uk-popup/on-the-red-carpet-bg.jpg");
    background-size: contain;
    background-position: bottom center !important;
    padding-bottom: 75px; }
  .container-padded .uk-popup-content-container {
    height: 100%;
    width: 100%;
    margin: 0 auto 0px; }
    .container-padded .uk-popup-content-container .uk-popup-content {
      height: 100%;
      display: flex;
      flex-direction: column;
      background-size: contain;
      background-repeat: no-repeat; }
      .container-padded .uk-popup-content-container .uk-popup-content__header {
        font-family: 'Montserrat';
        font-size: 33px;
        font-weight: 300;
        letter-spacing: 6.8px;
        line-height: 40px;
        line-height: 40px;
        color: #a47a4c;
        margin: 20px 0;
        text-transform: uppercase;
        text-align: center; }
      .container-padded .uk-popup-content-container .uk-popup-content__sub {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 18px;
        font-weight: 300;
        line-height: 28px;
        text-align: center;
        height: 87px;
        width: 350px;
        margin: 0 auto; }
      @media screen and (min-width: 768px) {
        .container-padded .uk-popup-content-container .uk-popup-content {
          background-size: contain;
          background-repeat: no-repeat;
          background-position: right;
          justify-content: space-evenly;
          align-items: center;
          min-height: 500px; } }
      .container-padded .uk-popup-content-container .uk-popup-content--left {
        background: none !important;
        justify-content: flex-start; }
        .container-padded .uk-popup-content-container .uk-popup-content--left .uk-popup-content__txt {
          padding-top: 30px; }
      .container-padded .uk-popup-content-container .uk-popup-content__brand-imgs {
        margin: 10px;
        max-width: 650px; }
      .container-padded .uk-popup-content-container .uk-popup-content__brand-img {
        width: calc(100% / 2 - 4px);
        padding: 2px; }
        @media screen and (min-width: 768px) {
          .container-padded .uk-popup-content-container .uk-popup-content__brand-img {
            width: calc(100% / 3 - 4px); } }
      .container-padded .uk-popup-content-container .uk-popup-content__img {
        width: 55%;
        height: auto;
        display: none; }
        @media screen and (min-width: 768px) {
          .container-padded .uk-popup-content-container .uk-popup-content__img {
            display: block; } }
      .container-padded .uk-popup-content-container .uk-popup-content__img-mobile {
        width: 100%;
        height: auto;
        display: block; }
        @media screen and (min-width: 768px) {
          .container-padded .uk-popup-content-container .uk-popup-content__img-mobile {
            display: none; } }
      .container-padded .uk-popup-content-container .uk-popup-content__txt {
        padding-top: 70px;
        text-align: center;
        width: 100%; }
        @media screen and (min-width: 768px) {
          .container-padded .uk-popup-content-container .uk-popup-content__txt {
            display: block;
            width: 20%; } }
        .container-padded .uk-popup-content-container .uk-popup-content__txt .uk-popup-content__h1 {
          font-family: "Montserrat";
          color: #a47a4c;
          font-weight: 100;
          font-size: 2.5em;
          letter-spacing: 6.18pt;
          line-height: 37px;
          text-transform: uppercase;
          padding-bottom: 30px; }
          @media screen and (min-width: 768px) {
            .container-padded .uk-popup-content-container .uk-popup-content__txt .uk-popup-content__h1 {
              font-size: 2em; } }
        .container-padded .uk-popup-content-container .uk-popup-content__txt .uk-popup-content__p {
          font-weight: 300;
          line-height: 28px;
          font-size: 1.25em;
          padding-bottom: 30px; }
          @media screen and (min-width: 768px) {
            .container-padded .uk-popup-content-container .uk-popup-content__txt .uk-popup-content__p {
              font-size: 1em; } }
        .container-padded .uk-popup-content-container .uk-popup-content__txt .uk-popup-content__a {
          font-family: "Montserrat";
          text-decoration: none;
          padding-bottom: 5px;
          font-weight: 600;
          border-bottom: 2px solid black;
          -webkit-transition: border-bottom-color 0.4s ease-out;
          -moz-transition: border-bottom-color 0.4s ease-out;
          transition: border-bottom-color 0.4s ease-out; }
          .container-padded .uk-popup-content-container .uk-popup-content__txt .uk-popup-content__a:hover {
            border-bottom-color: transparent; }
          @media screen and (min-width: 768px) {
            .container-padded .uk-popup-content-container .uk-popup-content__txt .uk-popup-content__a {
              font-size: 0.85em; } }
    @media screen and (min-width: 768px) {
      .container-padded .uk-popup-content-container.reduced-top {
        margin: 0 auto; } }
    @media screen and (max-width: 999px) and (min-width: 768px) {
      .container-padded .uk-popup-content-container.shop-section .uk-popup-content {
        min-height: 0;
        height: 400px; } }
    @media screen and (max-width: 999px) and (min-width: 768px) {
      .container-padded .uk-popup-content-container.get-styled .uk-popup-content {
        min-height: 0;
        height: 450px; } }

.section__slideshow {
  margin-bottom: 133px; }
  @media screen and (max-width: 999px) {
    .section__slideshow {
      margin-bottom: 0px; } }
  .section__slideshow .uk-popup-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    background-size: contain;
    background-repeat: no-repeat; }
    .section__slideshow .uk-popup-content__header {
      font-family: 'Montserrat';
      font-size: 33px;
      font-weight: 300;
      letter-spacing: 6.8px;
      line-height: 40px;
      line-height: 40px;
      color: #a47a4c;
      margin: 20px 0 60px;
      text-transform: uppercase;
      text-align: center; }
    @media screen and (min-width: 768px) {
      .section__slideshow .uk-popup-content {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right;
        justify-content: space-evenly;
        align-items: center;
        min-height: 500px; } }
    .section__slideshow .uk-popup-content .uk-popup-content__h1 {
      font-family: "Montserrat";
      color: #a47a4c;
      font-weight: 100;
      font-size: 2.5em;
      letter-spacing: 6.18pt;
      line-height: 37px;
      text-transform: uppercase;
      padding-bottom: 30px; }
      @media screen and (min-width: 768px) {
        .section__slideshow .uk-popup-content .uk-popup-content__h1 {
          font-size: 2em; } }
    .section__slideshow .uk-popup-content .uk-popup-content__p {
      font-weight: 300;
      line-height: 28px;
      font-size: 1.25em;
      padding-bottom: 30px; }
      @media screen and (min-width: 768px) {
        .section__slideshow .uk-popup-content .uk-popup-content__p {
          font-size: 1em; } }
    .section__slideshow .uk-popup-content .uk-popup-content__a {
      font-family: "Montserrat";
      text-decoration: none;
      padding-bottom: 5px;
      font-weight: 600;
      border-bottom: 2px solid black;
      -webkit-transition: border-bottom-color 0.4s ease-out;
      -moz-transition: border-bottom-color 0.4s ease-out;
      transition: border-bottom-color 0.4s ease-out; }
      .section__slideshow .uk-popup-content .uk-popup-content__a:hover {
        border-bottom-color: transparent; }
      @media screen and (min-width: 768px) {
        .section__slideshow .uk-popup-content .uk-popup-content__a {
          font-size: 0.85em; } }
  .section__slideshow .slick-slider {
    margin-bottom: 0; }
  .section__slideshow img {
    max-width: 100%;
    height: auto; }
  .section__slideshow .slider {
    background-color: #000; }
  .section__slideshow .foundation__gallery-slider .slick-slide {
    opacity: 0.2;
    -webkit-transition: opacity 0.6s ease-out;
    -moz-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out; }
    .section__slideshow .foundation__gallery-slider .slick-slide.slick-center {
      opacity: 1; }
  .section__slideshow .foundation__text-slider {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 400;
    font-style: italic;
    background-color: #f5f5f5; }
    .section__slideshow .foundation__text-slider .slick-list {
      width: 80%;
      margin: 0 auto; }
      @media screen and (min-width: 1000px) {
        .section__slideshow .foundation__text-slider .slick-list {
          width: 50%; } }
      .section__slideshow .foundation__text-slider .slick-list p {
        text-align: center;
        padding: 2.5em 0;
        color: #4a4848; }
  .section__slideshow .slick-prev {
    left: 10px; }
    @media screen and (min-width: 1000px) {
      .section__slideshow .slick-prev {
        left: calc(50% - 30%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); } }
    .section__slideshow .slick-prev:before {
      content: "";
      font-family: "icomoon" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #ff99a8; }
  .section__slideshow .slick-next {
    right: 20px; }
    @media screen and (min-width: 1000px) {
      .section__slideshow .slick-next {
        left: calc(50% + 30%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); } }
    .section__slideshow .slick-next:before {
      content: "";
      font-family: "icomoon" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #ff99a8; }
  .section__slideshow .slick-prev,
  .section__slideshow .slick-next {
    top: 27.5%;
    height: 30px;
    margin-top: 0 !important;
    z-index: 9999; }
    @media screen and (min-width: 1000px) {
      .section__slideshow .slick-prev,
      .section__slideshow .slick-next {
        top: 50%;
        width: 40px; } }
    .section__slideshow .slick-prev:before,
    .section__slideshow .slick-next:before {
      font-size: 20px; }
      @media screen and (min-width: 1000px) {
        .section__slideshow .slick-prev:before,
        .section__slideshow .slick-next:before {
          font-size: 30px; } }

.overheader-on-instagram {
  position: relative;
  margin-bottom: 160px; }
  .overheader-on-instagram:before {
    content: '';
    display: block;
    position: absolute;
    background: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s19/uk-popup/pre-gallery-bg.jpg) no-repeat center bottom;
    width: 100%;
    height: 600px;
    bottom: -100px;
    background-size: cover; }
  .overheader-on-instagram .uk-popup-content__header {
    font-family: 'Montserrat';
    font-size: 33px;
    font-weight: 300;
    letter-spacing: 6.8px;
    line-height: 40px;
    color: #a47a4c;
    margin: 20px 0 60px;
    text-transform: uppercase;
    text-align: center; }

.isotope-gallery {
  display: grid;
  grid-gap: 6px;
  grid-template-columns: auto auto;
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    .isotope-gallery {
      grid-template-columns: auto auto; } }
  .isotope-gallery-container {
    text-align: center; }

@media screen and (max-width: 767px) {
  .isotope-gallery-item__empty {
    display: none; } }

.isotope-gallery-item__video.gallery-item-video-1 {
  grid-area: 1 / 2 / 3 / 2; }
  @media screen and (min-width: 768px) {
    .isotope-gallery-item__video.gallery-item-video-1 {
      grid-area: 1 / 2 / 3 / 2; } }

.isotope-gallery-item__video.gallery-item-video-2 {
  grid-area: 3 / 1 / 5 / 1; }
  @media screen and (min-width: 768px) {
    .isotope-gallery-item__video.gallery-item-video-2 {
      grid-area: 2 / 4 / 4 / 4; } }

.isotope-gallery-item__video.gallery-item-video-3 {
  grid-area: 6 / 2 / 8 / 2; }
  @media screen and (min-width: 768px) {
    .isotope-gallery-item__video.gallery-item-video-3 {
      grid-area: 4 / 1 / 6 / 1; } }

.isotope-gallery-item__video.gallery-item-video-4 {
  grid-area: 8 / 1 / 10 / 1; }
  @media screen and (min-width: 768px) {
    .isotope-gallery-item__video.gallery-item-video-4 {
      grid-area: 5 / 4 / 7 / 4; } }

.isotope-gallery-item__video.gallery-item-video-5 {
  grid-area: 11 / 2 / 13 / 2; }
  @media screen and (min-width: 768px) {
    .isotope-gallery-item__video.gallery-item-video-5 {
      grid-area: 6 / 2 / 8 / 2; } }

.isotope-gallery-item__video.gallery-item-video-6 {
  grid-area: 13 / 2 / 15 / 2; }
  @media screen and (min-width: 768px) {
    .isotope-gallery-item__video.gallery-item-video-6 {
      grid-area: 8 / 4 / 10 / 4; } }

.isotope-gallery-item__video .isotope-gallery-asset-container {
  padding-bottom: calc(200% + 6px); }

.isotope-gallery-asset-container {
  width: 100%;
  height: 0;
  position: relative;
  overflow: hidden;
  padding-bottom: 100%; }

.page-template-show-microsite {
  padding-bottom: 0; }
  .page-template-show-microsite .c-site-header__account-bar {
    background-color: #ededed; }
  @media screen and (max-width: 999px) {
    .page-template-show-microsite .c-site-header__account-bar ms-top-hat-component {
      display: none; } }
  .page-template-show-microsite .c-site-header__stylist-bar ms-top-hat-component {
    flex-grow: 1;
    padding: 0;
    font-weight: 500; }
    @media screen and (min-width: 1000px) {
      .page-template-show-microsite .c-site-header__stylist-bar ms-top-hat-component {
        display: none; } }
  @media screen and (min-width: 1090px) {
    .page-template-show-microsite .bootstrap.wide {
      max-width: 1170px;
      padding: 0 40px; } }

.my-closet-pdp {
  width: 100vw; }
  @media screen and (min-width: 768px) {
    .my-closet-pdp__container {
      max-width: 1170px;
      margin: 0 auto;
      padding: 0 40px; } }
  .my-closet-pdp__row {
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 768px) {
      .my-closet-pdp__row {
        flex-direction: row; } }
  .my-closet-pdp__row--product-details {
    position: relative; }
    .my-closet-pdp__row--product-details:after {
      content: '';
      display: block;
      width: 100vw;
      height: 100%;
      position: absolute;
      top: 0;
      left: 50%;
      background: #F9F9F9;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      z-index: -1; }
    @media screen and (max-width: 767px) {
      .my-closet-pdp__row--product-details {
        display: none; }
        .my-closet-pdp__row--product-details:after {
          display: none; } }
  .my-closet-pdp__summary-col {
    background: #F9F9F9;
    padding: 0 10px; }
    @media screen and (min-width: 768px) {
      .my-closet-pdp__summary-col {
        width: 40%;
        padding: 0;
        background: white; } }
    @media screen and (min-width: 1000px) {
      .my-closet-pdp__summary-col {
        padding-right: 90px; } }
  .my-closet-pdp__recommendations-col {
    background: #F0F0F0;
    text-align: center;
    padding-top: 30px; }
    .my-closet-pdp__recommendations-col:after {
      display: none; }
    @media screen and (min-width: 768px) {
      .my-closet-pdp__recommendations-col {
        background: none;
        width: 100%;
        position: relative; }
        .my-closet-pdp__recommendations-col:after {
          background: #F0F0F0;
          content: '';
          display: block;
          position: absolute;
          top: 0;
          width: 100vw;
          height: 100%;
          left: 0;
          z-index: -1; } }
    .my-closet-pdp__recommendations-col #recommendations-section {
      max-width: 400px;
      text-align: center;
      margin: 0 auto; }
      @media screen and (min-width: 1000px) {
        .my-closet-pdp__recommendations-col #recommendations-section {
          max-width: 520px; } }
      @media screen and (min-width: 1250px) {
        .my-closet-pdp__recommendations-col #recommendations-section {
          max-width: 560px; } }
      .my-closet-pdp__recommendations-col #recommendations-section h3 {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-weight: 300;
        font-size: 26px;
        letter-spacing: 0.06px;
        line-height: 31px;
        margin-bottom: 15px; }
      .my-closet-pdp__recommendations-col #recommendations-section .collection-item {
        margin: 0 1%;
        width: 46%;
        display: inline-block; }
  .my-closet-pdp__product-details-col {
    width: 50%; }
    .my-closet-pdp__product-details-col:first-of-type {
      margin-right: 70px; }
  .my-closet-pdp__summary {
    padding: 20px 0; }
    .my-closet-pdp__summary h2 {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-weight: 300;
      font-size: 26px;
      letter-spacing: 0.06px;
      line-height: 31px;
      margin-bottom: 10px; }
    .my-closet-pdp__summary p {
      font-family: 'Montserrat';
      font-weight: 300;
      font-size: 14px;
      letter-spacing: 0.06px;
      line-height: 18px; }
      @media screen and (min-width: 768px) {
        .my-closet-pdp__summary p span.divider {
          display: none; } }
      @media screen and (max-width: 767px) {
        .my-closet-pdp__summary p br {
          display: none; } }
  .my-closet-pdp__image-container {
    width: 100%; }
    @media screen and (min-width: 768px) {
      .my-closet-pdp__image-container {
        min-width: 220px; } }
    @media screen and (min-width: 1000px) {
      .my-closet-pdp__image-container {
        min-width: 360px; } }
    .my-closet-pdp__image-container img {
      max-width: 100%;
      width: 100%;
      height: auto; }
  .my-closet-pdp__product-details-section {
    border-top: 1px solid #CACACA;
    padding: 12px 12px 120px;
    margin-top: 60px; }
    .my-closet-pdp__product-details-section p,
    .my-closet-pdp__product-details-section li {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 16px;
      font-weight: 300;
      letter-spacing: 0.05px;
      line-height: 22px; }
    .my-closet-pdp__product-details-section p {
      margin-bottom: 20px; }
    .my-closet-pdp__product-details-section ul {
      margin-left: 20px; }
  .my-closet-pdp__product-details-title {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.26px;
    line-height: 22px;
    margin-bottom: 20px; }

.collection-items-slider.recommended .image-container {
  width: 46%;
  display: inline-block;
  margin: 0 1%; }

.collection-items-slider.recommended .image-fixer {
  width: 100%; }

.collection-items-slider.recommended .no-outfit-link {
  cursor: default; }

.collection-items-slider.recommended .image-placeholder {
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  position: relative;
  padding-bottom: 160%;
  width: 100%; }

.collection-items-slider.recommended .item_description {
  display: table-cell;
  vertical-align: middle;
  padding: 0px 10px;
  height: 60px;
  font-size: 0.75em;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 600;
  font-style: normal; }
  .collection-items-slider.recommended .item_description h2 {
    margin: 10px 0px 5px;
    font-size: 1.1em;
    text-align: center;
    line-height: 1.1em; }
    .collection-items-slider.recommended .item_description h2 a {
      text-decoration: none; }
  .collection-items-slider.recommended .item_description a.price {
    width: 100%;
    display: block;
    text-align: center;
    line-height: 10px;
    text-decoration: none; }

.recommended-items {
  display: none; }

@font-face {
  font-family: "BetterTimes";
  src: url("../fonts/iac/39AEA5_0_0.eot");
  src: url("../fonts/iac/39AEA5_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/iac/39AEA5_0_0.woff2") format("woff2"), url("../fonts/iac/39AEA5_0_0.woff") format("woff"), url("../fonts/iac/39AEA5_0_0.ttf") format("truetype"); }

#page-i-am-cabi main,
#page-i-am-cabi footer {
  background: #fff;
  position: relative;
  z-index: 2; }

#page-i-am-cabi .iac-loading {
  display: none;
  text-align: center;
  padding: 15px 0;
  width: 100%; }
  #page-i-am-cabi .iac-loading span {
    color: #ff99a8;
    display: block;
    font-family: "Archer SSm A", "Archer SSm B";
    font-size: 13px;
    line-height: 1.2; }

#page-i-am-cabi .iac-home-btns {
  text-transform: uppercase;
  font-family: 'Montserrat';
  font-weight: bold;
  margin-bottom: 20px; }

#page-i-am-cabi #iac-video-thumb {
  cursor: pointer;
  margin: 0 auto;
  max-width: 537px;
  position: relative;
  width: 90%; }
  #page-i-am-cabi #iac-video-thumb video {
    border: solid 6px #fff;
    background: #fff;
    height: auto;
    width: 100%; }
  #page-i-am-cabi #iac-video-thumb .fa-play {
    font-size: 60px;
    left: 50%;
    opacity: 0.6;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s ease-in-out; }
  #page-i-am-cabi #iac-video-thumb:hover .fa-play {
    opacity: 1; }

#page-i-am-cabi .iac-title {
  font-size: 34px;
  margin-bottom: 60px;
  text-transform: uppercase;
  font-family: "Montserrat";
  font-weight: 900; }
  #page-i-am-cabi .iac-title span {
    color: #ff99a8;
    display: inline-block;
    font-family: "BetterTimes";
    font-size: 70px;
    font-weight: normal;
    margin: 0 0 0 5px;
    text-transform: lowercase;
    vertical-align: middle; }
  @media screen and (max-width: 767px) {
    #page-i-am-cabi .iac-title {
      font-size: 31px; } }

#page-i-am-cabi .iac-intruction-text {
  font-size: 13px;
  margin: 30px auto;
  max-width: 440px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    #page-i-am-cabi .iac-intruction-text {
      margin: 20px auto; } }

#page-i-am-cabi .iac-container {
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto;
  max-width: 1280px; }
  #page-i-am-cabi .iac-container .iac-col {
    flex: 0 0 auto;
    width: 100%; }
    @media screen and (min-width: 1000px) {
      #page-i-am-cabi .iac-container .iac-col {
        padding: 0;
        width: 50%; } }
  #page-i-am-cabi .iac-container #iac-save-image {
    background-color: #000;
    color: #fff;
    transform-origin: left top; }
  #page-i-am-cabi .iac-container .iac-primary-col--thank-you img {
    width: auto;
    height: 100%; }
  @media screen and (max-width: 767px) {
    #page-i-am-cabi .iac-container .iac-primary-col--thank-you {
      min-height: calc(100vh - 98px); }
      #page-i-am-cabi .iac-container .iac-primary-col--thank-you img {
        height: unset; } }
  #page-i-am-cabi .iac-container .iac-primary-col {
    align-items: center;
    display: flex;
    padding: 20px;
    position: relative;
    text-align: center; }
    @media screen and (min-width: 1000px) {
      #page-i-am-cabi .iac-container .iac-primary-col {
        padding: 0; } }
    #page-i-am-cabi .iac-container .iac-primary-col .iac-col-center {
      width: 100%; }
      @media screen and (max-width: 767px) {
        #page-i-am-cabi .iac-container .iac-primary-col .iac-col-center {
          height: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-around; } }
    #page-i-am-cabi .iac-container .iac-primary-col .iac-edited-image {
      width: 27vh; }
    #page-i-am-cabi .iac-container .iac-primary-col .iac-title {
      display: none;
      left: 0;
      position: absolute;
      top: 20px;
      width: 100%; }
      @media screen and (min-width: 1000px) {
        #page-i-am-cabi .iac-container .iac-primary-col .iac-title {
          display: block; } }
  #page-i-am-cabi .iac-container .iac-action-btn {
    display: inline-block;
    width: 2.085em;
    height: 2.085em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    font-size: 1.5em;
    vertical-align: top;
    text-align: center;
    color: #fff;
    background-color: black;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s; }
    @media screen and (min-width: 768px) {
      #page-i-am-cabi .iac-container .iac-action-btn:hover {
        background-color: #fff;
        color: #000; } }
    #page-i-am-cabi .iac-container .iac-action-btn:hover .icon {
      fill: #000; }
    @media screen and (max-width: 767px) {
      #page-i-am-cabi .iac-container .iac-action-btn .arrow-down {
        margin-bottom: 50px; } }
    #page-i-am-cabi .iac-container .iac-action-btn .fa-envelope {
      font-family: FontAwesome;
      content: "f0e0";
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      text-decoration: inherit;
      line-height: 1; }
  #page-i-am-cabi .iac-container .iac-gallery-link {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-transform: uppercase;
    color: #ff99a8;
    font-family: 'Montserrat';
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.35px;
    text-align: center;
    margin-top: 90px; }
    #page-i-am-cabi .iac-container .iac-gallery-link .fa-chevron-down {
      font-family: FontAwesome;
      content: "f078";
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      text-decoration: inherit;
      line-height: 1; }
      #page-i-am-cabi .iac-container .iac-gallery-link .fa-chevron-down:before {
        font-size: 21px;
        line-height: 21px; }
    @media screen and (max-width: 767px) {
      #page-i-am-cabi .iac-container .iac-gallery-link {
        margin: 0 15px; } }
  #page-i-am-cabi .iac-container .iac-secondary-col {
    position: relative; }
  #page-i-am-cabi .iac-container .iac-intro-cta {
    background: #000;
    color: #fff;
    padding: 55px 20px 35px 20px;
    text-align: center; }
    @media screen and (min-width: 1000px) {
      #page-i-am-cabi .iac-container .iac-intro-cta {
        padding: 55px 0 35px 0; } }
    #page-i-am-cabi .iac-container .iac-intro-cta .iac-title {
      margin-bottom: 0; }
      #page-i-am-cabi .iac-container .iac-intro-cta .iac-title span {
        color: #fff; }
    #page-i-am-cabi .iac-container .iac-intro-cta h3 {
      font-family: "Archer SSm A", "Archer SSm B";
      font-size: 36px;
      font-weight: normal;
      line-height: 1.1;
      margin: 30px 0; }
    #page-i-am-cabi .iac-container .iac-intro-cta p {
      margin: 0 auto 50px auto;
      max-width: 435px; }
  #page-i-am-cabi .iac-container .btn {
    background: #000;
    color: #fff;
    cursor: pointer; }
    #page-i-am-cabi .iac-container .btn:hover {
      background: #ff99a8;
      color: #fff; }
  #page-i-am-cabi .iac-container a:not(.btn):not(.iac-action-btn):hover {
    color: #ff99a8; }
  #page-i-am-cabi .iac-container .iac-step-count {
    background: url(../images/i-am-cabi/step-underline.svg) no-repeat bottom center;
    display: block;
    margin-bottom: 40px;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-family: "Montserrat"; }
    @media screen and (max-width: 767px) {
      #page-i-am-cabi .iac-container .iac-step-count {
        margin-bottom: 10px; } }
  #page-i-am-cabi .iac-container .iac-sub-title {
    font-family: "BetterTimes";
    font-size: 80px;
    font-weight: normal;
    line-height: 0.7; }
    @media screen and (max-width: 767px) {
      #page-i-am-cabi .iac-container .iac-sub-title {
        font-size: 50px;
        margin-bottom: 10px; } }
  #page-i-am-cabi .iac-container .btn {
    background: #000;
    border: 0;
    color: #fff;
    font-weight: 600; }
    #page-i-am-cabi .iac-container .btn.disabled {
      background: #b2b2b2;
      pointer-events: none; }
  #page-i-am-cabi .iac-container #iac-user-details_form {
    margin: 30px auto;
    max-width: 420px; }
    #page-i-am-cabi .iac-container #iac-user-details_form input[type="text"],
    #page-i-am-cabi .iac-container #iac-user-details_form input[type="email"] {
      background: url(../images/i-am-cabi/form-field-line.svg) no-repeat bottom center;
      background-size: 100% auto;
      border: none;
      font-family: "Archer SSm A", "Archer SSm B";
      font-style: italic;
      font-size: 18px;
      margin-bottom: 30px; }
      #page-i-am-cabi .iac-container #iac-user-details_form input[type="text"]:invalid,
      #page-i-am-cabi .iac-container #iac-user-details_form input[type="email"]:invalid {
        box-shadow: none; }
      #page-i-am-cabi .iac-container #iac-user-details_form input[type="text"]::placeholder,
      #page-i-am-cabi .iac-container #iac-user-details_form input[type="email"]::placeholder {
        color: #b0b0b0;
        text-transform: lowercase; }
    #page-i-am-cabi .iac-container #iac-user-details_form #iac-user-detials_toggle {
      background: #d8d8d8;
      border-radius: 21px;
      height: 42px;
      margin: 0 auto 30px auto;
      position: relative;
      width: 180px; }
      #page-i-am-cabi .iac-container #iac-user-details_form #iac-user-detials_toggle span {
        cursor: pointer;
        display: block;
        float: left;
        font-size: 12px;
        line-height: 42px;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        width: 50%;
        z-index: 1;
        font-family: "Montserrat"; }
      #page-i-am-cabi .iac-container #iac-user-details_form #iac-user-detials_toggle:before {
        background: #fff;
        border: solid 4px #d8d8d8;
        border-radius: 21px;
        content: "";
        display: block;
        height: 42px;
        left: 0;
        position: absolute;
        top: 0;
        transition: left 0.2s ease-in-out;
        width: 50%;
        z-index: 0; }
      #page-i-am-cabi .iac-container #iac-user-details_form #iac-user-detials_toggle.male:before {
        left: 50%; }
    #page-i-am-cabi .iac-container #iac-user-details_form #iac-user-details-sex label,
    #page-i-am-cabi .iac-container #iac-user-details_form #iac-user-details-sex input {
      display: inline-block;
      margin: 0;
      width: auto; }
    #page-i-am-cabi .iac-container #iac-user-details_form #iac-ml {
      margin-bottom: 30px; }
      #page-i-am-cabi .iac-container #iac-user-details_form #iac-ml input,
      #page-i-am-cabi .iac-container #iac-user-details_form #iac-ml label {
        display: inline;
        width: auto; }
      #page-i-am-cabi .iac-container #iac-user-details_form #iac-ml label {
        color: #b0b0b0;
        font-size: 13px;
        line-height: 1.1;
        text-align: left; }
    #page-i-am-cabi .iac-container #iac-user-details_form .iac-sex {
      display: none; }

#page-i-am-cabi .iac-upload-form-container--thank-you {
  background: unset !important; }

#page-i-am-cabi #iac-upload-form-container {
  align-items: center;
  background: #f1f1f1;
  display: flex;
  padding: 20px; }
  @media screen and (min-width: 1000px) {
    #page-i-am-cabi #iac-upload-form-container {
      height: 680px;
      padding: 0; } }
  #page-i-am-cabi #iac-upload-form-container #iac-upload-form {
    cursor: pointer;
    display: inline-block;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center; }
    #page-i-am-cabi #iac-upload-form-container #iac-upload-form input[type="file"] {
      font-size: 100px;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      width: 100%;
      height: 100%; }
    #page-i-am-cabi #iac-upload-form-container #iac-upload-form:hover .btn {
      background: #000;
      color: #fff; }
    #page-i-am-cabi #iac-upload-form-container #iac-upload-form .btn {
      background: transparent;
      border: solid 2px #000;
      color: #000; }
  #page-i-am-cabi #iac-upload-form-container #iac-upload-error-msg {
    color: #fc2851; }
    #page-i-am-cabi #iac-upload-form-container #iac-upload-error-msg i {
      margin-bottom: 12px; }

#page-i-am-cabi .iac-gallery-container--thank-you {
  background: inherit !important; }
  @media screen and (max-width: 767px) {
    #page-i-am-cabi .iac-gallery-container--thank-you {
      background: #f1f1f1 !important; } }

#page-i-am-cabi #iac-gallery-container {
  background: #f1f1f1;
  padding: 35px 20px; }
  @media screen and (min-width: 1000px) {
    #page-i-am-cabi #iac-gallery-container {
      padding: 75px 0; } }
  #page-i-am-cabi #iac-gallery-container h3 {
    display: block;
    margin-bottom: 35px;
    text-align: center; }
    @media screen and (min-width: 1000px) {
      #page-i-am-cabi #iac-gallery-container h3 {
        margin-bottom: 75px; } }
  #page-i-am-cabi #iac-gallery-container .container-wide {
    display: flex;
    flex-wrap: wrap; }
  #page-i-am-cabi #iac-gallery-container .iac-image {
    line-height: 1;
    box-sizing: border-box;
    padding: 0 2px 2px 2px;
    width: 100%; }
    @media screen and (min-width: 1000px) {
      #page-i-am-cabi #iac-gallery-container .iac-image {
        width: 33.3333%; } }
    #page-i-am-cabi #iac-gallery-container .iac-image img {
      height: auto;
      width: 100%; }

#page-i-am-cabi #iac-image-editor-intro {
  max-height: 680px; }

#page-i-am-cabi #iac-image-editor {
  box-sizing: border-box;
  position: relative; }

#page-i-am-cabi #iac-edittable-scale-container {
  transform-origin: left top; }

#page-i-am-cabi #iac-edittable-container {
  background: #000;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 603px;
  height: 754px;
  max-width: 603px;
  max-height: 754px; }
  #page-i-am-cabi #iac-edittable-container.clone {
    z-index: 1; }
    #page-i-am-cabi #iac-edittable-container.clone #iac-edittable-container-changephoto {
      display: none; }
  @media screen and (max-width: 999px) {
    #page-i-am-cabi #iac-edittable-container {
      margin: 0 auto; } }
  #page-i-am-cabi #iac-edittable-container #iac-edittable-container-instructions {
    background: url(../images/i-am-cabi/click-here-circle.svg) no-repeat center center;
    background-size: 333px auto;
    background-color: rgba(0, 0, 0, 0.62);
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 10;
    transform-origin: left top; }
  #page-i-am-cabi #iac-edittable-container #iac-edittable-container-hashtag {
    background: url(../images/i-am-cabi/iamcabi-footer-lockup.png) no-repeat center center;
    background-size: 100% auto;
    height: 80px;
    left: 0;
    bottom: 0;
    position: absolute;
    width: 92%;
    z-index: 9; }
  #page-i-am-cabi #iac-edittable-container #iac-edittable-container-changephoto {
    height: 44px;
    left: 0;
    position: absolute;
    top: 0;
    width: 111px;
    z-index: 9; }
  #page-i-am-cabi #iac-edittable-container #iac-edittable-container-default-image {
    height: auto;
    opacity: 0;
    position: relative;
    width: 100%; }
  #page-i-am-cabi #iac-edittable-container:before {
    background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }
  #page-i-am-cabi #iac-edittable-container #iac-edittable-text {
    bottom: 80px;
    font-variant: normal !important;
    left: 0;
    padding: 0 40px;
    position: absolute;
    z-index: 2;
    font-size: 15px; }
    #page-i-am-cabi #iac-edittable-container #iac-edittable-text [contenteditable] {
      -webkit-user-select: text;
      user-select: text;
      font-size: 15px; }
    #page-i-am-cabi #iac-edittable-container #iac-edittable-text p {
      color: #fff;
      line-height: 2.5;
      letter-spacing: 0 !important;
      text-transform: uppercase;
      font-family: "Montserrat";
      font-weight: 700; }
      #page-i-am-cabi #iac-edittable-container #iac-edittable-text p span {
        background: url(../images/i-am-cabi/form-field-line.svg) no-repeat bottom center;
        background-size: 100% auto;
        color: #ff99a8;
        display: inline-block;
        font-size: 15px;
        min-width: 195px;
        white-space: nowrap;
        text-align: center;
        vertical-align: middle; }
        #page-i-am-cabi #iac-edittable-container #iac-edittable-text p span.editted {
          color: #fff;
          font-weight: normal;
          font-style: normal;
          font-size: 3.5em;
          letter-spacing: 0 !important;
          line-height: 1;
          text-transform: none; }

#page-i-am-cabi #iac-font-adjustment-container,
#page-i-am-cabi #iac-save-image-container {
  align-items: center;
  bottom: -20px;
  display: inline-flex;
  left: 0;
  margin: 10px 0;
  justify-content: center;
  width: 100%;
  transform-origin: left top; }
  @media screen and (min-width: 1000px) {
    #page-i-am-cabi #iac-font-adjustment-container,
    #page-i-am-cabi #iac-save-image-container {
      position: static; } }
  @media screen and (max-width: 767px) {
    #page-i-am-cabi #iac-font-adjustment-container,
    #page-i-am-cabi #iac-save-image-container {
      bottom: unset;
      position: relative; } }
  #page-i-am-cabi #iac-font-adjustment-container span,
  #page-i-am-cabi #iac-save-image-container span {
    font-family: "Montserrat";
    padding: 0 5px; }
    #page-i-am-cabi #iac-font-adjustment-container span.min-font-size,
    #page-i-am-cabi #iac-save-image-container span.min-font-size {
      font-size: 14px; }
    #page-i-am-cabi #iac-font-adjustment-container span.max-font-size,
    #page-i-am-cabi #iac-save-image-container span.max-font-size {
      font-size: 24px; }
    #page-i-am-cabi #iac-font-adjustment-container span.adjust-text,
    #page-i-am-cabi #iac-save-image-container span.adjust-text {
      font-size: 18px;
      max-width: 100px; }
  #page-i-am-cabi #iac-font-adjustment-container input[type="range"],
  #page-i-am-cabi #iac-save-image-container input[type="range"] {
    -webkit-appearance: none;
    width: 100%;
    background: transparent; }
  #page-i-am-cabi #iac-font-adjustment-container input[type="range"]::-webkit-slider-thumb,
  #page-i-am-cabi #iac-save-image-container input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none; }
  #page-i-am-cabi #iac-font-adjustment-container input[type="range"]:focus,
  #page-i-am-cabi #iac-save-image-container input[type="range"]:focus {
    outline: none; }
  #page-i-am-cabi #iac-font-adjustment-container input[type="range"]::-ms-track,
  #page-i-am-cabi #iac-save-image-container input[type="range"]::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent; }
  #page-i-am-cabi #iac-font-adjustment-container input[type="range"],
  #page-i-am-cabi #iac-save-image-container input[type="range"] {
    border: none;
    outline: 0;
    width: 238px; }
    @media screen and (max-width: 767px) {
      #page-i-am-cabi #iac-font-adjustment-container input[type="range"],
      #page-i-am-cabi #iac-save-image-container input[type="range"] {
        width: 202px; } }
    #page-i-am-cabi #iac-font-adjustment-container input[type="range"]:focus,
    #page-i-am-cabi #iac-save-image-container input[type="range"]:focus {
      outline: none; }
    #page-i-am-cabi #iac-font-adjustment-container input[type="range"]::-webkit-slider-thumb,
    #page-i-am-cabi #iac-save-image-container input[type="range"]::-webkit-slider-thumb {
      -webkit-appearance: none;
      border: 4px solid #fff;
      height: 26px;
      width: 26px;
      border-radius: 50%;
      background: #fb9aa9;
      cursor: pointer;
      margin-top: -12px; }
    #page-i-am-cabi #iac-font-adjustment-container input[type="range"]::-moz-range-thumb,
    #page-i-am-cabi #iac-save-image-container input[type="range"]::-moz-range-thumb {
      -webkit-appearance: none;
      border: 4px solid #fff;
      height: 26px;
      width: 26px;
      border-radius: 50%;
      background: #fb9aa9;
      cursor: pointer;
      margin-top: -14px; }
    #page-i-am-cabi #iac-font-adjustment-container input[type="range"]::-ms-thumb,
    #page-i-am-cabi #iac-save-image-container input[type="range"]::-ms-thumb {
      -webkit-appearance: none;
      border: 4px solid #fff;
      height: 26px;
      width: 26px;
      border-radius: 50%;
      background: #fb9aa9;
      cursor: pointer;
      margin-top: -14px; }
    #page-i-am-cabi #iac-font-adjustment-container input[type="range"]::-webkit-slider-runnable-track,
    #page-i-am-cabi #iac-save-image-container input[type="range"]::-webkit-slider-runnable-track {
      width: 100%;
      height: 4px;
      cursor: pointer;
      background: #c1c1c1; }
    #page-i-am-cabi #iac-font-adjustment-container input[type="range"]:focus::-webkit-slider-runnable-track,
    #page-i-am-cabi #iac-save-image-container input[type="range"]:focus::-webkit-slider-runnable-track {
      background: #c1c1c1; }
    #page-i-am-cabi #iac-font-adjustment-container input[type="range"]::-moz-range-track,
    #page-i-am-cabi #iac-save-image-container input[type="range"]::-moz-range-track {
      width: 100%;
      height: 4px;
      cursor: pointer;
      background: #c1c1c1; }
    #page-i-am-cabi #iac-font-adjustment-container input[type="range"]::-ms-track,
    #page-i-am-cabi #iac-save-image-container input[type="range"]::-ms-track {
      width: 100%;
      height: 4px;
      cursor: pointer;
      background: #c1c1c1; }

#page-i-am-cabi homepage-mailinglist {
  display: none; }

@media screen and (max-width: 767px) {
  #iac-save-image-container {
    top: 20px; } }

.html2canvas-container {
  width: 3000px !important;
  height: 3000px !important; }

#iac-thanks {
  margin: 0 auto;
  max-width: 450px;
  padding: 85px 20px !important;
  text-align: center;
  width: 100%; }
  #iac-thanks p {
    font-size: 14px;
    margin: 30px 0; }

#iac-thanks-image-container {
  background: #000;
  height: 754px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  transform-origin: 0 0;
  width: 603px; }
  #iac-thanks-image-container img {
    width: 100%;
    height: auto; }

@font-face {
  font-family: "BetterTimes";
  src: url("../fonts/iac/39AEA5_0_0.eot");
  src: url("../fonts/iac/39AEA5_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/iac/39AEA5_0_0.woff2") format("woff2"), url("../fonts/iac/39AEA5_0_0.woff") format("woff"), url("../fonts/iac/39AEA5_0_0.ttf") format("truetype"); }

#page-we-miss-you main,
#page-we-miss-you footer {
  background: #fff;
  position: relative;
  z-index: 2; }

#page-we-miss-you #send_email_confirmation {
  max-width: 405px;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.25px;
  line-height: 24px;
  text-align: center;
  margin: 20px auto; }
  #page-we-miss-you #send_email_confirmation a {
    margin-top: 40px; }
  @media screen and (max-width: 767px) {
    #page-we-miss-you #send_email_confirmation .confirmation-btn {
      display: block;
      font-size: 13px; } }

#page-we-miss-you .miss-you-form {
  background: #f0f0f0;
  padding: 60px 0px; }
  #page-we-miss-you .miss-you-form header h1 {
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    font-weight: 700;
    font-size: 32px;
    line-height: 1.1;
    text-align: center;
    width: 100%; }
    @media screen and (min-width: 768px) {
      #page-we-miss-you .miss-you-form header h1 {
        font-size: 48px; } }
  @media screen and (max-width: 767px) {
    #page-we-miss-you .miss-you-form {
      padding: 20px 0px 60px; } }
  #page-we-miss-you .miss-you-form .form-wrapper .desktop-only {
    display: none; }
    @media screen and (min-width: 480px) {
      #page-we-miss-you .miss-you-form .form-wrapper .desktop-only {
        display: block; } }
  #page-we-miss-you .miss-you-form .form-wrapper .mobile-only {
    display: block; }
    @media screen and (min-width: 480px) {
      #page-we-miss-you .miss-you-form .form-wrapper .mobile-only {
        display: none; } }
  #page-we-miss-you .miss-you-form .form-wrapper #send_email {
    max-width: 800px;
    margin: 0 auto; }
  #page-we-miss-you .miss-you-form .form-wrapper #cancel {
    margin-left: 25px; }
  #page-we-miss-you .miss-you-form .form-wrapper .form-title {
    margin: 0 auto;
    max-width: 440px;
    margin-bottom: 40px; }
    @media screen and (max-width: 767px) {
      #page-we-miss-you .miss-you-form .form-wrapper .form-title {
        max-width: 285px; } }
  #page-we-miss-you .miss-you-form .form-wrapper .send_email__input, #page-we-miss-you .miss-you-form .form-wrapper .send_email__label, #page-we-miss-you .miss-you-form .form-wrapper .send_email__fieldset {
    background: #ffffff !important; }
  #page-we-miss-you .miss-you-form .form-wrapper .send_email__label {
    color: #000000;
    opacity: 0.5;
    font-family: 'Montserrat';
    font-size: 11px;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 1px; }
  #page-we-miss-you .miss-you-form .form-wrapper .send_email__fieldset {
    padding: 10px 6px; }
  #page-we-miss-you .miss-you-form .form-wrapper .send_email__input {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    font-weight: 300;
    color: #000000;
    line-height: 26px; }
  #page-we-miss-you .miss-you-form .form-wrapper h3 {
    font-family: "Century Gothic";
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    text-align: center; }
  #page-we-miss-you .miss-you-form .form-wrapper h2 {
    font-family: "Century Gothic";
    font-size: 70px;
    font-weight: bold;
    line-height: 60px;
    text-align: center;
    margin-bottom: 40px; }
    #page-we-miss-you .miss-you-form .form-wrapper h2 span {
      color: #ff98a7; }

#page-we-miss-you .optin-form {
  background: #f0f0f0;
  padding: 100px 0px; }
  @media screen and (max-width: 767px) {
    #page-we-miss-you .optin-form {
      padding: 20px 0px 60px; } }
  #page-we-miss-you .optin-form .form-wrapper .desktop-only {
    display: none; }
    @media screen and (min-width: 480px) {
      #page-we-miss-you .optin-form .form-wrapper .desktop-only {
        display: block; } }
  #page-we-miss-you .optin-form .form-wrapper .mobile-only {
    display: block; }
    @media screen and (min-width: 480px) {
      #page-we-miss-you .optin-form .form-wrapper .mobile-only {
        display: none; } }
  #page-we-miss-you .optin-form .form-wrapper #confirm_sub {
    max-width: 800px;
    margin: 0 auto;
    text-align: center; }
  #page-we-miss-you .optin-form .form-wrapper #cancel {
    margin-left: 25px; }
    @media screen and (max-width: 767px) {
      #page-we-miss-you .optin-form .form-wrapper #cancel {
        margin-left: 0; } }
  @media screen and (max-width: 767px) {
    #page-we-miss-you .optin-form .form-wrapper #send {
      max-width: 440px;
      width: 100%; } }
  #page-we-miss-you .optin-form .form-wrapper .form-title {
    margin: 0 auto;
    max-width: 440px;
    margin-bottom: 40px; }
    @media screen and (max-width: 767px) {
      #page-we-miss-you .optin-form .form-wrapper .form-title {
        max-width: 285px; } }
  #page-we-miss-you .optin-form .form-wrapper .send_email__input, #page-we-miss-you .optin-form .form-wrapper .send_email__label, #page-we-miss-you .optin-form .form-wrapper .send_email__fieldset {
    background: #ffffff !important; }
  #page-we-miss-you .optin-form .form-wrapper .send_email__label {
    color: #000000;
    opacity: 0.5;
    font-family: 'Montserrat';
    font-size: 11px;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 1px; }
  #page-we-miss-you .optin-form .form-wrapper .send_email__fieldset {
    padding: 10px 6px;
    max-width: 440px;
    margin: 15px auto;
    margin-bottom: 30px;
    text-align: left; }
    @media screen and (max-width: 767px) {
      #page-we-miss-you .optin-form .form-wrapper .send_email__fieldset {
        max-width: 340px; } }
  #page-we-miss-you .optin-form .form-wrapper .send_email__input {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    font-weight: 300;
    color: #000000;
    line-height: 26px; }
  #page-we-miss-you .optin-form .form-wrapper h3 {
    font-family: "Century Gothic";
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    text-align: center; }
  #page-we-miss-you .optin-form .form-wrapper h2 {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    color: #3d413f;
    font-size: 50px;
    font-weight: 300;
    letter-spacing: 0.51px;
    line-height: 60px;
    text-align: center; }
    #page-we-miss-you .optin-form .form-wrapper h2:after {
      content: "";
      display: block;
      width: 90px;
      height: 3px;
      background-color: #000000;
      margin: 50px auto; }
    @media screen and (max-width: 767px) {
      #page-we-miss-you .optin-form .form-wrapper h2 {
        font-size: 38px;
        font-weight: 300;
        letter-spacing: 0.39px;
        line-height: 45px;
        text-align: center; }
        #page-we-miss-you .optin-form .form-wrapper h2:after {
          content: "";
          display: block;
          width: 90px;
          height: 3px;
          background-color: #000000;
          margin: 30px auto; } }

@font-face {
  font-family: "BetterTimes";
  src: url("../fonts/iac/39AEA5_0_0.eot");
  src: url("../fonts/iac/39AEA5_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/iac/39AEA5_0_0.woff2") format("woff2"), url("../fonts/iac/39AEA5_0_0.woff") format("woff"), url("../fonts/iac/39AEA5_0_0.ttf") format("truetype"); }

#page-covid-donation main,
#page-covid-donation footer {
  background: #fff;
  position: relative;
  z-index: 2; }

#page-covid-donation #send_email_confirmation {
  max-width: 405px;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.25px;
  line-height: 24px;
  text-align: center;
  margin: 20px auto; }
  #page-covid-donation #send_email_confirmation a {
    margin-top: 40px; }
  @media screen and (max-width: 767px) {
    #page-covid-donation #send_email_confirmation .confirmation-btn {
      display: block;
      font-size: 13px; } }

#page-covid-donation .covid-donation {
  background: #fff;
  max-width: 1540px;
  margin: 0 auto;
  position: relative;
  padding: 0px 0px 60px; }
  #page-covid-donation .covid-donation--bg-wrapper {
    position: relative;
    padding-bottom: 28.5064%;
    overflow: hidden; }
    @media screen and (max-width: 767px) {
      #page-covid-donation .covid-donation--bg-wrapper {
        padding-bottom: 44.2666%; } }
  #page-covid-donation .covid-donation--bg {
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0; }
  #page-covid-donation .covid-donation .mobile {
    display: block; }
    @media screen and (min-width: 768px) {
      #page-covid-donation .covid-donation .mobile {
        display: none; } }
  #page-covid-donation .covid-donation .desktop {
    display: none; }
    @media screen and (min-width: 768px) {
      #page-covid-donation .covid-donation .desktop {
        display: block; } }
  #page-covid-donation .covid-donation--content {
    max-width: 763px;
    top: -70px;
    position: relative;
    text-align: center; }
    @media screen and (min-width: 768px) {
      #page-covid-donation .covid-donation--content {
        top: -130px; } }
    @media screen and (min-width: 1000px) {
      #page-covid-donation .covid-donation--content {
        top: -220px; } }
    #page-covid-donation .covid-donation--content .pink-box {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 700;
      font-style: normal;
      padding: 35px 45px;
      background-color: #FF99A8; }
      #page-covid-donation .covid-donation--content .pink-box h3 {
        text-align: center;
        font-size: 22px;
        line-height: 32px;
        letter-spacing: 0.72px;
        color: #ffffff; }
      @media screen and (max-width: 767px) {
        #page-covid-donation .covid-donation--content .pink-box {
          padding: 11px 20px; }
          #page-covid-donation .covid-donation--content .pink-box h3 {
            font-size: 14px;
            line-height: 17px;
            letter-spacing: 0.48px; } }
    #page-covid-donation .covid-donation--content a {
      margin-top: 20px; }
    #page-covid-donation .covid-donation--content .covid-donation--details {
      max-width: 560px;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        #page-covid-donation .covid-donation--content .covid-donation--details {
          padding: 0 5px; } }
      #page-covid-donation .covid-donation--content .covid-donation--details .details-section {
        text-align: left;
        padding: 35px 0 15px; }
        @media screen and (max-width: 767px) {
          #page-covid-donation .covid-donation--content .covid-donation--details .details-section {
            padding: 15px 0; } }
        #page-covid-donation .covid-donation--content .covid-donation--details .details-section h2 {
          font-family: "Archer SSm A", "Archer SSm B";
          font-weight: 800;
          font-style: normal;
          font-size: 22px;
          line-height: 24px;
          text-align: left;
          margin-bottom: 0; }
          @media screen and (max-width: 767px) {
            #page-covid-donation .covid-donation--content .covid-donation--details .details-section h2 {
              font-size: 14px;
              line-height: 19px; } }
        #page-covid-donation .covid-donation--content .covid-donation--details .details-section h3 {
          font-family: "Archer SSm A", "Archer SSm B";
          font-weight: 600;
          font-style: normal;
          font-size: 18px;
          line-height: 24px;
          text-align: left;
          margin-bottom: 23px; }
          @media screen and (max-width: 767px) {
            #page-covid-donation .covid-donation--content .covid-donation--details .details-section h3 {
              font-size: 14px;
              line-height: 19px; } }
        #page-covid-donation .covid-donation--content .covid-donation--details .details-section p {
          font-family: "Archer SSm A", "Archer SSm B";
          font-weight: 700;
          font-style: normal;
          font-size: 14px;
          line-height: 19px;
          text-align: left;
          margin-bottom: 10px;
          max-width: 536px; }
          @media screen and (max-width: 767px) {
            #page-covid-donation .covid-donation--content .covid-donation--details .details-section p {
              font-size: 12px;
              line-height: 16px; } }
        #page-covid-donation .covid-donation--content .covid-donation--details .details-section ul li {
          font-family: "Archer SSm A", "Archer SSm B";
          font-weight: 600;
          font-style: normal;
          font-size: 13px;
          line-height: 14px;
          margin-left: 16px;
          margin-bottom: 7px; }
          @media screen and (max-width: 767px) {
            #page-covid-donation .covid-donation--content .covid-donation--details .details-section ul li {
              font-size: 12px;
              line-height: 12px; } }
    #page-covid-donation .covid-donation--content .desktop-only {
      display: none; }
      @media screen and (min-width: 480px) {
        #page-covid-donation .covid-donation--content .desktop-only {
          display: block; } }
    #page-covid-donation .covid-donation--content .mobile-only {
      display: block; }
      @media screen and (min-width: 480px) {
        #page-covid-donation .covid-donation--content .mobile-only {
          display: none; } }
    #page-covid-donation .covid-donation--content .form-title {
      margin: 0 auto;
      max-width: 612px;
      margin-bottom: 50px; }
      @media screen and (max-width: 767px) {
        #page-covid-donation .covid-donation--content .form-title {
          max-width: 325px;
          margin-bottom: 20px; } }

.meet-alicia__header {
  position: relative;
  margin-bottom: 40px; }
  @media screen and (min-width: 1000px) {
    .meet-alicia__header {
      width: 100%; } }
  @media screen and (min-width: 1000px) {
    .meet-alicia__header:before {
      display: block;
      content: '';
      background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s20/meet-alicia/meet-alicia-header-bg-tablet.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      width: 1400px;
      height: 600px;
      position: relative;
      top: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      -o-transform: translate(-50%, 0);
      transform: translate(-50%, 0); } }
  @media screen and (min-width: 1250px) {
    .meet-alicia__header:before {
      background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s20/meet-alicia/meet-alicia-header-bg.jpg);
      width: 1880px; } }
  .meet-alicia__header h1 {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 400;
    font-style: normal;
    font-size: 38px;
    font-weight: 300;
    letter-spacing: 0.83px;
    line-height: 40px;
    padding-top: 10px; }
    @media screen and (min-width: 1000px) {
      .meet-alicia__header h1 {
        color: #fff;
        font-size: 76px;
        letter-spacing: 1.66px;
        line-height: 91px;
        position: absolute;
        bottom: 65px;
        left: 0; } }
    @media screen and (min-width: 1170px) {
      .meet-alicia__header h1 {
        left: calc(50% - 575px); } }

.meet-alicia__header--img {
  width: 100%; }
  @media screen and (min-width: 1000px) {
    .meet-alicia__header--img {
      display: none; } }

.meet-alicia__header--img-desktop {
  display: none; }
  @media screen and (min-width: 1000px) {
    .meet-alicia__header--img-desktop {
      display: block;
      width: 100%;
      margin: 0 auto;
      max-width: 1800px; } }

@media screen and (min-width: 1000px) {
  .meet-alicia__article {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 20px; } }

.meet-alicia__article p {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 1em;
  letter-spacing: 0.31px;
  line-height: 1.7;
  margin-bottom: 20px; }
  @media screen and (min-width: 1000px) {
    .meet-alicia__article p {
      letter-spacing: 0.35px; } }

@media screen and (min-width: 1000px) {
  .meet-alicia__article--content {
    width: calc(100% - 520px);
    margin-right: 120px; } }

@media screen and (min-width: 1000px) {
  .meet-alicia__article--flip {
    flex-direction: row-reverse; }
    .meet-alicia__article--flip .meet-alicia__article--content {
      margin-right: unset;
      margin-left: 120px; } }

@media screen and (min-width: 1000px) {
  .meet-alicia__article--column {
    flex-direction: column-reverse;
    margin: 30px 0; } }

.meet-alicia__article--title span {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 24px; }
  @media screen and (min-width: 1000px) {
    .meet-alicia__article--title span {
      font-size: 35px;
      line-height: 42px; } }

.meet-alicia__article--title h2 {
  font-size: 64px;
  line-height: 83px; }
  @media screen and (min-width: 1000px) {
    .meet-alicia__article--title h2 {
      font-size: 100px;
      line-height: 130px; } }

@media screen and (min-width: 1000px) {
  .meet-alicia__article--title {
    width: 100%; } }

.meet-alicia__article--content-full {
  width: 100%; }

.meet-alicia__article--content--mobile {
  display: block; }
  @media screen and (min-width: 1000px) {
    .meet-alicia__article--content--mobile {
      display: none; } }

.meet-alicia__article--content--desktop {
  display: none; }
  @media screen and (min-width: 1000px) {
    .meet-alicia__article--content--desktop {
      display: block; } }

.meet-alicia__image--mobile {
  width: 100%;
  height: auto;
  margin-bottom: 20px; }
  @media screen and (min-width: 1000px) {
    .meet-alicia__image--mobile {
      width: auto; } }

.meet-alicia__quote {
  display: none; }
  @media screen and (min-width: 1000px) {
    .meet-alicia__quote {
      display: block;
      position: relative;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 33px;
      letter-spacing: -0.22px;
      line-height: 40px;
      width: 320px; } }
  .meet-alicia__quote:before {
    display: block;
    content: '';
    position: absolute;
    width: 85px;
    height: 57.8px;
    background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s20/meet-alicia/opening-quote-mark.svg);
    background-repeat: no-repeat;
    top: -28.9px;
    left: -42.5px; }
  .meet-alicia__quote:after {
    display: block;
    content: '';
    position: absolute;
    width: 85px;
    height: 57.8px;
    background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s20/meet-alicia/closing-quote-mark.svg);
    background-repeat: no-repeat;
    bottom: -28.9px;
    right: -42.5px; }

.meet-alicia__quote1 {
  margin-left: 20px;
  margin-top: 40px; }

.meet-alicia__quote2 {
  margin-top: 50px;
  margin-left: 20px;
  margin-bottom: 130px; }

@media screen and (min-width: 1000px) {
  .meet-alicia__image--inline1 {
    width: 370px; } }

@media screen and (min-width: 1000px) {
  .meet-alicia__image--inline2 {
    width: 360px; } }

.meet-alicia__image--full {
  display: none; }
  @media screen and (min-width: 1000px) {
    .meet-alicia__image--full {
      max-width: 1370px;
      width: 100%;
      display: block;
      margin: 0 auto; } }

@media screen and (min-width: 1000px) {
  .meet-alicia__image--full-mobile {
    width: 100%;
    display: none; } }

.meet-alicia__more-stories {
  background: #000; }
  @media screen and (min-width: 1000px) {
    .meet-alicia__more-stories {
      background: #e0e0e0 url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s20/meet-alicia/stylist-stories-img-large.jpg) no-repeat center center;
      background-size: cover;
      height: 500px;
      position: relative;
      max-width: 1340px;
      margin: 37px auto 30px;
      background-position-x: left; }
      .meet-alicia__more-stories .container-wide {
        height: 100%; } }
  .meet-alicia__more-stories:before {
    content: '';
    display: block;
    width: 100%;
    height: 7px;
    position: absolute;
    top: -37px;
    left: 0;
    background: #000; }
  .meet-alicia__more-stories:after {
    display: block;
    content: '';
    position: relative;
    background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s20/meet-alicia/stylist-stories-img-mobile.jpg);
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-repeat: no-repeat; }
    @media screen and (min-width: 1000px) {
      .meet-alicia__more-stories:after {
        content: none; } }

.meet-alicia__more-stories--content {
  padding: 30px 0; }
  .meet-alicia__more-stories--content p {
    color: #fff;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    letter-spacing: 0.31px;
    line-height: 20px; }
    @media screen and (min-width: 1000px) {
      .meet-alicia__more-stories--content p {
        color: #000;
        font-size: 16px;
        letter-spacing: 0.35px;
        line-height: 22px;
        margin-bottom: 10px; } }
  .meet-alicia__more-stories--content a {
    display: inline-block;
    margin: 7px 0;
    color: #fff;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.35px;
    line-height: 18px;
    -webkit-transition: border-bottom-color 0.4s ease-out;
    -moz-transition: border-bottom-color 0.4s ease-out;
    transition: border-bottom-color 0.4s ease-out;
    border-bottom: 2px solid transparent;
    text-decoration: none;
    border-bottom-color: #fff; }
    .meet-alicia__more-stories--content a:hover {
      border-bottom-color: transparent;
      text-decoration: none; }
    .meet-alicia__more-stories--content a.uppercase {
      text-transform: uppercase; }
    .meet-alicia__more-stories--content a.no-wrap {
      white-space: nowrap; }
    @media screen and (min-width: 1000px) {
      .meet-alicia__more-stories--content a {
        display: inline-block;
        margin: 7px 0;
        color: #000;
        font-family: 'Montserrat';
        font-weight: 600;
        font-size: 14px;
        letter-spacing: 0.35px;
        line-height: 18px;
        -webkit-transition: border-bottom-color 0.4s ease-out;
        -moz-transition: border-bottom-color 0.4s ease-out;
        transition: border-bottom-color 0.4s ease-out;
        border-bottom: 2px solid transparent;
        text-decoration: none;
        border-bottom-color: #000; }
        .meet-alicia__more-stories--content a:hover {
          border-bottom-color: transparent;
          text-decoration: none; }
        .meet-alicia__more-stories--content a.uppercase {
          text-transform: uppercase; }
        .meet-alicia__more-stories--content a.no-wrap {
          white-space: nowrap; } }
  @media screen and (min-width: 1000px) {
    .meet-alicia__more-stories--content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      width: 340px;
      height: 100%; } }

.meet-alicia__opportunity {
  display: none; }
  @media screen and (min-width: 1000px) {
    .meet-alicia__opportunity {
      display: block;
      color: #000;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 400;
      font-style: normal;
      font-size: 44px;
      font-style: italic;
      font-weight: 300;
      letter-spacing: 0.96px;
      line-height: 49px;
      padding-bottom: 25px;
      margin-bottom: 25px;
      border-bottom: 1px solid #000; } }

#stylist-stories-landing .career-goals__video-wrapper--extended {
  max-width: 832px;
  padding-top: 20px; }
  @media screen and (max-width: 767px) {
    #stylist-stories-landing .career-goals__video-wrapper--extended {
      margin-left: -30px;
      margin-right: -30px; } }

#stylist-stories-landing .stylist-stories-landing__callout--container .full-article.stylist-stories-landing__callout--bg,
#stylist-stories-landing .stylist-stories-landing__callout--container .full-article.stylist-stories-landing__callout--after-bg {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

#stylist-stories-landing .stylist-stories-landing__callout--container.show-story .btn-underline.open-trigger,
#stylist-stories-landing .stylist-stories-landing__callout--container.show-story .btn-underline .is-off {
  display: none; }

#stylist-stories-landing .stylist-stories-landing__callout--container.show-story .full-article:after {
  display: block; }

#stylist-stories-landing .stylist-stories-landing__callout--container.show-story .full-article.stylist-stories-landing__callout--bg,
#stylist-stories-landing .stylist-stories-landing__callout--container.show-story .full-article.stylist-stories-landing__callout--after-bg {
  height: auto; }

#stylist-stories-landing .stylist-stories-landing__callout--container.show-story .full-article.stylist-stories-landing__callout--bg p,
#stylist-stories-landing .stylist-stories-landing__callout--container.show-story .full-article.stylist-stories-landing__callout--after-bg p {
  display: block; }

@media screen and (min-width: 1000px) {
  #stylist-stories-landing .stylist-stories-landing__callout--container.show-story .full-article.stylist-stories-landing__callout--bg .meet-alicia__quote.meet-alicia__quote1,
  #stylist-stories-landing .stylist-stories-landing__callout--container.show-story .full-article.stylist-stories-landing__callout--after-bg .meet-alicia__quote.meet-alicia__quote2 {
    display: block; } }

#stylist-stories-landing .stylist-stories-landing__callout--container.show-story .btn-underline.close-trigger,
#stylist-stories-landing .stylist-stories-landing__callout--container.show-story .btn-underline .is-on {
  display: inline-block; }

#stylist-stories-landing .stylist-stories-landing__callout--container:not(.show-story) .full-article.stylist-stories-landing__callout--bg:after {
  display: none; }

#stylist-stories-landing .stylist-stories-landing__callout--container:not(.show-story) .full-article.stylist-stories-landing__callout--bg,
#stylist-stories-landing .stylist-stories-landing__callout--container:not(.show-story) .full-article.stylist-stories-landing__callout--after-bg {
  height: 0; }

#stylist-stories-landing .stylist-stories-landing__callout--container:not(.show-story) .full-article.stylist-stories-landing__callout--bg p,
#stylist-stories-landing .stylist-stories-landing__callout--container:not(.show-story) .full-article.stylist-stories-landing__callout--after-bg p,
#stylist-stories-landing .stylist-stories-landing__callout--container:not(.show-story) .full-article.stylist-stories-landing__callout--bg .meet-alicia__quote.meet-alicia__quote1,
#stylist-stories-landing .stylist-stories-landing__callout--container:not(.show-story) .full-article.stylist-stories-landing__callout--after-bg .meet-alicia__quote.meet-alicia__quote2 {
  display: none; }

#stylist-stories-landing .stylist-stories-landing__callout--container:not(.show-story) .full-article.stylist-stories-landing__callout--after-bg {
  margin: 0; }

#stylist-stories-landing .stylist-stories-landing__callout--container:not(.show-story) .btn-underline.close-trigger,
#stylist-stories-landing .stylist-stories-landing__callout--container:not(.show-story) .btn-underline .is-on {
  display: none; }

#stylist-stories-landing .stylist-stories-landing__callout--container:not(.show-story) .full-article.stylist-stories-landing__callout--bg {
  padding-bottom: 0; }
  @media screen and (min-width: 768px) {
    #stylist-stories-landing .stylist-stories-landing__callout--container:not(.show-story) .full-article.stylist-stories-landing__callout--bg {
      padding-bottom: 0; } }
  @media screen and (min-width: 1000px) {
    #stylist-stories-landing .stylist-stories-landing__callout--container:not(.show-story) .full-article.stylist-stories-landing__callout--bg {
      padding-bottom: 70px; } }

#stylist-stories-landing .stylist-stories-landing__callout--container:not(.show-story) .full-article.stylist-stories-landing__callout--bg:before {
  z-index: 1; }
  @media screen and (min-width: 768px) {
    #stylist-stories-landing .stylist-stories-landing__callout--container:not(.show-story) .full-article.stylist-stories-landing__callout--bg:before {
      top: -218px; } }
  @media screen and (min-width: 1000px) {
    #stylist-stories-landing .stylist-stories-landing__callout--container:not(.show-story) .full-article.stylist-stories-landing__callout--bg:before {
      top: -157px; } }

#stylist-stories-landing .stylist-stories-landing__callout--header h2 {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-weight: 700;
  font-size: 48px;
  line-height: 66px;
  letter-spacing: -1px;
  margin-top: 30px;
  margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    #stylist-stories-landing .stylist-stories-landing__callout--header h2 {
      font-size: 76px;
      line-height: 70px;
      margin-top: 50px; } }
  @media screen and (min-width: 1000px) {
    #stylist-stories-landing .stylist-stories-landing__callout--header h2 {
      font-size: 78px;
      line-height: 90px;
      padding-left: 30px; } }

#stylist-stories-landing .stylist-stories-landing__callout--row {
  position: relative; }
  @media screen and (min-width: 768px) {
    #stylist-stories-landing .stylist-stories-landing__callout--row {
      display: flex;
      flex-direction: row-reverse;
      flex-wrap: nowrap; } }

#stylist-stories-landing .stylist-stories-landing__callout--stylist {
  position: relative;
  z-index: 4; }
  @media screen and (min-width: 1000px) {
    #stylist-stories-landing .stylist-stories-landing__callout--stylist {
      z-index: 2; } }
  #stylist-stories-landing .stylist-stories-landing__callout--stylist:before {
    position: absolute;
    display: block;
    content: '';
    background: #F0E9E7;
    top: 80px;
    left: 5px;
    right: 5px;
    bottom: 30px;
    z-index: -1; }
    @media screen and (min-width: 768px) {
      #stylist-stories-landing .stylist-stories-landing__callout--stylist:before {
        right: 0;
        bottom: 100px;
        left: 0;
        height: 200px; } }
    @media screen and (min-width: 1000px) {
      #stylist-stories-landing .stylist-stories-landing__callout--stylist:before {
        bottom: auto;
        height: 400px;
        right: -30px; } }
  #stylist-stories-landing .stylist-stories-landing__callout--stylist img {
    display: block;
    max-width: calc(100% - 80px);
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      #stylist-stories-landing .stylist-stories-landing__callout--stylist img {
        max-width: none;
        width: 272px; } }
    @media screen and (min-width: 1000px) {
      #stylist-stories-landing .stylist-stories-landing__callout--stylist img {
        max-width: none;
        width: 372px; } }
  @media screen and (min-width: 768px) {
    #stylist-stories-landing .stylist-stories-landing__callout--stylist {
      position: absolute;
      width: 330px; } }
  @media screen and (min-width: 1000px) {
    #stylist-stories-landing .stylist-stories-landing__callout--stylist {
      position: absolute;
      width: 507px;
      top: -78px; } }

@media screen and (max-width: 767px) {
  #stylist-stories-landing .stylist-stories-landing__callout--header-container {
    position: relative;
    z-index: 3; } }

#stylist-stories-landing .stylist-stories-landing__callout--before-bg {
  position: relative;
  z-index: 2; }
  @media screen and (max-width: 767px) {
    #stylist-stories-landing .stylist-stories-landing__callout--before-bg:before {
      display: block;
      content: '';
      position: absolute;
      background: #FFEFEA;
      top: -300px;
      right: -20px;
      bottom: -20px;
      left: -20px;
      z-index: -1; } }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    #stylist-stories-landing .stylist-stories-landing__callout--before-bg p {
      padding-right: 332px; } }

#stylist-stories-landing .stylist-stories-landing__callout--bg {
  position: relative;
  padding-bottom: 172px; }
  @media screen and (min-width: 768px) {
    #stylist-stories-landing .stylist-stories-landing__callout--bg {
      padding-bottom: 308px; } }
  @media screen and (min-width: 1000px) {
    #stylist-stories-landing .stylist-stories-landing__callout--bg {
      padding-bottom: 520px; } }
  #stylist-stories-landing .stylist-stories-landing__callout--bg:before {
    display: block;
    content: '';
    position: absolute;
    background: #FFEFEA;
    top: 0;
    right: -20px;
    bottom: 0;
    left: -20px;
    z-index: -1; }
    @media screen and (min-width: 768px) {
      #stylist-stories-landing .stylist-stories-landing__callout--bg:before {
        right: -20px;
        left: -20px;
        top: -160px; } }
    @media screen and (min-width: 1000px) {
      #stylist-stories-landing .stylist-stories-landing__callout--bg:before {
        left: -50px;
        top: -100px;
        right: -557px; } }
  #stylist-stories-landing .stylist-stories-landing__callout--bg:after {
    position: absolute;
    display: block;
    content: '';
    background: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f22/stylist-stories-landing/meet-sarah-full-width-img.jpg) no-repeat 50% 50%;
    height: 172px;
    background-size: cover;
    left: -20px;
    right: -20px;
    bottom: 0; }
    @media screen and (min-width: 768px) {
      #stylist-stories-landing .stylist-stories-landing__callout--bg:after {
        background: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f22/stylist-stories-landing/meet-sarah-full-width-img.jpg) no-repeat;
        width: 767px;
        height: 288px;
        left: 50%;
        margin-left: -383.5px;
        background-size: initial;
        bottom: 0; } }
    @media screen and (min-width: 1000px) {
      #stylist-stories-landing .stylist-stories-landing__callout--bg:after {
        background: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f22/stylist-stories-landing/meet-sarah-full-width-img.jpg) no-repeat;
        width: 1430px;
        height: 500px;
        left: 100%;
        margin-left: -700px;
        bottom: 15px; } }

#stylist-stories-landing .stylist-stories-landing__callout--after-bg {
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative; }

#stylist-stories-landing .stylist-stories-landing__callout--content {
  position: relative;
  margin-right: -15px;
  margin-left: -15px; }
  @media screen and (min-width: 768px) {
    #stylist-stories-landing .stylist-stories-landing__callout--content {
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }
  @media screen and (min-width: 1000px) {
    #stylist-stories-landing .stylist-stories-landing__callout--content {
      width: 100%;
      padding-right: 537px;
      margin-right: 0;
      padding-left: 30px; } }
  #stylist-stories-landing .stylist-stories-landing__callout--content article {
    padding-right: 20px;
    padding-left: 20px; }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    #stylist-stories-landing .stylist-stories-landing__callout--content header {
      padding-right: 332px; } }
  #stylist-stories-landing .stylist-stories-landing__callout--content h3 {
    color: #3D413F;
    font-family: 'Montserrat';
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.19px;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 10px; }
    @media screen and (min-width: 768px) {
      #stylist-stories-landing .stylist-stories-landing__callout--content h3 {
        font-size: 24px;
        letter-spacing: 0.25px;
        line-height: 24px; } }
  #stylist-stories-landing .stylist-stories-landing__callout--content h4 {
    display: inline-block;
    color: #3D413F;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    letter-spacing: 0.21px;
    line-height: 28px;
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      #stylist-stories-landing .stylist-stories-landing__callout--content h4 {
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 0.19px;
        line-height: 24px; } }
  #stylist-stories-landing .stylist-stories-landing__callout--content p {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    letter-spacing: 0.16px;
    line-height: 1.4em;
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      #stylist-stories-landing .stylist-stories-landing__callout--content p {
        font-weight: 300;
        letter-spacing: 0.4px;
        line-height: 1.5em; } }
  #stylist-stories-landing .stylist-stories-landing__callout--content footer {
    padding-bottom: 20px; }

#stylist-stories-landing .stylist-stories-landing__video-callout {
  background: #F8F6F4;
  padding-bottom: 10px; }
  @media screen and (min-width: 768px) {
    #stylist-stories-landing .stylist-stories-landing__video-callout {
      padding-bottom: 20px; } }
  #stylist-stories-landing .stylist-stories-landing__video-callout--video-placement {
    max-width: 832px;
    padding-top: 20px; }
    @media screen and (max-width: 767px) {
      #stylist-stories-landing .stylist-stories-landing__video-callout--video-placement {
        margin-left: -5px;
        margin-right: -5px; } }
  #stylist-stories-landing .stylist-stories-landing__video-callout--content {
    text-align: center;
    padding-top: 36px; }
    @media screen and (min-width: 768px) {
      #stylist-stories-landing .stylist-stories-landing__video-callout--content {
        padding-top: 70px; } }
    #stylist-stories-landing .stylist-stories-landing__video-callout--content h3 {
      font-family: 'Montserrat';
      font-size: 18px;
      font-weight: 700;
      letter-spacing: 0.19px;
      line-height: 24px; }
      @media screen and (min-width: 768px) {
        #stylist-stories-landing .stylist-stories-landing__video-callout--content h3 {
          font-size: 24px;
          letter-spacing: 0.25px; } }
    #stylist-stories-landing .stylist-stories-landing__video-callout--content h4 {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 25px;
      font-weight: 300;
      letter-spacing: 0.39px;
      line-height: 56px;
      margin-bottom: 10px; }
      @media screen and (min-width: 768px) {
        #stylist-stories-landing .stylist-stories-landing__video-callout--content h4 {
          font-size: 44px;
          letter-spacing: 0.45px; } }
    #stylist-stories-landing .stylist-stories-landing__video-callout--content p {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 15px;
      letter-spacing: 0.4px;
      line-height: 22px;
      margin-bottom: 20px; }
      #stylist-stories-landing .stylist-stories-landing__video-callout--content p.width-adjustment {
        max-width: 832px;
        margin: 0 auto; }
      @media screen and (min-width: 768px) {
        #stylist-stories-landing .stylist-stories-landing__video-callout--content p {
          font-weight: 300; } }

#stylist-stories-landing .meet-alicia__quote.meet-alicia__quote1 {
  display: none; }
  @media screen and (min-width: 1000px) {
    #stylist-stories-landing .meet-alicia__quote.meet-alicia__quote1 {
      position: absolute;
      top: 220px;
      right: -467px;
      margin: 0;
      display: block; } }

#stylist-stories-landing .meet-alicia__quote.meet-alicia__quote2 {
  display: none; }
  @media screen and (min-width: 1000px) {
    #stylist-stories-landing .meet-alicia__quote.meet-alicia__quote2 {
      position: absolute;
      top: 120px;
      right: -467px;
      margin: 0;
      display: block; } }

.stylist-stories h2, .stylist-story__header h2 {
  color: #3D413F;
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-weight: 700;
  font-size: 42px;
  line-height: 66px;
  letter-spacing: -1px;
  margin-top: 30px;
  margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .stylist-stories h2, .stylist-story__header h2 {
      font-size: 64px;
      line-height: 70px;
      margin-top: 50px; } }
  @media screen and (min-width: 1000px) {
    .stylist-stories h2, .stylist-story__header h2 {
      font-size: 74px;
      line-height: 90px;
      padding-left: 30px; } }

@media screen and (min-width: 768px) {
  .stylist-stories, .stylist-story__info {
    max-width: calc(100% - 374px); } }

@media screen and (min-width: 1000px) {
  .stylist-stories, .stylist-story__info {
    padding-top: 10px;
    padding-left: 30px; } }

.stylist-stories h3, .stylist-story__info h3 {
  color: #3D413F;
  font-family: 'Montserrat';
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.19px;
  line-height: 24px;
  margin-top: 20px;
  margin-bottom: 10px;
  text-transform: uppercase; }
  @media screen and (min-width: 768px) {
    .stylist-stories h3, .stylist-story__info h3 {
      font-size: 24px;
      letter-spacing: 0.25px;
      line-height: 24px; } }

.stylist-stories h4, .stylist-story__info h4 {
  display: inline-block;
  color: #3D413F;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  font-style: italic;
  font-weight: 600;
  letter-spacing: 0.21px;
  line-height: 28px;
  margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .stylist-stories h4, .stylist-story__info h4 {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 0.19px;
      line-height: 24px; } }

.stylist-stories, .stylist-story__top-section {
  position: relative; }
  @media screen and (max-width: 767px) {
    .stylist-stories, .stylist-story__top-section {
      margin-left: -15px;
      margin-right: -15px;
      padding: 0 20px; } }
  .stylist-stories:before, .stylist-story__top-section:before {
    display: block;
    content: '';
    background: #FFEFEA;
    position: absolute;
    top: 60px;
    right: 0;
    bottom: 170px;
    left: 0;
    z-index: -1; }
    @media screen and (min-width: 768px) {
      .stylist-stories:before, .stylist-story__top-section:before {
        left: -30px;
        right: -30px; } }
    @media screen and (min-width: 1000px) {
      .stylist-stories:before, .stylist-story__top-section:before {
        left: 0;
        right: 0; } }
  @media screen and (min-width: 1000px) {
    .stylist-stories, .stylist-story__top-section {
      padding: 0 30px;
      padding-right: calc(50% - 90px); } }
  .stylist-stories p, .stylist-story__top-section p {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    letter-spacing: 0.16px;
    line-height: 22px;
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .stylist-stories p, .stylist-story__top-section p {
        font-weight: 300;
        letter-spacing: 0.4px;
        line-height: 24px; } }

@media screen and (max-width: 767px) {
  .stylist-stories, .stylist-story__bottom-section {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 20px; } }

@media screen and (min-width: 1000px) {
  .stylist-stories, .stylist-story__bottom-section {
    padding: 0 30px;
    padding-right: calc(50% - 90px); } }

.stylist-stories p, .stylist-story__bottom-section p {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  letter-spacing: 0.16px;
  line-height: 22px;
  margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .stylist-stories p, .stylist-story__bottom-section p {
      font-weight: 300;
      letter-spacing: 0.4px;
      line-height: 24px; } }

.stylist-stories, .stylist-story__headshot {
  background: #F0E9E7; }
  @media screen and (max-width: 767px) {
    .stylist-stories, .stylist-story__headshot {
      position: relative;
      height: 270px;
      margin: 60px 20px; } }
  @media screen and (min-width: 768px) {
    .stylist-stories, .stylist-story__headshot {
      float: right;
      width: 374px;
      height: 269px;
      margin-right: -60px;
      margin-top: -90px;
      padding-left: 20px;
      padding-right: 70px;
      margin-left: 20px;
      margin-bottom: 50px; } }
  @media screen and (min-width: 1000px) {
    .stylist-stories, .stylist-story__headshot {
      position: absolute;
      width: 488px;
      height: 352px;
      padding-left: 30px;
      padding-right: 90px;
      top: -100px;
      right: -30px; } }
  .stylist-stories img, .stylist-story__headshot img {
    width: 100%; }
    @media screen and (max-width: 767px) {
      .stylist-stories img, .stylist-story__headshot img {
        position: absolute;
        width: calc(100% - 40px);
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 320px; } }
    @media screen and (min-width: 768px) {
      .stylist-stories img, .stylist-story__headshot img {
        margin-top: -30px; } }
    @media screen and (min-width: 1000px) {
      .stylist-stories img, .stylist-story__headshot img {
        margin-top: -50px; } }

.stylist-stories, .stylist-story__quote {
  display: none; }
  @media screen and (min-width: 1000px) {
    .stylist-stories, .stylist-story__quote {
      display: block;
      position: absolute;
      bottom: 0;
      right: 40px;
      width: 330px;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 28px;
      letter-spacing: -0.19px;
      line-height: 33px;
      margin: 0;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); } }

.stylist-stories, .stylist-story__video {
  padding-top: 0;
  padding-bottom: 0; }
  @media screen and (max-width: 767px) {
    .stylist-stories, .stylist-story__video {
      margin-left: -10px;
      margin-right: -10px; } }

.stylist-stories, .stylist-story__more-stories {
  padding-top: 50px;
  padding-bottom: 50px; }

.stylist-stories, .stylist-story__more-stories--content {
  text-align: center; }
  .stylist-stories h3, .stylist-story__more-stories--content h3 {
    font-family: 'Montserrat';
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.19px;
    line-height: 22px;
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .stylist-stories h3, .stylist-story__more-stories--content h3 {
        font-size: 24px;
        letter-spacing: 0.25px;
        line-height: 29px; } }
  .stylist-stories p, .stylist-story__more-stories--content p {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    letter-spacing: 0.35px;
    line-height: 24px;
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .stylist-stories p, .stylist-story__more-stories--content p {
        font-size: 15px; } }

.stylist-stories, .stylist-story__more-stories--row {
  display: grid;
  grid-template-columns: repeat(2, 50%); }
  @media screen and (min-width: 768px) {
    .stylist-stories, .stylist-story__more-stories--row {
      grid-template-columns: repeat(4, 25%); } }
  @media screen and (min-width: 1000px) {
    .stylist-stories, .stylist-story__more-stories--row {
      grid-template-columns: repeat(5, 20%); } }

.stylist-stories, .stylist-story__more-stories--item {
  padding-bottom: 30px; }
  .stylist-stories > a, .stylist-story__more-stories--item > a {
    text-decoration: none; }
  .stylist-stories:nth-of-type(odd) > div, .stylist-story__more-stories--item:nth-of-type(odd) > div {
    margin-left: auto;
    padding-right: 5px; }
    @media screen and (min-width: 768px) {
      .stylist-stories:nth-of-type(odd) > div, .stylist-story__more-stories--item:nth-of-type(odd) > div {
        margin: 0 auto;
        padding-right: 10px; } }
  .stylist-stories:nth-of-type(even) > div, .stylist-story__more-stories--item:nth-of-type(even) > div {
    margin-right: auto;
    padding-left: 5px; }
    @media screen and (min-width: 768px) {
      .stylist-stories:nth-of-type(even) > div, .stylist-story__more-stories--item:nth-of-type(even) > div {
        margin: 0 auto;
        padding-left: 10px; } }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    .stylist-stories.column-adjustment, .stylist-story__more-stories--item.column-adjustment {
      grid-column-start: 2; } }

.stylist-stories, .stylist-story__more-stories--card {
  max-width: 187px;
  width: 100%;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .stylist-stories, .stylist-story__more-stories--card {
      max-width: none;
      padding: 0 10px; } }
  .stylist-stories img, .stylist-story__more-stories--card img {
    width: 100%; }
  .stylist-stories h5, .stylist-stories span, .stylist-story__more-stories--card h5, .stylist-story__more-stories--card span {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    letter-spacing: 0.35px;
    line-height: 17px; }
  .stylist-stories h5, .stylist-story__more-stories--card h5 {
    font-weight: 700; }

.stylist-stories, .stylist-story__feed {
  background: #F8F6F4;
  padding-top: 70px; }
  .stylist-stories--header, .stylist-story__feed--header {
    margin-bottom: 40px;
    text-align: center; }
    .stylist-stories--header h3, .stylist-story__feed--header h3 {
      color: #3D413F;
      font-family: 'Montserrat';
      font-weight: 700;
      font-size: 18px;
      letter-spacing: 0.19px;
      line-height: 22px;
      text-align: center; }
      @media screen and (min-width: 768px) {
        .stylist-stories--header h3, .stylist-story__feed--header h3 {
          font-size: 24px;
          letter-spacing: 0.25px;
          line-height: 29px; } }
      .stylist-stories--header h3 span, .stylist-story__feed--header h3 span {
        font-family: 'Playfair Display';
        font-feature-settings: "lnum";
        font-weight: 700;
        letter-spacing: -1px;
        color: #3D413F;
        font-size: 35px;
        line-height: 60px;
        font-weight: 400;
        display: inline-block; }
        @media screen and (min-width: 768px) {
          .stylist-stories--header h3 span, .stylist-story__feed--header h3 span {
            font-size: 74px;
            line-height: 100px; } }
      .stylist-stories--header h3 p, .stylist-story__feed--header h3 p {
        font-size: 15px;
        line-height: 1.5em; }

.careers {
  max-width: 1440px;
  margin: auto; }
  .careers img {
    max-width: 100%; }
  .careers blockquote {
    font-family: 'Montserrat';
    display: grid;
    gap: 20px 10px;
    grid-template-columns: 61px 1fr;
    grid-template-rows: auto auto;
    margin-top: 25px;
    margin: auto;
    max-width: 830px; }
    @media screen and (min-width: 768px) {
      .careers blockquote {
        gap: 20px;
        grid-template-columns: 111px 1fr; } }
    .careers blockquote > p {
      font-family: 'Montserrat';
      font-size: 15px;
      grid-column: 1 / 3;
      grid-row: 1 / 2;
      line-height: 1.4; }
      @media screen and (min-width: 768px) {
        .careers blockquote > p {
          grid-column: 2 / 3; } }
    .careers blockquote .cite__image {
      border-radius: 50%;
      grid-row: 2 / 3;
      grid-column: 1 / 2; }
      @media screen and (min-width: 768px) {
        .careers blockquote .cite__image {
          grid-column: 1 / 2;
          grid-row: 1 / 3; } }
    .careers blockquote cite {
      align-items: center;
      display: flex;
      flex-flow: row nowrap;
      gap: 10px;
      grid-column: 2 / 3;
      grid-row: 2 / 3; }
      .careers blockquote cite p {
        font-family: 'Playfair Display';
        font-feature-settings: "lnum";
        font-size: 16px; }
      .careers blockquote cite img {
        max-width: 47px; }
    .careers blockquote p {
      font-family: 'Montserrat';
      text-align: left; }
  .careers h1,
  .careers h2,
  .careers h3,
  .careers h4 {
    color: #3D413F; }
  .careers .basic-set h4 br {
    display: none; }
    @media screen and (min-width: 768px) {
      .careers .basic-set h4 br {
        display: block; } }
  .careers h1 {
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    font-size: 42px;
    font-weight: 400;
    text-align: center;
    line-height: 44px;
    letter-spacing: 0.83px; }
    @media screen and (min-width: 1000px) {
      .careers h1 {
        font-size: 50px;
        line-height: 52px; } }
  .careers h2 {
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    font-size: 28px;
    font-weight: 400;
    line-height: 1.1;
    text-align: center; }
    @media screen and (min-width: 400px) {
      .careers h2 {
        font-size: 34px; } }
    @media screen and (min-width: 768px) {
      .careers h2 {
        font-size: 40px; } }
  .careers h3 {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 16px;
    line-height: 1.3;
    text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      .careers h3 {
        font-size: 22px; } }
    .careers h3.heading-lined {
      position: relative;
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      width: 632px;
      max-width: 100%;
      margin: 0 auto;
      padding: 25px 0;
      text-align: center;
      align-items: center;
      gap: 15px;
      font-size: 18px; }
      @media screen and (min-width: 768px) {
        .careers h3.heading-lined {
          font-size: 20px;
          max-width: none; } }
      .careers h3.heading-lined:first-child {
        margin-top: -40px; }
      .careers h3.heading-lined:before, .careers h3.heading-lined:after {
        content: "";
        height: 2px;
        background: #3d413f; }
      .careers h3.heading-lined:before {
        grid-column: 1 / 2; }
      .careers h3.heading-lined:after {
        grid-column: 3 / 4; }
    .careers h3.plus {
      font-size: 50px;
      font-weight: 400;
      margin: 0 auto;
      text-align: center; }
  .careers h4 {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      .careers h4 {
        font-size: 22px; } }
  .careers h5 {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 8px;
    text-transform: uppercase; }
    .careers h5 span {
      font-family: 'Playfair Display';
      font-feature-settings: "lnum";
      display: block;
      font-size: 50px;
      font-weight: 400;
      letter-spacing: normal;
      line-height: 1.1;
      text-transform: capitalize; }
      @media screen and (min-width: 768px) {
        .careers h5 span {
          font-size: 60px; } }
  .careers h6 {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 20px;
    color: #000;
    line-height: 1.1;
    text-transform: uppercase; }
  .careers section {
    padding-left: 20px;
    padding-right: 20px;
    background: #FEFAF6; }
    @media screen and (min-width: 768px) {
      .careers section {
        padding-left: 30px;
        padding-right: 30px; } }
  .careers p {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 15px; }
  .careers .terms {
    letter-spacing: normal;
    line-height: 1.6;
    font-size: 14px;
    max-width: 520px;
    margin: auto;
    text-align: center; }
  .careers__container {
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    flex-flow: column;
    gap: 15px; }
  .careers .btn {
    font-size: 14px;
    line-height: 1.3;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
    height: auto; }
    .careers .btn.btn-black {
      height: 60px; }
      .careers .btn.btn-black::before {
        display: none; }
    @media screen and (min-width: 768px) {
      .careers .btn.only-tablet-up {
        display: inline-block !important; } }
  .careers .video-container {
    aspect-ratio: 16 / 9; }
    .careers .video-container--mobile {
      aspect-ratio: 9 / 16; }
    .careers .video-container iframe {
      height: 100%;
      width: 100%; }
  .careers div[aria-labelledby="crl8-gallery-tHfkRYrF-square-grid-square-grid-heading"] > button[type="button"] {
    display: none !important; }
  .careers .careers__intro {
    text-align: center;
    position: relative; }
    .careers .careers__intro .careers__container {
      padding-top: 20px; }
    .careers .careers__intro p {
      font-family: 'Montserrat'; }
    .careers .careers__intro--basic .careers__container {
      display: flex;
      flex-flow: column;
      gap: 20px; }
      @media screen and (min-width: 768px) {
        .careers .careers__intro--basic .careers__container {
          min-height: 350px;
          justify-content: center;
          max-width: 55%;
          margin-left: 5%;
          gap: 10px; } }
      @media screen and (min-width: 1000px) {
        .careers .careers__intro--basic .careers__container {
          max-width: 440px; } }
      @media screen and (min-width: 1250px) {
        .careers .careers__intro--basic .careers__container {
          max-width: 470px;
          margin-left: 15%; } }
      @media screen and (min-width: 768px) {
        .careers .careers__intro--basic .careers__container .btn {
          margin-left: 0; } }
    .careers .careers__intro--video .careers__container {
      display: flex;
      flex-flow: column;
      gap: 20px;
      margin: 0 auto;
      max-width: 395px;
      padding-bottom: 0; }
      @media screen and (min-width: 1000px) {
        .careers .careers__intro--video .careers__container {
          padding: 30px 0 140px 0; } }
    .careers .careers__intro--video a.btn {
      font-size: 14px;
      margin: 0 auto 5px auto;
      order: 2; }
      @media screen and (min-width: 1000px) {
        .careers .careers__intro--video a.btn {
          order: 3; } }
    .careers .careers__intro--video .careers__intro-video {
      width: 770px;
      max-width: 100%;
      order: 3;
      position: relative; }
      @media screen and (min-width: 1000px) {
        .careers .careers__intro--video .careers__intro-video {
          bottom: 100px;
          left: 50%;
          order: 4;
          padding-bottom: calc(770px * 0.5675);
          position: absolute;
          transform: translate(-50%, 100%); } }
    .careers .careers__intro--video p {
      order: 4;
      padding: 0 0 30px 0; }
      @media screen and (min-width: 1000px) {
        .careers .careers__intro--video p {
          order: 2;
          padding: 0; } }
    @media screen and (min-width: 1000px) {
      .careers .careers__intro--video + section {
        padding-top: calc((770px * 0.5675) - 100px); } }
    .careers .careers__intro--video + section h2 {
      margin-top: 60px; }
      @media screen and (min-width: 768px) {
        .careers .careers__intro--video + section h2 {
          margin-top: 40px; } }
    .careers .careers__intro--video.option-2 .careers__container {
      padding-top: 30px; }
      @media screen and (min-width: 1000px) {
        .careers .careers__intro--video.option-2 .careers__container {
          gap: 10px;
          justify-content: center;
          margin-left: 50%;
          margin-right: 0;
          max-width: 470px;
          min-height: 350px;
          padding: 50px 0;
          text-align: left; } }
    @media screen and (min-width: 768px) {
      .careers .careers__intro--video.option-2 h1 br {
        display: none; } }
    @media screen and (min-width: 1000px) {
      .careers .careers__intro--video.option-2 h1 {
        text-align: left; } }
    .careers .careers__intro--video.option-2 p {
      order: 2;
      padding: 0 0 10px 0; }
    .careers .careers__intro--video.option-2 a.btn {
      margin-bottom: -29px;
      order: 3; }
      @media screen and (min-width: 768px) {
        .careers .careers__intro--video.option-2 a.btn {
          padding-top: 20px; } }
      @media screen and (min-width: 1000px) {
        .careers .careers__intro--video.option-2 a.btn {
          margin: 0 auto 0 0; } }
    @media screen and (min-width: 1000px) {
      .careers .careers__intro--video.option-2 + section {
        padding-top: 0; } }
  .careers__list {
    text-align: center; }
  .careers__list-container {
    padding: 35px 0;
    margin: 0 auto;
    max-width: 1080px;
    display: flex;
    flex-flow: column;
    gap: 40px; }
    @media screen and (min-width: 768px) {
      .careers__list-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto;
        gap: 25px; }
        .careers__list-container.inventory {
          gap: 10px; } }
  .careers__list-item {
    text-align: center;
    position: relative;
    padding: 20px; }
    @media screen and (max-width: 767px) {
      .careers__list-item {
        max-width: 390px; } }
    .careers__list-item--highlighted {
      background: #fff;
      position: relative; }
    .careers__list-item-number {
      font-family: 'Playfair Display';
      font-weight: 600;
      font-size: 44px;
      color: #fff;
      width: 76px;
      height: 76px;
      background: #000;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      margin: calc(-86px / 2) auto calc(-66px / 2);
      line-height: 1;
      z-index: 1;
      position: relative; }
    .careers__list-item p {
      line-height: 1.5;
      color: #3d413f;
      font-family: 'Montserrat'; }
      .careers__list-item p:not(.price):not(.subtext):not(:last-of-type):after {
        content: "";
        display: block;
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #657798;
        margin: 10px auto; }
        .careers--become-a-stylist .careers__list-item p:not(.price):not(.subtext):not(:last-of-type):after {
          background: #73829F; }
      .careers__list-item p:last-of-type {
        margin-bottom: 20px; }
      .careers__list-item p.price {
        font-size: 40px;
        font-family: 'Montserrat';
        font-weight: 600; }
        .careers__list-item p.price span {
          font-size: 15px;
          text-transform: uppercase;
          font-weight: 700; }
      .careers__list-item p.subtext {
        font-size: 12px;
        font-family: 'Montserrat';
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 10px; }
    .careers__list-item img {
      margin-bottom: 20px; }
  .careers .careers__more {
    background: #fff; }
    .careers .careers__more .careers__container {
      max-width: 860px;
      margin: auto; }
  .careers .more-bas {
    text-align: center; }
    @media screen and (min-width: 768px) {
      .careers .more-bas h6 br {
        display: none; } }
    .careers .more-bas__grid {
      display: flex;
      flex-flow: column;
      gap: 20px; }
      @media screen and (min-width: 768px) {
        .careers .more-bas__grid {
          flex-flow: row;
          gap: 5px; } }
      .careers .more-bas__grid-item {
        flex: 1 1 0;
        position: relative;
        text-decoration: none;
        background: #000; }
        .careers .more-bas__grid-item:hover .more-bas__grid-item__img img {
          transform: scale(1.05); }
        .careers .more-bas__grid-item__img {
          overflow: hidden;
          line-height: 0; }
          .careers .more-bas__grid-item__img img {
            object-fit: cover;
            object-position: center;
            transition: 0.25s ease-in-out all; }
        .careers .more-bas__grid-item__title {
          font-family: 'Playfair Display';
          font-feature-settings: "lnum";
          bottom: 55px;
          color: #fff;
          font-size: 34px;
          font-style: italic;
          font-weight: 400;
          left: 50%;
          line-height: 1.1;
          position: absolute;
          transform: translateX(-50%);
          width: 80%; }

.careers--become-a-stylist section {
  background: #fff; }

.careers--become-a-stylist .careers__intro {
  background: #FDE5D6 url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates//f25/careers/texture3.jpg") center center repeat; }
  @media screen and (min-width: 1000px) {
    .careers--become-a-stylist .careers__intro {
      background: #FDE5D6 url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates//f25/careers/become-a-stylist-header.jpg") center/cover no-repeat; } }

.careers--become-a-stylist .careers__list .careers__container {
  position: relative; }
  .careers--become-a-stylist .careers__list .careers__container:before {
    content: "";
    display: block;
    position: absolute;
    background: #FEFAF6;
    top: 420px;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 1290px; }
    @media screen and (min-width: 768px) {
      .careers--become-a-stylist .careers__list .careers__container:before {
        bottom: 70px;
        top: 350px; } }

@media screen and (max-width: 767px) {
  .careers--become-a-stylist .careers__list .careers__list-container {
    padding-bottom: 0; } }

@media screen and (min-width: 768px) {
  .careers--become-a-stylist .careers__list .careers__list-item {
    padding: 20px 0; } }

.careers--become-a-stylist .careers__list h4 {
  margin-bottom: 10px; }

.careers--become-a-stylist .careers__impact {
  text-align: center;
  background: #f9f9f9; }
  .careers--become-a-stylist .careers__impact .careers__container {
    max-width: 930px;
    margin: auto;
    display: flex;
    flex-flow: column;
    gap: 20px; }
    @media screen and (min-width: 768px) {
      .careers--become-a-stylist .careers__impact .careers__container h2 {
        margin-bottom: 30px; }
        .careers--become-a-stylist .careers__impact .careers__container h2 br {
          display: none; } }
  .careers--become-a-stylist .careers__impact .video-container {
    position: relative;
    margin: 20px 0; }

.careers--become-a-stylist .careers__meet-stylists {
  text-align: center; }

.careers--become-a-stylist .careers__meet-us {
  background: #fcf4f1;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .careers--become-a-stylist .careers__meet-us {
      margin-bottom: 80px; } }
  .careers--become-a-stylist .careers__meet-us .careers__container {
    max-width: 900px;
    margin: auto; }
    @media screen and (min-width: 768px) {
      .careers--become-a-stylist .careers__meet-us .careers__container {
        display: grid;
        grid-template-columns: 55% 1fr;
        grid-template-rows: 1fr auto auto auto 1fr;
        gap: 20px 60px;
        text-align: left; } }
  .careers--become-a-stylist .careers__meet-us .careers__meet-us__slider {
    margin-bottom: 50px;
    margin-left: 25px;
    margin-right: 25px; }
    @media screen and (min-width: 768px) {
      .careers--become-a-stylist .careers__meet-us .careers__meet-us__slider {
        grid-column: 1 / 2;
        grid-row: 1 / 6;
        margin: 0 0 -60px; } }
  @media screen and (min-width: 768px) {
    .careers--become-a-stylist .careers__meet-us h2,
    .careers--become-a-stylist .careers__meet-us p,
    .careers--become-a-stylist .careers__meet-us .btn {
      grid-column: 2 / 3; } }
  @media screen and (max-width: 767px) {
    .careers--become-a-stylist .careers__meet-us h2 br {
      display: none; } }
  @media screen and (min-width: 768px) {
    .careers--become-a-stylist .careers__meet-us h2 {
      text-align: left;
      grid-row: 2 / 3; } }
  @media screen and (min-width: 768px) {
    .careers--become-a-stylist .careers__meet-us p {
      grid-row: 3 / 4; } }
  @media screen and (min-width: 768px) {
    .careers--become-a-stylist .careers__meet-us .btn {
      margin-left: 0;
      grid-row: 4 / 5; } }
  @media screen and (min-width: 768px) {
    .careers--become-a-stylist .careers__meet-us .slick-dots {
      text-align: right; } }
  .careers--become-a-stylist .careers__meet-us .slick-dots button:before {
    font-size: 12px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #b2b2b2;
    color: #b2b2b2;
    opacity: 1; }
  .careers--become-a-stylist .careers__meet-us .slick-dots li {
    margin: 0; }
  .careers--become-a-stylist .careers__meet-us .slick-dots .slick-active button:before {
    color: #fff; }

.careers--become-a-stylist .careers__faqs .careers__container {
  max-width: 768px;
  margin: auto; }

.careers--become-a-stylist .careers__faqs .btn {
  margin-left: 0; }
  @media screen and (max-width: 767px) {
    .careers--become-a-stylist .careers__faqs .btn {
      width: 100%; } }

.careers--inventory-options h1 {
  text-transform: none; }

.careers--inventory-options .careers__intro {
  background: #FDE5D6 url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates//f25/careers/texture3.jpg") center center repeat; }
  @media screen and (min-width: 1000px) {
    .careers--inventory-options .careers__intro {
      background: #FDE5D6 url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates//f25/careers/inventory-options-header.jpg") center/cover no-repeat; } }
  .careers--inventory-options .careers__intro .careers__container {
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .careers--inventory-options .careers__intro .careers__container {
        position: relative; } }

.careers--inventory-options .careers__list {
  background: #FEFAF6; }
  .careers--inventory-options .careers__list h2 {
    text-transform: none; }

.careers--inventory-options .careers__list-container {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 0; }

.careers--inventory-options .careers__additional-options {
  background: #FEFAF6;
  text-align: center;
  position: relative; }
  .careers--inventory-options .careers__additional-options .careers__container {
    max-width: 680px;
    margin: auto;
    color: #3d413f;
    padding-bottom: 80px; }
  .careers--inventory-options .careers__additional-options .highlight {
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    font-size: 36px;
    line-height: 1.3; }
    @media screen and (min-width: 768px) {
      .careers--inventory-options .careers__additional-options .highlight {
        font-size: 40px; } }
    .careers--inventory-options .careers__additional-options .highlight > span {
      display: block;
      font-family: 'Montserrat';
      font-size: 18px;
      text-transform: none;
      font-weight: 400;
      margin-top: 10px; }
    .careers--inventory-options .careers__additional-options .highlight + .highlight {
      margin-top: 20px; }
  .careers--inventory-options .careers__additional-options__button {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, 100%);
    line-height: 5px;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .careers--inventory-options .careers__additional-options__button {
        line-height: 15px;
        width: 395px; } }
    .careers--inventory-options .careers__additional-options__button p {
      font-size: 14px;
      letter-spacing: normal;
      line-height: 1.2;
      margin-top: 10px; }
  .careers--inventory-options .careers__additional-options + section {
    padding-top: 30px; }

.careers--menu-services .video-container--mobile {
  max-width: none; }

.careers--menu-services .careers__intro {
  background: #fff; }
  .careers--menu-services .careers__intro img {
    margin-left: -10px;
    margin-right: -10px;
    max-width: 100vw;
    margin-bottom: -40px; }
  @media screen and (min-width: 768px) {
    .careers--menu-services .careers__intro {
      background: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates//f25/careers/share-header.jpg") center/cover no-repeat; }
      .careers--menu-services .careers__intro h1,
      .careers--menu-services .careers__intro p {
        color: #fff;
        text-align: left; } }

.careers--menu-services .careers__featured-experience {
  text-align: center; }
  @media screen and (min-width: 768px) {
    .careers--menu-services .careers__featured-experience {
      padding: 50px 0; } }
  .careers--menu-services .careers__featured-experience .careers__container {
    gap: 0;
    max-width: 1100px;
    margin: auto;
    padding: 0;
    position: relative;
    z-index: 1; }
    @media screen and (min-width: 768px) {
      .careers--menu-services .careers__featured-experience .careers__container {
        align-items: center;
        background: #fff;
        display: flex;
        flex-direction: row;
        height: 530px;
        justify-content: flex-end;
        position: relative; } }
  .careers--menu-services .careers__featured-experience .experience-content {
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    max-width: 400px;
    padding: 40px 20px; }
    .careers--menu-services .careers__featured-experience .experience-content h3 {
      font-size: 15px; }
    .careers--menu-services .careers__featured-experience .experience-content p {
      margin: 0 auto 20px auto; }
    @media screen and (min-width: 768px) {
      .careers--menu-services .careers__featured-experience .experience-content {
        margin: 0; } }
    @media screen and (min-width: 1000px) {
      .careers--menu-services .careers__featured-experience .experience-content {
        max-width: 600px;
        padding: 40px 100px; } }
  .careers--menu-services .careers__featured-experience .video-container {
    margin: 0 auto;
    position: relative;
    width: calc(100% + 20px);
    left: -10px; }
    @media screen and (min-width: 768px) {
      .careers--menu-services .careers__featured-experience .video-container {
        margin: 0 0 0 -10px;
        padding-left: 0;
        padding-right: 0;
        position: absolute;
        right: 400px;
        top: -25px;
        width: 325px;
        left: auto; } }
    @media screen and (min-width: 1000px) {
      .careers--menu-services .careers__featured-experience .video-container {
        right: 600px; } }

.careers--menu-services .careers__ways-to-sell {
  padding-top: 20px;
  text-align: center;
  padding-bottom: 80px; }
  .careers--menu-services .careers__ways-to-sell .careers__container {
    background: #657798;
    margin: auto;
    max-width: 1100px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .careers--menu-services .careers__ways-to-sell .careers__container {
        padding-left: 15px;
        padding-right: 15px; } }
    @media screen and (min-width: 1000px) {
      .careers--menu-services .careers__ways-to-sell .careers__container {
        padding: 50px; } }
  .careers--menu-services .careers__ways-to-sell h2,
  .careers--menu-services .careers__ways-to-sell p {
    color: #fff; }
  .careers--menu-services .careers__ways-to-sell p {
    max-width: 426px;
    margin: auto; }
  .careers--menu-services .careers__ways-to-sell .columns {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    margin: 40px auto 0 auto;
    max-width: 900px;
    row-gap: 10px; }
    @media screen and (min-width: 1000px) {
      .careers--menu-services .careers__ways-to-sell .columns {
        justify-content: space-between;
        row-gap: 0; } }
    .careers--menu-services .careers__ways-to-sell .columns .column {
      margin: 0 0 40px 0;
      width: 50%; }
      @media screen and (min-width: 1000px) {
        .careers--menu-services .careers__ways-to-sell .columns .column {
          width: 180px; } }
  .careers--menu-services .careers__ways-to-sell .btn {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, 100%);
    white-space: nowrap; }

.careers--earn-income .careers__intro {
  background: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates//f25/careers/earning-Income-hero-mobile.jpg") center/cover no-repeat;
  padding-bottom: 40px;
  padding-top: 40px; }
  .careers--earn-income .careers__intro h1,
  .careers--earn-income .careers__intro p,
  .careers--earn-income .careers__intro a {
    color: #fff;
    text-align: center; }
  @media screen and (min-width: 768px) {
    .careers--earn-income .careers__intro {
      background: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates//f25/careers/earning-Income-hero.jpg") center/cover no-repeat; }
      .careers--earn-income .careers__intro h1,
      .careers--earn-income .careers__intro p,
      .careers--earn-income .careers__intro a {
        text-align: left; } }

.careers--earn-income .careers__commission .careers__container {
  padding-bottom: 20px; }
  .careers--earn-income .careers__commission .careers__container h2 {
    margin: 0 auto 5px auto; }
  @media screen and (min-width: 768px) {
    .careers--earn-income .careers__commission .careers__container {
      padding-top: 80px; } }

.careers--earn-income .careers__commission .commission__list {
  display: flex;
  flex-flow: column;
  gap: 0;
  max-width: 900px;
  margin: auto; }
  @media screen and (min-width: 768px) {
    .careers--earn-income .careers__commission .commission__list {
      gap: 15px; } }

.careers--earn-income .careers__commission .commission__item {
  list-style: none; }
  .careers--earn-income .careers__commission .commission__item p {
    text-align: center;
    padding-left: 10%;
    padding-right: 10%; }
    @media screen and (min-width: 768px) {
      .careers--earn-income .careers__commission .commission__item p {
        text-align: left;
        padding: 0; } }
    .careers--earn-income .careers__commission .commission__item p:first-of-type {
      font-family: 'Montserrat';
      font-weight: 700;
      display: block; }
      @media screen and (max-width: 767px) {
        .careers--earn-income .careers__commission .commission__item p:first-of-type {
          padding-top: 30px;
          padding-bottom: 30px; } }
    .careers--earn-income .careers__commission .commission__item p:nth-of-type(2) {
      display: block; }
      @media screen and (max-width: 767px) {
        .careers--earn-income .careers__commission .commission__item p:nth-of-type(2) {
          padding-top: 5px;
          padding-bottom: 5px; } }
  @media screen and (max-width: 767px) {
    .careers--earn-income .careers__commission .commission__item {
      position: relative; }
      .careers--earn-income .careers__commission .commission__item img {
        position: absolute; }
      .careers--earn-income .careers__commission .commission__item:nth-child(1) img {
        top: 0;
        left: -25px;
        max-height: 194px;
        width: 15%;
        height: auto;
        z-index: 1; }
      .careers--earn-income .careers__commission .commission__item:nth-child(1) p:first-of-type {
        background: #F5F5F7; }
      .careers--earn-income .careers__commission .commission__item:nth-child(2) img {
        bottom: 0;
        right: -25px;
        width: 20%;
        max-height: 170px;
        height: auto; }
      .careers--earn-income .careers__commission .commission__item:nth-child(2) p:first-of-type {
        background: #E7EAF2; }
      .careers--earn-income .careers__commission .commission__item:nth-child(3) {
        padding-bottom: 70px; }
        .careers--earn-income .careers__commission .commission__item:nth-child(3) img {
          display: none; }
        .careers--earn-income .careers__commission .commission__item:nth-child(3) p:first-of-type {
          background: #D0DBEF; }
      .careers--earn-income .careers__commission .commission__item:nth-child(4) img {
        top: 15px;
        transform: translate(-50%, -100%);
        max-height: 130px;
        width: auto;
        left: 50%; }
      .careers--earn-income .careers__commission .commission__item:nth-child(4) p:first-of-type {
        background: #AFBDD6; } }
  @media screen and (min-width: 768px) {
    .careers--earn-income .careers__commission .commission__item {
      display: grid;
      grid-template-columns: 120px 1fr;
      grid-template-rows: minmax(25px, 1fr) auto auto minmax(25px, 1fr);
      padding-right: 8%;
      column-gap: 20px; }
      .careers--earn-income .careers__commission .commission__item img {
        grid-column: 1 / 2;
        grid-row: 1 / 5;
        justify-self: flex-end;
        padding: 10px 0; }
      .careers--earn-income .careers__commission .commission__item p:first-of-type {
        grid-column: 2 / 3;
        grid-row: 2 / 3; }
      .careers--earn-income .careers__commission .commission__item p:nth-of-type(2) {
        grid-column: 2 / 3;
        grid-row: 3 / 4; }
      .careers--earn-income .careers__commission .commission__item:nth-of-type(2n+2) {
        padding-right: 1%; }
        .careers--earn-income .careers__commission .commission__item:nth-of-type(2n+2) img {
          grid-column: 3 / 3; }
        .careers--earn-income .careers__commission .commission__item:nth-of-type(2n+2) p:first-of-type {
          grid-column: 2 / 3; }
        .careers--earn-income .careers__commission .commission__item:nth-of-type(2n+2) p:nth-of-type(2) {
          grid-column: 2 / 3; }
      .careers--earn-income .careers__commission .commission__item:nth-child(1) {
        background: #F5F5F7; }
        .careers--earn-income .careers__commission .commission__item:nth-child(1) img {
          max-height: 142px; }
      .careers--earn-income .careers__commission .commission__item:nth-child(2) {
        background: #E7EAF2; }
        .careers--earn-income .careers__commission .commission__item:nth-child(2) img {
          max-height: 138px; }
      .careers--earn-income .careers__commission .commission__item:nth-child(3) {
        background: #D0DBEF; }
      .careers--earn-income .careers__commission .commission__item:nth-child(4) {
        background: #AFBDD6; } }

.careers--earn-income .careers__commission .btn-black {
  margin: 20px auto; }

.careers--earn-income .careers__ways-to-sell {
  text-align: center; }
  .careers--earn-income .careers__ways-to-sell h2,
  .careers--earn-income .careers__ways-to-sell p {
    margin-left: auto;
    margin-right: auto;
    max-width: 290px; }
  .careers--earn-income .careers__ways-to-sell p {
    margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .careers--earn-income .careers__ways-to-sell {
      padding-bottom: 30px; }
      .careers--earn-income .careers__ways-to-sell h2,
      .careers--earn-income .careers__ways-to-sell p {
        max-width: 500px; } }
  .careers--earn-income .careers__ways-to-sell .careers__container {
    max-width: 550px;
    margin: auto; }
  .careers--earn-income .careers__ways-to-sell .heading-lined {
    font-size: 30px;
    padding: 15px 0; }
    @media screen and (min-width: 768px) {
      .careers--earn-income .careers__ways-to-sell .heading-lined {
        margin-left: calc((550px - 632px) / 2); } }
  @media screen and (max-width: 767px) {
    .careers--earn-income .careers__ways-to-sell img {
      margin-left: -25px;
      margin-right: -25px;
      margin-bottom: -40px;
      max-width: 100vw; } }

.careers--earn-income .careers__career-events {
  text-align: center;
  background: #fff; }
  @media screen and (min-width: 768px) {
    .careers--earn-income .careers__career-events {
      background: #F7F3ED; } }
  .careers--earn-income .careers__career-events .careers__container {
    background: #F7F3ED;
    margin: 60px auto 0;
    padding-left: 20px;
    padding-right: 20px;
    position: relative; }
    @media screen and (min-width: 768px) {
      .careers--earn-income .careers__career-events .careers__container {
        background: none;
        max-width: 560px;
        margin: 0 auto; } }
  @media screen and (min-width: 768px) {
    .careers--earn-income .careers__career-events h5 br {
      display: none; } }
  .careers--earn-income .careers__career-events img {
    width: 107px;
    height: 107px;
    margin: auto;
    margin-top: -80.5px; }
    @media screen and (min-width: 768px) {
      .careers--earn-income .careers__career-events img {
        width: 111px;
        height: 111px;
        position: absolute;
        top: 40px;
        left: 0;
        transform: translate(-50%, 0); } }

.social-responsibility__body--content p, .social-responsibility__body--content ul li {
  font-family: 'Montserrat';
  color: #3D413F;
  font-size: 16px;
  line-height: 24px; }

.social-responsibility__header .container,
.social-responsibility__body .container {
  padding: 0 30px; }

@media screen and (min-width: 768px) {
  .social-responsibility__header .container,
  .social-responsibility__body .container {
    padding: 0; } }

.social-responsibility__header {
  margin: 0 auto;
  max-width: 1440px; }
  .social-responsibility__header .container {
    max-width: 590px; }

.social-responsibility__body .container {
  max-width: 780px; }

.social-responsibility__header {
  background: #657798;
  text-align: center; }
  .social-responsibility__header--content {
    padding: 50px 0px; }
    .social-responsibility__header--content img {
      margin: 0 auto 5px auto; }
    .social-responsibility__header--content h2 {
      font-family: 'Montserrat';
      font-weight: 700;
      color: #fff;
      font-size: 22px;
      letter-spacing: 1px;
      line-height: 29px;
      margin-bottom: 20px; }
      .social-responsibility__header--content h2 span {
        font-family: 'Playfair Display';
        font-feature-settings: "lnum";
        font-size: 48px;
        font-style: italic;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 53px;
        padding-top: 5px;
        text-transform: capitalize; }
    .social-responsibility__header--content p {
      font-family: 'Montserrat';
      color: #fff;
      font-size: 15px;
      font-weight: 500;
      line-height: 24px; }

.social-responsibility__body--content {
  margin-top: 30px; }
  @media screen and (min-width: 768px) {
    .social-responsibility__body--content {
      margin-top: 40px; } }
  .social-responsibility__body--content p {
    margin-bottom: 30px; }
    @media screen and (min-width: 768px) {
      .social-responsibility__body--content p {
        margin-bottom: 40px;
        text-align: center; } }
    @media screen and (min-width: 1000px) {
      .social-responsibility__body--content p {
        margin-bottom: 50px; } }
  .social-responsibility__body--content h3 {
    color: #3d413f;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.56px;
    line-height: 19px;
    margin-bottom: 30px; }
    @media screen and (min-width: 768px) {
      .social-responsibility__body--content h3 {
        font-size: 18px;
        letter-spacing: 0.64px;
        line-height: 22px;
        margin-bottom: 40px;
        text-align: center; } }
  .social-responsibility__body--content ul {
    list-style: none;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    margin-bottom: 40px; }
    .social-responsibility__body--content ul li {
      color: #3D413F;
      margin: 0 0 20px 20px;
      position: relative; }
      .social-responsibility__body--content ul li::after {
        clear: both;
        content: "";
        display: table; }
      @media screen and (min-width: 1000px) {
        .social-responsibility__body--content ul li {
          margin-bottom: 30px; } }
      .social-responsibility__body--content ul li:before {
        background: #f899a8;
        border-radius: 50%;
        content: '';
        display: block;
        height: 7px;
        left: -20px;
        position: absolute;
        top: 6px;
        width: 7px; }
  .social-responsibility__body--content .btn {
    height: 50px; }
    @media screen and (min-width: 768px) {
      .social-responsibility__body--content .btn {
        height: 60px; } }

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

.social-responsibility__images {
  margin-top: 50px;
  margin-bottom: 40px; }
  @media screen and (min-width: 1000px) {
    .social-responsibility__images {
      margin-top: 60px; } }
  .social-responsibility__images--row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .social-responsibility__images--row {
        margin-left: -15px;
        margin-right: -15px; } }
  .social-responsibility__images--item {
    position: relative;
    height: 0;
    padding-bottom: 54.1791044776%;
    width: calc(50% - 2.5px);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
    @media screen and (min-width: 768px) {
      .social-responsibility__images--item {
        width: calc((100% / 3) - (20px) / 3);
        padding-bottom: 36.1194029851%; } }
    .social-responsibility__images--item.img-1 {
      background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f25/social-responsibility/social-responsibility-img.jpg); }
    .social-responsibility__images--item.img-2 {
      background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f25/social-responsibility/social-responsibility-img1.jpg); }
    .social-responsibility__images--item.img-3 {
      background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f25/social-responsibility/social-responsibility-img2.jpg); }
      @media screen and (max-width: 767px) {
        .social-responsibility__images--item.img-3 {
          display: none; } }

.code-of-conduct__section h2 {
  color: #3D413F;
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-weight: 400;
  font-size: 28px;
  line-height: 30px;
  margin-bottom: 20px; }
  @media screen and (min-width: 1000px) {
    .code-of-conduct__section h2 {
      margin-bottom: 40px; } }

.code-of-conduct__section h3, .code-of-conduct__section p, .code-of-conduct__section ul li {
  color: #3D413F;
  font-family: 'Montserrat';
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 20px; }

.code-of-conduct__page {
  background: #f9f9f9; }

.code-of-conduct__section {
  padding-top: 50px; }
  @media screen and (min-width: 1000px) {
    .code-of-conduct__section {
      padding-top: 60px; } }
  .code-of-conduct__section--last {
    padding-bottom: 60px; }
    @media screen and (min-width: 1000px) {
      .code-of-conduct__section--last {
        padding-bottom: 100px; } }
  .code-of-conduct__section h3 {
    font-weight: 700;
    margin-bottom: 0; }
  .code-of-conduct__section ul {
    padding-left: 40px; }
    .code-of-conduct__section ul li {
      padding-left: 20px; }

#page[data-page-id="page-join-us"] .join-us__page-header__content p, .career-intro__card-content p, .page-header__third__content p, #page[data-page-id="page-foundation"] .step-3 .columns .info, .body-text {
  font-size: 16px;
  line-height: 24px; }
  @media screen and (max-width: 767px) {
    #page[data-page-id="page-join-us"] .join-us__page-header__content p, .career-intro__card-content p, .page-header__third__content p, #page[data-page-id="page-foundation"] .step-3 .columns .info, .body-text {
      font-size: 14px;
      line-height: 21px; } }

[data-page-id^="page-foundation-give-now"] {
  margin: 0 auto;
  max-width: 1440px; }

.page-template-foundation-give-now .texture-bg {
  background: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f25/global/pattern-light-v2.jpg") center center repeat; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.foundation-give-now .animated {
  -webkit-animation-duration: 2s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.foundation-give-now .boxHidded {
  visibility: hidden; }

.foundation-give-now .fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  visibility: visible; }

.foundation-give-now .delay-2s {
  -webkit-animation-delay: 2s;
  -mos-animation-delay: 2s;
  animation-delay: 2s; }

.foundation-give-now .delay-4s {
  -webkit-animation-delay: 4s;
  -mos-animation-delay: 4s;
  animation-delay: 4s; }

.foundation-give-now__header {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  background: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f25/global/pattern-dark-v2.jpg") center center repeat;
  color: #000;
  padding: 50px 0px 300px 0;
  text-align: center; }
  .foundation-give-now__header span {
    font-style: italic; }
  .foundation-give-now__header h2 {
    font-size: 32px;
    font-weight: 400;
    line-height: 44px; }
  .foundation-give-now__header .twenty-years {
    align-items: center;
    display: flex;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.26px;
    line-height: 16px;
    margin: 0 auto;
    max-width: 650px;
    padding: 25px 0;
    position: relative;
    text-transform: uppercase;
    width: 95%; }
    .foundation-give-now__header .twenty-years div {
      background: #F497A6;
      content: "";
      height: 1px;
      width: calc(50% - 150px); }
    .foundation-give-now__header .twenty-years p {
      margin: 0;
      width: 300px; }
  .foundation-give-now__header img {
    display: block;
    margin: 0 auto;
    max-width: 95%; }
    .foundation-give-now__header img.heart {
      padding: 20px 0 0 0;
      width: 22px; }
  .foundation-give-now__header .container {
    max-width: none; }
  @media screen and (min-width: 768px) {
    .foundation-give-now__header {
      padding: 50px 0px 200px 0; }
      .foundation-give-now__header h2 {
        font-size: 48px;
        line-height: 54px; }
      .foundation-give-now__header .twenty-years {
        font-size: 18px;
        letter-spacing: 2px;
        padding: 35px 0; }
        .foundation-give-now__header .twenty-years div {
          width: calc(50% - 180px); }
        .foundation-give-now__header .twenty-years p {
          width: 380px; }
      .foundation-give-now__header img.heart {
        padding: 30px 0 0 0;
        width: 40px; } }
  @media screen and (min-width: 1000px) {
    .foundation-give-now__header {
      padding: 50px 0px 350px 0; }
      .foundation-give-now__header h2 br {
        display: none; } }

.foundation-give-now__testimonial-wrapper {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 990px;
  padding: 0px 30px 50px 30px;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .foundation-give-now__testimonial-wrapper {
      align-items: center;
      flex-flow: row wrap;
      justify-content: space-between;
      padding: 56px 50px 50px 50px; } }
  @media screen and (min-width: 1000px) {
    .foundation-give-now__testimonial-wrapper {
      padding: 70px 0 50px 0; } }

.foundation-give-now__testimonial .text-container {
  padding: 40px 0 0 0; }
  .foundation-give-now__testimonial .text-container p {
    font-family: 'Montserrat';
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    line-height: 26px; }
  @media screen and (min-width: 768px) {
    .foundation-give-now__testimonial .text-container {
      width: calc(70% - 50px); }
      .foundation-give-now__testimonial .text-container p {
        font-size: 22px;
        line-height: 32px; } }

.foundation-give-now__testimonial .image-container {
  align-items: center;
  display: flex;
  margin-top: 26px;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .foundation-give-now__testimonial .image-container {
      margin-top: 0;
      width: 30%; } }
  .foundation-give-now__testimonial .image-container img {
    height: auto;
    width: 100%; }

.foundation-give-now__testimonial .signature-container {
  display: flex;
  align-items: center;
  margin-top: 16px; }
  .foundation-give-now__testimonial .signature-container img {
    width: 96px; }
  .foundation-give-now__testimonial .signature-container p {
    font-size: 18px;
    letter-spacing: 0.63;
    line-height: 32px;
    padding-left: 20px; }
  @media screen and (min-width: 768px) {
    .foundation-give-now__testimonial .signature-container img {
      width: 73px; }
    .foundation-give-now__testimonial .signature-container p {
      padding-left: 20px;
      font-size: 18px;
      line-height: 32px;
      letter-spacing: 0.63; }
      .foundation-give-now__testimonial .signature-container p br {
        display: none; }
    .foundation-give-now__testimonial .signature-container span {
      display: inline !important; } }

@media screen and (min-width: 768px) {
  .foundation-give-now__accomplishments {
    padding: 0 0 50px 0; } }

.foundation-give-now__accomplishments-wrapper {
  margin: 0 auto;
  max-width: 1030px;
  padding: 25px;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .foundation-give-now__accomplishments-wrapper {
      background: #fff;
      padding: 50px 30px 0 30px; } }

.foundation-give-now__accomplishments h2 {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-weight: 700;
  font-size: 30px;
  font-weight: 400;
  line-height: 41px;
  margin: 0 0 5px 0;
  text-align: center; }
  .foundation-give-now__accomplishments h2 span {
    font-style: italic; }
  @media screen and (min-width: 768px) {
    .foundation-give-now__accomplishments h2 {
      font-size: 54px;
      line-height: 54px; } }

.foundation-give-now__accomplishments .accomplishments-container {
  margin: 0 auto;
  max-width: 1080px;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .foundation-give-now__accomplishments .accomplishments-container {
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 20px auto 0 auto;
      max-width: 600px; } }
  @media screen and (min-width: 768px) and (min-width: 1000px) {
    .foundation-give-now__accomplishments .accomplishments-container {
      max-width: none; } }
  .foundation-give-now__accomplishments .accomplishments-container .accomplishments-item {
    background: #fff;
    margin: 0 0 5px 0;
    max-width: 425px;
    padding: 30px 20px;
    width: 100%; }
    .foundation-give-now__accomplishments .accomplishments-container .accomplishments-item:last-of-type {
      margin: 0; }
    @media screen and (min-width: 768px) {
      .foundation-give-now__accomplishments .accomplishments-container .accomplishments-item {
        margin: 0 50px 20px 0;
        width: calc(50% - 25px); }
        .foundation-give-now__accomplishments .accomplishments-container .accomplishments-item:nth-of-type(2n+2), .foundation-give-now__accomplishments .accomplishments-container .accomplishments-item:last-of-type {
          margin: 0 0 20px 0; } }
    @media screen and (min-width: 1000px) {
      .foundation-give-now__accomplishments .accomplishments-container .accomplishments-item {
        margin: 0 50px 20px 0;
        width: calc(33.333% - 50px); }
        .foundation-give-now__accomplishments .accomplishments-container .accomplishments-item:nth-of-type(2n+2) {
          margin: 0 50px 20px 0; }
        .foundation-give-now__accomplishments .accomplishments-container .accomplishments-item:nth-of-type(3n+3) {
          margin: 0 0 20px 0; } }
    .foundation-give-now__accomplishments .accomplishments-container .accomplishments-item .accomplishments__box {
      color: black;
      text-align: center;
      width: 100%; }
      .foundation-give-now__accomplishments .accomplishments-container .accomplishments-item .accomplishments__box .image-container {
        height: 59px;
        margin: 0 auto 30px auto; }
      .foundation-give-now__accomplishments .accomplishments-container .accomplishments-item .accomplishments__box h4,
      .foundation-give-now__accomplishments .accomplishments-container .accomplishments-item .accomplishments__box p {
        font-family: Montserrat;
        text-align: center; }
      .foundation-give-now__accomplishments .accomplishments-container .accomplishments-item .accomplishments__box h4 {
        font-size: 41px;
        font-weight: 700;
        margin: 0 auto 20px auto; }
      .foundation-give-now__accomplishments .accomplishments-container .accomplishments-item .accomplishments__box p {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px; }
        .foundation-give-now__accomplishments .accomplishments-container .accomplishments-item .accomplishments__box p span {
          font-family: 'Playfair Display';
          font-feature-settings: "lnum";
          font-weight: 700;
          font-size: 36px;
          font-style: italic;
          font-weight: 400; }

.foundation-give-now__difference-steps {
  background: #fff;
  margin: auto;
  max-width: 1030px;
  padding: 40px 25px; }
  .foundation-give-now__difference-steps h2,
  .foundation-give-now__difference-steps h3,
  .foundation-give-now__difference-steps p {
    margin: 0 auto;
    text-align: center;
    width: calc(100% - 70px); }
  .foundation-give-now__difference-steps h2,
  .foundation-give-now__difference-steps h3 {
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    font-weight: 700;
    font-size: 30px;
    font-weight: 400;
    line-height: 36px;
    margin: 0 auto 5px auto;
    text-align: center; }
    .foundation-give-now__difference-steps h2 span,
    .foundation-give-now__difference-steps h3 span {
      font-style: italic; }
  .foundation-give-now__difference-steps p {
    font-family: 'Montserrat';
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    margin: 0 auto 30px auto;
    width: calc(100% - 30px); }
  .foundation-give-now__difference-steps .step-container {
    margin: 0 auto 30px auto;
    width: 100%; }
    .foundation-give-now__difference-steps .step-container img {
      display: block;
      max-width: 100%;
      margin: 0 auto 20px auto; }
    .foundation-give-now__difference-steps .step-container .step-content {
      text-align: center; }
      .foundation-give-now__difference-steps .step-container .step-content p {
        margin: 0 auto; }
  @media screen and (min-width: 768px) {
    .foundation-give-now__difference-steps {
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .foundation-give-now__difference-steps h2,
      .foundation-give-now__difference-steps h3 {
        font-size: 34px;
        line-height: 38px;
        width: calc(100% - 30px); }
      .foundation-give-now__difference-steps h2 {
        font-size: 54px;
        line-height: 58px; }
      .foundation-give-now__difference-steps .step-container {
        width: calc(50% - 10px); } }
  @media screen and (min-width: 1250px) {
    .foundation-give-now__difference-steps {
      padding: 40px 0; }
      .foundation-give-now__difference-steps h3 br {
        display: none; } }

.foundation-give-now__videos .container {
  margin: -260px auto 0 auto;
  max-width: 1020px;
  padding: 0 15px; }

.foundation-give-now__videos .video-container {
  padding: 177.78% 0 0 0;
  position: relative;
  width: 100%; }
  .foundation-give-now__videos .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

@media screen and (min-width: 768px) {
  .foundation-give-now__videos {
    margin: -310px auto 0 auto; }
    .foundation-give-now__videos .video-container {
      padding-top: calc(990 / 1420 * 75%); } }

.foundation-give-now__partners {
  margin: 0 auto;
  text-align: center;
  padding: 45px 0;
  background: #F5F2ED; }
  @media screen and (min-width: 768px) {
    .foundation-give-now__partners {
      padding: 80px 0;
      position: relative;
      z-index: 2; } }
  .foundation-give-now__partners .h2 {
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    color: #000;
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .foundation-give-now__partners .h2 {
        font-size: 54px; } }
  .foundation-give-now__partners p {
    font-family: 'Montserrat';
    font-weight: 400;
    margin: 0 auto;
    max-width: 700px; }
  .foundation-give-now__partners .description {
    padding: 0 5%;
    font-size: 16px;
    line-height: 22px; }
  .foundation-give-now__partners .partners {
    padding: 25px 0;
    text-align: center;
    display: flex;
    flex-flow: row wrap;
    gap: 10px; }
    @media screen and (min-width: 768px) {
      .foundation-give-now__partners .partners {
        flex-flow: row nowrap; } }
    .foundation-give-now__partners .partners .item {
      flex: auto; }
    .foundation-give-now__partners .partners img {
      max-width: 100%; }
      @media screen and (max-width: 767px) {
        .foundation-give-now__partners .partners img {
          height: 84px; } }
    .foundation-give-now__partners .partners .partner {
      display: inline-block;
      vertical-align: top;
      position: relative;
      text-decoration: none; }

.foundation-give-now__slideshow {
  margin-bottom: 0px !important; }
  .foundation-give-now__slideshow .slick-slider {
    margin-bottom: 0; }
  .foundation-give-now__slideshow img {
    max-width: unset;
    height: auto;
    max-height: 500px; }
  .foundation-give-now__slideshow .slider {
    background-color: #000; }
  .foundation-give-now__slideshow .foundation__gallery-slider .slick-slide {
    opacity: 0.2;
    height: fit-content;
    -webkit-transition: opacity 0.6s ease-out;
    -moz-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out; }
    .foundation-give-now__slideshow .foundation__gallery-slider .slick-slide.slick-center {
      opacity: 1; }
  .foundation-give-now__slideshow .foundation__text-slider {
    font-family: 'Montserrat';
    background-color: #f5f5f5;
    font-size: 19px;
    font-style: italic;
    font-weight: 400;
    padding: 10px 0; }
    @media screen and (min-width: 768px) {
      .foundation-give-now__slideshow .foundation__text-slider {
        padding: 40px 0; } }
    .foundation-give-now__slideshow .foundation__text-slider .slick-slide {
      display: flex;
      justify-content: center;
      align-items: center; }
    .foundation-give-now__slideshow .foundation__text-slider .slick-list {
      width: 80%;
      margin: 0 auto; }
      .foundation-give-now__slideshow .foundation__text-slider .slick-list p {
        color: #000;
        font-size: 15px;
        line-height: 23px;
        text-align: center;
        padding: 0; }
  .foundation-give-now__slideshow .slick-prev {
    left: 10px; }
    @media screen and (min-width: 1000px) {
      .foundation-give-now__slideshow .slick-prev {
        left: calc(50% - 45%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); } }
    .foundation-give-now__slideshow .slick-prev:before {
      content: "";
      font-family: "icomoon" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: black; }
  .foundation-give-now__slideshow .slick-next {
    right: 20px; }
    @media screen and (min-width: 1000px) {
      .foundation-give-now__slideshow .slick-next {
        left: calc(50% + 45%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); } }
    .foundation-give-now__slideshow .slick-next:before {
      content: "";
      font-family: "icomoon" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: black; }
  .foundation-give-now__slideshow .slick-prev,
  .foundation-give-now__slideshow .slick-next {
    top: 27.5%;
    height: 30px;
    margin-top: 0 !important;
    z-index: 9999; }
    @media screen and (min-width: 1000px) {
      .foundation-give-now__slideshow .slick-prev,
      .foundation-give-now__slideshow .slick-next {
        top: 50%;
        width: 40px; } }
    .foundation-give-now__slideshow .slick-prev:before,
    .foundation-give-now__slideshow .slick-next:before {
      font-size: 20px; }
      @media screen and (min-width: 1000px) {
        .foundation-give-now__slideshow .slick-prev:before,
        .foundation-give-now__slideshow .slick-next:before {
          font-size: 30px; } }

.foundation-give-now__donation {
  background: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s25/foundation/donate-header-mobile.jpg") center/cover no-repeat;
  color: white;
  display: flex;
  flex-flow: row nowrap;
  margin: auto;
  max-width: 1340px;
  padding: 80px 30px 50px;
  position: relative;
  text-align: center;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .foundation-give-now__donation {
      background-image: url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s25/foundation/donate-header.jpg");
      background-size: cover;
      justify-content: center;
      margin: 50px auto;
      text-align: left; } }
  @media screen and (min-width: 768px) {
    .foundation-give-now__donation .donation-banner__content {
      max-width: 450px;
      margin-left: 270px; } }
  .foundation-give-now__donation h2 {
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    font-size: 40px;
    font-weight: 400;
    line-height: 1; }
    .foundation-give-now__donation h2 span {
      font-style: italic; }
    @media screen and (min-width: 768px) {
      .foundation-give-now__donation h2 {
        font-size: 54px; } }
  .foundation-give-now__donation p {
    font-family: 'Montserrat';
    font-weight: 300;
    margin: 10px 0 25px;
    font-size: 18px;
    line-height: 24px; }
    @media screen and (min-width: 768px) {
      .foundation-give-now__donation p {
        margin-top: 25px; } }

.watch-front-row {
  background-color: #ECECEC;
  padding-top: 36px; }
  .watch-front-row .container {
    padding-bottom: 14px; }
    @media screen and (min-width: 768px) {
      .watch-front-row .container {
        padding-bottom: 18px; } }
    @media screen and (min-width: 1000px) {
      .watch-front-row .container {
        padding-bottom: 36px;
        max-width: 1226px; } }
    @media screen and (min-width: 1440px) {
      .watch-front-row .container {
        padding-bottom: 150px; } }
    .watch-front-row .container .page-title h4 {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 32px;
      line-height: 39px;
      letter-spacing: 2.1px;
      text-align: center; }
      .watch-front-row .container .page-title h4 span {
        font-family: 'Montserrat';
        font-weight: 700;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: 0.16px;
        text-align: center; }
    .watch-front-row .container .page-title h5 {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-weight: 600;
      text-align: center;
      font-size: 18px;
      line-height: 26px;
      letter-spacing: 0.95px; }
    .watch-front-row .container .page-content {
      margin: 18px auto 30px auto; }
      .watch-front-row .container .page-content .gateway-form {
        max-width: 579px;
        margin: 0 auto; }
        .watch-front-row .container .page-content .gateway-form .form-label {
          font-family: "Archer SSm A", "Archer SSm B";
          font-weight: 500;
          font-style: normal;
          font-size: 26px;
          line-height: 31px;
          letter-spacing: 1.37px;
          text-align: center;
          margin-bottom: 40px; }
        .watch-front-row .container .page-content .gateway-form .error-container {
          font-family: 'Montserrat';
          font-weight: 700;
          font-size: 14px;
          letter-spacing: 0.74px;
          line-height: 18px;
          color: #df1f32; }
        .watch-front-row .container .page-content .gateway-form .input-box {
          background-color: white;
          padding: 8px 14px 12px 14px;
          margin-bottom: 5px; }
          .watch-front-row .container .page-content .gateway-form .input-box .input-label {
            opacity: 0.5;
            color: #000;
            font-family: 'Montserrat';
            font-size: 11px;
            line-height: 14px; }
          .watch-front-row .container .page-content .gateway-form .input-box input {
            background-color: transparent;
            border: none !important;
            height: 100%;
            width: 100%;
            font-family: "Archer SSm A", "Archer SSm B";
            font-weight: 500;
            font-style: normal;
            font-size: 20px;
            letter-spacing: 0;
            line-height: 26px; }
            .watch-front-row .container .page-content .gateway-form .input-box input:focus {
              outline: none;
              border: none; }
        .watch-front-row .container .page-content .gateway-form .btn {
          background-color: #fff;
          outline: none;
          border: none;
          display: block;
          margin: 25px auto;
          cursor: pointer; }
          .watch-front-row .container .page-content .gateway-form .btn:hover, .watch-front-row .container .page-content .gateway-form .btn:focus {
            color: white;
            background-color: #000; }
      .watch-front-row .container .page-content .player-container {
        display: flex;
        flex-direction: column; }
        @media screen and (min-width: 1000px) {
          .watch-front-row .container .page-content .player-container {
            flex-direction: row; } }
        .watch-front-row .container .page-content .player-container .video-content {
          border: 5px solid #fff;
          position: relative;
          height: 0;
          padding-bottom: 56%; }
          @media screen and (min-width: 1000px) {
            .watch-front-row .container .page-content .player-container .video-content {
              height: 100%;
              padding-bottom: 0px; } }
          .watch-front-row .container .page-content .player-container .video-content iframe {
            width: 100%;
            height: 100%;
            position: absolute;
            display: block; }
            @media screen and (min-width: 1000px) {
              .watch-front-row .container .page-content .player-container .video-content iframe {
                position: relative;
                width: 718px;
                height: 406px; } }
        .watch-front-row .container .page-content .player-container .tabs {
          width: 100%;
          display: grid;
          grid-template-columns: 1fr; }
          @media screen and (min-width: 768px) {
            .watch-front-row .container .page-content .player-container .tabs {
              grid-template-columns: 1fr 1fr; } }
          @media screen and (min-width: 1000px) {
            .watch-front-row .container .page-content .player-container .tabs {
              grid-template-columns: 1fr; } }
          .watch-front-row .container .page-content .player-container .tabs .tab {
            cursor: pointer;
            font-size: 14px;
            line-height: 18px;
            background-color: #D6D7D6;
            padding: 25px 12px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            opacity: .5; }
            .watch-front-row .container .page-content .player-container .tabs .tab.active, .watch-front-row .container .page-content .player-container .tabs .tab:hover, .watch-front-row .container .page-content .player-container .tabs .tab:focus {
              border: 4px solid #fff; }
            .watch-front-row .container .page-content .player-container .tabs .tab.active {
              opacity: 1;
              background-color: #FFF; }
            .watch-front-row .container .page-content .player-container .tabs .tab:hover, .watch-front-row .container .page-content .player-container .tabs .tab:focus {
              outline: none;
              opacity: 1; }
            .watch-front-row .container .page-content .player-container .tabs .tab .tab-title {
              font-family: 'Montserrat';
              font-weight: 700;
              letter-spacing: 0.63px; }
            .watch-front-row .container .page-content .player-container .tabs .tab .tab-description {
              font-family: "Archer SSm A", "Archer SSm B";
              font-weight: 600;
              font-style: normal;
              font-style: italic;
              letter-spacing: 0.74px; }
    .watch-front-row .container .page-disclaimer {
      max-width: 960px;
      padding: 22px;
      background-color: #fff;
      margin: 0 auto; }
      .watch-front-row .container .page-disclaimer .disclaimer-title {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 8px; }
        .watch-front-row .container .page-disclaimer .disclaimer-title img {
          width: 24px;
          height: 24px;
          margin: 0;
          margin-right: 15px; }
          @media screen and (min-width: 1000px) {
            .watch-front-row .container .page-disclaimer .disclaimer-title img {
              margin-right: 18px;
              width: 36px;
              height: 36px; } }
        .watch-front-row .container .page-disclaimer .disclaimer-title h5 {
          font-family: "Archer SSm A", "Archer SSm B";
          font-weight: 600;
          font-style: normal;
          font-size: 20px;
          line-height: 24px;
          letter-spacing: 0.58px;
          font-style: italic; }
          @media screen and (min-width: 1000px) {
            .watch-front-row .container .page-disclaimer .disclaimer-title h5 {
              font-size: 24px;
              line-height: 29px;
              letter-spacing: 0.7px; } }
      .watch-front-row .container .page-disclaimer .disclaimer-body {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.74px;
        max-width: 670px;
        margin: 0 auto;
        text-align: center; }
        @media screen and (min-width: 1000px) {
          .watch-front-row .container .page-disclaimer .disclaimer-body {
            font-size: 18px;
            line-height: 26px;
            letter-spacing: 0.95px; } }

#holiday-greetings-page header {
  margin-bottom: 12px; }
  #holiday-greetings-page header .image-container {
    max-width: 1090px;
    margin: 0 auto; }
    #holiday-greetings-page header .image-container img {
      width: 100%; }
    @media screen and (max-width: 767px) {
      #holiday-greetings-page header .image-container {
        margin-left: -8%;
        margin-right: -8%;
        width: calc(100% + 16%); } }
  #holiday-greetings-page header .introduction {
    margin: 0 auto;
    max-width: 730px;
    text-align: center; }
    #holiday-greetings-page header .introduction h3 {
      font-family: "Montserrat";
      font-size: 17px;
      font-weight: 400;
      margin-bottom: 10px; }
      @media screen and (max-width: 767px) {
        #holiday-greetings-page header .introduction h3 {
          font-size: 14px; } }
      #holiday-greetings-page header .introduction h3 span {
        text-transform: lowercase; }
      @media screen and (max-width: 767px) {
        #holiday-greetings-page header .introduction h3 br {
          display: none; } }
    #holiday-greetings-page header .introduction p {
      font-family: "Montserrat";
      font-size: 17px;
      font-weight: 400; }
      @media screen and (max-width: 767px) {
        #holiday-greetings-page header .introduction p {
          font-size: 14px; } }

#holiday-greetings-page .video-wrapper {
  max-width: 1220px;
  margin: 0 auto;
  background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/holiday-greeting/video-bg-v2.jpg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding: 50px 0;
  margin-bottom: 70px; }
  @media screen and (max-width: 767px) {
    #holiday-greetings-page .video-wrapper {
      background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/f23/holiday-greeting/video-bg-mobile.jpg);
      background-size: 90%;
      background-repeat: no-repeat;
      background-position: center;
      padding: 25px 0; } }
  #holiday-greetings-page .video-wrapper .video-container {
    position: relative;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      #holiday-greetings-page .video-wrapper .video-container {
        width: 380px;
        padding-bottom: 675px; } }
    @media screen and (max-width: 767px) {
      #holiday-greetings-page .video-wrapper .video-container {
        width: 75%;
        padding-bottom: calc(75% * 675 / 380); } }
    #holiday-greetings-page .video-wrapper .video-container iframe {
      position: absolute;
      top: -4px;
      left: 0;
      width: 100%;
      height: 100%; }
      @media screen and (max-width: 767px) {
        #holiday-greetings-page .video-wrapper .video-container iframe {
          top: 0; } }

.first-look {
  max-width: 1440px;
  margin: 0 auto; }
  .first-look #lead-form {
    margin-bottom: 50px;
    scroll-margin-top: 150px; }
  .first-look .lead-form__container {
    max-width: 970px;
    padding: 0 0 35px 0; }
    .first-look .lead-form__container h3 {
      font-family: 'Playfair Display';
      font-feature-settings: "lnum";
      font-size: 30px;
      font-weight: 400;
      line-height: 36px;
      margin: 0 auto 10px auto;
      text-align: center; }
    @media screen and (min-width: 768px) {
      .first-look .lead-form__container {
        margin: 0 auto;
        padding: 50px 0; }
        .first-look .lead-form__container h3 {
          font-size: 42px;
          margin: 0 auto 40px auto; } }

.first-look__container {
  background: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s25/first-look/hero-bg-s25-firstlook.jpg) bottom center/cover no-repeat;
  margin: 0 auto;
  min-height: 360px;
  position: relative;
  width: 100%; }

.first-look__content {
  color: #fff;
  padding: 30px;
  text-align: center;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .first-look__content {
      padding: 40px 30px 45px 30px; } }
  .first-look__content .text-content {
    margin: 0 auto;
    max-width: 909px;
    text-align: center; }
    .first-look__content .text-content h1 {
      font-family: 'Playfair Display';
      font-feature-settings: "lnum";
      font-size: 70px;
      font-style: italic;
      font-weight: 300;
      letter-spacing: -2px;
      line-height: 0.9;
      margin: 0 auto 25px auto; }
    .first-look__content .text-content p {
      font-family: 'Montserrat';
      font-size: 18px;
      font-weight: 400;
      line-height: 1.3;
      margin: 0 auto 15px auto; }
      .first-look__content .text-content p.season, .first-look__content .text-content p.subhead {
        font-family: 'Montserrat';
        font-weight: 600;
        font-size: 20px;
        letter-spacing: 5px;
        text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      .first-look__content .text-content {
        margin: 0 auto 30px auto; }
        .first-look__content .text-content h1 {
          font-size: 99px; }
        .first-look__content .text-content p {
          margin: 0 auto 20px auto; }
          .first-look__content .text-content p.season {
            margin: 0 auto 15px auto; }
          .first-look__content .text-content p.subhead {
            letter-spacing: 10px; }
            .first-look__content .text-content p.subhead br {
              display: none; } }
  .first-look__content .scroll-down-container {
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    margin: 0 auto;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    width: 100%; }
    .first-look__content .scroll-down-container div {
      padding: 0 3px 0 0;
      width: auto; }
      .first-look__content .scroll-down-container div i {
        animation: bounce 0.75s linear infinite alternate; }

@keyframes bounce {
  0% {
    transform: translate(0, -5px); }
  100% {
    transform: translate(0, 5px); } }
    @media screen and (min-width: 400px) {
      .first-look__content .scroll-down-container {
        font-size: 16px; } }
    @media screen and (min-width: 768px) {
      .first-look__content .scroll-down-container {
        padding: 10px 0 0 0; }
        .first-look__content .scroll-down-container div {
          width: 40%; } }
  .first-look__content--video {
    margin: 0 auto 25px auto;
    max-width: 909px;
    padding: 0; }
    .first-look__content--video .career-goals__promo {
      height: 656px; }
      @media screen and (min-width: 768px) {
        .first-look__content--video .career-goals__promo {
          height: 100%; } }

.first-look-lower__content h1 {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-size: 36px;
  font-weight: 300;
  letter-spacing: -2px;
  line-height: 0.9;
  margin: 0 0 35px 0; }
  .first-look-lower__content h1 span {
    font-style: italic; }

.first-look-lower__content p {
  font-family: 'Montserrat';
  font-size: 16px;
  font-weight: 400; }
  .first-look-lower__content p span {
    font-weight: 600; }

.first-look-lower__content img {
  display: block;
  max-width: 100%; }

@media screen and (min-width: 1000px) {
  .first-look-lower__content h1 {
    font-size: 54px; } }

.first-look-lower__content .section-1 {
  background: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s25/first-look/mid-pattern-1.jpg) 0 0 repeat;
  padding: 40px 0 50px 0; }
  .first-look-lower__content .section-1 img,
  .first-look-lower__content .section-1 .text-content {
    margin: 0 auto;
    max-width: 500px;
    width: calc(100% - 80px); }
  .first-look-lower__content .section-1 img {
    margin-bottom: 40px; }
  .first-look-lower__content .section-1 p,
  .first-look-lower__content .section-1 li {
    font-size: 16px;
    margin: 0 0 30px 0; }
  .first-look-lower__content .section-1 label {
    font-family: 'Montserrat';
    font-weight: 700;
    display: block;
    font-size: 15px;
    letter-spacing: 2px;
    margin: 0 0 20px 0; }
  .first-look-lower__content .section-1 ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .first-look-lower__content .section-1 ul li {
      font-family: 'Montserrat';
      padding: 0 0 0 45px;
      position: relative; }
      .first-look-lower__content .section-1 ul li span {
        font-family: 'Montserrat';
        font-weight: 700; }
      .first-look-lower__content .section-1 ul li:before {
        background: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s25/first-look/check.svg) bottom center/cover no-repeat;
        content: '';
        display: block;
        height: 20px;
        left: 0;
        position: absolute;
        top: 0;
        width: 30px; }
      .first-look-lower__content .section-1 ul li:last-of-type {
        margin: 0; }
  @media screen and (min-width: 1000px) {
    .first-look-lower__content .section-1 {
      padding: 70px 0; }
      .first-look-lower__content .section-1 .content-wrapper {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto;
        max-width: 1100px;
        width: calc(100% - 100px); }
      .first-look-lower__content .section-1 img,
      .first-look-lower__content .section-1 .text-content {
        margin: 0;
        max-width: none; }
      .first-look-lower__content .section-1 img {
        width: 38%; }
      .first-look-lower__content .section-1 .text-content {
        width: 55%; }
      .first-look-lower__content .section-1 p,
      .first-look-lower__content .section-1 li,
      .first-look-lower__content .section-1 label {
        font-size: 18px; } }
  @media screen and (min-width: 1250px) {
    .first-look-lower__content .section-1 img {
      width: 32%; }
    .first-look-lower__content .section-1 .text-content {
      width: 58%; }
    .first-look-lower__content .section-1 p,
    .first-look-lower__content .section-1 li {
      margin: 0 0 35px 0; }
    .first-look-lower__content .section-1 label {
      margin: 0 0 25px 0; } }

.first-look-lower__content .section-2 {
  background: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s25/first-look/mid-pattern-2.jpg) 0 0 repeat;
  position: relative;
  padding: 40px 5px 0 5px;
  text-align: center; }
  .first-look-lower__content .section-2.negative-margin {
    padding: 40px 5px 20px 5px; }
    .first-look-lower__content .section-2.negative-margin:after {
      background: #fff;
      bottom: 0;
      content: '';
      display: block;
      height: 74px;
      left: 0;
      position: absolute;
      width: calc(100% + 10px); }
  .first-look-lower__content .section-2 h1,
  .first-look-lower__content .section-2 p {
    color: #3B3B46;
    margin: 0 auto 20px auto;
    max-width: 680px;
    width: calc(100% - 70px); }
    .first-look-lower__content .section-2 h1.fineprint,
    .first-look-lower__content .section-2 p.fineprint {
      color: #42424A;
      font-size: 14px;
      margin: 0 auto 30px auto; }
  .first-look-lower__content .section-2 ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .first-look-lower__content .section-2 ul.benefits-blocks {
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 0 auto 25px auto;
      max-width: 700px; }
      .first-look-lower__content .section-2 ul.benefits-blocks li {
        align-items: center;
        background: #fff;
        display: flex;
        justify-content: center;
        width: 50%; }
        .first-look-lower__content .section-2 ul.benefits-blocks li img {
          height: 250px;
          width: 210px; }
        .first-look-lower__content .section-2 ul.benefits-blocks li:nth-of-type(2), .first-look-lower__content .section-2 ul.benefits-blocks li:nth-of-type(3) {
          background: #73829F; }
    .first-look-lower__content .section-2 ul.ctas {
      margin: 0 auto;
      padding: 20px 0 0 0;
      position: relative;
      width: 340px;
      z-index: 2; }
      .first-look-lower__content .section-2 ul.ctas li {
        background: #73829F;
        border: 6px solid #EEE7E2;
        color: #fff;
        padding: 25px 10px;
        width: 340px; }
        .first-look-lower__content .section-2 ul.ctas li p,
        .first-look-lower__content .section-2 ul.ctas li a {
          color: #fff;
          width: 100%; }
        .first-look-lower__content .section-2 ul.ctas li p {
          font-size: 17px;
          margin: 0 auto 6px auto; }
        .first-look-lower__content .section-2 ul.ctas li a {
          font-family: 'Montserrat';
          font-weight: 600;
          color: #fff;
          font-size: 16px;
          margin: 0 auto;
          text-decoration: underline;
          text-transform: uppercase; }
    .first-look-lower__content .section-2 ul.ctas-replicated {
      margin: 0 auto;
      padding: 0; }
      .first-look-lower__content .section-2 ul.ctas-replicated li {
        display: block;
        margin: 0 auto;
        padding: 0 0 40px 0; }
      .first-look-lower__content .section-2 ul.ctas-replicated a {
        font-family: 'Montserrat';
        font-weight: 600;
        display: inline-block;
        font-size: 16px;
        margin: 0 auto;
        text-decoration: underline; }
        .first-look-lower__content .section-2 ul.ctas-replicated a.btn-grey {
          font-family: 'Montserrat';
          font-weight: 700;
          background: #73829F;
          color: #fff;
          padding: 30px 50px;
          text-decoration: none; }
  @media screen and (min-width: 768px) {
    .first-look-lower__content .section-2 {
      padding: 70px 5px 0 5px; }
      .first-look-lower__content .section-2.negative-margin {
        padding: 70px 5px 0 5px; }
        .first-look-lower__content .section-2.negative-margin:after {
          height: 54px; }
      .first-look-lower__content .section-2 p {
        font-size: 20px;
        margin: 0 auto 30px auto; }
      .first-look-lower__content .section-2 ul.benefits-blocks li {
        padding: 40px 0; }
      .first-look-lower__content .section-2 ul.ctas {
        align-items: flex-start;
        display: flex;
        width: 680px; }
        .first-look-lower__content .section-2 ul.ctas li:first-of-type {
          border-right: 0px; }
      .first-look-lower__content .section-2 ul.ctas-replicated {
        padding: 0 0 20px 0; } }

.first-look-lower__content .section-3 {
  background: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s25/first-look/viperk-bg-s25-firstlook-mobile-v3.jpg) bottom center/cover no-repeat;
  padding: 50px 0 370px 0;
  position: relative;
  z-index: 1; }
  .first-look-lower__content .section-3.not-replicated {
    margin: -54px 0 0 0;
    padding: 104px 0 370px 0; }
  .first-look-lower__content .section-3 .content-container {
    color: #fff;
    margin: 0 auto;
    max-width: 680px;
    text-align: center;
    width: calc(100% - 80px); }
    .first-look-lower__content .section-3 .content-container h2 {
      font-family: 'Montserrat';
      font-weight: 700;
      font-size: 15px;
      margin: 0 auto 10px auto;
      text-transform: uppercase; }
    .first-look-lower__content .section-3 .content-container h1 {
      font-style: italic;
      margin: 0 auto 35px auto; }
      .first-look-lower__content .section-3 .content-container h1 span {
        font-style: normal; }
    .first-look-lower__content .section-3 .content-container p.tier {
      font-family: 'Montserrat';
      font-weight: 600;
      background: #73829F;
      display: inline-block;
      margin: 0 0 15px 0;
      padding: 5px 10px; }
    .first-look-lower__content .section-3 .content-container h3 {
      font-family: 'Montserrat';
      font-weight: 400;
      font-size: 20px;
      line-height: 1.2;
      margin: 0 auto 35px auto;
      text-transform: uppercase; }
      .first-look-lower__content .section-3 .content-container h3 span {
        font-family: 'Montserrat';
        font-weight: 700;
        font-weight: 600; }
  @media screen and (min-width: 480px) {
    .first-look-lower__content .section-3 {
      padding: 50px 0 100% 0; }
      .first-look-lower__content .section-3.not-replicated {
        padding: 104px 0 100% 0; } }
  @media screen and (min-width: 768px) {
    .first-look-lower__content .section-3 {
      background: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s25/first-look/viperk-bg-s25-firstlook-v2.jpg) bottom center/cover no-repeat;
      padding: 80px 0 750px 0; }
      .first-look-lower__content .section-3.not-replicated {
        padding: 134px 0 870px 0; }
      .first-look-lower__content .section-3 .content-container h1 {
        font-size: 54px; }
      .first-look-lower__content .section-3 .content-container h3 {
        font-size: 22px; }
        .first-look-lower__content .section-3 .content-container h3 br {
          display: none; } }

#page-curated-by-cabi header {
  margin: 0 auto;
  max-width: 1800px;
  padding: 40px 0 0 0;
  position: relative;
  width: 100%; }
  #page-curated-by-cabi header:after {
    background: #F9F8F8;
    bottom: 40px;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1; }
  @media screen and (min-width: 1000px) {
    #page-curated-by-cabi header {
      background: transparent;
      padding: 0; }
      #page-curated-by-cabi header::after {
        bottom: inherit;
        height: 80%;
        top: 10%; } }
  #page-curated-by-cabi header section {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2; }
    @media screen and (min-width: 1000px) {
      #page-curated-by-cabi header section {
        flex-direction: row; } }
    #page-curated-by-cabi header section .header-item {
      color: #3D413F;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 0 16px 20px 0; }
      @media screen and (min-width: 1000px) {
        #page-curated-by-cabi header section .header-item {
          width: 50%; } }
      #page-curated-by-cabi header section .header-item h1 {
        max-width: 370px;
        text-align: center; }
        #page-curated-by-cabi header section .header-item h1 img {
          width: 85%; }
      #page-curated-by-cabi header section .header-item p {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 700;
        font-style: italic;
        font-size: 20px;
        letter-spacing: 0.21px;
        line-height: 29px;
        text-align: center; }
        @media screen and (min-width: 1000px) {
          #page-curated-by-cabi header section .header-item p {
            text-align: left; } }
    #page-curated-by-cabi header section .career-goals__video-wrapper {
      padding-bottom: 0;
      width: 100%; }
      @media screen and (min-width: 1000px) {
        #page-curated-by-cabi header section .career-goals__video-wrapper {
          width: 50%; } }

@media screen and (min-width: 1250px) {
  #page-curated-by-cabi main .container {
    max-width: 1144px; } }

#page-curated-by-cabi article {
  padding: 30px 0 0 0; }
  @media screen and (min-width: 1000px) {
    #page-curated-by-cabi article {
      background: transparent; } }
  #page-curated-by-cabi article .details {
    color: #3D413F;
    max-width: 825px;
    margin: 0 auto;
    text-align: center; }
    #page-curated-by-cabi article .details p {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 16px;
      font-weight: 300;
      letter-spacing: 0.19px;
      line-height: 22px;
      text-align: center; }
  #page-curated-by-cabi article .items-container div {
    margin-left: 10px; }
  #page-curated-by-cabi article h4 {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 18px;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    text-align: center; }
  #page-curated-by-cabi article .info-text {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    margin-top: 24px;
    margin-bottom: 24px;
    max-width: 360px;
    font-style: italic; }
  #page-curated-by-cabi article .item-title {
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    font-weight: 700;
    font-size: 44px;
    font-weight: 400;
    line-height: 48px;
    margin: 0 0 20px 0;
    text-transform: uppercase; }
  #page-curated-by-cabi article .item-subtitle {
    font-family: 'Montserrat';
    font-weight: 700;
    color: #F49099;
    font-size: 16px;
    font-style: normal;
    letter-spacing: 0.16px;
    line-height: 19px;
    margin: 0 0 15px 0; }
  #page-curated-by-cabi article .item-detail {
    display: flex;
    margin-bottom: 36px;
    align-items: center; }
    #page-curated-by-cabi article .item-detail .detail-icon {
      width: 36px; }
    #page-curated-by-cabi article .item-detail .detail-text {
      margin-left: 26px;
      max-width: 312px;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal;
      font-size: 18px;
      font-weight: 400;
      line-height: 24px;
      letter-spacing: 0.19px; }
  #page-curated-by-cabi article .curated-for-one {
    margin: 25px 0 0 0;
    padding: 30px 0 0 0;
    position: relative; }
    #page-curated-by-cabi article .curated-for-one:before {
      content: '';
      position: absolute;
      top: 0;
      width: 60px;
      left: calc(50% - 30px);
      background-color: black;
      height: 2px; }
    #page-curated-by-cabi article .curated-for-one .curated-bg {
      background: #F9F8F8;
      max-width: 1144px;
      margin: 0 auto;
      position: relative; }
      #page-curated-by-cabi article .curated-for-one .curated-bg:after {
        background: #F9F8F8;
        content: '';
        display: none;
        height: 500px;
        left: 0;
        top: 50px;
        position: absolute;
        width: 100%;
        z-index: 1; }
      @media screen and (min-width: 1000px) {
        #page-curated-by-cabi article .curated-for-one .curated-bg {
          background: transparent; }
          #page-curated-by-cabi article .curated-for-one .curated-bg:after {
            display: block; } }
    #page-curated-by-cabi article .curated-for-one .item-title {
      max-width: 300px;
      padding-right: 20px; }
    #page-curated-by-cabi article .curated-for-one .content {
      display: flex;
      flex-direction: column;
      margin: 60px auto 0 auto;
      position: relative;
      z-index: 2; }
      @media screen and (min-width: 1000px) {
        #page-curated-by-cabi article .curated-for-one .content {
          flex-direction: row;
          padding: 30px 7px 0 7px;
          margin: 0 auto; } }
      #page-curated-by-cabi article .curated-for-one .content .items-container {
        padding: 0 15px; }
      #page-curated-by-cabi article .curated-for-one .content .item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto 40px auto; }
        @media screen and (min-width: 1000px) {
          #page-curated-by-cabi article .curated-for-one .content .item {
            width: 50%;
            align-items: center; } }
        #page-curated-by-cabi article .curated-for-one .content .item.description {
          padding-top: 32px; }
          @media screen and (min-width: 1000px) {
            #page-curated-by-cabi article .curated-for-one .content .item.description {
              padding-top: 0; } }
        #page-curated-by-cabi article .curated-for-one .content .item.virtual-slider {
          width: 100%;
          margin-top: -35px;
          z-index: 2; }
          @media screen and (min-width: 1000px) {
            #page-curated-by-cabi article .curated-for-one .content .item.virtual-slider {
              width: 70%; } }
          #page-curated-by-cabi article .curated-for-one .content .item.virtual-slider .virtual-slider-item {
            width: 100%; }
          #page-curated-by-cabi article .curated-for-one .content .item.virtual-slider .slick-dots {
            bottom: unset; }
            @media screen and (min-width: 1000px) {
              #page-curated-by-cabi article .curated-for-one .content .item.virtual-slider .slick-dots {
                width: 80%; } }
            #page-curated-by-cabi article .curated-for-one .content .item.virtual-slider .slick-dots li {
              width: 13px;
              height: 13px; }
              #page-curated-by-cabi article .curated-for-one .content .item.virtual-slider .slick-dots li button {
                background-color: rgba(0, 0, 0, 0.1);
                border: 2px solid transparent;
                border-radius: 50%;
                width: 13px;
                height: 13px; }
                #page-curated-by-cabi article .curated-for-one .content .item.virtual-slider .slick-dots li button:before {
                  content: none; }
              #page-curated-by-cabi article .curated-for-one .content .item.virtual-slider .slick-dots li.slick-active button {
                background-color: #f899a8; }
        #page-curated-by-cabi article .curated-for-one .content .item .item-image {
          display: block;
          margin: 0 auto;
          max-width: 520px;
          width: 100%; }
  #page-curated-by-cabi article .curated-with-friends {
    margin: 25px auto 0 auto;
    max-width: 1800px;
    overflow: hidden;
    padding: 0 0 40px 0;
    position: relative;
    width: 100%; }
    #page-curated-by-cabi article .curated-with-friends:after {
      background: #FEF6F7;
      content: '';
      display: block;
      height: 100%;
      left: 0;
      top: 90px;
      position: absolute;
      width: 100%;
      z-index: 1; }
    @media screen and (min-width: 1000px) {
      #page-curated-by-cabi article .curated-with-friends {
        margin: 50px auto 0 auto;
        padding-bottom: 20px; }
        #page-curated-by-cabi article .curated-with-friends:after {
          top: 100px; } }
    #page-curated-by-cabi article .curated-with-friends .content {
      display: flex;
      flex-direction: column-reverse;
      justify-content: space-between;
      position: relative;
      z-index: 2; }
      @media screen and (min-width: 1000px) {
        #page-curated-by-cabi article .curated-with-friends .content {
          flex-direction: row;
          padding: 0 60px 30px 60px; } }
      #page-curated-by-cabi article .curated-with-friends .content .item:first-of-type {
        margin: 0 auto; }
        @media screen and (min-width: 1000px) {
          #page-curated-by-cabi article .curated-with-friends .content .item:first-of-type {
            margin: 0; } }
      @media screen and (min-width: 1000px) {
        #page-curated-by-cabi article .curated-with-friends .content .item {
          width: 50%; } }
      #page-curated-by-cabi article .curated-with-friends .content .item.description {
        font-size: 16px;
        font-style: italic;
        font-weight: 500;
        line-height: 24px;
        max-width: 414px;
        padding: 32px 0 0 15px; }
        #page-curated-by-cabi article .curated-with-friends .content .item.description a {
          display: inline;
          font-style: normal; }
        #page-curated-by-cabi article .curated-with-friends .content .item.description p span {
          font-weight: 700; }
        #page-curated-by-cabi article .curated-with-friends .content .item.description div {
          margin: 0 35px 36px 10px; }
          #page-curated-by-cabi article .curated-with-friends .content .item.description div:nth-last-child(2) {
            margin: 0 0 25px 10px; }
          #page-curated-by-cabi article .curated-with-friends .content .item.description div:last-of-type {
            margin: 0 0px 0 10px; }
        @media screen and (min-width: 1000px) {
          #page-curated-by-cabi article .curated-with-friends .content .item.description {
            padding-top: 0; } }
      #page-curated-by-cabi article .curated-with-friends .content .item .item-title {
        max-width: 369px; }
      #page-curated-by-cabi article .curated-with-friends .content .item .item-image {
        width: 100%;
        margin: 0 auto;
        display: block; }
        @media screen and (min-width: 768px) {
          #page-curated-by-cabi article .curated-with-friends .content .item .item-image {
            width: 60%; } }
        @media screen and (min-width: 1000px) {
          #page-curated-by-cabi article .curated-with-friends .content .item .item-image {
            width: 520px;
            margin: 0; } }

#page-curated-by-cabi .ready-to-curate {
  width: 100%;
  max-width: 1800px;
  margin: 50px auto 60px auto;
  padding: 50px 0 0 0;
  background-color: #F9F8F8; }
  #page-curated-by-cabi .ready-to-curate .content {
    margin: 0 auto; }
    #page-curated-by-cabi .ready-to-curate .content h3,
    #page-curated-by-cabi .ready-to-curate .content p {
      margin: 0 auto;
      text-align: center;
      width: 90%; }
    #page-curated-by-cabi .ready-to-curate .content h3 {
      font-family: 'Playfair Display';
      font-feature-settings: "lnum";
      font-weight: 700;
      font-size: 32px;
      line-height: 41px;
      font-weight: 600; }
    #page-curated-by-cabi .ready-to-curate .content p {
      font-size: 20px;
      line-height: 22px;
      margin-bottom: 20px; }
    #page-curated-by-cabi .ready-to-curate .content .action-container {
      text-align: center; }
      #page-curated-by-cabi .ready-to-curate .content .action-container .btn {
        font-size: 14px;
        height: 60px; }
    #page-curated-by-cabi .ready-to-curate .content .banner-image {
      margin-top: 20px; }
      #page-curated-by-cabi .ready-to-curate .content .banner-image img {
        display: block;
        height: auto;
        margin: 0 auto;
        max-width: 550px;
        width: 100%; }

#page-curated-by-cabi .connect h3 {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 36px;
  letter-spacing: 0.87px;
  line-height: 36px;
  text-align: center;
  margin-bottom: 40px; }

#page-cabi-front-row #header-container {
  position: static;
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    #page-cabi-front-row #header-container {
      position: relative;
      z-index: 1;
      margin-bottom: -37%; } }

#page-cabi-front-row .front-row-subtitle {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  letter-spacing: 0.43px;
  color: #000;
  font-weight: 600; }
  @media screen and (max-width: 767px) {
    #page-cabi-front-row .front-row-subtitle {
      font-size: 18px;
      line-height: 22px; } }

#page-cabi-front-row .front-row-title {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-weight: 700;
  font-weight: 400;
  font-size: 46px;
  line-height: 43px;
  margin: 15px 0 10px 0;
  text-transform: uppercase; }
  @media screen and (min-width: 768px) {
    #page-cabi-front-row .front-row-title {
      font-size: 52px;
      line-height: 61px; } }
  @media screen and (min-width: 1000px) {
    #page-cabi-front-row .front-row-title {
      line-height: 70px; } }

#page-cabi-front-row header {
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
  padding-top: 36px;
  text-align: center;
  background-color: #F6F6F6; }
  #page-cabi-front-row header p {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 700;
    font-style: italic;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.21px;
    text-align: center;
    color: #3D413F;
    max-width: 704px;
    margin: 0 auto; }
  #page-cabi-front-row header .header-image {
    width: 100%;
    margin-top: 12px;
    position: relative; }
    #page-cabi-front-row header .header-image img:not(.positioned-gif) {
      width: 100%;
      height: auto; }
      @media screen and (min-width: 1000px) {
        #page-cabi-front-row header .header-image img:not(.positioned-gif) {
          padding-top: 0; } }
    #page-cabi-front-row header .header-image .positioned-gif {
      position: absolute;
      width: 23%;
      left: 30%;
      top: 28%; }

#page-cabi-front-row article .detail-text {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  max-width: 780px;
  margin: 36px auto 30px auto;
  text-align: center;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.21px;
  color: #3D413F; }
  @media screen and (min-width: 768px) {
    #page-cabi-front-row article .detail-text {
      font-size: 18px;
      line-height: 24px;
      letter-spacing: 0.19px; } }

#page-cabi-front-row article .how-it-works {
  position: relative;
  padding-top: 24px;
  text-align: center; }
  #page-cabi-front-row article .how-it-works:before {
    content: '';
    position: absolute;
    top: 0;
    width: 90px;
    left: calc(50% - 45px);
    background-color: black;
    height: 3px; }
  #page-cabi-front-row article .how-it-works .career-goals__video-wrapper {
    margin-top: 20px;
    max-width: 720px; }
  #page-cabi-front-row article .how-it-works .career-goals__promo.only-tablet-down {
    height: 0;
    padding-bottom: 130%;
    max-height: calc(100vh - 100px); }
  #page-cabi-front-row article .how-it-works .container span {
    color: #3D413F;
    font-size: 24px;
    line-height: 29px; }

#page-cabi-front-row article .action-item-section {
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
  padding-bottom: 36px;
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 20%, #f9f9f9 20%, #f9f9f9 100%); }
  #page-cabi-front-row article .action-item-section .action-items {
    display: flex;
    width: 100%;
    flex-direction: column; }
    @media screen and (min-width: 768px) {
      #page-cabi-front-row article .action-item-section .action-items {
        flex-direction: row; } }
    #page-cabi-front-row article .action-item-section .action-items .action-item {
      width: 100%;
      background-color: black;
      min-height: 186px;
      padding: 32px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      margin-bottom: 4px; }
      @media screen and (min-width: 768px) {
        #page-cabi-front-row article .action-item-section .action-items .action-item.width-half {
          width: 50%; }
          #page-cabi-front-row article .action-item-section .action-items .action-item.width-half:last-of-type {
            margin-left: 4px; } }
      #page-cabi-front-row article .action-item-section .action-items .action-item p {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 24px;
        line-height: 29px;
        letter-spacing: 0.7px;
        color: white;
        margin-bottom: 23px; }
        @media screen and (min-width: 768px) {
          #page-cabi-front-row article .action-item-section .action-items .action-item p {
            font-size: 24px;
            letter-spacing: 0.7px;
            line-height: 29px; } }
        @media screen and (max-width: 767px) {
          #page-cabi-front-row article .action-item-section .action-items .action-item p {
            font-weight: 300; } }
      #page-cabi-front-row article .action-item-section .action-items .action-item a.btn-cta--white {
        font-size: 16px;
        letter-spacing: 0.47px;
        line-height: 19px; }

#page-cabi-front-row .connect h3 {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 36px;
  letter-spacing: 0.87px;
  line-height: 36px;
  text-align: center;
  margin-bottom: 40px; }

#hostess-vip-perk {
  height: 666px;
  position: relative; }
  @media screen and (min-width: 765px) {
    #hostess-vip-perk {
      padding-bottom: 36px;
      height: 592px; } }
  @media screen and (max-width: 764px) {
    #hostess-vip-perk {
      padding-bottom: 30px;
      width: 100vw;
      margin-left: calc(calc(100vw - 100%)/(-2));
      margin-right: calc(calc(100vw - 100%)/(-2)); } }
  #hostess-vip-perk .paper {
    width: 100%;
    max-width: 330px;
    margin: 0 auto;
    padding: 12px; }
    @media screen and (min-width: 765px) {
      #hostess-vip-perk .paper {
        position: absolute;
        left: 50%;
        top: 12px;
        max-width: 592px;
        transform: translate(-24%);
        padding: 24px; } }
  #hostess-vip-perk .intro, #hostess-vip-perk .body {
    display: grid;
    grid-gap: 14px;
    margin: 0 auto; }
  #hostess-vip-perk .intro {
    margin-bottom: 14px; }
    @media screen and (max-width: 764px) {
      #hostess-vip-perk .intro {
        align-content: center;
        grid-template-columns: 23% 1fr;
        grid-template-rows: auto auto;
        align-self: center; } }
  @media screen and (max-width: 764px) {
    #hostess-vip-perk .content {
      display: grid;
      grid-template-rows: 177px 1fr;
      grid-template-columns: 1fr; } }
  #hostess-vip-perk .content-text, #hostess-vip-perk h1, #hostess-vip-perk h2, #hostess-vip-perk .limited, #hostess-vip-perk .caption {
    color: #4D3D34;
    text-align: center; }
  #hostess-vip-perk h1, #hostess-vip-perk h2 {
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-weight: 800; }
  #hostess-vip-perk .limited {
    font-family: 'Montserrat';
    font-weight: 700;
    letter-spacing: 2.73px;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase; }
    @media screen and (max-width: 764px) {
      #hostess-vip-perk .limited {
        font-size: 16px;
        line-height: 19px;
        letter-spacing: 2.42px;
        grid-column: 2 / 3;
        grid-row: 1 / 2; } }
    @media screen and (max-width: 380px) {
      #hostess-vip-perk .limited {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 2.32px; } }
  #hostess-vip-perk .content-text {
    font-family: 'Montserrat';
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.66px;
    max-width: 476px;
    margin: auto; }
  #hostess-vip-perk h1 {
    font-size: 60px;
    line-height: 52px; }
    #hostess-vip-perk h1 img {
      margin: auto; }
    #hostess-vip-perk h1 i {
      text-transform: lowercase; }
    @media screen and (max-width: 764px) {
      #hostess-vip-perk h1 {
        font-size: 44px;
        line-height: 42px;
        letter-spacing: 1.16px;
        grid-column: 2 / 3;
        grid-row: 2 / 3; } }
    @media screen and (max-width: 380px) {
      #hostess-vip-perk h1 {
        font-size: 38px;
        line-height: 40px; } }
  #hostess-vip-perk h2 {
    font-size: 39px;
    line-height: 40px; }
    @media screen and (max-width: 764px) {
      #hostess-vip-perk h2 {
        font-size: 38px;
        line-height: 40px; } }
    @media screen and (max-width: 380px) {
      #hostess-vip-perk h2 {
        font-size: 32px;
        line-height: 36px; } }
  #hostess-vip-perk a {
    margin: 0 auto; }
  #hostess-vip-perk .caption {
    font-family: 'Montserrat';
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.57px;
    text-align: center;
    max-width: 390px;
    margin: 0 auto; }
    @media screen and (max-width: 764px) {
      #hostess-vip-perk .caption {
        font-size: 12px; } }
    #hostess-vip-perk .caption #hostess-terms-link {
      font-weight: 700;
      display: none; }

#hostess-vip-perk-terms .terms {
  max-width: 850px;
  padding: 30px;
  margin: auto auto 50px; }

.hostess-vip-perk {
  background: #DDDBD8 url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s25/first-look/first-look-hostess-bkgd-mobile.png) top center/contain no-repeat;
  color: #524D49;
  text-align: center;
  padding-top: 70%;
  padding-bottom: 80px; }
  @media screen and (min-width: 768px) {
    .hostess-vip-perk {
      padding-top: 350px;
      background-image: url(//media-fall.cabionline.com/wp-content/uploads/cabi-templates/s25/first-look/first-look-hostess-bkgd-desktop.png); } }
  .hostess-vip-perk .wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 20px;
    max-width: 756px;
    padding: 30px;
    position: relative;
    background: #fff; }
  .hostess-vip-perk img,
  .hostess-vip-perk .header-text,
  .hostess-vip-perk .body-content {
    padding: 0;
    max-width: 615px;
    margin-left: auto;
    margin-right: auto; }
    .hostess-vip-perk img img,
    .hostess-vip-perk .header-text img,
    .hostess-vip-perk .body-content img {
      position: relative; }
  .hostess-vip-perk img {
    margin: 0 auto;
    width: 100%; }
  .hostess-vip-perk .header-text {
    font-family: 'Montserrat';
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    margin-top: 10px; }
    .hostess-vip-perk .header-text p,
    .hostess-vip-perk .header-text h1 {
      margin: 0 0 10px 0; }
    .hostess-vip-perk .header-text img {
      margin-top: 5px;
      width: 500px;
      max-width: 100%; }
      .hostess-vip-perk .header-text img.only-tablet-down {
        width: 250px; }
      .hostess-vip-perk .header-text img.only-tablet-up {
        width: 500px; }
    .hostess-vip-perk .header-text p {
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 2.42px;
      line-height: 19px; }
    .hostess-vip-perk .header-text h1 {
      font-size: 44px;
      font-weight: 800;
      letter-spacing: 1.16px;
      line-height: 42px; }
    .hostess-vip-perk .header-text i {
      margin-left: -4px;
      text-transform: lowercase; }
  .hostess-vip-perk .body-content {
    margin-bottom: 30px; }
    .hostess-vip-perk .body-content p,
    .hostess-vip-perk .body-content h2 {
      margin: 0 auto;
      max-width: 615px; }
    .hostess-vip-perk .body-content img {
      margin: 5px auto; }
      .hostess-vip-perk .body-content img.only-tablet-down {
        width: 250px;
        max-width: 100%; }
      .hostess-vip-perk .body-content img.only-tablet-up {
        width: 100%; }
    .hostess-vip-perk .body-content p {
      font-family: 'Montserrat';
      font-size: 15px;
      letter-spacing: 0.61px;
      line-height: 20px;
      margin: 0 0 5px 0; }
      .hostess-vip-perk .body-content p.terms {
        font-size: 12px; }
    .hostess-vip-perk .body-content h2 {
      font-family: 'Montserrat';
      font-weight: 700;
      font-size: 34px;
      font-weight: 800;
      line-height: 32px; }
    .hostess-vip-perk .body-content a {
      font-family: 'Montserrat';
      color: #524D49;
      display: inline-block;
      font-size: 12px;
      letter-spacing: 0.52px;
      line-height: 20px;
      padding: 15px 0 0 0;
      text-decoration: underline; }
    .hostess-vip-perk .body-content .subheading {
      color: #A62740;
      font-size: 18px;
      font-style: italic;
      font-weight: 700; }
      @media screen and (min-width: 768px) {
        .hostess-vip-perk .body-content .subheading {
          font-size: 24px; } }
  @media screen and (min-width: 768px) {
    .hostess-vip-perk .wrapper {
      flex-direction: column;
      margin: auto; }
    .hostess-vip-perk img,
    .hostess-vip-perk .header-text,
    .hostess-vip-perk .body-content {
      padding: 0; }
    .hostess-vip-perk .header-text,
    .hostess-vip-perk .body-content {
      text-align: center;
      width: 100%; }
    .hostess-vip-perk .header-text p {
      font-size: 18px;
      letter-spacing: 2.73px;
      line-height: 22px; }
    .hostess-vip-perk .header-text h1 {
      font-size: 60px;
      letter-spacing: 1.58px;
      line-height: 52px; }
    .hostess-vip-perk .body-content p {
      font-size: 15px;
      letter-spacing: 0.66px;
      line-height: 20px;
      margin: 0; }
    .hostess-vip-perk .body-content img {
      margin: 15px auto; }
    .hostess-vip-perk .body-content h2 {
      font-size: 30px;
      line-height: 40px; }
      .hostess-vip-perk .body-content h2 br {
        display: none; }
    .hostess-vip-perk .body-content a {
      font-size: 13px; } }
  .hostess-vip-perk .replicated-button {
    text-align: center;
    width: 100%; }
    .hostess-vip-perk .replicated-button:last-of-type {
      transform: translateY(50%);
      margin-top: -30px;
      margin-bottom: -30px; }
    .hostess-vip-perk .replicated-button a {
      font-family: 'Montserrat';
      display: block;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0.3px;
      line-height: 15px;
      margin: 0 auto;
      padding: 15px;
      text-decoration: none;
      width: 200px;
      background: #13807C;
      border-color: #13807C; }
      @media screen and (min-width: 768px) {
        .hostess-vip-perk .replicated-button a {
          padding: 20px 15px; } }

.capsule__now .capsule__items:before, .capsule__later .capsule__items:before, .capsule__now-later .capsule__items:before, .capsule__now .capsule__item:before, .capsule__later .capsule__item:before, .capsule__now-later .capsule__item:before {
  content: '';
  background: #fff;
  position: absolute;
  height: 76%;
  width: 66%;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block; }

.capsule {
  background: #F4F1EF;
  padding: 100px 0;
  max-width: 100%; }
  @media screen and (min-width: 768px) {
    .capsule {
      padding-left: 60px;
      padding-right: 60px; } }
  .capsule__items--pieces {
    display: flex;
    gap: 20px;
    flex-flow: row wrap;
    margin-bottom: 60px; }
    .capsule__items--pieces h2 {
      width: 100%; }
      .capsule__items--pieces h2 img {
        max-width: 100%;
        width: 350px; }
    .capsule__items--pieces .capsule__item {
      width: calc(50% - 10px); }
      @media screen and (min-width: 768px) {
        .capsule__items--pieces .capsule__item {
          width: calc(25% - 15px); } }
      .capsule__items--pieces .capsule__item img {
        margin-top: -25px;
        margin-bottom: -15%; }
      .capsule__items--pieces .capsule__item p {
        text-transform: uppercase;
        font-family: 'Montserrat';
        font-weight: 600; }
  .capsule__now, .capsule__later, .capsule__now-later {
    position: relative;
    max-width: 100%; }
    .capsule__now h2, .capsule__later h2, .capsule__now-later h2 {
      width: 100%;
      position: relative;
      line-height: 0;
      padding-top: 40px;
      padding-bottom: 20px; }
      @media screen and (min-width: 768px) {
        .capsule__now h2, .capsule__later h2, .capsule__now-later h2 {
          padding-top: 0; }
          .capsule__now h2:before, .capsule__now h2:after, .capsule__later h2:before, .capsule__later h2:after, .capsule__now-later h2:before, .capsule__now-later h2:after {
            content: '';
            position: absolute;
            display: block;
            height: 2px;
            background: #524D49;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1;
            width: calc(50% - 140px); }
          .capsule__now h2:before, .capsule__later h2:before, .capsule__now-later h2:before {
            left: calc(50% + 140px); }
          .capsule__now h2:after, .capsule__later h2:after, .capsule__now-later h2:after {
            right: calc(50% + 140px); } }
      .capsule__now h2 img, .capsule__later h2 img, .capsule__now-later h2 img {
        width: 200px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0; }
    .capsule__now .capsule__items, .capsule__later .capsule__items, .capsule__now-later .capsule__items {
      max-width: 100%;
      position: relative; }
      @media screen and (min-width: 768px) {
        .capsule__now .capsule__items, .capsule__later .capsule__items, .capsule__now-later .capsule__items {
          display: flex;
          gap: 20px;
          flex-flow: row wrap; }
          .capsule__now .capsule__items:before, .capsule__later .capsule__items:before, .capsule__now-later .capsule__items:before {
            display: none; } }
    .capsule__now .capsule__item, .capsule__later .capsule__item, .capsule__now-later .capsule__item {
      width: 100%;
      z-index: 1; }
      .capsule__now .capsule__item:before, .capsule__later .capsule__item:before, .capsule__now-later .capsule__item:before {
        display: none;
        z-index: -1; }
      @media screen and (min-width: 768px) {
        .capsule__now .capsule__item, .capsule__later .capsule__item, .capsule__now-later .capsule__item {
          width: calc(33.333% - (40px / 3));
          position: relative; }
          .capsule__now .capsule__item:before, .capsule__later .capsule__item:before, .capsule__now-later .capsule__item:before {
            display: block; } }
    .capsule__now .slick-dots, .capsule__later .slick-dots, .capsule__now-later .slick-dots {
      bottom: 0px; }
      .capsule__now .slick-dots li button:before, .capsule__later .slick-dots li button:before, .capsule__now-later .slick-dots li button:before {
        font-size: 14px; }
  .capsule__now-later .capsule__items {
    position: relative;
    width: 100%; }
    .capsule__now-later .capsule__items:after {
      content: '';
      position: absolute;
      display: block;
      height: 2px;
      background: #524D49;
      top: 0;
      left: 50%;
      width: calc(100% - 80px);
      transform: translate(-50%, -50%); }
      @media screen and (min-width: 768px) {
        .capsule__now-later .capsule__items:after {
          display: none; } }
  .capsule .terms {
    font-family: 'Montserrat';
    max-width: 620px;
    padding: 0 25px;
    margin: auto; }
    .capsule .terms a {
      font-family: 'Montserrat';
      font-weight: 700;
      margin-top: 25px;
      display: block; }

.hostess-vip-perk-terms {
  background: #FCFBFA;
  color: #524D49;
  padding: 36px 0;
  text-align: center; }
  .hostess-vip-perk-terms .wrapper {
    margin: 0 auto;
    max-width: 800px;
    width: 85%; }
  .hostess-vip-perk-terms .header-text {
    font-family: 'Montserrat';
    font-weight: 700;
    text-transform: uppercase; }
    .hostess-vip-perk-terms .header-text p {
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 2.42px;
      line-height: 19px;
      margin: 0 0 10px 0; }
    .hostess-vip-perk-terms .header-text h1 {
      font-size: 44px;
      font-weight: 800;
      letter-spacing: 1.16px;
      line-height: 42px;
      margin: 0 0 20px 0; }
    .hostess-vip-perk-terms .header-text img {
      margin: 0 auto 15px auto; }
    .hostess-vip-perk-terms .header-text i {
      margin-left: -4px;
      text-transform: lowercase; }
  .hostess-vip-perk-terms .body-content {
    font-family: 'Montserrat';
    font-size: 14px;
    letter-spacing: 0.61px;
    line-height: 20px;
    margin: 0 0 35px 0;
    padding: 0 0 35px 0;
    position: relative; }
    .hostess-vip-perk-terms .body-content:after {
      background: #524D49;
      bottom: 0;
      content: '';
      height: 2px;
      left: 50%;
      margin: 0 0 0 -75px;
      position: absolute;
      width: 150px; }
  .hostess-vip-perk-terms .fineprint {
    font-size: 12px;
    line-height: 18px;
    text-align: left; }
  .hostess-vip-perk-terms .clothes-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    padding: 30px 0 0 0;
    width: 100%; }
    .hostess-vip-perk-terms .clothes-grid li {
      border: 1.5px solid #FCFBFA;
      display: flex;
      width: 50%; }
      .hostess-vip-perk-terms .clothes-grid li a {
        display: flex;
        height: 100%; }
      .hostess-vip-perk-terms .clothes-grid li img {
        height: auto;
        width: 100%;
        background: #fff; }
  @media screen and (min-width: 768px) {
    .hostess-vip-perk-terms {
      padding: 50px 0; }
      .hostess-vip-perk-terms .header-text p {
        font-size: 18px;
        letter-spacing: 2.73px;
        line-height: 22px;
        margin: 0 0 5px 0; }
      .hostess-vip-perk-terms .header-text img {
        margin: 10px auto 15px auto; }
      .hostess-vip-perk-terms .header-text h1 {
        font-size: 50px;
        letter-spacing: 1.32px;
        line-height: 52px;
        margin: 0 0 10px 0; }
        .hostess-vip-perk-terms .header-text h1 br {
          display: none; }
      .hostess-vip-perk-terms .body-content {
        font-size: 15px;
        line-height: 1.5; }
      .hostess-vip-perk-terms .fineprint {
        font-size: 14px;
        line-height: 22px; }
      .hostess-vip-perk-terms .clothes-grid li {
        width: 25%; } }

.hostess-benefits__highlights {
  display: flex;
  flex-flow: row nowrap;
  gap: 4px;
  margin: 20px -50px; }
  @media screen and (min-width: 480px) {
    .hostess-benefits__highlights {
      max-width: 530px;
      margin: 20px auto; } }

.hostess-benefits__highlight {
  flex: 1 1 0; }
  .hostess-benefits__highlight img {
    max-width: 100%;
    width: auto;
    padding: 0; }

.viperk-sept2024 {
  max-width: 1440px;
  margin: 0 auto; }
  .viperk-sept2024 .desktop {
    display: none; }
    @media screen and (min-width: 768px) {
      .viperk-sept2024 .desktop {
        display: block; } }
  .viperk-sept2024 .mobile {
    display: block; }
    @media screen and (min-width: 768px) {
      .viperk-sept2024 .mobile {
        display: none; } }
  .viperk-sept2024 .btn-white {
    border: 2px solid #000; }
  .viperk-sept2024 #lead-form {
    margin-bottom: 50px;
    scroll-margin-top: 150px; }
  .viperk-sept2024 .lead-form__container {
    max-width: 970px;
    padding: 0 0 35px 0; }
    .viperk-sept2024 .lead-form__container h3 {
      font-family: 'Playfair Display';
      font-feature-settings: "lnum";
      font-size: 30px;
      font-weight: 400;
      line-height: 36px;
      margin: 0 auto 10px auto;
      text-align: center; }
    @media screen and (min-width: 768px) {
      .viperk-sept2024 .lead-form__container {
        margin: 0 auto;
        padding: 50px 0; }
        .viperk-sept2024 .lead-form__container h3 {
          font-size: 42px;
          margin: 0 auto 40px auto; } }

.viperk-sept2024__container {
  background: #F7F5F3;
  margin: 0 auto;
  position: relative;
  width: 100%; }

.viperk-sept2024__content {
  color: #2E2C2C;
  padding: 25px 20px 0;
  text-align: center;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .viperk-sept2024__content {
      padding: 55px 20px 0px 20px; } }
  .viperk-sept2024__content h1 {
    font-family: 'Playfair Display';
    font-feature-settings: "lnum";
    font-weight: 700;
    font-size: 47px;
    line-height: 50px;
    margin: 0 auto; }
    @media screen and (min-width: 400px) {
      .viperk-sept2024__content h1 {
        font-size: 51px; } }
    @media screen and (min-width: 768px) {
      .viperk-sept2024__content h1 {
        font-size: 70px;
        line-height: 91px; } }
    .viperk-sept2024__content h1 img {
      margin: auto;
      max-width: 100%; }
    .viperk-sept2024__content h1 span {
      display: block; }
      @media screen and (min-width: 768px) {
        .viperk-sept2024__content h1 span {
          display: inline; } }
      .viperk-sept2024__content h1 span.season {
        font-family: 'Montserrat';
        font-weight: 600;
        font-size: 23px;
        letter-spacing: 3px;
        line-height: 28px;
        margin-top: -8px;
        text-align: center;
        text-transform: uppercase; }
        @media screen and (min-width: 768px) {
          .viperk-sept2024__content h1 span.season {
            display: block;
            margin-top: -14px; } }
      .viperk-sept2024__content h1 span.small {
        font-size: 25px;
        letter-spacing: 5px;
        line-height: 30px; }
        @media screen and (min-width: 768px) {
          .viperk-sept2024__content h1 span.small {
            font-size: 70px;
            line-height: 91px; } }
  .viperk-sept2024__content h2 {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.7px;
    line-height: 19px;
    margin: 0 0 10px 0;
    text-transform: uppercase; }
    .viperk-sept2024__content h2 span {
      text-transform: lowercase; }
  .viperk-sept2024__content p {
    font-family: 'Montserrat';
    line-height: 22px;
    text-align: center;
    max-width: 820px;
    font-size: 16px;
    margin: auto; }
    @media screen and (min-width: 400px) {
      .viperk-sept2024__content p {
        padding: 0 20px; } }
    @media screen and (min-width: 768px) {
      .viperk-sept2024__content p {
        padding: 0;
        font-size: 18px;
        line-height: 28px; } }
    .viperk-sept2024__content p strong {
      font-size: 18px; }
      @media screen and (min-width: 768px) {
        .viperk-sept2024__content p strong {
          font-size: 22px; } }
  .viperk-sept2024__content a {
    font-weight: 600; }
  .viperk-sept2024__content--video {
    border: 6px solid #ffff;
    margin: 30px auto 0 auto;
    max-width: 928px;
    padding: 0;
    max-width: 380px;
    height: calc((100vw - 58px) * 1138 / 640);
    max-height: calc(372px * 1138 / 640); }
    .viperk-sept2024__content--video:last-child {
      margin-top: -10px;
      transform: translateY(36px); }
    .viperk-sept2024__content--video .career-goals__promo {
      height: 100%; }

.viperk-sept2024__content__btn {
  color: #000000 !important;
  font-size: 12px;
  height: 55px;
  margin: 15px auto 20px auto;
  padding: 0px 32px; }
  .viperk-sept2024__content__btn:hover {
    background-color: #000 !important;
    color: #fff !important; }
  @media screen and (min-width: 768px) {
    .viperk-sept2024__content__btn {
      font-size: 14px;
      height: 60px;
      margin: 25px auto 20px auto; } }

.viperk-sept2024__actions {
  padding: 0 20px;
  position: relative;
  width: 100%;
  transform: translateY(36px); }
  @media screen and (min-width: 768px) {
    .viperk-sept2024__actions {
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
      padding: 0; } }
  .viperk-sept2024__actions ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .viperk-sept2024__actions ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 40px; } }
  .viperk-sept2024__actions li {
    background: #EDEAEA;
    border: 6px solid #fff;
    color: #323336;
    margin: 0 0 10px 0;
    padding: 20px; }
    @media screen and (max-width: 767px) {
      .viperk-sept2024__actions li:last-child {
        margin-bottom: 0; } }
    @media screen and (min-width: 768px) {
      .viperk-sept2024__actions li {
        width: calc(50% - 5px); } }
    .viperk-sept2024__actions li p {
      font-size: 16px !important;
      letter-spacing: 0.52px;
      line-height: 23px;
      font-family: 'Montserrat'; }
    .viperk-sept2024__actions li a {
      font-family: 'Montserrat';
      color: #323336;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 0.41px;
      line-height: 18px;
      text-decoration: underline;
      text-transform: uppercase; }

.replicated-button {
  text-align: center;
  width: 100%; }
  .body-content + .replicated-button {
    transform: translateY(50%);
    margin-top: -25px; }
  .replicated-button:last-of-type {
    transform: translateY(-50%); }
  .replicated-button a {
    font-family: 'Montserrat';
    display: block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 15px;
    margin: 0 auto;
    padding: 15px;
    text-decoration: none;
    width: 200px; }
    @media screen and (min-width: 768px) {
      .replicated-button a {
        padding: 20px 15px; } }

.hostess-vip-perk-sept2024 {
  background: #FCFBFA;
  color: #524D49;
  text-align: center; }
  .hostess-vip-perk-sept2024 .wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 1042px;
    padding: 30px;
    position: relative; }
  .hostess-vip-perk-sept2024 .header-text,
  .hostess-vip-perk-sept2024 .body-content {
    padding: 0 20px;
    max-width: 912px;
    margin: auto; }
    .hostess-vip-perk-sept2024 .header-text img,
    .hostess-vip-perk-sept2024 .body-content img {
      position: relative;
      margin-left: auto;
      margin-right: auto; }
  .hostess-vip-perk-sept2024 img {
    margin: 0 0 10px 0;
    width: 100%; }
  .hostess-vip-perk-sept2024 .header-text {
    font-family: 'Montserrat';
    font-weight: 700;
    width: 100%; }
    .hostess-vip-perk-sept2024 .header-text p,
    .hostess-vip-perk-sept2024 .header-text h1 {
      margin: 0 0 10px 0; }
    .hostess-vip-perk-sept2024 .header-text img {
      width: 400px;
      max-width: 100%;
      margin: 5px auto auto; }
      .hostess-vip-perk-sept2024 .header-text img.only-tablet-down {
        width: 365px; }
      .hostess-vip-perk-sept2024 .header-text img.only-tablet-up {
        width: 504px; }
    .hostess-vip-perk-sept2024 .header-text p {
      font-size: 16px;
      font-weight: 500;
      line-height: 19px; }
      .hostess-vip-perk-sept2024 .header-text p:first-child {
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1.16px; }
    .hostess-vip-perk-sept2024 .header-text h1 {
      font-size: 44px;
      font-weight: 800;
      letter-spacing: 1.16px;
      line-height: 42px; }
    .hostess-vip-perk-sept2024 .header-text h2 {
      margin-bottom: 10px; }
    .hostess-vip-perk-sept2024 .header-text i {
      margin-left: -4px;
      text-transform: lowercase; }
  @media screen and (min-width: 768px) {
    .hostess-vip-perk-sept2024 .wrapper {
      flex-direction: column;
      padding: 30px 0; }
    .hostess-vip-perk-sept2024 img,
    .hostess-vip-perk-sept2024 .header-text,
    .hostess-vip-perk-sept2024 .body-content {
      padding: 0; }
    .hostess-vip-perk-sept2024 .header-text,
    .hostess-vip-perk-sept2024 .body-content {
      text-align: center;
      width: 100%; }
    .hostess-vip-perk-sept2024 .header-text p {
      font-size: 18px;
      line-height: 22px; }
    .hostess-vip-perk-sept2024 .header-text h1 {
      font-size: 60px;
      letter-spacing: 1.58px;
      line-height: 52px; } }

.viperk-sept2024 .capsule {
  background: #F3EFEC;
  padding: 45px 0;
  max-width: 100%; }
  @media screen and (min-width: 768px) {
    .viperk-sept2024 .capsule {
      padding: 60px; } }
  .viperk-sept2024 .capsule:first-child {
    padding-top: 80px; }
  .viperk-sept2024 .capsule .header-text p:first-child {
    font-size: 18px; }
    @media screen and (min-width: 768px) {
      .viperk-sept2024 .capsule .header-text p:first-child {
        font-size: 23px; } }
  .viperk-sept2024 .capsule__items--pieces {
    display: flex;
    gap: 20px;
    flex-flow: row wrap;
    max-width: 920px;
    margin: auto auto 60px; }
    .viperk-sept2024 .capsule__items--pieces h2 {
      width: 100%; }
      .viperk-sept2024 .capsule__items--pieces h2 img {
        max-width: 100%;
        margin: auto; }
        .viperk-sept2024 .capsule__items--pieces h2 img.only-tablet-down {
          width: 365px; }
        .viperk-sept2024 .capsule__items--pieces h2 img.only-tablet-up {
          width: 506px; }
    .viperk-sept2024 .capsule__items--pieces .capsule__item {
      width: calc(50% - 10px); }
      @media screen and (min-width: 768px) {
        .viperk-sept2024 .capsule__items--pieces .capsule__item {
          width: calc(25% - 15px); } }
      .viperk-sept2024 .capsule__items--pieces .capsule__item img {
        margin-top: -25px;
        margin-bottom: -15%; }
      .viperk-sept2024 .capsule__items--pieces .capsule__item p {
        text-transform: uppercase;
        font-family: 'Montserrat';
        font-weight: 600; }
      .viperk-sept2024 .capsule__items--pieces .capsule__item a {
        text-decoration: none; }
  .viperk-sept2024 .capsule--styling {
    position: relative;
    max-width: 100%;
    background: #F7F5F3; }
    .viperk-sept2024 .capsule--styling h2 {
      width: 100%;
      position: relative;
      line-height: 0;
      padding-top: 40px;
      padding-bottom: 20px; }
      @media screen and (min-width: 768px) {
        .viperk-sept2024 .capsule--styling h2 {
          padding-top: 0; } }
      .viperk-sept2024 .capsule--styling h2 img {
        margin: auto; }
        .viperk-sept2024 .capsule--styling h2 img.only-tablet-up {
          width: 919px; }
    .viperk-sept2024 .capsule--styling .capsule__items {
      max-width: 90%;
      position: relative;
      margin: 0 auto 25px; }
      @media screen and (min-width: 768px) {
        .viperk-sept2024 .capsule--styling .capsule__items {
          display: flex;
          gap: 20px;
          flex-flow: row wrap;
          width: 920px; }
          .viperk-sept2024 .capsule--styling .capsule__items:before {
            display: none; } }
    .viperk-sept2024 .capsule--styling .capsule__item {
      width: 100%;
      z-index: 1;
      border: 7px solid white; }
      @media screen and (min-width: 768px) {
        .viperk-sept2024 .capsule--styling .capsule__item {
          width: calc(33.333% - (40px / 3));
          position: relative; } }
    .viperk-sept2024 .capsule--styling .slick-dots {
      bottom: 45px; }
      .viperk-sept2024 .capsule--styling .slick-dots li button:before {
        font-size: 14px; }
  .viperk-sept2024 .capsule .terms {
    font-family: 'Montserrat';
    max-width: 620px;
    padding: 0 25px;
    margin: auto; }
    .viperk-sept2024 .capsule .terms a {
      font-family: 'Montserrat';
      font-weight: 700;
      margin-top: 25px;
      display: inline-block; }
      .viperk-sept2024 .capsule .terms a:not(.btn) {
        display: block; }

.viperk-sept2024-terms {
  background: #FCFBFA;
  color: #524D49;
  padding: 36px 0;
  text-align: center; }
  .viperk-sept2024-terms .wrapper {
    margin: 0 auto;
    max-width: 950px;
    width: 100%; }
  .viperk-sept2024-terms .header-text, .viperk-sept2024-terms .body-content, .viperk-sept2024-terms .fineprint {
    max-width: 820px;
    margin: auto;
    padding-left: 25px;
    padding-right: 25px; }
  .viperk-sept2024-terms .header-text {
    font-family: 'Montserrat';
    font-weight: 700;
    text-transform: uppercase; }
    .viperk-sept2024-terms .header-text p {
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 2.42px;
      line-height: 19px;
      margin: 0 0 10px 0; }
    .viperk-sept2024-terms .header-text h1 {
      font-size: 44px;
      font-weight: 800;
      letter-spacing: 1.16px;
      line-height: 42px;
      margin: 0 0 20px 0; }
    .viperk-sept2024-terms .header-text img {
      margin: 0 auto 15px auto;
      max-width: 100%; }
    .viperk-sept2024-terms .header-text i {
      margin-left: -4px;
      text-transform: lowercase; }
  .viperk-sept2024-terms .body-content {
    font-family: 'Montserrat';
    font-size: 18px;
    letter-spacing: 0.61px;
    line-height: 25px;
    margin-bottom: 35px;
    padding-bottom: 35px;
    position: relative; }
    .viperk-sept2024-terms .body-content:after {
      background: #524D49;
      bottom: 0;
      content: '';
      height: 2px;
      left: 50%;
      margin: 0 0 0 -75px;
      position: absolute;
      width: 150px; }
  .viperk-sept2024-terms .fineprint {
    font-size: 12px;
    line-height: 18px;
    text-align: left; }
    .viperk-sept2024-terms .fineprint strong {
      font-weight: 900; }
    .viperk-sept2024-terms .fineprint p {
      margin-bottom: 20px; }
  .viperk-sept2024-terms .clothes-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    width: 100%; }
    .viperk-sept2024-terms .clothes-grid li {
      width: 50%; }
      .viperk-sept2024-terms .clothes-grid li a {
        text-decoration: none; }
      .viperk-sept2024-terms .clothes-grid li img {
        height: auto;
        width: 100%; }
      .viperk-sept2024-terms .clothes-grid li p {
        margin-top: -40px;
        text-transform: uppercase;
        font-family: 'Montserrat';
        font-weight: 600; }
  @media screen and (min-width: 768px) {
    .viperk-sept2024-terms {
      padding: 50px 0; }
      .viperk-sept2024-terms .header-text p {
        font-size: 18px;
        letter-spacing: 2.73px;
        line-height: 22px;
        margin: 0 0 5px 0; }
      .viperk-sept2024-terms .header-text img {
        margin: 10px auto 15px auto; }
      .viperk-sept2024-terms .header-text h1 {
        font-size: 50px;
        letter-spacing: 1.32px;
        line-height: 52px;
        margin: 0 0 10px 0; }
        .viperk-sept2024-terms .header-text h1 br {
          display: none; }
      .viperk-sept2024-terms .body-content {
        font-size: 18px;
        line-height: 1.5; }
      .viperk-sept2024-terms .fineprint {
        font-size: 14px;
        line-height: 22px; }
      .viperk-sept2024-terms .clothes-grid li {
        width: 25%; } }

.terms-page .entry-content {
  padding: 10px 0; }
  @media screen and (min-width: 1000px) {
    .terms-page .entry-content {
      padding: 30px 0; } }

.terms-page h1 {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 36px;
  line-height: 1.2; }
  @media screen and (min-width: 1000px) {
    .terms-page h1 {
      font-size: 40px; } }

.terms-page h2 {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 700;
  font-style: normal;
  font-size: 30px;
  line-height: 36px; }
  @media screen and (min-width: 1000px) {
    .terms-page h2 {
      font-size: 38px;
      line-height: 48px; } }

.terms-page p {
  font-family: 'Montserrat';
  font-size: 16px;
  line-height: 24px; }
  @media screen and (min-width: 1000px) {
    .terms-page p {
      font-size: 18px;
      line-height: 26px; } }

.terms-page img {
  max-width: 100%;
  padding: 40px 0 0 0; }

#gift-card-page {
  max-width: 1440px;
  margin: 0 auto;
  padding: 50px 0;
  position: relative; }
  #gift-card-page:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 200px;
    z-index: -1;
    background-color: #F9F9F9;
    top: 0;
    left: 0; }
    @media screen and (max-width: 767px) {
      #gift-card-page:before {
        height: 510px; } }
    @media screen and (min-width: 1000px) {
      #gift-card-page:before {
        height: 260px; } }
  @media screen and (min-width: 1250px) {
    #gift-card-page .container {
      max-width: 1080px; } }
  #gift-card-page header {
    text-align: center;
    color: #3D413F; }
    #gift-card-page header h4 {
      font-family: 'Montserrat';
      font-weight: 700;
      font-size: 20px;
      line-height: 24px;
      letter-spacing: 0.71px;
      text-transform: uppercase; }
    #gift-card-page header h1 {
      font-family: 'Playfair Display';
      font-feature-settings: "lnum";
      font-weight: 600;
      font-size: 50px;
      line-height: 60px;
      margin-bottom: 15px; }
      @media screen and (min-width: 1000px) {
        #gift-card-page header h1 {
          font-size: 60px;
          line-height: 67px; } }
      @media screen and (max-width: 767px) {
        #gift-card-page header h1 {
          line-height: 49px;
          margin-top: 10px; } }
    #gift-card-page header p {
      font-family: 'Montserrat';
      max-width: 670px;
      margin: 0 auto;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: 0.19px; }
      @media screen and (max-width: 767px) {
        #gift-card-page header p {
          font-weight: 700;
          font-style: italic; } }
  #gift-card-page article {
    margin-top: 20px;
    display: flex;
    align-items: center; }
    @media screen and (max-width: 767px) {
      #gift-card-page article {
        flex-direction: column; } }
    #gift-card-page article .display-image {
      width: 50%; }
      @media screen and (max-width: 767px) {
        #gift-card-page article .display-image {
          width: 100%; } }
      #gift-card-page article .display-image img {
        width: 100%; }
    #gift-card-page article .details {
      color: #3D413F;
      width: 100%;
      text-align: center; }
      @media screen and (min-width: 768px) {
        #gift-card-page article .details {
          width: 349px;
          margin-left: 20px; } }
      #gift-card-page article .details h4 {
        font-family: 'Montserrat';
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0.21px; }
        @media screen and (min-width: 768px) {
          #gift-card-page article .details h4 {
            max-width: 257px;
            margin: 0 auto; } }
      #gift-card-page article .details p {
        font-family: 'Montserrat';
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.19px;
        margin-top: 14px; }
      #gift-card-page article .details a {
        font-family: 'Montserrat';
        font-weight: 600;
        width: 220px;
        height: 60px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        background-color: black;
        border: 2px solid black;
        color: white;
        margin: 20px auto 0 auto; }
        #gift-card-page article .details a:hover, #gift-card-page article .details a:focus {
          background-color: white;
          color: black; }

#page-styling-service #page {
  padding: 20px 0; }
  @media screen and (min-width: 1000px) {
    #page-styling-service #page {
      padding: 0; } }

#page-styling-service .container {
  margin: 0 auto;
  max-width: 1440px;
  padding: 0;
  width: calc(100% - 40px); }

#page-styling-service .scheduler__intro {
  align-items: center;
  background: #F4E9E3 url("//media-fall.cabionline.com/wp-content/uploads/cabi-templates//f25/careers/pattern-dark-v2.jpg") center/auto repeat;
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;
  justify-content: center;
  margin: 0;
  padding: 75px 20px; }
  @media screen and (min-width: 1000px) {
    #page-styling-service .scheduler__intro {
      height: 468px; } }
  #page-styling-service .scheduler__intro .btn {
    margin-bottom: 10px; }
  #page-styling-service .scheduler__intro br {
    display: block; }
    @media screen and (min-width: 768px) {
      #page-styling-service .scheduler__intro br {
        display: none; } }

#page-styling-service .scheduler__info {
  background: #657798;
  padding: 60px 20px;
  margin: 0; }

#page-styling-service .scheduler__icon-group {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  gap: 45px; }
  @media screen and (min-width: 768px) {
    #page-styling-service .scheduler__icon-group {
      gap: 55px;
      align-items: start;
      flex-flow: row nowrap; } }

#page-styling-service .scheduler__icon-item {
  flex: 0 0 auto;
  text-align: center;
  width: 250px; }
  #page-styling-service .scheduler__icon-item:first-of-type .scheduler__icon-icon img {
    height: 89px; }

#page-styling-service .scheduler__icon-icon {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  height: 89px;
  justify-content: center;
  margin-bottom: 3px; }
  #page-styling-service .scheduler__icon-icon img {
    flex: 0;
    height: 60px; }

#page-styling-service h1,
#page-styling-service h2 {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-size: 54px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  margin-bottom: 0; }

#page-styling-service h2 {
  color: #fff;
  font-size: 36px;
  line-height: 38px;
  margin-bottom: 30px; }

#page-styling-service p {
  font-family: 'Montserrat';
  font-size: 15px;
  line-height: 21px;
  text-align: center; }
  #page-styling-service p:last-of-type {
    margin-bottom: 0; }
  #page-styling-service p.scheduler__icon-text {
    font-family: 'Montserrat';
    font-weight: 600;
    color: #fff; }

.sweepstakes-page .entry-content {
  padding: 10px 0 0;
  max-width: 820px;
  text-align: center;
  margin: 0 auto 40px; }
  @media screen and (min-width: 1000px) {
    .sweepstakes-page .entry-content {
      padding: 30px 0 0; } }

.sweepstakes-page h2 {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 700;
  font-style: normal;
  font-size: 30px;
  line-height: 36px; }
  @media screen and (min-width: 1000px) {
    .sweepstakes-page h2 {
      font-size: 38px;
      line-height: 48px; } }

.sweepstakes-page p {
  font-family: 'Montserrat';
  font-size: 16px;
  line-height: 24px; }
  @media screen and (min-width: 1000px) {
    .sweepstakes-page p {
      font-size: 18px;
      line-height: 26px; } }
  .sweepstakes-page p.highlight {
    font-family: 'Montserrat';
    font-weight: 700;
    text-transform: uppercase;
    font-size: 22px; }
    @media screen and (max-width: 767px) {
      .sweepstakes-page p.highlight {
        font-size: 20px; } }
  .sweepstakes-page p br {
    display: none; }
    .sweepstakes-page p br.mobile-only-break {
      display: block; }
    @media screen and (min-width: 768px) {
      .sweepstakes-page p br {
        display: block; }
        .sweepstakes-page p br.mobile-only-break {
          display: none; } }

.sweepstakes-page .btn.btn-black {
  margin-top: 30px; }

.sweepstakes-page img {
  padding: 40px 0 0 0;
  max-width: 100%; }
  .sweepstakes-page img.only-tablet-up {
    max-width: 1170px;
    width: 100vw;
    margin-left: calc(50% - 50vw); }
    @media screen and (min-width: 1170px) {
      .sweepstakes-page img.only-tablet-up {
        margin-left: calc((820px - 1170px) / 2); } }

.sweepstakes-page .sweepstakes__actions {
  padding: 0 20px;
  position: relative;
  width: 100%;
  margin-top: 40px; }
  @media screen and (min-width: 768px) {
    .sweepstakes-page .sweepstakes__actions {
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
      padding: 0; } }
  .sweepstakes-page .sweepstakes__actions ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .sweepstakes-page .sweepstakes__actions ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 40px; } }
  .sweepstakes-page .sweepstakes__actions li {
    background: #EDEAEA;
    border: 6px solid #fff;
    color: #323336;
    margin: 0 0 10px 0;
    padding: 20px; }
    @media screen and (min-width: 768px) {
      .sweepstakes-page .sweepstakes__actions li {
        width: calc(50% - 5px); } }
    .sweepstakes-page .sweepstakes__actions li p {
      font-size: 16px;
      letter-spacing: 0.52px;
      line-height: 21px;
      margin-bottom: 6px; }
    .sweepstakes-page .sweepstakes__actions li a {
      font-family: 'Montserrat';
      color: #323336;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 0.41px;
      line-height: 18px;
      text-decoration: underline;
      text-transform: uppercase; }

.sweepstakes-page--fall-beauty .entry-content {
  padding-top: 0;
  margin: 30px 10px 50px;
  background: #F9F8F6; }
  @media screen and (min-width: 768px) {
    .sweepstakes-page--fall-beauty .entry-content {
      margin: 30px 30px 50px; } }

@media screen and (min-width: 768px) {
  .sweepstakes-page--fall-beauty p {
    padding-left: 30px;
    padding-right: 30px; } }

.sweepstakes-page--fall-beauty .highlight {
  color: #9F2842;
  font-weight: 800;
  display: block;
  font-size: 24px;
  line-height: 30px;
  font-family: 'Montserrat'; }
  @media screen and (min-width: 768px) {
    .sweepstakes-page--fall-beauty .highlight {
      font-size: 26px;
      line-height: 32px; } }

@media screen and (max-width: 767px) {
  .sweepstakes-page--fall-beauty .sweepstakes__actions {
    padding: 0; } }

.sweepstakes-page--fall-beauty .sweepstakes__actions li {
  background: #9F2842;
  color: #fff;
  padding: 25px 15px;
  border: none; }
  .sweepstakes-page--fall-beauty .sweepstakes__actions li a {
    color: #fff; }
  .sweepstakes-page--fall-beauty .sweepstakes__actions li p {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal; }

.sweepstakes-page--fall-beauty .btn-alt {
  background: #9F2842;
  color: #fff;
  border: none;
  margin-top: 35px; }
  .sweepstakes-page--fall-beauty .btn-alt:hover {
    background: #000; }

.sweepstakes-page--fall-beauty img.only-tablet-up {
  max-width: 820px;
  margin-left: auto;
  padding-top: 0; }

.sweepstakes-page--confidence .entry-content {
  padding-top: 0;
  margin: 30px 10px 50px;
  background: #F9F8F6; }
  @media screen and (min-width: 768px) {
    .sweepstakes-page--confidence .entry-content {
      margin: 30px auto 50px; } }

.sweepstakes-page--confidence p {
  color: #524D49;
  padding-left: 5px;
  padding-right: 5px; }
  @media screen and (min-width: 768px) {
    .sweepstakes-page--confidence p {
      padding-left: 30px;
      padding-right: 30px; } }

.sweepstakes-page--confidence .highlight {
  color: #05608D;
  font-weight: 900;
  display: block;
  font-size: 18px;
  line-height: 1.3;
  font-family: 'Montserrat';
  font-weight: 700; }
  @media screen and (min-width: 768px) {
    .sweepstakes-page--confidence .highlight {
      font-size: 26px;
      line-height: 32px; } }

@media screen and (max-width: 767px) {
  .sweepstakes-page--confidence .sweepstakes__actions {
    padding: 0; } }

.sweepstakes-page--confidence .sweepstakes__actions li {
  background: #05608D;
  color: #fff;
  padding: 25px 15px;
  border: none; }
  .sweepstakes-page--confidence .sweepstakes__actions li a {
    color: #fff; }
  .sweepstakes-page--confidence .sweepstakes__actions li p {
    color: #fff;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal; }

.sweepstakes-page--confidence .btn-alt {
  background: #05608D;
  color: #fff;
  border: none;
  margin-top: 35px; }
  .sweepstakes-page--confidence .btn-alt:hover {
    background: #000; }

.sweepstakes-page--confidence a:not(.btn) {
  letter-spacing: normal;
  font-family: 'Montserrat';
  font-weight: 700;
  text-transform: uppercase;
  color: #524D49; }
  .sweepstakes-page--confidence a:not(.btn):hover {
    text-decoration: none; }

.sweepstakes-page--confidence img {
  padding-top: 0; }
  .sweepstakes-page--confidence img.only-tablet-up {
    max-width: 820px;
    margin-left: auto;
    width: 100%; }

.sweepstakes-page--confidence h1 {
  margin-bottom: 0; }

.sweepstakes-page--confidence h1 + img {
  padding-top: 0;
  padding-right: 3%;
  padding-left: 3%;
  margin-bottom: 30px; }

.sweepstakes-page--holidays h1 {
  padding-top: 20px; }
  .sweepstakes-page--holidays h1 + img {
    margin-bottom: 20px; }

.sweepstakes-page--holidays img {
  padding-top: 10px; }

.sweepstakes-page--holidays .sweepstakes-content {
  background: #F9F8F6;
  padding: 0 10px 40px; }
  @media screen and (min-width: 768px) {
    .sweepstakes-page--holidays .sweepstakes-content {
      padding: 0 30px 40px; } }

.sweepstakes-page--holidays p {
  color: #524D49; }
  .sweepstakes-page--holidays p.highlight {
    color: #BE5500;
    text-transform: none;
    font-weight: 900;
    display: block;
    font-size: 18px;
    line-height: 1.3;
    font-family: 'Montserrat';
    font-weight: 700; }
    @media screen and (min-width: 768px) {
      .sweepstakes-page--holidays p.highlight {
        font-size: 26px;
        line-height: 32px; } }
    .sweepstakes-page--holidays p.highlight span {
      text-transform: uppercase; }
  .sweepstakes-page--holidays p.conditions {
    font-size: 14px; }

.sweepstakes-page--holidays a:not(.btn) {
  letter-spacing: normal;
  font-family: 'Montserrat';
  font-weight: 700;
  text-transform: uppercase;
  color: #524D49; }
  .sweepstakes-page--holidays a:not(.btn):hover {
    text-decoration: none; }

.sweepstakes-page--holidays .btn-alt {
  background: #BE5500;
  color: #fff;
  border: none;
  margin-top: 35px; }
  .sweepstakes-page--holidays .btn-alt:hover {
    background: #000; }

@media screen and (max-width: 767px) {
  .sweepstakes-page--holidays .sweepstakes__actions {
    padding: 0; } }

.sweepstakes-page--holidays .sweepstakes__actions li {
  background: #BE5500;
  color: #fff;
  padding: 25px 15px;
  border: none; }
  .sweepstakes-page--holidays .sweepstakes__actions li a {
    color: #fff; }
  .sweepstakes-page--holidays .sweepstakes__actions li p {
    color: #fff;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 600;
    font-style: normal; }

.sweepstakes-page--new-year h1 {
  padding-top: 20px; }
  .sweepstakes-page--new-year h1 img {
    width: 80%;
    max-width: 300px;
    margin: auto; }
    @media screen and (min-width: 480px) {
      .sweepstakes-page--new-year h1 img {
        max-width: 80%; } }

.sweepstakes-page--new-year img {
  padding-top: 10px; }

.sweepstakes-page--new-year .sweepstakes-content {
  background: #FCF9F7;
  padding: 0 10px 40px; }
  @media screen and (min-width: 768px) {
    .sweepstakes-page--new-year .sweepstakes-content {
      padding: 0 30px 40px; } }

.sweepstakes-page--new-year .text-wrapper {
  max-width: 660px;
  margin: auto; }

.sweepstakes-page--new-year p.highlight {
  margin-top: 20px;
  color: #FF7891;
  text-transform: none;
  font-weight: 900;
  display: block;
  font-size: 18px;
  line-height: 1.3;
  font-family: 'Montserrat';
  font-weight: 700; }
  @media screen and (min-width: 768px) {
    .sweepstakes-page--new-year p.highlight {
      font-size: 26px;
      line-height: 32px;
      margin-top: 30px; } }

.sweepstakes-page--new-year p.conditions {
  font-size: 14px; }

@media screen and (max-width: 767px) {
  .sweepstakes-page--new-year .sweepstakes__actions {
    padding: 0; } }

.sweepstakes-page--new-year .sweepstakes__actions li {
  background: #000;
  color: #fff;
  padding: 25px 15px;
  border: none; }
  .sweepstakes-page--new-year .sweepstakes__actions li a {
    color: #fff; }
  .sweepstakes-page--new-year .sweepstakes__actions li p {
    color: #fff;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 600;
    font-style: normal; }

.sweepstakes-page--new-year a:not(.btn) {
  letter-spacing: normal;
  font-family: 'Montserrat';
  font-weight: 700;
  text-transform: uppercase; }
  .sweepstakes-page--new-year a:not(.btn):hover {
    text-decoration: none; }

.sweepstakes-page--new-year .btn-alt {
  background: #000;
  color: #fff;
  border: none;
  margin-top: 35px; }
  .sweepstakes-page--new-year .btn-alt:hover {
    background: #fff;
    color: #000; }

.sweepstakes-page__beauty-bundle {
  background: white;
  margin-top: 20px;
  padding-top: 20px; }
  .sweepstakes-page__beauty-bundle h2 {
    color: #9F2842;
    font-weight: 900;
    display: block;
    font-size: 21px;
    line-height: 24px;
    font-family: 'Montserrat';
    font-weight: 700; }
    @media screen and (min-width: 768px) {
      .sweepstakes-page__beauty-bundle h2 {
        font-size: 22px;
        line-height: 28px; } }
  .sweepstakes-page__beauty-bundle__grid {
    display: flex;
    flex-flow: row wrap;
    gap: 20px 4px;
    max-width: 730px;
    margin: auto;
    justify-content: center; }
    @media screen and (min-width: 768px) {
      .sweepstakes-page__beauty-bundle__grid {
        gap: 20px 10px; } }
  .sweepstakes-page__beauty-bundle__item {
    width: calc(50% - ((1 / 2) * 4px)); }
    @media screen and (min-width: 768px) {
      .sweepstakes-page__beauty-bundle__item {
        width: calc((100% / 3) - ((2 / 3) * 10px)); } }
    .sweepstakes-page__beauty-bundle__item img {
      padding: 0; }
    .sweepstakes-page__beauty-bundle__item p {
      color: #524D49;
      font-family: 'Montserrat Semibold';
      font-size: 15px;
      line-height: 1.2;
      padding: 0; }
      @media screen and (min-width: 768px) {
        .sweepstakes-page__beauty-bundle__item p {
          font-size: 18px; } }

.sweepstakes-page__bundle {
  background: white;
  margin-top: 20px;
  padding-top: 20px; }
  .sweepstakes-page__bundle h2 {
    font-weight: 900;
    display: block;
    font-size: 21px;
    line-height: 24px;
    font-family: 'Montserrat';
    font-weight: 700; }
    @media screen and (min-width: 768px) {
      .sweepstakes-page__bundle h2 {
        font-size: 22px;
        line-height: 28px; } }
  .sweepstakes-page__bundle__grid {
    display: flex;
    flex-flow: row wrap;
    gap: 20px 4px;
    max-width: 730px;
    margin: auto;
    justify-content: center; }
    @media screen and (min-width: 768px) {
      .sweepstakes-page__bundle__grid {
        gap: 20px 10px; } }
  .sweepstakes-page__bundle__item {
    width: calc(50% - ((1 / 2) * 4px)); }
    @media screen and (min-width: 768px) {
      .sweepstakes-page__bundle__item {
        width: calc((100% / 3) - ((2 / 3) * 10px)); } }
    .sweepstakes-page__bundle__item img {
      padding: 0; }
    .sweepstakes-page__bundle__item p {
      color: #524D49;
      font-family: 'Montserrat Semibold';
      font-size: 15px;
      line-height: 1.2;
      padding: 0; }
      @media screen and (min-width: 768px) {
        .sweepstakes-page__bundle__item p {
          font-size: 18px; } }
  .sweepstakes-page__bundle--confidence h2 {
    color: #05608D; }
  .sweepstakes-page__bundle--holidays {
    background: #fff; }
    .sweepstakes-page__bundle--holidays h2 {
      color: #BE5500; }
    .sweepstakes-page__bundle--holidays .sweepstakes-page__bundle__item {
      width: calc(50% - ((1 / 2) * 4px)); }
      @media screen and (min-width: 768px) {
        .sweepstakes-page__bundle--holidays .sweepstakes-page__bundle__item {
          width: calc((100% / 4) - ((3 / 4) * 10px)); } }
      @media screen and (min-width: 1000px) {
        .sweepstakes-page__bundle--holidays .sweepstakes-page__bundle__item {
          width: calc((100% / 4) - ((3 / 4) * 10px)); } }
  .sweepstakes-page__bundle--new-year {
    background: #FCF9F7;
    margin-top: 0; }
    .sweepstakes-page__bundle--new-year h2 {
      color: #FF7891; }
    .sweepstakes-page__bundle--new-year img {
      width: 100%;
      padding-top: 0; }
    .sweepstakes-page__bundle--new-year ul {
      margin-left: 0;
      padding-left: 0;
      padding-bottom: 30px; }
      .sweepstakes-page__bundle--new-year ul li {
        color: #524D49;
        list-style: none;
        font-family: 'Montserrat Semibold';
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 5px; }
        @media screen and (min-width: 768px) {
          .sweepstakes-page__bundle--new-year ul li {
            font-size: 18px; } }

.start-with-style > .container {
  max-width: 1120px; }
  @media screen and (max-width: 767px) {
    .start-with-style > .container {
      padding: 0; } }

.start-with-style img {
  max-width: 100%;
  margin: auto; }

.start-with-style .content-container {
  padding-top: 30px;
  background: #fff;
  max-width: 820px;
  display: flex;
  flex-flow: column nowrap;
  gap: 10px;
  text-align: center;
  margin: -66px auto 30px;
  position: relative;
  z-index: 1;
  padding-left: 15px;
  padding-right: 15px; }
  @media screen and (min-width: 768px) {
    .start-with-style .content-container {
      padding-left: 28px;
      padding-right: 28px;
      margin-top: -213px; } }

.start-with-style section:not(.earning-table) img {
  margin-bottom: 10px; }

@media screen and (max-width: 767px) {
  .start-with-style .earning-table {
    margin-left: -15px;
    margin-right: -15px; } }

.start-with-style p {
  color: #524D49;
  font-family: 'Montserrat';
  max-width: 575px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px; }

.start-with-style .btn {
  transform: translateY(-50%); }

#remerch h1 {
  font-family: 'Playfair Display';
  font-feature-settings: "lnum";
  font-weight: 700;
  font-size: 40px;
  line-height: 1.1;
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    #remerch h1 {
      font-size: 50px; }
      #remerch h1 br {
        display: none; } }

#remerch .container {
  max-width: 1344px;
  padding: 0; }

#remerch .btn-cta--black, #remerch .btn-cta--white {
  align-self: center;
  text-transform: uppercase; }

.remerch {
  position: relative; }
  .remerch img {
    max-width: 100%; }
  .remerch__intro {
    text-align: center;
    position: relative;
    padding: 50px 10px 30px;
    z-index: 1;
    display: flex;
    flex-flow: column nowrap;
    gap: 10px; }
    @media screen and (min-width: 768px) {
      .remerch__intro {
        padding: 50px 0 80px; } }
    .remerch__intro:before {
      content: '';
      background: #F7F7F7;
      position: absolute;
      top: 0;
      bottom: 0;
      width: 100vw;
      left: 50%;
      transform: translateX(-50%);
      z-index: -1; }
    .remerch__intro p {
      max-width: 950px;
      margin: auto;
      padding: 0 10px; }
  .remerch__slider {
    margin-top: 5px;
    margin-bottom: 40px; }
    @media screen and (min-width: 768px) {
      .remerch__slider {
        margin-bottom: 60px;
        margin-top: 20px; } }
    .remerch__slider a {
      padding: 0 2px; }
      .remerch__slider a img {
        display: block; }
    .remerch__slider .slick-slide {
      position: relative; }
      @media screen and (min-width: 768px) {
        .remerch__slider .slick-slide:before {
          content: '';
          position: absolute;
          display: block;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          opacity: .5;
          border: 0px solid #fff;
          transition: .25s ease all; }
        .remerch__slider .slick-slide:hover:before {
          opacity: 1;
          border-width: 10px; } }
    .remerch__slider .slick-prev, .remerch__slider .slick-next {
      opacity: 1;
      height: 30px;
      width: 30px; }
      .remerch__slider .slick-prev:before, .remerch__slider .slick-next:before {
        color: #000;
        font-size: 30px;
        font-family: 'Font Awesome 6 Pro';
        font-weight: 700; }
      .remerch__slider .slick-prev:hover:before, .remerch__slider .slick-next:hover:before {
        color: rgba(0, 0, 0, 0.9); }
    .remerch__slider .slick-prev {
      left: -35px; }
      .remerch__slider .slick-prev:before {
        content: '\f053'; }
    .remerch__slider .slick-next {
      right: -35px; }
      .remerch__slider .slick-next:before {
        content: '\f054'; }
    .remerch__slider .slick-dots li {
      margin: 0 2px; }
  @media screen and (min-width: 768px) {
    .remerch__content {
      padding-top: 80px; } }
  .remerch__section {
    margin-bottom: 40px; }
    @media screen and (min-width: 768px) {
      .remerch__section {
        margin-bottom: 80px; } }
    .remerch__section-intro {
      max-width: 1170px;
      margin: auto;
      position: relative; }
    .remerch__section-video {
      position: relative; }
      .remerch__section-video-overlay {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        flex-flow: column nowrap;
        gap: 10px;
        align-items: center; }
        @media screen and (min-width: 768px) {
          .remerch__section-video-overlay {
            top: 50%;
            transform: translate(-50%, -50%);
            bottom: auto; } }
    .remerch__section-description {
      max-width: 820px;
      padding: 0 30px;
      margin: 20px auto !important;
      text-align: center;
      letter-spacing: normal; }
    .remerch__section-grid {
      display: flex;
      flex-flow: row wrap;
      gap: 20px 4px; }
    .remerch__section-item {
      width: calc(100% / 2 - (1 / 2 * 4px));
      display: flex;
      flex-flow: column nowrap;
      gap: 10px; }
      @media screen and (min-width: 768px) {
        .remerch__section-item {
          width: calc(100% / 4 - (3 / 4 * 4px)); } }
      .remerch__section-item div {
        overflow: hidden;
        line-height: 0; }
      .remerch__section-item img {
        transition: .25s ease-in-out transform; }
      .remerch__section-item:hover img {
        transform: scale(1.05); }
      .remerch__section-item span {
        align-self: center;
        text-transform: uppercase; }
    .remerch__section .lockup {
      height: calc(85vw * 80 / 358);
      width: auto;
      max-width: 85vw; }
      @media screen and (min-width: 768px) {
        .remerch__section .lockup {
          height: 118px;
          max-width: 100%; } }
  .remerch__to-top {
    position: fixed;
    opacity: 0;
    bottom: 15%;
    right: 0;
    width: 55px;
    text-align: center;
    background: #fff;
    transition: opacity 0.3s ease;
    cursor: pointer;
    padding: 10px 5px;
    color: #000;
    border: none;
    border-top: 4px solid #000; }
    @media screen and (min-width: 768px) {
      .remerch__to-top {
        padding: 10px 11px; } }
    .remerch__to-top i {
      font-size: 22px; }
    .remerch__to-top span {
      margin-top: 0px;
      text-transform: uppercase;
      display: block;
      font-size: 0.625em;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal; }
      @media screen and (min-width: 768px) {
        .remerch__to-top span {
          margin-top: 10px; } }
    .remerch__to-top.show {
      opacity: 1; }

.nh-benefits .container {
  max-width: 1080px; }

.nh-benefits__intro {
  text-align: center; }
  .nh-benefits__intro img {
    max-width: 100%; }
  .nh-benefits__intro--mobile {
    margin-top: 20px;
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .nh-benefits__intro--mobile {
        margin-bottom: 0; } }
    .nh-benefits__intro--mobile img[src*='.svg'] {
      margin: auto; }
  .nh-benefits__intro--desktop {
    display: flex;
    flex-flow: row nowrap;
    gap: 0; }
    @media screen and (min-width: 768px) {
      .nh-benefits__intro--desktop {
        margin-top: 40px;
        margin-bottom: 40px; } }
    .nh-benefits__intro--desktop img {
      flex: 1 1 0;
      max-width: 32.15%; }
    .nh-benefits__intro--desktop img:nth-child(2) {
      max-width: 35.7%; }

.nh-benefits__content {
  margin: auto;
  text-align: center;
  padding: 0 10px; }
  .nh-benefits__content p {
    max-width: 530px;
    font-size: 17px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: normal;
    line-height: 1.5; }
    .nh-benefits__content p.blue {
      color: #2E405D;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 700;
      font-style: normal;
      font-size: 17px; }
  .nh-benefits__content img[src*='.svg'] {
    margin-bottom: 5px; }
  .nh-benefits__content .btn {
    margin-top: 5px; }
  .nh-benefits__content span.link {
    font-family: 'Montserrat';
    font-size: 14px;
    margin: 25px auto 40px;
    display: inline-block;
    color: #524D49; }
    .nh-benefits__content span.link a {
      color: #524D49; }

.nh-benefits__highlights {
  display: flex;
  flex-flow: row nowrap;
  gap: 4px;
  margin: 40px -25px; }
  @media screen and (min-width: 480px) {
    .nh-benefits__highlights {
      max-width: 530px;
      margin: 40px auto; } }

.nh-benefits__highlight {
  flex: 1 1 0; }
  .nh-benefits__highlight img {
    max-width: 100%; }

#single-post[data-font="spring2015"] {
  line-height: 24px;
  font-family: 'Archer SSm A', 'Archer SSm B', sans-serif;
  font-size: 16px; }
  #single-post[data-font="spring2015"] a {
    text-decoration: none; }
  #single-post[data-font="spring2015"] #blog_post .title {
    color: #443c40;
    font-family: 'Archer SSm A', 'Archer SSm B';
    font-weight: 700;
    line-height: 1em;
    margin: 0;
    font-size: 40pt;
    color: black;
    text-transform: uppercase; }
  @media (max-width: 767px) {
    #single-post[data-font="spring2015"] #blog_post .title {
      font-size: 1.5em; } }
  @media (max-width: 1329px) {
    #single-post[data-font="spring2015"] #blog_post .title {
      font-size: 2.4em; } }
  @media (min-width: 1330px) {
    #single-post[data-font="spring2015"] #blog_post .title {
      font-size: 2.8em; } }
  #single-post[data-font="spring2015"] #blog_post .title a {
    color: black; }
  @media (min-width: 1330px) {
    #single-post[data-font="spring2015"] #blog_post .age-text {
      font-size: 1.1em !important; } }
  @media (min-width: 1330px) {
    #single-post[data-font="spring2015"] #blog_post .age-text-50 {
      font-size: 1.1em !important; } }
  @media (max-width: 767px) {
    #single-post[data-font="spring2015"] #blog_post .age-text-50 {
      padding-right: 0px !important;
      padding-left: 0px !important; } }
  #single-post[data-font="spring2015"] #blog_post #side {
    float: left;
    margin-left: 0;
    padding-left: 10px; }
  #single-post[data-font="spring2015"] #blog_post #main {
    float: right !important;
    margin-left: auto;
    padding-right: 70px; }
  @media screen and (min-width: 768px) and (max-width: 1080px) {
    #single-post[data-font="spring2015"] #blog_post #main {
      padding-right: 0px !important; } }
  @media (max-width: 1329px) {
    #single-post[data-font="spring2015"] #blog_post #main {
      padding-right: 70px; } }
  @media (min-width: 1330px) {
    #single-post[data-font="spring2015"] #blog_post #main {
      padding-right: 100px; } }
  @media (max-width: 767px) {
    #single-post[data-font="spring2015"] #blog_post #side {
      display: inline-block;
      margin-top: 20px;
      width: 100%; }
    #single-post[data-font="spring2015"] #blog_post #main {
      float: none !important;
      margin-left: 0; } }
  #single-post[data-font="spring2015"] #blog_post .date {
    color: #443c40;
    font-size: 0.75em;
    text-transform: uppercase; }
  @media (max-width: 767px) {
    #single-post[data-font="spring2015"] #blog_post .date {
      font-size: 0.5em; } }
  #single-post[data-font="spring2015"] #blog_post .share {
    border-bottom: 1px solid #d9d8d7;
    color: #9d9599;
    font-size: 1.125em;
    margin-bottom: 12px;
    padding: 24px 0 48px;
    text-transform: uppercase; }
  #single-post[data-font="spring2015"] #blog_post .share * {
    vertical-align: middle; }
  #single-post[data-font="spring2015"] #blog_post .share ul {
    display: inline-block;
    margin: 0 0 0 4px; }
  #single-post[data-font="spring2015"] #blog_post .share li {
    width: auto; }
  @media (max-width: 767px) {
    #single-post[data-font="spring2015"] #blog_post .share {
      font-size: 0.875em;
      padding: 18px 0 12px; }
    #single-post[data-font="spring2015"] #blog_post .share .email {
      display: none; } }
  #single-post[data-font="spring2015"] #blog_post .content {
    clear: both; }
  @media (max-width: 767px) {
    #single-post[data-font="spring2015"] #blog_post .content {
      font-size: 0.8em; } }
  #single-post[data-font="spring2015"] #blog_post .content .entry-content {
    font-size: 18px;
    line-height: 1.33em; }
  @media (min-width: 768px) and (max-width: 1079px) {
    #single-post[data-font="spring2015"] #blog_post .content .entry-content {
      font-size: 15px; } }
  #single-post[data-font="spring2015"] #blog_post .content .entry-content .vc_row {
    margin: 20px 0;
    font-size: 16px; }
  #single-post[data-font="spring2015"] #blog_post .content .entry-content .vc_row * {
    margin: 0 0 1em; }
  #single-post[data-font="spring2015"] #blog_post .content .entry-content .vc_row a {
    color: #ec2c8c;
    text-decoration: underline; }
  #single-post[data-font="spring2015"] #blog_post .content .entry-content .vc_row img {
    margin-bottom: 0; }
  #single-post[data-font="spring2015"] #blog_post .content .entry-content .vc_row blockquote {
    margin: 0;
    font-size: 1.55em;
    line-height: 1.3em;
    font-family: 'Archer SSm A', 'Archer SSm B';
    font-style: italic; }
  #single-post[data-font="spring2015"] #blog_post .content .entry-content .vc_row h2 {
    font-size: 2.167em;
    color: black;
    margin: 0;
    line-height: 1em; }
  #single-post[data-font="spring2015"] #blog_post .content .entry-content .vc_row h3 {
    font-size: 2.5em;
    line-height: .93em;
    color: black;
    font-family: 'Archer SSm A', 'Archer SSm B';
    font-weight: 700;
    margin: 0;
    margin-bottom: .3em;
    letter-spacing: .75px; }
  #single-post[data-font="spring2015"] #blog_post .content .entry-content .vc_row h4 {
    font-size: 1.55em;
    font-family: 'Archer SSm A', 'Archer SSm B';
    font-weight: normal;
    line-height: 1.13em;
    margin: 0;
    margin-bottom: .2em; }
  #single-post[data-font="spring2015"] #blog_post .content .entry-content .vc_row h4 em {
    line-height: 1.3em; }
  #single-post[data-font="spring2015"] #blog_post .content .entry-content .vc_row h4 + p {
    margin-top: .5em; }
  #single-post[data-font="spring2015"] #blog_post .content .entry-content .vc_row img {
    width: 100%;
    height: auto; }
  #single-post[data-font="spring2015"] #blog_post .content .entry-content .vc_row small {
    font-size: .66em; }
  #single-post[data-font="spring2015"] #blog_post .content .entry-content .vc_row p > small {
    display: block;
    line-height: 1.5em; }
  #single-post[data-font="spring2015"] #blog_post .content .entry-content .vc_row .condensed {
    font-family: "ff-din-web-condensed";
    font-size: 1.65em;
    line-height: 1em; }
  #single-post[data-font="spring2015"] #blog_post .content .entry-content .vc_row .standout {
    font-size: 1.65em;
    line-height: 1.33em; }
  #single-post[data-font="spring2015"] #blog_post .content .entry-content .vc_row .shimmer {
    font-size: 1.5em;
    line-height: 1em;
    font-family: "shimmer_otbold"; }
  #single-post[data-font="spring2015"] #blog_post .content .entry-content .vc_row .uppercase {
    text-transform: uppercase; }
  #single-post[data-font="spring2015"] #blog_post .content .entry-content .vc_row .vc_column_container {
    margin-bottom: 0; }
  #single-post[data-font="spring2015"] #blog_post .content .entry-content .style-container {
    display: table; }
  #single-post[data-font="spring2015"] #blog_post .content .entry-content .style-container div {
    display: table-cell;
    margin: 0;
    width: 72px; }
  #single-post[data-font="spring2015"] #blog_post .content .entry-content .style-container p {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px; }
  #single-post[data-font="spring2015"] #blog_post .tagged {
    border-top: 1px solid #e0dddf;
    clear: both;
    color: #443c40;
    font-family: 'Archer SSm A', 'Archer SSm B', sans-serif;
    font-size: 1em;
    line-height: 1;
    margin: 12px 0 0;
    padding: 24px 0 42px;
    text-transform: uppercase; }
  #single-post[data-font="spring2015"] #blog_post .tagged a {
    color: #9d9599;
    text-decoration: underline; }
  @media (max-width: 767px) {
    #single-post[data-font="spring2015"] #blog_post .tagged {
      font-size: 0.5em; } }
  #single-post[data-font="spring2015"] #blog_post #disqus_thread {
    background: #fefefe;
    padding: 16px; }
    #single-post[data-font="spring2015"] #blog_post #disqus_thread::after {
      clear: both;
      content: "";
      display: table; }
  #single-post[data-font="spring2015"] #blog_post .content .img {
    display: block;
    margin-bottom: 1.5em;
    width: 50%; }
  #single-post[data-font="spring2015"] .orbit-wrapper.default .orbit-caption {
    background: url(http://www.cabionline.com/wp-content/themes/cabi_fall_2013/stylesheets/less/../css/bg-transparent.png) repeat;
    z-index: 1000;
    color: #fff;
    text-align: center;
    padding: 7px 0;
    font-size: 13px;
    position: absolute;
    top: 0 !important;
    width: 50% !important;
    text-align: justify;
    left: 50%; }
  @media (max-width: 769px) {
    #single-post[data-font="spring2015"] .orbit-wrapper.default .orbit-caption {
      position: relative !important;
      left: 0;
      width: 100% !important; }
    #single-post[data-font="spring2015"] #blog_post .content .img {
      display: block;
      margin-bottom: 1.5em;
      width: 100%; } }

#single-post[data-font="fall2015"] {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 600;
  font-style: normal; }
  #single-post[data-font="fall2015"] .title {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 400;
    font-style: italic;
    font-size: 3em;
    line-height: 100%;
    letter-spacing: -0.05em; }
  #single-post[data-font="fall2015"] div.date {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 400;
    font-style: italic;
    margin-top: 10px; }
  #single-post[data-font="fall2015"] .share {
    margin: 10px 0px 20px;
    display: table; }
    #single-post[data-font="fall2015"] .share span {
      display: table-cell;
      vertical-align: middle;
      padding-right: .5em; }
    #single-post[data-font="fall2015"] .share social-share-buttons {
      font-size: .85em; }
      #single-post[data-font="fall2015"] .share social-share-buttons .b-social-link_mail,
      #single-post[data-font="fall2015"] .share social-share-buttons .b-social-share-link {
        margin-bottom: 0; }
  #single-post[data-font="fall2015"] h2 a, #single-post[data-font="fall2015"] h3 a, #single-post[data-font="fall2015"] h4 a {
    text-decoration: none; }
  #single-post[data-font="fall2015"] #blog_post .content .entry-content h1 a, #single-post[data-font="fall2015"] #blog_post .content .entry-content h2 a, #single-post[data-font="fall2015"] #blog_post .content .entry-content h3 a, #single-post[data-font="fall2015"] #blog_post .content .entry-content h4 a, #single-post[data-font="fall2015"] #blog_post .content .entry-content h5 a, #single-post[data-font="fall2015"] #blog_post .content .entry-content h6 a {
    text-decoration: none; }
  #single-post[data-font="fall2015"] #blog_post .content .entry-content img.aligncenter {
    display: block;
    margin: 0 auto; }
  #single-post[data-font="fall2015"] #blog_post .content .entry-content .vc_row .vc_column_container.no-margin {
    margin-bottom: -35px; }
  #single-post[data-font="fall2015"] #blog_post .content .entry-content .vc_row small {
    font-size: .66em; }
  #single-post[data-font="fall2015"] #blog_post .content .entry-content .vc_row p > small {
    display: block;
    line-height: 1.5em; }
  #single-post[data-font="fall2015"] #blog_post .content .entry-content .vc_row h1 {
    font-size: 3.75em;
    line-height: 1em;
    display: block; }
  #single-post[data-font="fall2015"] #blog_post .content .entry-content .vc_row h2 {
    font-size: 2.75em;
    line-height: 1em;
    display: block; }
  #single-post[data-font="fall2015"] #blog_post .content .entry-content .vc_row h3 {
    font-size: 1.75em;
    line-height: 1em;
    display: block; }
  #single-post[data-font="fall2015"] #blog_post .content .entry-content .vc_row h4 {
    font-size: 1.25em;
    line-height: 1em;
    display: block; }
  #single-post[data-font="fall2015"] #blog_post .content .entry-content .vc_row h5 {
    font-size: 1em;
    line-height: 1em;
    display: block; }
  #single-post[data-font="fall2015"] #blog_post .content .entry-content .vc_row h6 {
    font-size: 0.875em;
    line-height: 1em;
    display: block; }
  #single-post[data-font="fall2015"] #blog_post .content .entry-content .style-container {
    display: table; }
    #single-post[data-font="fall2015"] #blog_post .content .entry-content .style-container div {
      display: table-cell;
      margin: 0;
      width: 72px; }
    #single-post[data-font="fall2015"] #blog_post .content .entry-content .style-container p {
      display: table-cell;
      vertical-align: middle;
      padding-left: 20px; }

.bootstrap {
  /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
  /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ }
  .bootstrap html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; }
  .bootstrap body {
    margin: 0; }
  .bootstrap article,
  .bootstrap aside,
  .bootstrap details,
  .bootstrap figcaption,
  .bootstrap figure,
  .bootstrap footer,
  .bootstrap header,
  .bootstrap hgroup,
  .bootstrap main,
  .bootstrap menu,
  .bootstrap nav,
  .bootstrap section,
  .bootstrap summary {
    display: block; }
  .bootstrap audio,
  .bootstrap canvas,
  .bootstrap progress,
  .bootstrap video {
    display: inline-block;
    vertical-align: baseline; }
  .bootstrap audio:not([controls]) {
    display: none;
    height: 0; }
  .bootstrap [hidden],
  .bootstrap template {
    display: none; }
  .bootstrap a {
    background-color: transparent; }
  .bootstrap a:active,
  .bootstrap a:hover {
    outline: 0; }
  .bootstrap abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted; }
  .bootstrap b,
  .bootstrap strong {
    font-weight: bold; }
  .bootstrap dfn {
    font-style: italic; }
  .bootstrap h1 {
    font-size: 2em;
    margin: 0.67em 0; }
  .bootstrap mark {
    background: #ff0;
    color: #000; }
  .bootstrap small {
    font-size: 80%; }
  .bootstrap sub,
  .bootstrap sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  .bootstrap sup {
    top: -0.5em; }
  .bootstrap sub {
    bottom: -0.25em; }
  .bootstrap img {
    border: 0; }
  .bootstrap svg:not(:root) {
    overflow: hidden; }
  .bootstrap figure {
    margin: 1em 40px; }
  .bootstrap hr {
    box-sizing: content-box;
    height: 0; }
  .bootstrap pre {
    overflow: auto; }
  .bootstrap code,
  .bootstrap kbd,
  .bootstrap pre,
  .bootstrap samp {
    font-family: monospace, monospace;
    font-size: 1em; }
  .bootstrap button,
  .bootstrap input,
  .bootstrap optgroup,
  .bootstrap select,
  .bootstrap textarea {
    color: inherit;
    font: inherit;
    margin: 0; }
  .bootstrap button {
    overflow: visible; }
  .bootstrap button,
  .bootstrap select {
    text-transform: none; }
  .bootstrap button,
  .bootstrap html input[type="button"],
  .bootstrap input[type="reset"],
  .bootstrap input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer; }
  .bootstrap button[disabled],
  .bootstrap html input[disabled] {
    cursor: default; }
  .bootstrap button::-moz-focus-inner,
  .bootstrap input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .bootstrap input {
    line-height: normal; }
  .bootstrap input[type="checkbox"],
  .bootstrap input[type="radio"] {
    box-sizing: border-box;
    padding: 0; }
  .bootstrap input[type="number"]::-webkit-inner-spin-button,
  .bootstrap input[type="number"]::-webkit-outer-spin-button {
    height: auto; }
  .bootstrap input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box; }
  .bootstrap input[type="search"]::-webkit-search-cancel-button,
  .bootstrap input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }
  .bootstrap fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em; }
  .bootstrap legend {
    border: 0;
    padding: 0; }
  .bootstrap textarea {
    overflow: auto; }
  .bootstrap optgroup {
    font-weight: bold; }
  .bootstrap table {
    border-collapse: collapse;
    border-spacing: 0; }
  .bootstrap td,
  .bootstrap th {
    padding: 0; }
  @media print {
    .bootstrap *,
    .bootstrap *:before,
    .bootstrap *:after {
      color: #000 !important;
      text-shadow: none !important;
      background: transparent !important;
      box-shadow: none !important; }
    .bootstrap a,
    .bootstrap a:visited {
      text-decoration: underline; }
    .bootstrap a[href]:after {
      content: " (" attr(href) ")"; }
    .bootstrap abbr[title]:after {
      content: " (" attr(title) ")"; }
    .bootstrap a[href^="#"]:after,
    .bootstrap a[href^="javascript:"]:after {
      content: ""; }
    .bootstrap pre,
    .bootstrap blockquote {
      border: 1px solid #999;
      page-break-inside: avoid; }
    .bootstrap thead {
      display: table-header-group; }
    .bootstrap tr,
    .bootstrap img {
      page-break-inside: avoid; }
    .bootstrap img {
      max-width: 100% !important; }
    .bootstrap p,
    .bootstrap h2,
    .bootstrap h3 {
      orphans: 3;
      widows: 3; }
    .bootstrap h2,
    .bootstrap h3 {
      page-break-after: avoid; }
    .bootstrap .navbar {
      display: none; }
    .bootstrap .btn > .caret,
    .bootstrap .dropup > .btn > .caret {
      border-top-color: #000 !important; }
    .bootstrap .label {
      border: 1px solid #000; }
    .bootstrap .table {
      border-collapse: collapse !important; }
      .bootstrap .table td,
      .bootstrap .table th {
        background-color: #fff !important; }
    .bootstrap .table-bordered th,
    .bootstrap .table-bordered td {
      border: 1px solid #ddd !important; } }

@font-face {
  font-family: "Glyphicons Halflings";
  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot");
  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }
  .bootstrap .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .bootstrap .glyphicon-asterisk:before {
    content: "\002a"; }
  .bootstrap .glyphicon-plus:before {
    content: "\002b"; }
  .bootstrap .glyphicon-euro:before,
  .bootstrap .glyphicon-eur:before {
    content: "\20ac"; }
  .bootstrap .glyphicon-minus:before {
    content: "\2212"; }
  .bootstrap .glyphicon-cloud:before {
    content: "\2601"; }
  .bootstrap .glyphicon-envelope:before {
    content: "\2709"; }
  .bootstrap .glyphicon-pencil:before {
    content: "\270f"; }
  .bootstrap .glyphicon-glass:before {
    content: "\e001"; }
  .bootstrap .glyphicon-music:before {
    content: "\e002"; }
  .bootstrap .glyphicon-search:before {
    content: "\e003"; }
  .bootstrap .glyphicon-heart:before {
    content: "\e005"; }
  .bootstrap .glyphicon-star:before {
    content: "\e006"; }
  .bootstrap .glyphicon-star-empty:before {
    content: "\e007"; }
  .bootstrap .glyphicon-user:before {
    content: "\e008"; }
  .bootstrap .glyphicon-film:before {
    content: "\e009"; }
  .bootstrap .glyphicon-th-large:before {
    content: "\e010"; }
  .bootstrap .glyphicon-th:before {
    content: "\e011"; }
  .bootstrap .glyphicon-th-list:before {
    content: "\e012"; }
  .bootstrap .glyphicon-ok:before {
    content: "\e013"; }
  .bootstrap .glyphicon-remove:before {
    content: "\e014"; }
  .bootstrap .glyphicon-zoom-in:before {
    content: "\e015"; }
  .bootstrap .glyphicon-zoom-out:before {
    content: "\e016"; }
  .bootstrap .glyphicon-off:before {
    content: "\e017"; }
  .bootstrap .glyphicon-signal:before {
    content: "\e018"; }
  .bootstrap .glyphicon-cog:before {
    content: "\e019"; }
  .bootstrap .glyphicon-trash:before {
    content: "\e020"; }
  .bootstrap .glyphicon-home:before {
    content: "\e021"; }
  .bootstrap .glyphicon-file:before {
    content: "\e022"; }
  .bootstrap .glyphicon-time:before {
    content: "\e023"; }
  .bootstrap .glyphicon-road:before {
    content: "\e024"; }
  .bootstrap .glyphicon-download-alt:before {
    content: "\e025"; }
  .bootstrap .glyphicon-download:before {
    content: "\e026"; }
  .bootstrap .glyphicon-upload:before {
    content: "\e027"; }
  .bootstrap .glyphicon-inbox:before {
    content: "\e028"; }
  .bootstrap .glyphicon-play-circle:before {
    content: "\e029"; }
  .bootstrap .glyphicon-repeat:before {
    content: "\e030"; }
  .bootstrap .glyphicon-refresh:before {
    content: "\e031"; }
  .bootstrap .glyphicon-list-alt:before {
    content: "\e032"; }
  .bootstrap .glyphicon-lock:before {
    content: "\e033"; }
  .bootstrap .glyphicon-flag:before {
    content: "\e034"; }
  .bootstrap .glyphicon-headphones:before {
    content: "\e035"; }
  .bootstrap .glyphicon-volume-off:before {
    content: "\e036"; }
  .bootstrap .glyphicon-volume-down:before {
    content: "\e037"; }
  .bootstrap .glyphicon-volume-up:before {
    content: "\e038"; }
  .bootstrap .glyphicon-qrcode:before {
    content: "\e039"; }
  .bootstrap .glyphicon-barcode:before {
    content: "\e040"; }
  .bootstrap .glyphicon-tag:before {
    content: "\e041"; }
  .bootstrap .glyphicon-tags:before {
    content: "\e042"; }
  .bootstrap .glyphicon-book:before {
    content: "\e043"; }
  .bootstrap .glyphicon-bookmark:before {
    content: "\e044"; }
  .bootstrap .glyphicon-print:before {
    content: "\e045"; }
  .bootstrap .glyphicon-camera:before {
    content: "\e046"; }
  .bootstrap .glyphicon-font:before {
    content: "\e047"; }
  .bootstrap .glyphicon-bold:before {
    content: "\e048"; }
  .bootstrap .glyphicon-italic:before {
    content: "\e049"; }
  .bootstrap .glyphicon-text-height:before {
    content: "\e050"; }
  .bootstrap .glyphicon-text-width:before {
    content: "\e051"; }
  .bootstrap .glyphicon-align-left:before {
    content: "\e052"; }
  .bootstrap .glyphicon-align-center:before {
    content: "\e053"; }
  .bootstrap .glyphicon-align-right:before {
    content: "\e054"; }
  .bootstrap .glyphicon-align-justify:before {
    content: "\e055"; }
  .bootstrap .glyphicon-list:before {
    content: "\e056"; }
  .bootstrap .glyphicon-indent-left:before {
    content: "\e057"; }
  .bootstrap .glyphicon-indent-right:before {
    content: "\e058"; }
  .bootstrap .glyphicon-facetime-video:before {
    content: "\e059"; }
  .bootstrap .glyphicon-picture:before {
    content: "\e060"; }
  .bootstrap .glyphicon-map-marker:before {
    content: "\e062"; }
  .bootstrap .glyphicon-adjust:before {
    content: "\e063"; }
  .bootstrap .glyphicon-tint:before {
    content: "\e064"; }
  .bootstrap .glyphicon-edit:before {
    content: "\e065"; }
  .bootstrap .glyphicon-share:before {
    content: "\e066"; }
  .bootstrap .glyphicon-check:before {
    content: "\e067"; }
  .bootstrap .glyphicon-move:before {
    content: "\e068"; }
  .bootstrap .glyphicon-step-backward:before {
    content: "\e069"; }
  .bootstrap .glyphicon-fast-backward:before {
    content: "\e070"; }
  .bootstrap .glyphicon-backward:before {
    content: "\e071"; }
  .bootstrap .glyphicon-play:before {
    content: "\e072"; }
  .bootstrap .glyphicon-pause:before {
    content: "\e073"; }
  .bootstrap .glyphicon-stop:before {
    content: "\e074"; }
  .bootstrap .glyphicon-forward:before {
    content: "\e075"; }
  .bootstrap .glyphicon-fast-forward:before {
    content: "\e076"; }
  .bootstrap .glyphicon-step-forward:before {
    content: "\e077"; }
  .bootstrap .glyphicon-eject:before {
    content: "\e078"; }
  .bootstrap .glyphicon-chevron-left:before {
    content: "\e079"; }
  .bootstrap .glyphicon-chevron-right:before {
    content: "\e080"; }
  .bootstrap .glyphicon-plus-sign:before {
    content: "\e081"; }
  .bootstrap .glyphicon-minus-sign:before {
    content: "\e082"; }
  .bootstrap .glyphicon-remove-sign:before {
    content: "\e083"; }
  .bootstrap .glyphicon-ok-sign:before {
    content: "\e084"; }
  .bootstrap .glyphicon-question-sign:before {
    content: "\e085"; }
  .bootstrap .glyphicon-info-sign:before {
    content: "\e086"; }
  .bootstrap .glyphicon-screenshot:before {
    content: "\e087"; }
  .bootstrap .glyphicon-remove-circle:before {
    content: "\e088"; }
  .bootstrap .glyphicon-ok-circle:before {
    content: "\e089"; }
  .bootstrap .glyphicon-ban-circle:before {
    content: "\e090"; }
  .bootstrap .glyphicon-arrow-left:before {
    content: "\e091"; }
  .bootstrap .glyphicon-arrow-right:before {
    content: "\e092"; }
  .bootstrap .glyphicon-arrow-up:before {
    content: "\e093"; }
  .bootstrap .glyphicon-arrow-down:before {
    content: "\e094"; }
  .bootstrap .glyphicon-share-alt:before {
    content: "\e095"; }
  .bootstrap .glyphicon-resize-full:before {
    content: "\e096"; }
  .bootstrap .glyphicon-resize-small:before {
    content: "\e097"; }
  .bootstrap .glyphicon-exclamation-sign:before {
    content: "\e101"; }
  .bootstrap .glyphicon-gift:before {
    content: "\e102"; }
  .bootstrap .glyphicon-leaf:before {
    content: "\e103"; }
  .bootstrap .glyphicon-fire:before {
    content: "\e104"; }
  .bootstrap .glyphicon-eye-open:before {
    content: "\e105"; }
  .bootstrap .glyphicon-eye-close:before {
    content: "\e106"; }
  .bootstrap .glyphicon-warning-sign:before {
    content: "\e107"; }
  .bootstrap .glyphicon-plane:before {
    content: "\e108"; }
  .bootstrap .glyphicon-calendar:before {
    content: "\e109"; }
  .bootstrap .glyphicon-random:before {
    content: "\e110"; }
  .bootstrap .glyphicon-comment:before {
    content: "\e111"; }
  .bootstrap .glyphicon-magnet:before {
    content: "\e112"; }
  .bootstrap .glyphicon-chevron-up:before {
    content: "\e113"; }
  .bootstrap .glyphicon-chevron-down:before {
    content: "\e114"; }
  .bootstrap .glyphicon-retweet:before {
    content: "\e115"; }
  .bootstrap .glyphicon-shopping-cart:before {
    content: "\e116"; }
  .bootstrap .glyphicon-folder-close:before {
    content: "\e117"; }
  .bootstrap .glyphicon-folder-open:before {
    content: "\e118"; }
  .bootstrap .glyphicon-resize-vertical:before {
    content: "\e119"; }
  .bootstrap .glyphicon-resize-horizontal:before {
    content: "\e120"; }
  .bootstrap .glyphicon-hdd:before {
    content: "\e121"; }
  .bootstrap .glyphicon-bullhorn:before {
    content: "\e122"; }
  .bootstrap .glyphicon-bell:before {
    content: "\e123"; }
  .bootstrap .glyphicon-certificate:before {
    content: "\e124"; }
  .bootstrap .glyphicon-thumbs-up:before {
    content: "\e125"; }
  .bootstrap .glyphicon-thumbs-down:before {
    content: "\e126"; }
  .bootstrap .glyphicon-hand-right:before {
    content: "\e127"; }
  .bootstrap .glyphicon-hand-left:before {
    content: "\e128"; }
  .bootstrap .glyphicon-hand-up:before {
    content: "\e129"; }
  .bootstrap .glyphicon-hand-down:before {
    content: "\e130"; }
  .bootstrap .glyphicon-circle-arrow-right:before {
    content: "\e131"; }
  .bootstrap .glyphicon-circle-arrow-left:before {
    content: "\e132"; }
  .bootstrap .glyphicon-circle-arrow-up:before {
    content: "\e133"; }
  .bootstrap .glyphicon-circle-arrow-down:before {
    content: "\e134"; }
  .bootstrap .glyphicon-globe:before {
    content: "\e135"; }
  .bootstrap .glyphicon-wrench:before {
    content: "\e136"; }
  .bootstrap .glyphicon-tasks:before {
    content: "\e137"; }
  .bootstrap .glyphicon-filter:before {
    content: "\e138"; }
  .bootstrap .glyphicon-briefcase:before {
    content: "\e139"; }
  .bootstrap .glyphicon-fullscreen:before {
    content: "\e140"; }
  .bootstrap .glyphicon-dashboard:before {
    content: "\e141"; }
  .bootstrap .glyphicon-paperclip:before {
    content: "\e142"; }
  .bootstrap .glyphicon-heart-empty:before {
    content: "\e143"; }
  .bootstrap .glyphicon-link:before {
    content: "\e144"; }
  .bootstrap .glyphicon-phone:before {
    content: "\e145"; }
  .bootstrap .glyphicon-pushpin:before {
    content: "\e146"; }
  .bootstrap .glyphicon-usd:before {
    content: "\e148"; }
  .bootstrap .glyphicon-gbp:before {
    content: "\e149"; }
  .bootstrap .glyphicon-sort:before {
    content: "\e150"; }
  .bootstrap .glyphicon-sort-by-alphabet:before {
    content: "\e151"; }
  .bootstrap .glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"; }
  .bootstrap .glyphicon-sort-by-order:before {
    content: "\e153"; }
  .bootstrap .glyphicon-sort-by-order-alt:before {
    content: "\e154"; }
  .bootstrap .glyphicon-sort-by-attributes:before {
    content: "\e155"; }
  .bootstrap .glyphicon-sort-by-attributes-alt:before {
    content: "\e156"; }
  .bootstrap .glyphicon-unchecked:before {
    content: "\e157"; }
  .bootstrap .glyphicon-expand:before {
    content: "\e158"; }
  .bootstrap .glyphicon-collapse-down:before {
    content: "\e159"; }
  .bootstrap .glyphicon-collapse-up:before {
    content: "\e160"; }
  .bootstrap .glyphicon-log-in:before {
    content: "\e161"; }
  .bootstrap .glyphicon-flash:before {
    content: "\e162"; }
  .bootstrap .glyphicon-log-out:before {
    content: "\e163"; }
  .bootstrap .glyphicon-new-window:before {
    content: "\e164"; }
  .bootstrap .glyphicon-record:before {
    content: "\e165"; }
  .bootstrap .glyphicon-save:before {
    content: "\e166"; }
  .bootstrap .glyphicon-open:before {
    content: "\e167"; }
  .bootstrap .glyphicon-saved:before {
    content: "\e168"; }
  .bootstrap .glyphicon-import:before {
    content: "\e169"; }
  .bootstrap .glyphicon-export:before {
    content: "\e170"; }
  .bootstrap .glyphicon-send:before {
    content: "\e171"; }
  .bootstrap .glyphicon-floppy-disk:before {
    content: "\e172"; }
  .bootstrap .glyphicon-floppy-saved:before {
    content: "\e173"; }
  .bootstrap .glyphicon-floppy-remove:before {
    content: "\e174"; }
  .bootstrap .glyphicon-floppy-save:before {
    content: "\e175"; }
  .bootstrap .glyphicon-floppy-open:before {
    content: "\e176"; }
  .bootstrap .glyphicon-credit-card:before {
    content: "\e177"; }
  .bootstrap .glyphicon-transfer:before {
    content: "\e178"; }
  .bootstrap .glyphicon-cutlery:before {
    content: "\e179"; }
  .bootstrap .glyphicon-header:before {
    content: "\e180"; }
  .bootstrap .glyphicon-compressed:before {
    content: "\e181"; }
  .bootstrap .glyphicon-earphone:before {
    content: "\e182"; }
  .bootstrap .glyphicon-phone-alt:before {
    content: "\e183"; }
  .bootstrap .glyphicon-tower:before {
    content: "\e184"; }
  .bootstrap .glyphicon-stats:before {
    content: "\e185"; }
  .bootstrap .glyphicon-sd-video:before {
    content: "\e186"; }
  .bootstrap .glyphicon-hd-video:before {
    content: "\e187"; }
  .bootstrap .glyphicon-subtitles:before {
    content: "\e188"; }
  .bootstrap .glyphicon-sound-stereo:before {
    content: "\e189"; }
  .bootstrap .glyphicon-sound-dolby:before {
    content: "\e190"; }
  .bootstrap .glyphicon-sound-5-1:before {
    content: "\e191"; }
  .bootstrap .glyphicon-sound-6-1:before {
    content: "\e192"; }
  .bootstrap .glyphicon-sound-7-1:before {
    content: "\e193"; }
  .bootstrap .glyphicon-copyright-mark:before {
    content: "\e194"; }
  .bootstrap .glyphicon-registration-mark:before {
    content: "\e195"; }
  .bootstrap .glyphicon-cloud-download:before {
    content: "\e197"; }
  .bootstrap .glyphicon-cloud-upload:before {
    content: "\e198"; }
  .bootstrap .glyphicon-tree-conifer:before {
    content: "\e199"; }
  .bootstrap .glyphicon-tree-deciduous:before {
    content: "\e200"; }
  .bootstrap .glyphicon-cd:before {
    content: "\e201"; }
  .bootstrap .glyphicon-save-file:before {
    content: "\e202"; }
  .bootstrap .glyphicon-open-file:before {
    content: "\e203"; }
  .bootstrap .glyphicon-level-up:before {
    content: "\e204"; }
  .bootstrap .glyphicon-copy:before {
    content: "\e205"; }
  .bootstrap .glyphicon-paste:before {
    content: "\e206"; }
  .bootstrap .glyphicon-alert:before {
    content: "\e209"; }
  .bootstrap .glyphicon-equalizer:before {
    content: "\e210"; }
  .bootstrap .glyphicon-king:before {
    content: "\e211"; }
  .bootstrap .glyphicon-queen:before {
    content: "\e212"; }
  .bootstrap .glyphicon-pawn:before {
    content: "\e213"; }
  .bootstrap .glyphicon-bishop:before {
    content: "\e214"; }
  .bootstrap .glyphicon-knight:before {
    content: "\e215"; }
  .bootstrap .glyphicon-baby-formula:before {
    content: "\e216"; }
  .bootstrap .glyphicon-tent:before {
    content: "\26fa"; }
  .bootstrap .glyphicon-blackboard:before {
    content: "\e218"; }
  .bootstrap .glyphicon-bed:before {
    content: "\e219"; }
  .bootstrap .glyphicon-apple:before {
    content: "\f8ff"; }
  .bootstrap .glyphicon-erase:before {
    content: "\e221"; }
  .bootstrap .glyphicon-hourglass:before {
    content: "\231b"; }
  .bootstrap .glyphicon-lamp:before {
    content: "\e223"; }
  .bootstrap .glyphicon-duplicate:before {
    content: "\e224"; }
  .bootstrap .glyphicon-piggy-bank:before {
    content: "\e225"; }
  .bootstrap .glyphicon-scissors:before {
    content: "\e226"; }
  .bootstrap .glyphicon-bitcoin:before {
    content: "\e227"; }
  .bootstrap .glyphicon-btc:before {
    content: "\e227"; }
  .bootstrap .glyphicon-xbt:before {
    content: "\e227"; }
  .bootstrap .glyphicon-yen:before {
    content: "\00a5"; }
  .bootstrap .glyphicon-jpy:before {
    content: "\00a5"; }
  .bootstrap .glyphicon-ruble:before {
    content: "\20bd"; }
  .bootstrap .glyphicon-rub:before {
    content: "\20bd"; }
  .bootstrap .glyphicon-scale:before {
    content: "\e230"; }
  .bootstrap .glyphicon-ice-lolly:before {
    content: "\e231"; }
  .bootstrap .glyphicon-ice-lolly-tasted:before {
    content: "\e232"; }
  .bootstrap .glyphicon-education:before {
    content: "\e233"; }
  .bootstrap .glyphicon-option-horizontal:before {
    content: "\e234"; }
  .bootstrap .glyphicon-option-vertical:before {
    content: "\e235"; }
  .bootstrap .glyphicon-menu-hamburger:before {
    content: "\e236"; }
  .bootstrap .glyphicon-modal-window:before {
    content: "\e237"; }
  .bootstrap .glyphicon-oil:before {
    content: "\e238"; }
  .bootstrap .glyphicon-grain:before {
    content: "\e239"; }
  .bootstrap .glyphicon-sunglasses:before {
    content: "\e240"; }
  .bootstrap .glyphicon-text-size:before {
    content: "\e241"; }
  .bootstrap .glyphicon-text-color:before {
    content: "\e242"; }
  .bootstrap .glyphicon-text-background:before {
    content: "\e243"; }
  .bootstrap .glyphicon-object-align-top:before {
    content: "\e244"; }
  .bootstrap .glyphicon-object-align-bottom:before {
    content: "\e245"; }
  .bootstrap .glyphicon-object-align-horizontal:before {
    content: "\e246"; }
  .bootstrap .glyphicon-object-align-left:before {
    content: "\e247"; }
  .bootstrap .glyphicon-object-align-vertical:before {
    content: "\e248"; }
  .bootstrap .glyphicon-object-align-right:before {
    content: "\e249"; }
  .bootstrap .glyphicon-triangle-right:before {
    content: "\e250"; }
  .bootstrap .glyphicon-triangle-left:before {
    content: "\e251"; }
  .bootstrap .glyphicon-triangle-bottom:before {
    content: "\e252"; }
  .bootstrap .glyphicon-triangle-top:before {
    content: "\e253"; }
  .bootstrap .glyphicon-console:before {
    content: "\e254"; }
  .bootstrap .glyphicon-superscript:before {
    content: "\e255"; }
  .bootstrap .glyphicon-subscript:before {
    content: "\e256"; }
  .bootstrap .glyphicon-menu-left:before {
    content: "\e257"; }
  .bootstrap .glyphicon-menu-right:before {
    content: "\e258"; }
  .bootstrap .glyphicon-menu-down:before {
    content: "\e259"; }
  .bootstrap .glyphicon-menu-up:before {
    content: "\e260"; }
  .bootstrap * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .bootstrap *:before,
  .bootstrap *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .bootstrap html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .bootstrap body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333333;
    background-color: #fff; }
  .bootstrap input,
  .bootstrap button,
  .bootstrap select,
  .bootstrap textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit; }
  .bootstrap a {
    color: #337ab7;
    text-decoration: none; }
    .bootstrap a:hover, .bootstrap a:focus {
      color: #23527c;
      text-decoration: underline; }
    .bootstrap a:focus {
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
  .bootstrap figure {
    margin: 0; }
  .bootstrap img {
    vertical-align: middle; }
  .bootstrap .img-responsive {
    display: block;
    max-width: 100%;
    height: auto; }
  .bootstrap .img-rounded {
    border-radius: 6px; }
  .bootstrap .img-thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto; }
  .bootstrap .img-circle {
    border-radius: 50%; }
  .bootstrap hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee; }
  .bootstrap .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  .bootstrap .sr-only-focusable:active, .bootstrap .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto; }
  .bootstrap [role="button"] {
    cursor: pointer; }
  .bootstrap code,
  .bootstrap kbd,
  .bootstrap pre,
  .bootstrap samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
  .bootstrap code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px; }
  .bootstrap kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
    .bootstrap kbd kbd {
      padding: 0;
      font-size: 100%;
      font-weight: 700;
      box-shadow: none; }
  .bootstrap pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #333333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px; }
    .bootstrap pre code {
      padding: 0;
      font-size: inherit;
      color: inherit;
      white-space: pre-wrap;
      background-color: transparent;
      border-radius: 0; }
  .bootstrap .pre-scrollable {
    max-height: 340px;
    overflow-y: scroll; }
  .bootstrap .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; }
    .bootstrap .container:before, .bootstrap .container:after {
      display: table;
      content: " "; }
    .bootstrap .container:after {
      clear: both; }
    @media (min-width: 768px) {
      .bootstrap .container {
        width: 750px; } }
    @media (min-width: 992px) {
      .bootstrap .container {
        width: 970px; } }
    @media (min-width: 1200px) {
      .bootstrap .container {
        width: 1170px; } }
  .bootstrap .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; }
    .bootstrap .container-fluid:before, .bootstrap .container-fluid:after {
      display: table;
      content: " "; }
    .bootstrap .container-fluid:after {
      clear: both; }
  .bootstrap .row {
    margin-right: -15px;
    margin-left: -15px; }
    .bootstrap .row:before, .bootstrap .row:after {
      display: table;
      content: " "; }
    .bootstrap .row:after {
      clear: both; }
  .bootstrap .row-no-gutters {
    margin-right: 0;
    margin-left: 0; }
    .bootstrap .row-no-gutters [class*="col-"] {
      padding-right: 0;
      padding-left: 0; }
  .bootstrap .col-xs-1, .bootstrap .col-sm-1, .bootstrap .col-md-1, .bootstrap .col-lg-1, .bootstrap .col-xs-2, .bootstrap .col-sm-2, .bootstrap .col-md-2, .bootstrap .col-lg-2, .bootstrap .col-xs-3, .bootstrap .col-sm-3, .bootstrap .col-md-3, .bootstrap .col-lg-3, .bootstrap .col-xs-4, .bootstrap .col-sm-4, .bootstrap .col-md-4, .bootstrap .col-lg-4, .bootstrap .col-xs-5, .bootstrap .col-sm-5, .bootstrap .col-md-5, .bootstrap .col-lg-5, .bootstrap .col-xs-6, .bootstrap .col-sm-6, .bootstrap .col-md-6, .bootstrap .col-lg-6, .bootstrap .col-xs-7, .bootstrap .col-sm-7, .bootstrap .col-md-7, .bootstrap .col-lg-7, .bootstrap .col-xs-8, .bootstrap .col-sm-8, .bootstrap .col-md-8, .bootstrap .col-lg-8, .bootstrap .col-xs-9, .bootstrap .col-sm-9, .bootstrap .col-md-9, .bootstrap .col-lg-9, .bootstrap .col-xs-10, .bootstrap .col-sm-10, .bootstrap .col-md-10, .bootstrap .col-lg-10, .bootstrap .col-xs-11, .bootstrap .col-sm-11, .bootstrap .col-md-11, .bootstrap .col-lg-11, .bootstrap .col-xs-12, .bootstrap .col-sm-12, .bootstrap .col-md-12, .bootstrap .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }
  .bootstrap .col-xs-1, .bootstrap .col-xs-2, .bootstrap .col-xs-3, .bootstrap .col-xs-4, .bootstrap .col-xs-5, .bootstrap .col-xs-6, .bootstrap .col-xs-7, .bootstrap .col-xs-8, .bootstrap .col-xs-9, .bootstrap .col-xs-10, .bootstrap .col-xs-11, .bootstrap .col-xs-12 {
    float: left; }
  .bootstrap .col-xs-1 {
    width: 8.3333333333%; }
  .bootstrap .col-xs-2 {
    width: 16.6666666667%; }
  .bootstrap .col-xs-3 {
    width: 25%; }
  .bootstrap .col-xs-4 {
    width: 33.3333333333%; }
  .bootstrap .col-xs-5 {
    width: 41.6666666667%; }
  .bootstrap .col-xs-6 {
    width: 50%; }
  .bootstrap .col-xs-7 {
    width: 58.3333333333%; }
  .bootstrap .col-xs-8 {
    width: 66.6666666667%; }
  .bootstrap .col-xs-9 {
    width: 75%; }
  .bootstrap .col-xs-10 {
    width: 83.3333333333%; }
  .bootstrap .col-xs-11 {
    width: 91.6666666667%; }
  .bootstrap .col-xs-12 {
    width: 100%; }
  .bootstrap .col-xs-pull-0 {
    right: auto; }
  .bootstrap .col-xs-pull-1 {
    right: 8.3333333333%; }
  .bootstrap .col-xs-pull-2 {
    right: 16.6666666667%; }
  .bootstrap .col-xs-pull-3 {
    right: 25%; }
  .bootstrap .col-xs-pull-4 {
    right: 33.3333333333%; }
  .bootstrap .col-xs-pull-5 {
    right: 41.6666666667%; }
  .bootstrap .col-xs-pull-6 {
    right: 50%; }
  .bootstrap .col-xs-pull-7 {
    right: 58.3333333333%; }
  .bootstrap .col-xs-pull-8 {
    right: 66.6666666667%; }
  .bootstrap .col-xs-pull-9 {
    right: 75%; }
  .bootstrap .col-xs-pull-10 {
    right: 83.3333333333%; }
  .bootstrap .col-xs-pull-11 {
    right: 91.6666666667%; }
  .bootstrap .col-xs-pull-12 {
    right: 100%; }
  .bootstrap .col-xs-push-0 {
    left: auto; }
  .bootstrap .col-xs-push-1 {
    left: 8.3333333333%; }
  .bootstrap .col-xs-push-2 {
    left: 16.6666666667%; }
  .bootstrap .col-xs-push-3 {
    left: 25%; }
  .bootstrap .col-xs-push-4 {
    left: 33.3333333333%; }
  .bootstrap .col-xs-push-5 {
    left: 41.6666666667%; }
  .bootstrap .col-xs-push-6 {
    left: 50%; }
  .bootstrap .col-xs-push-7 {
    left: 58.3333333333%; }
  .bootstrap .col-xs-push-8 {
    left: 66.6666666667%; }
  .bootstrap .col-xs-push-9 {
    left: 75%; }
  .bootstrap .col-xs-push-10 {
    left: 83.3333333333%; }
  .bootstrap .col-xs-push-11 {
    left: 91.6666666667%; }
  .bootstrap .col-xs-push-12 {
    left: 100%; }
  .bootstrap .col-xs-offset-0 {
    margin-left: 0%; }
  .bootstrap .col-xs-offset-1 {
    margin-left: 8.3333333333%; }
  .bootstrap .col-xs-offset-2 {
    margin-left: 16.6666666667%; }
  .bootstrap .col-xs-offset-3 {
    margin-left: 25%; }
  .bootstrap .col-xs-offset-4 {
    margin-left: 33.3333333333%; }
  .bootstrap .col-xs-offset-5 {
    margin-left: 41.6666666667%; }
  .bootstrap .col-xs-offset-6 {
    margin-left: 50%; }
  .bootstrap .col-xs-offset-7 {
    margin-left: 58.3333333333%; }
  .bootstrap .col-xs-offset-8 {
    margin-left: 66.6666666667%; }
  .bootstrap .col-xs-offset-9 {
    margin-left: 75%; }
  .bootstrap .col-xs-offset-10 {
    margin-left: 83.3333333333%; }
  .bootstrap .col-xs-offset-11 {
    margin-left: 91.6666666667%; }
  .bootstrap .col-xs-offset-12 {
    margin-left: 100%; }
  @media (min-width: 768px) {
    .bootstrap .col-sm-1, .bootstrap .col-sm-2, .bootstrap .col-sm-3, .bootstrap .col-sm-4, .bootstrap .col-sm-5, .bootstrap .col-sm-6, .bootstrap .col-sm-7, .bootstrap .col-sm-8, .bootstrap .col-sm-9, .bootstrap .col-sm-10, .bootstrap .col-sm-11, .bootstrap .col-sm-12 {
      float: left; }
    .bootstrap .col-sm-1 {
      width: 8.3333333333%; }
    .bootstrap .col-sm-2 {
      width: 16.6666666667%; }
    .bootstrap .col-sm-3 {
      width: 25%; }
    .bootstrap .col-sm-4 {
      width: 33.3333333333%; }
    .bootstrap .col-sm-5 {
      width: 41.6666666667%; }
    .bootstrap .col-sm-6 {
      width: 50%; }
    .bootstrap .col-sm-7 {
      width: 58.3333333333%; }
    .bootstrap .col-sm-8 {
      width: 66.6666666667%; }
    .bootstrap .col-sm-9 {
      width: 75%; }
    .bootstrap .col-sm-10 {
      width: 83.3333333333%; }
    .bootstrap .col-sm-11 {
      width: 91.6666666667%; }
    .bootstrap .col-sm-12 {
      width: 100%; }
    .bootstrap .col-sm-pull-0 {
      right: auto; }
    .bootstrap .col-sm-pull-1 {
      right: 8.3333333333%; }
    .bootstrap .col-sm-pull-2 {
      right: 16.6666666667%; }
    .bootstrap .col-sm-pull-3 {
      right: 25%; }
    .bootstrap .col-sm-pull-4 {
      right: 33.3333333333%; }
    .bootstrap .col-sm-pull-5 {
      right: 41.6666666667%; }
    .bootstrap .col-sm-pull-6 {
      right: 50%; }
    .bootstrap .col-sm-pull-7 {
      right: 58.3333333333%; }
    .bootstrap .col-sm-pull-8 {
      right: 66.6666666667%; }
    .bootstrap .col-sm-pull-9 {
      right: 75%; }
    .bootstrap .col-sm-pull-10 {
      right: 83.3333333333%; }
    .bootstrap .col-sm-pull-11 {
      right: 91.6666666667%; }
    .bootstrap .col-sm-pull-12 {
      right: 100%; }
    .bootstrap .col-sm-push-0 {
      left: auto; }
    .bootstrap .col-sm-push-1 {
      left: 8.3333333333%; }
    .bootstrap .col-sm-push-2 {
      left: 16.6666666667%; }
    .bootstrap .col-sm-push-3 {
      left: 25%; }
    .bootstrap .col-sm-push-4 {
      left: 33.3333333333%; }
    .bootstrap .col-sm-push-5 {
      left: 41.6666666667%; }
    .bootstrap .col-sm-push-6 {
      left: 50%; }
    .bootstrap .col-sm-push-7 {
      left: 58.3333333333%; }
    .bootstrap .col-sm-push-8 {
      left: 66.6666666667%; }
    .bootstrap .col-sm-push-9 {
      left: 75%; }
    .bootstrap .col-sm-push-10 {
      left: 83.3333333333%; }
    .bootstrap .col-sm-push-11 {
      left: 91.6666666667%; }
    .bootstrap .col-sm-push-12 {
      left: 100%; }
    .bootstrap .col-sm-offset-0 {
      margin-left: 0%; }
    .bootstrap .col-sm-offset-1 {
      margin-left: 8.3333333333%; }
    .bootstrap .col-sm-offset-2 {
      margin-left: 16.6666666667%; }
    .bootstrap .col-sm-offset-3 {
      margin-left: 25%; }
    .bootstrap .col-sm-offset-4 {
      margin-left: 33.3333333333%; }
    .bootstrap .col-sm-offset-5 {
      margin-left: 41.6666666667%; }
    .bootstrap .col-sm-offset-6 {
      margin-left: 50%; }
    .bootstrap .col-sm-offset-7 {
      margin-left: 58.3333333333%; }
    .bootstrap .col-sm-offset-8 {
      margin-left: 66.6666666667%; }
    .bootstrap .col-sm-offset-9 {
      margin-left: 75%; }
    .bootstrap .col-sm-offset-10 {
      margin-left: 83.3333333333%; }
    .bootstrap .col-sm-offset-11 {
      margin-left: 91.6666666667%; }
    .bootstrap .col-sm-offset-12 {
      margin-left: 100%; } }
  @media (min-width: 992px) {
    .bootstrap .col-md-1, .bootstrap .col-md-2, .bootstrap .col-md-3, .bootstrap .col-md-4, .bootstrap .col-md-5, .bootstrap .col-md-6, .bootstrap .col-md-7, .bootstrap .col-md-8, .bootstrap .col-md-9, .bootstrap .col-md-10, .bootstrap .col-md-11, .bootstrap .col-md-12 {
      float: left; }
    .bootstrap .col-md-1 {
      width: 8.3333333333%; }
    .bootstrap .col-md-2 {
      width: 16.6666666667%; }
    .bootstrap .col-md-3 {
      width: 25%; }
    .bootstrap .col-md-4 {
      width: 33.3333333333%; }
    .bootstrap .col-md-5 {
      width: 41.6666666667%; }
    .bootstrap .col-md-6 {
      width: 50%; }
    .bootstrap .col-md-7 {
      width: 58.3333333333%; }
    .bootstrap .col-md-8 {
      width: 66.6666666667%; }
    .bootstrap .col-md-9 {
      width: 75%; }
    .bootstrap .col-md-10 {
      width: 83.3333333333%; }
    .bootstrap .col-md-11 {
      width: 91.6666666667%; }
    .bootstrap .col-md-12 {
      width: 100%; }
    .bootstrap .col-md-pull-0 {
      right: auto; }
    .bootstrap .col-md-pull-1 {
      right: 8.3333333333%; }
    .bootstrap .col-md-pull-2 {
      right: 16.6666666667%; }
    .bootstrap .col-md-pull-3 {
      right: 25%; }
    .bootstrap .col-md-pull-4 {
      right: 33.3333333333%; }
    .bootstrap .col-md-pull-5 {
      right: 41.6666666667%; }
    .bootstrap .col-md-pull-6 {
      right: 50%; }
    .bootstrap .col-md-pull-7 {
      right: 58.3333333333%; }
    .bootstrap .col-md-pull-8 {
      right: 66.6666666667%; }
    .bootstrap .col-md-pull-9 {
      right: 75%; }
    .bootstrap .col-md-pull-10 {
      right: 83.3333333333%; }
    .bootstrap .col-md-pull-11 {
      right: 91.6666666667%; }
    .bootstrap .col-md-pull-12 {
      right: 100%; }
    .bootstrap .col-md-push-0 {
      left: auto; }
    .bootstrap .col-md-push-1 {
      left: 8.3333333333%; }
    .bootstrap .col-md-push-2 {
      left: 16.6666666667%; }
    .bootstrap .col-md-push-3 {
      left: 25%; }
    .bootstrap .col-md-push-4 {
      left: 33.3333333333%; }
    .bootstrap .col-md-push-5 {
      left: 41.6666666667%; }
    .bootstrap .col-md-push-6 {
      left: 50%; }
    .bootstrap .col-md-push-7 {
      left: 58.3333333333%; }
    .bootstrap .col-md-push-8 {
      left: 66.6666666667%; }
    .bootstrap .col-md-push-9 {
      left: 75%; }
    .bootstrap .col-md-push-10 {
      left: 83.3333333333%; }
    .bootstrap .col-md-push-11 {
      left: 91.6666666667%; }
    .bootstrap .col-md-push-12 {
      left: 100%; }
    .bootstrap .col-md-offset-0 {
      margin-left: 0%; }
    .bootstrap .col-md-offset-1 {
      margin-left: 8.3333333333%; }
    .bootstrap .col-md-offset-2 {
      margin-left: 16.6666666667%; }
    .bootstrap .col-md-offset-3 {
      margin-left: 25%; }
    .bootstrap .col-md-offset-4 {
      margin-left: 33.3333333333%; }
    .bootstrap .col-md-offset-5 {
      margin-left: 41.6666666667%; }
    .bootstrap .col-md-offset-6 {
      margin-left: 50%; }
    .bootstrap .col-md-offset-7 {
      margin-left: 58.3333333333%; }
    .bootstrap .col-md-offset-8 {
      margin-left: 66.6666666667%; }
    .bootstrap .col-md-offset-9 {
      margin-left: 75%; }
    .bootstrap .col-md-offset-10 {
      margin-left: 83.3333333333%; }
    .bootstrap .col-md-offset-11 {
      margin-left: 91.6666666667%; }
    .bootstrap .col-md-offset-12 {
      margin-left: 100%; } }
  @media (min-width: 1200px) {
    .bootstrap .col-lg-1, .bootstrap .col-lg-2, .bootstrap .col-lg-3, .bootstrap .col-lg-4, .bootstrap .col-lg-5, .bootstrap .col-lg-6, .bootstrap .col-lg-7, .bootstrap .col-lg-8, .bootstrap .col-lg-9, .bootstrap .col-lg-10, .bootstrap .col-lg-11, .bootstrap .col-lg-12 {
      float: left; }
    .bootstrap .col-lg-1 {
      width: 8.3333333333%; }
    .bootstrap .col-lg-2 {
      width: 16.6666666667%; }
    .bootstrap .col-lg-3 {
      width: 25%; }
    .bootstrap .col-lg-4 {
      width: 33.3333333333%; }
    .bootstrap .col-lg-5 {
      width: 41.6666666667%; }
    .bootstrap .col-lg-6 {
      width: 50%; }
    .bootstrap .col-lg-7 {
      width: 58.3333333333%; }
    .bootstrap .col-lg-8 {
      width: 66.6666666667%; }
    .bootstrap .col-lg-9 {
      width: 75%; }
    .bootstrap .col-lg-10 {
      width: 83.3333333333%; }
    .bootstrap .col-lg-11 {
      width: 91.6666666667%; }
    .bootstrap .col-lg-12 {
      width: 100%; }
    .bootstrap .col-lg-pull-0 {
      right: auto; }
    .bootstrap .col-lg-pull-1 {
      right: 8.3333333333%; }
    .bootstrap .col-lg-pull-2 {
      right: 16.6666666667%; }
    .bootstrap .col-lg-pull-3 {
      right: 25%; }
    .bootstrap .col-lg-pull-4 {
      right: 33.3333333333%; }
    .bootstrap .col-lg-pull-5 {
      right: 41.6666666667%; }
    .bootstrap .col-lg-pull-6 {
      right: 50%; }
    .bootstrap .col-lg-pull-7 {
      right: 58.3333333333%; }
    .bootstrap .col-lg-pull-8 {
      right: 66.6666666667%; }
    .bootstrap .col-lg-pull-9 {
      right: 75%; }
    .bootstrap .col-lg-pull-10 {
      right: 83.3333333333%; }
    .bootstrap .col-lg-pull-11 {
      right: 91.6666666667%; }
    .bootstrap .col-lg-pull-12 {
      right: 100%; }
    .bootstrap .col-lg-push-0 {
      left: auto; }
    .bootstrap .col-lg-push-1 {
      left: 8.3333333333%; }
    .bootstrap .col-lg-push-2 {
      left: 16.6666666667%; }
    .bootstrap .col-lg-push-3 {
      left: 25%; }
    .bootstrap .col-lg-push-4 {
      left: 33.3333333333%; }
    .bootstrap .col-lg-push-5 {
      left: 41.6666666667%; }
    .bootstrap .col-lg-push-6 {
      left: 50%; }
    .bootstrap .col-lg-push-7 {
      left: 58.3333333333%; }
    .bootstrap .col-lg-push-8 {
      left: 66.6666666667%; }
    .bootstrap .col-lg-push-9 {
      left: 75%; }
    .bootstrap .col-lg-push-10 {
      left: 83.3333333333%; }
    .bootstrap .col-lg-push-11 {
      left: 91.6666666667%; }
    .bootstrap .col-lg-push-12 {
      left: 100%; }
    .bootstrap .col-lg-offset-0 {
      margin-left: 0%; }
    .bootstrap .col-lg-offset-1 {
      margin-left: 8.3333333333%; }
    .bootstrap .col-lg-offset-2 {
      margin-left: 16.6666666667%; }
    .bootstrap .col-lg-offset-3 {
      margin-left: 25%; }
    .bootstrap .col-lg-offset-4 {
      margin-left: 33.3333333333%; }
    .bootstrap .col-lg-offset-5 {
      margin-left: 41.6666666667%; }
    .bootstrap .col-lg-offset-6 {
      margin-left: 50%; }
    .bootstrap .col-lg-offset-7 {
      margin-left: 58.3333333333%; }
    .bootstrap .col-lg-offset-8 {
      margin-left: 66.6666666667%; }
    .bootstrap .col-lg-offset-9 {
      margin-left: 75%; }
    .bootstrap .col-lg-offset-10 {
      margin-left: 83.3333333333%; }
    .bootstrap .col-lg-offset-11 {
      margin-left: 91.6666666667%; }
    .bootstrap .col-lg-offset-12 {
      margin-left: 100%; } }
  .bootstrap .clearfix:before, .bootstrap .clearfix:after {
    display: table;
    content: " "; }
  .bootstrap .clearfix:after {
    clear: both; }
  .bootstrap .center-block {
    display: block;
    margin-right: auto;
    margin-left: auto; }
  .bootstrap .pull-right {
    float: right !important; }
  .bootstrap .pull-left {
    float: left !important; }
  .bootstrap .hide {
    display: none !important; }
  .bootstrap .show {
    display: block !important; }
  .bootstrap .invisible {
    visibility: hidden; }
  .bootstrap .text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0; }
  .bootstrap .hidden {
    display: none !important; }
  .bootstrap .affix {
    position: fixed; }

@-ms-viewport {
  width: device-width; }
  .bootstrap .visible-xs {
    display: none !important; }
  .bootstrap .visible-sm {
    display: none !important; }
  .bootstrap .visible-md {
    display: none !important; }
  .bootstrap .visible-lg {
    display: none !important; }
  .bootstrap .visible-xs-block,
  .bootstrap .visible-xs-inline,
  .bootstrap .visible-xs-inline-block,
  .bootstrap .visible-sm-block,
  .bootstrap .visible-sm-inline,
  .bootstrap .visible-sm-inline-block,
  .bootstrap .visible-md-block,
  .bootstrap .visible-md-inline,
  .bootstrap .visible-md-inline-block,
  .bootstrap .visible-lg-block,
  .bootstrap .visible-lg-inline,
  .bootstrap .visible-lg-inline-block {
    display: none !important; }
  @media (max-width: 767px) {
    .bootstrap .visible-xs {
      display: block !important; }
    .bootstrap table.visible-xs {
      display: table !important; }
    .bootstrap tr.visible-xs {
      display: table-row !important; }
    .bootstrap th.visible-xs,
    .bootstrap td.visible-xs {
      display: table-cell !important; } }
  @media (max-width: 767px) {
    .bootstrap .visible-xs-block {
      display: block !important; } }
  @media (max-width: 767px) {
    .bootstrap .visible-xs-inline {
      display: inline !important; } }
  @media (max-width: 767px) {
    .bootstrap .visible-xs-inline-block {
      display: inline-block !important; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .bootstrap .visible-sm {
      display: block !important; }
    .bootstrap table.visible-sm {
      display: table !important; }
    .bootstrap tr.visible-sm {
      display: table-row !important; }
    .bootstrap th.visible-sm,
    .bootstrap td.visible-sm {
      display: table-cell !important; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .bootstrap .visible-sm-block {
      display: block !important; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .bootstrap .visible-sm-inline {
      display: inline !important; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .bootstrap .visible-sm-inline-block {
      display: inline-block !important; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .bootstrap .visible-md {
      display: block !important; }
    .bootstrap table.visible-md {
      display: table !important; }
    .bootstrap tr.visible-md {
      display: table-row !important; }
    .bootstrap th.visible-md,
    .bootstrap td.visible-md {
      display: table-cell !important; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .bootstrap .visible-md-block {
      display: block !important; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .bootstrap .visible-md-inline {
      display: inline !important; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .bootstrap .visible-md-inline-block {
      display: inline-block !important; } }
  @media (min-width: 1200px) {
    .bootstrap .visible-lg {
      display: block !important; }
    .bootstrap table.visible-lg {
      display: table !important; }
    .bootstrap tr.visible-lg {
      display: table-row !important; }
    .bootstrap th.visible-lg,
    .bootstrap td.visible-lg {
      display: table-cell !important; } }
  @media (min-width: 1200px) {
    .bootstrap .visible-lg-block {
      display: block !important; } }
  @media (min-width: 1200px) {
    .bootstrap .visible-lg-inline {
      display: inline !important; } }
  @media (min-width: 1200px) {
    .bootstrap .visible-lg-inline-block {
      display: inline-block !important; } }
  @media (max-width: 767px) {
    .bootstrap .hidden-xs {
      display: none !important; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .bootstrap .hidden-sm {
      display: none !important; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .bootstrap .hidden-md {
      display: none !important; } }
  @media (min-width: 1200px) {
    .bootstrap .hidden-lg {
      display: none !important; } }
  .bootstrap .visible-print {
    display: none !important; }
  @media print {
    .bootstrap .visible-print {
      display: block !important; }
    .bootstrap table.visible-print {
      display: table !important; }
    .bootstrap tr.visible-print {
      display: table-row !important; }
    .bootstrap th.visible-print,
    .bootstrap td.visible-print {
      display: table-cell !important; } }
  .bootstrap .visible-print-block {
    display: none !important; }
    @media print {
      .bootstrap .visible-print-block {
        display: block !important; } }
  .bootstrap .visible-print-inline {
    display: none !important; }
    @media print {
      .bootstrap .visible-print-inline {
        display: inline !important; } }
  .bootstrap .visible-print-inline-block {
    display: none !important; }
    @media print {
      .bootstrap .visible-print-inline-block {
        display: inline-block !important; } }
  @media print {
    .bootstrap .hidden-print {
      display: none !important; } }
  .bootstrap .container-fluid {
    padding: 0; }
  .bootstrap .center-block {
    float: none; }

.form-component.white-component {
  background-color: #fff;
  border: none !important; }
  .form-component.white-component label {
    color: black !important; }
  .form-component.white-component .label, .form-component.white-component h2 {
    color: #ffb2bd; }
  .form-component.white-component .btn {
    background-color: #001; }
    .form-component.white-component .btn.btn-text {
      color: #000;
      text-transform: none !important; }
  .form-component.white-component .input-control input {
    background-color: #f5f5f5; }

.form-component.horizontal-form .form-field {
  width: 100%;
  display: table; }
  .form-component.horizontal-form .form-field .label-control {
    display: table-cell;
    width: 35%; }
    @media screen and (max-width: 400px) {
      .form-component.horizontal-form .form-field .label-control {
        width: 40%; } }

.form-component label, .form-component h2, .form-component .title {
  color: #000; }

.form-component h2 {
  font-size: 3.5em;
  line-height: 1em;
  margin-bottom: 20px; }

.form-component input[disabled], .form-component button[disabled], .form-component textarea[disabled], .form-component select[disabled] {
  opacity: 0.4 !important;
  cursor: not-allowed !important; }

.form-component input[disabled], .form-component textarea[disabled], .form-component select[disabled] {
  background: #fff; }

.form-component .form-header {
  margin-bottom: 20px; }
  .form-component .form-header h2 {
    /* Extra Small Devices, Phones */
    text-align: center;
    letter-spacing: 0.02em; }
    @media only screen and (max-width: 320px) {
      .form-component .form-header h2 {
        text-align: left; } }
    @media only screen and (max-width: 480px) {
      .form-component .form-header h2 {
        text-align: left; } }
  .form-component .form-header p {
    margin-bottom: 10px; }

.form-component .reset-password-form .form-header h2 {
  text-align: left !important; }

.form-component .form-footer {
  margin-top: 20px; }
  .form-component .form-footer .row {
    width: 120%; }
  .form-component .form-footer .container-fluid .row {
    padding-right: 29px; }
  .form-component .form-footer .container-fluid .btn.btn-full {
    padding-left: 10px;
    padding-right: 10px;
    max-width: 170px; }
  .form-component .form-footer .container-fluid .btn.btn-text {
    padding-left: 2px;
    padding-right: 2px;
    max-width: 205px !important; }
    .form-component .form-footer .container-fluid .btn.btn-text.loading {
      padding-left: 0 !important; }
      .form-component .form-footer .container-fluid .btn.btn-text.loading span {
        opacity: 0.4; }
      .form-component .form-footer .container-fluid .btn.btn-text.loading .loader {
        left: 90px;
        top: 53%; }
    .form-component .form-footer .container-fluid .btn.btn-text:before {
      content: normal !important; }
  .form-component .form-footer .container-fluid .create-account, .form-component .form-footer .container-fluid .login-guest {
    padding-left: 2px;
    padding-right: 2px; }
    .form-component .form-footer .container-fluid .create-account:last-child, .form-component .form-footer .container-fluid .login-guest:last-child {
      width: 40%; }
  .form-component .form-footer .container-fluid .create-account {
    margin-right: 27px;
    float: right; }
  .form-component .form-footer .container-fluid .login-guest {
    float: right; }
    .form-component .form-footer .container-fluid .login-guest ~ .create-account {
      margin-right: 0;
      float: left !important; }
    .form-component .form-footer .container-fluid .login-guest .btn.btn-text {
      max-width: 210px !important; }
  .form-component .form-footer .btn {
    margin-left: 10px; }
    .form-component .form-footer .btn:last-child {
      margin-left: 0; }

.form-component .form-field {
  margin-bottom: 10px; }
  .form-component .form-field::after {
    clear: both;
    content: "";
    display: table; }
  .form-component .form-field .label-control {
    display: block; }
  .form-component .form-field .input-control input[type="text"], .form-component .form-field .input-control input[type="password"], .form-component .form-field .input-control input[type="email"], .form-component .form-field .input-control textarea {
    color: #000;
    width: 100%;
    padding: 10px;
    border: none;
    background-color: #f5f5f5; }
  .form-component .form-field .ng-invalid.ng-touched, .form-component .form-field.invalid {
    border: 2px solid #D22C2B; }

.form-component .btn {
  font-size: .9em;
  letter-spacing: 1px;
  text-transform: uppercase;
  height: auto;
  border: none;
  color: #fff;
  padding: 10px 14px;
  display: inline-block;
  background-color: #000; }
  .form-component .btn:hover {
    cursor: pointer;
    opacity: 0.8; }

.form-component .radio-control {
  margin-bottom: 10px; }
  .form-component .radio-control input[type='radio'] {
    float: left; }
  .form-component .radio-control .radio-control-description {
    margin-left: 25px; }

.form-component .radio, .form-component .checkbox {
  position: relative;
  cursor: pointer; }
  .form-component .radio input[type=radio],
  .form-component .radio input[type=checkbox], .form-component .checkbox input[type=radio],
  .form-component .checkbox input[type=checkbox] {
    display: none; }
  .form-component .radio label:before, .form-component .checkbox label:before {
    color: #000;
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    bottom: 1px;
    border: 2px solid #000;
    margin-right: 10px; }
  .form-component .radio input[type=radio]:checked + label:before, .form-component .checkbox input[type=radio]:checked + label:before {
    content: "\2022";
    font-size: 30px;
    text-align: center;
    line-height: 18px; }
  .form-component .radio input[type=checkbox]:checked + label:before, .form-component .checkbox input[type=checkbox]:checked + label:before {
    content: "\2713";
    font-size: 15px;
    text-align: center;
    line-height: 15px; }
  .form-component .radio label, .form-component .checkbox label {
    display: block; }

.input-select {
  display: inline-block;
  position: relative;
  color: #8d8d8d; }
  .input-select:after {
    content: '\25BE';
    position: absolute;
    top: 10px;
    right: 8px;
    opacity: .75;
    font-size: 16px;
    pointer-events: none;
    color: black; }
  .input-select select {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 70px;
    cursor: pointer; }
    .input-select select[disabled] {
      color: #666; }

.error-message {
  position: relative;
  clear: both;
  display: block;
  background-color: #D22C2B;
  color: #fff;
  padding: 10px;
  margin-top: 10px; }
  .error-message :after {
    bottom: 100%;
    left: 20px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 5px solid rgba(255, 255, 255, 0);
    border-bottom-color: #D22C2B;
    margin-left: -10px; }
  .error-message a {
    color: #fff !important;
    text-decoration: underline; }

.ngdialog-overlay {
  background: rgba(207, 208, 197, 0.8);
  pointer-events: none; }

.ngdialog .ngdialog-content {
  border-radius: 0 !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  font-family: inherit !important; }

.ngdialog .ngdialog-close {
  right: -35px !important;
  top: -33px !important; }

.dialog {
  padding: 20px; }
  .dialog .dialog-body .dialog-header {
    margin-bottom: 10px;
    text-align: center; }
    .dialog .dialog-body .dialog-header h2 {
      font-size: 1.5em;
      margin-bottom: 10px; }
  .dialog .dialog-body .dialog-footer {
    padding-top: 20px;
    text-align: center; }
    .dialog .dialog-body .dialog-footer .btn {
      min-width: 120px;
      padding: 10px 20px;
      height: auto;
      background-color: #000;
      color: #fff; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p, .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }
  .alert .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2; }
    .alert .close:hover, .alert .close:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
      filter: alpha(opacity=50);
      opacity: .5; }
  .alert button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0; }

.alert-dismissable, .alert-dismissible {
  padding-right: 35px; }

.alert-dismissable .close, .alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit; }

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6; }
  .alert-success hr {
    border-top-color: #c9e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1; }
  .alert-info hr {
    border-top-color: #a6e1ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc; }
  .alert-warning hr {
    border-top-color: #f7e1b5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }
  .alert-danger hr {
    border-top-color: #e4b9c0; }
  .alert-danger .alert-link {
    color: #843534; }

.btn {
  position: relative;
  transition: all .3s; }
  .btn .loader {
    transition: all .3s;
    opacity: 0;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -10px; }
  .btn.loading {
    padding-left: 50px !important; }
    .btn.loading .loader {
      opacity: 1; }
  .btn.btn-full {
    display: block;
    width: 100%; }

#login-page .form-component {
  padding: 45px;
  min-height: 470px;
  margin-bottom: 20px; }
  #login-page .form-component:not(.white-component) {
    background-color: #f5f5f5; }
    #login-page .form-component:not(.white-component) input {
      background-color: #fff; }

@media screen and (max-width: 999px) and (min-width: 768px) {
  #login-page .form-component .form-header h2 {
    font-size: 2.5em; } }

#login-page .form-footer {
  /* Extra Small Devices, Phones */
  /* Custom, iPhone Retina */ }
  @media only screen and (max-width: 480px) {
    #login-page .form-footer {
      text-align: center; } }
  @media only screen and (max-width: 320px) {
    #login-page .form-footer {
      text-align: center; } }
  #login-page .form-footer a {
    color: black !important; }

#login-page .create-profile-form .suscription-field {
  margin-top: 20px; }
  #login-page .create-profile-form .suscription-field label {
    color: #000; }

#login-page .create-profile-form .form-field .label-control {
  width: 40%; }

#login-page .reset-password-form .form-header h2 {
  font-size: 3.2em;
  text-align: center; }

#checkout-page {
  /* Square CC, add card */ }
  #checkout-page input[type="text"],
  #checkout-page input[type="email"],
  #checkout-page input[type="password"],
  #checkout-page input[type="number"] {
    border: none;
    padding: 10px;
    height: auto;
    -moz-appearance: none;
    -webkit-appearance: none; }
  #checkout-page label {
    color: #000; }
    @media screen and (max-width: 400px) {
      #checkout-page label {
        font-size: 11px; } }
  #checkout-page select {
    border: 1px solid #E4E3E3;
    line-height: 1;
    padding: 10px 30px 10px 10px;
    color: #6d6d6d; }
  #checkout-page hr {
    margin-right: -40px;
    margin-left: -40px; }
  #checkout-page .sr-fieldset {
    border: none;
    margin: 0;
    padding: 0; }
    #checkout-page .sr-fieldset input {
      width: auto; }
  #checkout-page .sr-only {
    border: 0;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  #checkout-page .spinner-wrapper {
    position: absolute;
    width: 100%;
    height: 210px;
    z-index: 100;
    background: rgba(255, 255, 255, 0.5); }
    #checkout-page .spinner-wrapper .spinner {
      display: inline-block;
      width: 50px;
      height: 50px;
      right: 50%;
      top: 50%;
      margin-top: -40px;
      border: 3px solid #b0b0b0;
      border-radius: 50%;
      border-top: 3px solid #646464;
      position: absolute;
      animation: spin 1s linear infinite; }
  #checkout-page .btn {
    padding: 10px 20px;
    height: auto;
    border: none;
    background-color: #000;
    color: white;
    font-size: 13px; }
  #checkout-page .address-form {
    margin-bottom: 20px; }
    #checkout-page .address-form .form-footer.validating .validating-address-preloader {
      display: block; }
    #checkout-page .address-form .form-footer.validating .buttons {
      display: none; }
    #checkout-page .address-form .validating-address-preloader {
      display: none;
      border-top: 1px solid #dfd9ce;
      border-bottom: 1px solid #dfd9ce;
      padding: 20px 0;
      text-align: center; }
      #checkout-page .address-form .validating-address-preloader .loader {
        margin-bottom: 5px; }
      #checkout-page .address-form .validating-address-preloader span {
        display: block; }
  #checkout-page .address-list .address {
    display: inline-flex;
    margin-right: 15px;
    margin-bottom: 10px;
    vertical-align: top;
    width: 47%; }
    #checkout-page .address-list .address label .sub-description {
      font-size: 13px; }
    #checkout-page .address-list .address .customradio {
      float: left;
      top: 4px;
      height: fit-content; }
  @media only screen and (max-width: 600px) {
    #checkout-page .address-list .address {
      width: initial;
      max-width: unset;
      display: inline-block; }
      #checkout-page .address-list .address label .sub-description {
        padding-left: 24px; } }
  #checkout-page .shipping-address-message {
    color: #756354; }
  #checkout-page .payment-information .remaining-total {
    font-size: 1.5em;
    margin-bottom: 20px; }
    #checkout-page .payment-information .remaining-total .total {
      font-weight: 800; }
  #checkout-page .payment-information .payment-methods .payment-method-item {
    margin-bottom: 20px; }
    #checkout-page .payment-information .payment-methods .payment-method-item .payment-method-title {
      color: #000; }
  #checkout-page .credit-card-form {
    margin-bottom: 20px; }
    #checkout-page .credit-card-form .add-new-title {
      font-size: 16px;
      font-weight: bold;
      padding-bottom: 30px; }
    #checkout-page .credit-card-form .label-title {
      font-weight: bold;
      padding-bottom: 20px;
      font-size: 13px; }
    #checkout-page .credit-card-form .billing-list {
      display: flex;
      flex-flow: row;
      padding-left: 14px;
      padding-bottom: 20px;
      overflow-x: auto; }
      #checkout-page .credit-card-form .billing-list .address-wrap {
        flex-shrink: 0;
        margin-right: 1vw; }
        #checkout-page .credit-card-form .billing-list .address-wrap .description {
          padding-left: 28px; }
    #checkout-page .credit-card-form .sqcc-frame-wrap {
      padding-top: 20px; }
  #checkout-page .verify-information .information-detail .information-detail-title {
    color: #666;
    margin-bottom: 20px;
    margin-top: 20px; }
    #checkout-page .verify-information .information-detail .information-detail-title button {
      font-size: 1.1em;
      background: none;
      border: none;
      float: right; }
  #checkout-page .verify-information .information-detail span {
    display: block; }
  #checkout-page .current-address-description {
    position: relative;
    color: #000; }
    #checkout-page .current-address-description .edit-button {
      background: none;
      border: none;
      padding: 0;
      right: 0;
      position: absolute;
      top: 0; }
  #checkout-page .payment-method {
    border-top: 1px solid #ECE7E1;
    padding: 20px 0 20px 20px;
    font-size: .9em; }
    @media screen and (max-width: 767px) {
      #checkout-page .payment-method {
        padding: 20px 0; } }
    #checkout-page .payment-method .payment-method-header {
      margin-left: -20px;
      margin-bottom: 20px; }
      #checkout-page .payment-method .payment-method-header input[type="checkbox"] {
        float: left;
        margin-right: 15px;
        margin-top: 6px; }
      #checkout-page .payment-method .payment-method-header .payment-method-title {
        color: #000;
        font-weight: bold;
        font-size: 1.2em; }
      #checkout-page .payment-method .payment-method-header .payment-method-description {
        margin-left: 27px; }
    #checkout-page .payment-method .gift-card-method {
      margin-bottom: 20px; }
    #checkout-page .payment-method .credit-card-list {
      margin-bottom: 20px; }
      #checkout-page .payment-method .credit-card-list .credit-card {
        border-radius: 3px;
        width: 100%;
        padding: 15px;
        margin-bottom: 20px;
        position: relative;
        min-height: 160px;
        color: #000;
        background-color: #f5f5f5; }
        #checkout-page .payment-method .credit-card-list .credit-card .click-area {
          position: absolute;
          display: block;
          z-index: 1;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          cursor: pointer; }
          #checkout-page .payment-method .credit-card-list .credit-card .click-area input {
            opacity: 0 !important; }
        #checkout-page .payment-method .credit-card-list .credit-card.selected {
          border: 2px solid #666; }
        #checkout-page .payment-method .credit-card-list .credit-card .preloader {
          display: none; }
        #checkout-page .payment-method .credit-card-list .credit-card.loading .preloader {
          display: block;
          position: absolute;
          background-color: rgba(255, 255, 255, 0.8);
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          background-image: url(../images/ecommerce/preloader.gif);
          background-position: center;
          background-repeat: no-repeat;
          z-index: 200; }
        #checkout-page .payment-method .credit-card-list .credit-card.added {
          background-color: #FFFFFF; }
        #checkout-page .payment-method .credit-card-list .credit-card .tools {
          text-align: right; }
        #checkout-page .payment-method .credit-card-list .credit-card .info {
          padding: 15px;
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          min-height: 110px; }
          #checkout-page .payment-method .credit-card-list .credit-card .info .type {
            display: flex;
            align-content: center;
            align-items: center;
            justify-content: flex-end; }
            #checkout-page .payment-method .credit-card-list .credit-card .info .type.preference-available {
              justify-content: space-between; }
            #checkout-page .payment-method .credit-card-list .credit-card .info .type .is-preferred {
              color: #7f7f7f;
              margin-right: 10px; }
            #checkout-page .payment-method .credit-card-list .credit-card .info .type img {
              width: 50px;
              display: block;
              float: right; }
        #checkout-page .payment-method .credit-card-list .credit-card .type .card-type {
          display: inline-block;
          width: 52px;
          height: 33px;
          background-repeat: no-repeat;
          background-position: center;
          webkit-background-size: 100%;
          background-size: 100%; }
        #checkout-page .payment-method .credit-card-list .credit-card .type .AmericanExpress {
          background-image: url(../images/ecommerce/icon-american.png); }
        #checkout-page .payment-method .credit-card-list .credit-card .type .Discover {
          background-image: url(../images/ecommerce/icon-discover.png); }
        #checkout-page .payment-method .credit-card-list .credit-card .type .MasterCard {
          background-image: url(../images/ecommerce/icon-mastercard.png); }
        #checkout-page .payment-method .credit-card-list .credit-card .type .Visa {
          background-image: url(../images/ecommerce/icon-visa.png); }
        #checkout-page .payment-method .credit-card-list .credit-card .type .Interac {
          background-image: url(../images/ecommerce/icon-interac.png); }
        #checkout-page .payment-method .credit-card-list .credit-card .type .Diners {
          background-image: url(../images/ecommerce/icon-diners.png); }
        #checkout-page .payment-method .credit-card-list .credit-card .type .JCB {
          background-image: url(../images/ecommerce/icon-jcb.png); }
        #checkout-page .payment-method .credit-card-list .credit-card .type .UnionPay {
          background-image: url(../images/ecommerce/icon-unionpay.png); }
    #checkout-page .payment-method .credit-card .tools {
      text-align: right;
      position: absolute;
      right: 15px;
      top: 15px;
      z-index: 2; }
    #checkout-page .payment-method .credit-card .edit-btn {
      background-color: transparent;
      border: none; }
      #checkout-page .payment-method .credit-card .edit-btn:before {
        content: "\f044";
        font-family: FontAwesome, serif;
        display: inline-block;
        margin-right: 5px; }
  #checkout-page .credit-card-method .payment-method-footer button {
    color: white;
    float: right;
    background-color: #000; }
  #checkout-page .shipping-method {
    border-top: 1px solid #ECE7E2;
    padding: 20px 0 10px 0; }
    #checkout-page .shipping-method .shipping-method-description {
      margin-top: 20px; }
  #checkout-page .giftcard-option {
    border-top: 1px solid #ECE7E2;
    padding: 20px 0 10px 0; }
    #checkout-page .giftcard-option .gift-header {
      margin-bottom: 20px; }
      #checkout-page .giftcard-option .gift-header .gift-check {
        float: left;
        margin-right: 15px;
        margin-top: 4px; }
    #checkout-page .giftcard-option .form-component {
      padding-left: 28px; }
      #checkout-page .giftcard-option .form-component .gift-sub {
        margin-bottom: 14px; }
      #checkout-page .giftcard-option .form-component .label-control {
        width: 21%; }
      #checkout-page .giftcard-option .form-component .gift-message .label-control {
        vertical-align: top; }
  #checkout-page .donation-fund {
    background-color: #fff;
    padding: 25px 0; }
    #checkout-page .donation-fund .label-title {
      display: flex;
      color: #444444;
      font-size: 30px;
      margin-bottom: 10px; }
      #checkout-page .donation-fund .label-title .icon {
        padding-right: 8px;
        font-size: 44px;
        position: relative;
        top: -15px; }
      #checkout-page .donation-fund .label-title .label-description {
        font-family: Montserrat, sans-serif;
        font-size: 16px;
        font-weight: 400;
        padding-top: 6px; }
    #checkout-page .donation-fund .mac-donations {
      display: grid;
      align-items: center;
      grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
      grid-gap: 20px; }
      @media screen and (max-width: 767px) {
        #checkout-page .donation-fund .mac-donations {
          grid-template-columns: repeat(3, 1fr);
          grid-gap: 10px; } }
      #checkout-page .donation-fund .mac-donations .mac-donation {
        position: relative;
        cursor: pointer;
        display: grid;
        grid-template-areas: "stack"; }
        #checkout-page .donation-fund .mac-donations .mac-donation.selected {
          box-shadow: 0 0 0 5px #000; }
          #checkout-page .donation-fund .mac-donations .mac-donation.selected:after {
            content: '';
            position: absolute;
            left: calc(50% - 20px);
            top: 100%;
            width: 0;
            height: 0;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-top: 12px solid #000;
            clear: both; }
        #checkout-page .donation-fund .mac-donations .mac-donation > * {
          grid-area: stack; }
        #checkout-page .donation-fund .mac-donations .mac-donation img {
          width: 100%;
          height: auto; }
        #checkout-page .donation-fund .mac-donations .mac-donation .blur {
          background: linear-gradient(45deg, black 0%, rgba(0, 212, 255, 0) 60%);
          position: relative;
          display: grid; }
        #checkout-page .donation-fund .mac-donations .mac-donation label {
          font-size: 15px;
          color: #fff;
          font-family: 'Archer-Semibold', serif;
          place-self: end start;
          padding: 10px 10px; }
      @media screen and (max-width: 767px) {
        #checkout-page .donation-fund .mac-donations .mac-donation {
          padding: 1px;
          background: linear-gradient(45deg, black 0%, rgba(0, 212, 255, 0) 60%); }
        #checkout-page .donation-fund .mac-donations label {
          font-size: 14px; } }
    #checkout-page .donation-fund .form-section {
      border: 1px solid #707070;
      padding: 20px 26px;
      margin-top: 16px; }
      #checkout-page .donation-fund .form-section .mac-description {
        font-size: 15px;
        font-family: "Archer SSm A", "Archer SSm B", serif;
        margin-bottom: 20px; }
      #checkout-page .donation-fund .form-section input[type=checkbox] {
        transform: scale(1.25);
        padding: 10px;
        outline: none;
        margin: 5px 10px 0 0;
        cursor: pointer; }
      #checkout-page .donation-fund .form-section .make-a-change, #checkout-page .donation-fund .form-section .add-donation {
        display: flex;
        align-items: flex-start;
        font-size: 16px;
        font-family: "Archer SSm A", "Archer SSm B", serif;
        font-weight: 300;
        padding-bottom: 20px; }
      @media screen and (max-width: 999px) {
        #checkout-page .donation-fund .form-section .make-a-change .label-description {
          font-size: 13px; } }
      #checkout-page .donation-fund .form-section .add-donation {
        align-items: center; }
        #checkout-page .donation-fund .form-section .add-donation input[type=checkbox] {
          margin-top: 0; }
        @media screen and (max-width: 706px) {
          #checkout-page .donation-fund .form-section .add-donation {
            align-items: flex-start; }
            #checkout-page .donation-fund .form-section .add-donation input[type=checkbox] {
              margin-top: 12px; } }
        #checkout-page .donation-fund .form-section .add-donation .amount-form-holder {
          display: flex;
          align-items: center;
          gap: 10px; }
          #checkout-page .donation-fund .form-section .add-donation .amount-form-holder .amount-label {
            line-height: 34px;
            margin-right: 10px; }
          #checkout-page .donation-fund .form-section .add-donation .amount-form-holder .amount-selector {
            display: flex;
            align-items: center; }
            #checkout-page .donation-fund .form-section .add-donation .amount-form-holder .amount-selector .donation-value {
              width: 100px;
              margin-right: 10px;
              margin-bottom: 0; }
              #checkout-page .donation-fund .form-section .add-donation .amount-form-holder .amount-selector .donation-value .input-control.input-holder {
                display: flex; }
                #checkout-page .donation-fund .form-section .add-donation .amount-form-holder .amount-selector .donation-value .input-control.input-holder .symbol {
                  line-height: 40px;
                  background: #f5f5f5;
                  padding-left: 10px; }
              #checkout-page .donation-fund .form-section .add-donation .amount-form-holder .amount-selector .donation-value input[type='number']::-webkit-outer-spin-button,
              #checkout-page .donation-fund .form-section .add-donation .amount-form-holder .amount-selector .donation-value input[type='number']::-webkit-inner-spin-button {
                -webkit-appearance: none;
                margin: 0; }
              #checkout-page .donation-fund .form-section .add-donation .amount-form-holder .amount-selector .donation-value input[type='number'] {
                padding-left: 4px;
                background-color: #f5f5f5;
                color: #000;
                width: 100%;
                border: none; }
          #checkout-page .donation-fund .form-section .add-donation .amount-form-holder .update-donation-btn {
            padding: 8px 20px 10px; }
            #checkout-page .donation-fund .form-section .add-donation .amount-form-holder .update-donation-btn.loading span {
              display: none; }
          @media screen and (max-width: 999px) {
            #checkout-page .donation-fund .form-section .add-donation .amount-form-holder .amount-label {
              font-size: 13px; }
            #checkout-page .donation-fund .form-section .add-donation .amount-form-holder .update-donation-btn {
              font-size: 12px;
              padding: 10px 15px; } }
          @media screen and (max-width: 706px) {
            #checkout-page .donation-fund .form-section .add-donation .amount-form-holder {
              display: block;
              width: 100%; }
              #checkout-page .donation-fund .form-section .add-donation .amount-form-holder > * {
                width: 100%;
                margin-bottom: 5px; }
              #checkout-page .donation-fund .form-section .add-donation .amount-form-holder .amount-selector .donation-value {
                width: 100%;
                margin-right: 0; } }
  #checkout-page .order-items {
    font-size: .9em;
    margin-top: 20px;
    margin-bottom: 20px; }
    #checkout-page .order-items check-out-cart {
      overflow-x: auto;
      display: block; }
    @media screen and (max-width: 480px) {
      #checkout-page .order-items {
        margin: 0; }
        #checkout-page .order-items check-out-cart {
          overflow: hidden;
          overflow-x: auto;
          display: block;
          width: 100%; } }
    #checkout-page .order-items .order-items-head {
      padding: 20px; }
      #checkout-page .order-items .order-items-head h1 {
        font-size: 1.5em; }
    #checkout-page .order-items table {
      width: 100%; }
      #checkout-page .order-items table thead {
        text-transform: uppercase;
        background-color: #f5f5f5;
        font-weight: bold; }
      #checkout-page .order-items table th, #checkout-page .order-items table td {
        padding: 10px;
        vertical-align: middle; }
      #checkout-page .order-items table td {
        text-align: center; }
      #checkout-page .order-items table .column-image img {
        width: 50px; }
      #checkout-page .order-items table .column-light {
        color: #918D8A; }
  #checkout-page .cart-verify {
    margin-top: 20px;
    font-size: 13px;
    display: inline-block;
    line-height: 25px; }
    #checkout-page .cart-verify span {
      display: inline-block !important; }
    #checkout-page .cart-verify .gran-total {
      margin-top: 10px;
      font-size: 1.3em;
      font-weight: bold; }
  #checkout-page .text-first-stage-checkOut {
    text-align: left;
    letter-spacing: 0;
    color: #3D3D3D;
    opacity: 1;
    font: normal normal 600 18px/21px Archer-Semibold;
    margin-bottom: 13px;
    margin-left: -25px; }
  #checkout-page .text-checkOut {
    font: normal normal 600 14px/22px Archer-Semibold;
    color: #3D3D3D;
    opacity: 1;
    margin-left: -25px;
    margin-right: 158px;
    margin-bottom: 22px;
    letter-spacing: 0; }
    #checkout-page .text-checkOut .first-stage-link {
      font: normal normal bold 12px/18px Montserrat bold;
      letter-spacing: 0.24px;
      color: #3D3D3D;
      opacity: 1;
      white-space: nowrap;
      margin-left: unset;
      margin-bottom: 22px; }
  #checkout-page .first-stage-skip-text {
    text-align: left;
    font: normal normal 600 14px/22px Archer-Semibold;
    letter-spacing: 0;
    color: #3D3D3D;
    opacity: 1;
    margin-left: -25px; }
  #checkout-page .you-are-shopping-in-text {
    text-align: left;
    font: normal normal 400 18px/21px Archer-Medium;
    letter-spacing: 0;
    color: #3D3D3D;
    margin-bottom: 25px; }
    #checkout-page .you-are-shopping-in-text .name-of-hostess-co-hostess {
      font-weight: 900; }
  #checkout-page .search-again-link {
    margin-top: 39px;
    text-align: left;
    text-decoration: underline;
    font: normal normal 12px/18px Montserrat Bold;
    letter-spacing: 0.24px;
    color: #3D3D3D;
    opacity: 1; }
  @media screen and (max-width: 768px) {
    #checkout-page .text-first-stage-checkOut {
      font: normal normal 600 16px/19px Archer-Semibold;
      margin-left: 5px; }
    #checkout-page .text-checkOut {
      font: normal normal 600 13px/18px Archer-Semibold;
      margin-left: 5px;
      margin-right: unset; }
      #checkout-page .text-checkOut .first-stage-link {
        line-height: 40px; }
    #checkout-page .first-stage-skip-text {
      margin-left: 5px; }
    #checkout-page .you-are-shopping-in-text {
      text-align: left;
      font: normal normal 400 18px/21px Archer-Medium;
      margin-left: 20px; }
    #checkout-page .search-again-link {
      margin-left: 20px; } }

.panel-list h1 {
  color: #A4906E; }

.panel-list .panel {
  margin-bottom: 10px;
  font-weight: 600; }
  .panel-list .panel .panel-header {
    padding: 15px;
    display: flex; }
    .panel-list .panel .panel-header .checkout-step-number {
      white-space: pre; }
    .panel-list .panel .panel-header .checkout-step-name::first-letter {
      text-transform: capitalize; }
  .panel-list .panel .panel-body {
    padding: 20px 40px; }
    @media screen and (max-width: 480px) {
      .panel-list .panel .panel-body {
        padding: 20px 20px; } }
    .panel-list .panel .panel-body .link {
      font-size: 16px;
      text-decoration: underline;
      font-family: 'Montserrat Regular';
      font-weight: 300; }
    .panel-list .panel .panel-body .switch-link {
      font-size: 14px; }
  .panel-list .panel .option-title {
    margin-bottom: 10px; }
  .panel-list .panel .option-content {
    margin-bottom: 20px; }
  .panel-list .panel .panel-footer {
    margin-top: 10px;
    padding: 20px 40px;
    border-top: 1px solid #ECE7E2; }
    .panel-list .panel .panel-footer:after {
      content: '';
      display: table;
      clear: both; }
    .panel-list .panel .panel-footer .btn {
      float: right; }
  .panel-list .panel .inShowInformationStageButton {
    border-top: unset;
    margin-top: -57px; }
    @media screen and (max-width: 768px) {
      .panel-list .panel .inShowInformationStageButton {
        margin-top: -34px; } }

.panel-list .guest-checkout-text {
  font-size: 13px; }
  .panel-list .guest-checkout-text strong {
    padding-top: 20px;
    display: block;
    font-weight: 900; }

.panel-list .phone-again-form {
  font-size: 13px;
  margin-top: 20px;
  text-align: left; }
  .panel-list .phone-again-form label {
    font-size: 14px;
    font-weight: 900; }
  .panel-list .phone-again-form .warning-message {
    color: #6d6d6d;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    margin-top: 20px; }
    .panel-list .phone-again-form .warning-message i {
      padding-right: 20px;
      padding-top: 5px;
      font-size: 16px; }
    .panel-list .phone-again-form .warning-message:after {
      content: '';
      display: table;
      clear: both; }

.panel-list .communication-preferences {
  font-size: 13px;
  width: 80%;
  display: inline-block;
  height: 100%;
  background: white;
  padding: 20px 10px 0 10px;
  margin-bottom: 20px; }
  @media screen and (max-width: 580px) {
    .panel-list .communication-preferences {
      width: 100%; } }
  .panel-list .communication-preferences .preference {
    display: inline-block;
    color: #646464;
    height: 100%;
    width: 25%;
    margin: 10px 0 20px 0;
    text-align: center;
    font-size: 15px; }
    @media screen and (max-width: 480px) {
      .panel-list .communication-preferences .preference {
        width: 33%; } }
    .panel-list .communication-preferences .preference .preference-name {
      text-transform: uppercase;
      font-weight: bold;
      font-size: 12px;
      padding: 0; }
      .panel-list .communication-preferences .preference .preference-name:before, .panel-list .communication-preferences .preference .preference-name:after {
        top: 165% !important; }
      .panel-list .communication-preferences .preference .preference-name:before {
        left: calc(50% - 10px) !important; }
      .panel-list .communication-preferences .preference .preference-name:after {
        left: calc(50% - 6px) !important; }
      @media screen and (max-width: 480px) {
        .panel-list .communication-preferences .preference .preference-name {
          font-size: 12px; } }
      @media screen and (max-width: 400px) {
        .panel-list .communication-preferences .preference .preference-name {
          font-size: 10px; } }
  .panel-list .communication-preferences .custom-checkbox {
    vertical-align: bottom; }
    .panel-list .communication-preferences .custom-checkbox label {
      color: #b0b0b0 !important;
      text-align: center; }

.module .module-head {
  padding: 20px; }
  .module .module-head .title {
    font-weight: bold; }
  .module .module-head .buttons {
    font-size: .9em;
    float: right; }

.module .module-body {
  padding: 0 20px; }

.cart-summary .product-list {
  margin-bottom: 20px; }
  .cart-summary .product-list ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .cart-summary .product-list .product {
    width: 100%;
    font-size: .9em;
    display: table;
    margin-bottom: 10px; }
    .cart-summary .product-list .product span {
      vertical-align: middle;
      display: table-cell; }
    .cart-summary .product-list .product .name {
      padding-left: 10px; }
    .cart-summary .product-list .product .totals {
      text-align: right; }
      .cart-summary .product-list .product .totals > span {
        display: block; }
      .cart-summary .product-list .product .totals .markdown {
        text-decoration: line-through;
        opacity: .5; }
  .cart-summary .product-list .product-image {
    width: 50px;
    padding-right: 8px;
    position: relative; }
    .cart-summary .product-list .product-image img {
      width: 100%; }
    .cart-summary .product-list .product-image .product-qty {
      background: #000;
      height: 18px;
      width: 18px;
      border-radius: 50%;
      color: #FFF;
      position: absolute;
      right: -2px;
      top: -5px;
      font-size: 12px;
      font-weight: 600;
      font-family: Montserrat;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      line-height: 1; }

.cart-summary .cart-bag-promo-code .cart-promo-text {
  padding: 10px;
  font-weight: 500; }
  .cart-summary .cart-bag-promo-code .cart-promo-text i {
    padding-right: 0;
    padding-left: 8px; }

.cart-summary .cart-total {
  padding-top: 20px;
  padding-bottom: 20px; }
  .cart-summary .cart-total .cart-subtotal {
    padding: 0 20px; }
    .cart-summary .cart-total .cart-subtotal .value {
      float: right;
      font-weight: bold; }
  .cart-summary .cart-total .gran-total {
    margin-top: 20px;
    padding: 20px;
    font-size: 1.6em; }

span.required {
  color: #6d6d6d; }

#gift-card-module .gift-card-input, #gift-card-module .gift-card-input-amount {
  vertical-align: top;
  display: inline-block;
  margin: 0 10px; }
  #gift-card-module .gift-card-input input, #gift-card-module .gift-card-input-amount input {
    width: 100% !important;
    background-color: #f5f5f5; }

#gift-card-module .gift-card-input {
  width: 150px; }
  @media screen and (max-width: 767px) {
    #gift-card-module .gift-card-input {
      margin: 0 0 10px;
      width: 100%; } }

#gift-card-module .gift-card-input-amount {
  padding-right: 10px;
  width: 90px; }

#gift-card-module .gift-card-list ul {
  padding: 0;
  margin: 0;
  list-style: none; }

#gift-card-module .gift-card-list .gift-card-added {
  color: #000;
  padding: 10px 10px 0 10px; }
  #gift-card-module .gift-card-list .gift-card-added.last {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ECE7E1; }
  #gift-card-module .gift-card-list .gift-card-added .gc-number, #gift-card-module .gift-card-list .gift-card-added .gc-amount {
    display: inline-block; }
  #gift-card-module .gift-card-list .gift-card-added .gc-number {
    width: 45%; }
    @media screen and (max-width: 767px) {
      #gift-card-module .gift-card-list .gift-card-added .gc-number {
        width: 60%; } }
  #gift-card-module .gift-card-list .gift-card-added .gc-amount {
    width: 15%;
    margin: 0 10px; }
    @media screen and (max-width: 767px) {
      #gift-card-module .gift-card-list .gift-card-added .gc-amount {
        width: 28%;
        margin: 0 10px;
        text-align: right; } }

#gift-card-module .gift-card-list .payment-method-options {
  display: inline-block; }
  #gift-card-module .gift-card-list .payment-method-options button {
    margin-right: 10px;
    background-color: transparent;
    border: none; }
    #gift-card-module .gift-card-list .payment-method-options button i {
      margin-right: 5px; }

#gift-card-module .gift-card-verification {
  margin: 0 10px; }

#gift-card-module .gift-card-validated {
  padding: 10px 0 0 0; }
  @media screen and (max-width: 767px) {
    #gift-card-module .gift-card-validated {
      margin: 0 10px; } }
  #gift-card-module .gift-card-validated input[type="number"] {
    width: 80px;
    margin: 0 10px; }
  #gift-card-module .gift-card-validated .error-message {
    position: absolute !important; }

#gift-card-module .gift-card-balance {
  display: inline-block; }

#gift-card-module .gift-card-verification .btn.loading span, #gift-card-module .gift-card-validated .btn.loading span {
  display: none; }

@media screen and (max-width: 767px) {
  #gift-card-module .gift-card-verification .btn, #gift-card-module .gift-card-validated .btn {
    font-size: 12px;
    width: 100%; } }

@media screen and (max-width: 767px) {
  #gift-card-module .gift-card-validated label {
    display: inline-block;
    width: 46%; }
  #gift-card-module .gift-card-validated .gift-card-input-amount {
    display: inline-block;
    padding-right: 0;
    width: 48%;
    margin: 0 10px 0 0; }
  #gift-card-module .gift-card-validated .btn {
    margin-top: 10px; } }

.valid-address-list {
  list-style: none;
  margin: 0; }
  .valid-address-list li {
    padding: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    background-color: #fff;
    display: block; }

.returnConsent {
  padding: 0 40px 40px 40px;
  border-bottom: 1px solid #CCCCCC; }
  @media screen and (max-width: 480px) {
    .returnConsent {
      padding-left: 20px; } }
  .returnConsent input[type="checkbox"] {
    margin-right: 10px;
    top: -1px;
    position: relative; }

.returnConsentModal {
  font-weight: normal; }
  .returnConsentModal h2 {
    margin-bottom: 15px;
    font-size: 2em; }
  .returnConsentModal h3 {
    margin-top: 20px;
    font-size: 1.2em; }
  .returnConsentModal .o-modal-border {
    border: solid #ff99a8 2px;
    padding: 50px;
    height: 560px;
    background-color: #fff;
    overflow-y: scroll; }
    @media screen and (max-width: 767px) {
      .returnConsentModal .o-modal-border {
        padding: 40px;
        height: 85vh; } }
  .returnConsentModal .o-modal-content {
    max-width: 840px;
    padding: 20px;
    height: 600px;
    width: 50%; }
    @media screen and (max-width: 767px) {
      .returnConsentModal .o-modal-content {
        padding: 10px;
        width: 90%;
        height: 90vh; } }
  .returnConsentModal .o-modal__close {
    top: 3rem;
    right: 3rem; }
  .returnConsentModal ol {
    margin-left: 16px; }
  .returnConsentModal li > ol {
    margin-left: 15px; }
  .returnConsentModal .numbered-list > li {
    padding: 5px 0px; }

.cvv-number-field .cvv-help {
  font-size: 18px;
  color: #2c2c2c;
  position: relative; }
  .cvv-number-field .cvv-help .css-help-info {
    display: none;
    width: 370px;
    background-color: #f5f5f5;
    border-top: 4px solid black;
    position: absolute;
    z-index: 100;
    left: -11px;
    top: 29px; }
    .cvv-number-field .cvv-help .css-help-info .content-holder {
      padding: 10px; }
      .cvv-number-field .cvv-help .css-help-info .content-holder .heading {
        margin-bottom: 10px;
        font-size: 16px; }
      .cvv-number-field .cvv-help .css-help-info .content-holder .cross {
        display: none;
        text-align: right;
        width: 98%;
        position: absolute; }
      .cvv-number-field .cvv-help .css-help-info .content-holder .col-md-6 {
        padding: 0px; }
        .cvv-number-field .cvv-help .css-help-info .content-holder .col-md-6 .flex {
          display: flex;
          flex-direction: column; }
          .cvv-number-field .cvv-help .css-help-info .content-holder .col-md-6 .flex .card-img {
            height: 55px;
            width: 80px;
            order: 1;
            margin-top: 10px; }
            .cvv-number-field .cvv-help .css-help-info .content-holder .col-md-6 .flex .card-img.card-3-digit {
              background: url("../images/ecommerce/card-3-digit.png");
              background-position: center;
              background-size: cover; }
            .cvv-number-field .cvv-help .css-help-info .content-holder .col-md-6 .flex .card-img.card-4-digit {
              background: url("../images/ecommerce/card-4-digit.png");
              background-position: center;
              background-size: cover; }
          .cvv-number-field .cvv-help .css-help-info .content-holder .col-md-6 .flex .warning-text {
            font-size: 11px;
            box-sizing: border-box; }
        .cvv-number-field .cvv-help .css-help-info .content-holder .col-md-6.sec {
          padding-left: 30px; }
  .cvv-number-field .cvv-help .css-help-info::before {
    font-family: FontAwesome;
    content: "";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    line-height: 1;
    color: black;
    position: absolute;
    top: -24px;
    left: 10px;
    font-size: 30px; }

.cvv-number-field .cvv-help:hover .css-help-info {
  display: block; }

.shipping-address.page-overlay {
  background: rgba(255, 255, 255, 0.95);
  z-index: 10000;
  left: 0;
  position: fixed;
  top: 0;
  display: flex;
  align-items: center;
  text-align: left;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  height: 100%;
  width: 100%;
  color: #000000; }
  .shipping-address.page-overlay .free-shipping-reminder {
    text-align: center; }
    .shipping-address.page-overlay .free-shipping-reminder .free-shipping-btn {
      margin: 10px !important;
      width: 200px !important; }
  .shipping-address.page-overlay .centerline-div {
    width: 45% !important;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.16);
    padding: 90px 100px;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px; }
    .shipping-address.page-overlay .centerline-div .row {
      margin-bottom: 36px; }
    .shipping-address.page-overlay .centerline-div .btn-row {
      padding-top: 22px;
      text-align: center; }
      .shipping-address.page-overlay .centerline-div .btn-row .btn {
        font-family: 'Montserrat';
        font-weight: 500;
        font-size: 13px;
        width: 241px;
        height: 62px;
        padding: unset; }

info-icon-with-popup {
  position: relative; }

@media only screen and (max-width: 767px) {
  info-icon-with-popup {
    position: unset; }
  .info-popup-positioning-parent {
    position: relative; }
  .cart-summary .cart-total .cart-subtotal.info-popup-positioning-parent {
    padding: 0;
    margin: 0 20px; }
  cart-summary .cart-total {
    width: 100%; } }

@media only screen and (max-width: 576px) {
  .cvv-number-field .css-help-info {
    width: 300px !important;
    left: -50px !important; }
    .cvv-number-field .css-help-info .content-holder .col-md-6 .flex {
      flex-direction: row !important; }
      .cvv-number-field .css-help-info .content-holder .col-md-6 .flex .card-img {
        order: unset !important;
        height: 55px;
        margin-top: 10px;
        flex-basis: 80px;
        flex-grow: 0;
        flex-shrink: 0; }
    .cvv-number-field .css-help-info .content-holder .col-md-6 .warning-text {
      padding-top: 12px;
      padding-left: 4px; }
    .cvv-number-field .css-help-info .content-holder .col-md-6.sec {
      padding-left: 0px !important; }
    .cvv-number-field .css-help-info .content-holder .cross {
      display: block !important; }
  .cvv-number-field .css-help-info::before {
    left: 48px !important; }
  .shipping-address.page-overlay .centerline-div {
    width: 100% !important;
    height: 100%;
    padding: 100px 40px; }
  .shipping-address.page-overlay .free-shipping-reminder .free-shipping-btn {
    margin-bottom: 10px !important; } }

.gift-error-message {
  margin: 0 0 20px 40px;
  color: red;
  font-style: italic; }

#confirmation-page {
  text-align: center; }
  #confirmation-page h1 {
    color: #6D6D6D;
    font-size: 32px;
    line-height: 36px; }
    #confirmation-page h1.just-lovely {
      color: #ff99a8;
      font-size: 50px;
      line-height: 35px;
      margin: 0 0 25px 0; }
  #confirmation-page h2 {
    font-size: 32px;
    line-height: 36px;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 5px;
    padding: 0 5px 0 5px; }
  #confirmation-page h3 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    margin: 50px 0 30px 0;
    padding: 0; }
  #confirmation-page p {
    font-size: 16px;
    text-align: center;
    font-weight: normal; }
  #confirmation-page .heading {
    background: #F7F7F7;
    padding: 20px 0 40px; }
    #confirmation-page .heading .title {
      font-weight: 500;
      font-size: 32px; }
    #confirmation-page .heading .order-id {
      color: #757575; }
    #confirmation-page .heading p {
      font-weight: 500; }
  #confirmation-page .order-infos {
    margin: 25px auto;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase; }
  #confirmation-page .ordered-items {
    margin-top: 25px;
    margin-bottom: 25px; }
    @media screen and (min-width: 420px) {
      #confirmation-page .ordered-items {
        padding-left: 12%;
        padding-right: 12%; } }
    #confirmation-page .ordered-items .items-flex-container {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      flex-wrap: wrap; }
      #confirmation-page .ordered-items .items-flex-container .order-item {
        padding: 15px;
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 100%; }
        @media screen and (min-width: 420px) {
          #confirmation-page .ordered-items .items-flex-container .order-item {
            flex-direction: row;
            width: 400px; } }
        #confirmation-page .ordered-items .items-flex-container .order-item img {
          max-height: 200px;
          max-width: 125px; }
        #confirmation-page .ordered-items .items-flex-container .order-item .product-info-holder {
          display: flex;
          align-items: center; }
          @media screen and (max-width: 420px) {
            #confirmation-page .ordered-items .items-flex-container .order-item .product-info-holder {
              justify-content: space-between;
              width: 100%; } }
          #confirmation-page .ordered-items .items-flex-container .order-item .product-info-holder .product-info {
            text-align: center;
            word-break: break-all; }
            @media screen and (max-width: 420px) {
              #confirmation-page .ordered-items .items-flex-container .order-item .product-info-holder .product-info {
                text-align: left;
                width: 100%;
                margin-left: 20px; } }
            #confirmation-page .ordered-items .items-flex-container .order-item .product-info-holder .product-info div:first-child {
              font-weight: bold;
              font-size: 20px;
              line-height: 30px; }
            #confirmation-page .ordered-items .items-flex-container .order-item .product-info-holder .product-info .gc-print {
              margin-top: 10px; }
              #confirmation-page .ordered-items .items-flex-container .order-item .product-info-holder .product-info .gc-print i {
                font-size: 18px;
                margin-right: 8px; }
              #confirmation-page .ordered-items .items-flex-container .order-item .product-info-holder .product-info .gc-print a {
                font-size: 12px;
                text-decoration: underline;
                text-transform: uppercase;
                font-weight: bold; }
                #confirmation-page .ordered-items .items-flex-container .order-item .product-info-holder .product-info .gc-print a:hover {
                  color: #000; }
            @media screen and (min-width: 420px) {
              #confirmation-page .ordered-items .items-flex-container .order-item .product-info-holder .product-info {
                width: initial;
                text-align: left;
                padding-left: 25px; } }
  #confirmation-page .order-updates {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center; }
    #confirmation-page .order-updates .updates-wrapper {
      width: 100%;
      max-width: 441px;
      margin: 0 12px;
      background: #fff;
      padding: 24px 38px;
      min-height: 156px;
      text-align: left; }
      #confirmation-page .order-updates .updates-wrapper.qr-card {
        align-items: center;
        display: flex; }
        #confirmation-page .order-updates .updates-wrapper.qr-card .qr-img {
          width: 75px;
          margin-left: 42px; }
        #confirmation-page .order-updates .updates-wrapper.qr-card .input-holder {
          margin-top: 0;
          align-items: center; }
      #confirmation-page .order-updates .updates-wrapper.qr-mobile {
        display: none; }
    #confirmation-page .order-updates .updates-heading {
      font-family: Montserrat;
      font-size: 17px;
      font-weight: 600;
      padding: 0;
      background: none;
      margin-bottom: 8px; }
    #confirmation-page .order-updates h6 {
      font-size: 14px;
      line-height: 19px;
      font-weight: 500;
      line-height: 17px; }
    #confirmation-page .order-updates .input-holder {
      margin-top: 18px;
      display: flex;
      justify-content: flex-start; }
      #confirmation-page .order-updates .input-holder .phone-input-rs {
        margin-right: 10px;
        width: 100%; }
        #confirmation-page .order-updates .input-holder .phone-input-rs .cabi-textfield-input {
          font-family: 'Archer SSm A', 'Archer SSm B';
          float: right;
          margin-bottom: 0px;
          border: none;
          padding: 10px;
          background: #fff;
          border: 1px solid #ADADAD;
          width: 100%; }
      #confirmation-page .order-updates .input-holder .btn-primary.btn-sm {
        padding: 8px 22px;
        height: 42px;
        font-family: Montserrat !important; }
    @media screen and (max-width: 768px) {
      #confirmation-page .order-updates {
        flex-flow: column; }
        #confirmation-page .order-updates .updates-wrapper.qr-desktop {
          display: none; }
        #confirmation-page .order-updates .updates-wrapper.qr-mobile {
          display: block; }
        #confirmation-page .order-updates .updates-wrapper.qr-card.qr-mobile {
          justify-content: space-between;
          background-color: #F7F7F7;
          min-height: 96px;
          padding-bottom: 0; }
          #confirmation-page .order-updates .updates-wrapper.qr-card.qr-mobile .input-holder {
            justify-content: space-between;
            align-items: center; }
            #confirmation-page .order-updates .updates-wrapper.qr-card.qr-mobile .input-holder .qr-left {
              display: flex;
              align-items: center; }
              #confirmation-page .order-updates .updates-wrapper.qr-card.qr-mobile .input-holder .qr-left .qr-logo {
                width: 64px;
                margin-right: 16px; }
            #confirmation-page .order-updates .updates-wrapper.qr-card.qr-mobile .input-holder .btn {
              height: 34px;
              width: 68px;
              padding-top: 7px;
              text-decoration: none;
              font-size: 12px; }
              #confirmation-page .order-updates .updates-wrapper.qr-card.qr-mobile .input-holder .btn::before {
                display: none !important; } }
  #confirmation-page .black-buttons {
    margin-top: 50px; }
    #confirmation-page .black-buttons .btn-black {
      margin: 10px 0 10px 0; }
    @media screen and (min-width: 768px) {
      #confirmation-page .black-buttons button {
        float: left; }
      #confirmation-page .black-buttons .col-sm-6:first-child button {
        float: right; } }
  #confirmation-page .edit-order {
    margin-top: 55px; }
    #confirmation-page .edit-order .title {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 10px; }
    #confirmation-page .edit-order .subtitle {
      margin-bottom: 30px; }
      #confirmation-page .edit-order .subtitle p {
        font-size: 14px;
        font-weight: 500; }
    #confirmation-page .edit-order .edit-order-btn {
      display: inline-block;
      font-weight: bold;
      border-bottom: 2px solid black;
      cursor: pointer; }
    #confirmation-page .edit-order i {
      padding-left: 20px;
      padding-right: 20px;
      font-size: 16px;
      font-weight: bold;
      line-height: 0; }
  #confirmation-page .meet-stylist {
    max-width: 750px;
    margin: 30px auto 0 auto; }
    #confirmation-page .meet-stylist .stylist-info {
      width: 200px; }
    #confirmation-page .meet-stylist .meet-stylist-info-card {
      display: flex;
      justify-content: center; }
      #confirmation-page .meet-stylist .meet-stylist-info-card .info-card-wrapper {
        display: inline-block;
        max-width: 400px;
        margin: 20px 0; }
        #confirmation-page .meet-stylist .meet-stylist-info-card .info-card-wrapper .info-card {
          display: flex;
          flex-direction: column; }
          #confirmation-page .meet-stylist .meet-stylist-info-card .info-card-wrapper .info-card h2 {
            margin-top: 0;
            margin-bottom: 20px; }
            #confirmation-page .meet-stylist .meet-stylist-info-card .info-card-wrapper .info-card h2 .title {
              text-align: left; }
          #confirmation-page .meet-stylist .meet-stylist-info-card .info-card-wrapper .info-card .contacts {
            padding: 20px 0 0 5px;
            text-align: left; }
            #confirmation-page .meet-stylist .meet-stylist-info-card .info-card-wrapper .info-card .contacts div {
              padding: 0 40px 0 0; }
            #confirmation-page .meet-stylist .meet-stylist-info-card .info-card-wrapper .info-card .contacts div > i {
              padding: 0 10px 0 5px; }
    @media screen and (max-width: 420px) {
      #confirmation-page .meet-stylist .meet-stylist-info-card {
        padding-top: 30px;
        display: block; }
        #confirmation-page .meet-stylist .meet-stylist-info-card .title {
          text-align: center !important; }
        #confirmation-page .meet-stylist .meet-stylist-info-card .contacts {
          padding: 20px 0 0 0;
          text-align: center !important; }
          #confirmation-page .meet-stylist .meet-stylist-info-card .contacts div {
            padding: 0px 20px; }
          #confirmation-page .meet-stylist .meet-stylist-info-card .contacts div > i {
            padding: 0px 10px; } }
  #confirmation-page .ps-text {
    max-width: 550px;
    margin: 50px auto 0 auto;
    font-style: italic; }
  #confirmation-page .learn-more {
    text-transform: initial; }
  @media screen and (max-width: 420px) {
    #confirmation-page .row {
      margin-left: 0;
      margin-right: 0; } }
  #confirmation-page .gift-cards {
    margin-top: 30px; }
    #confirmation-page .gift-cards span {
      color: #000;
      font-size: large;
      font-weight: bold; }
    #confirmation-page .gift-cards table {
      border-collapse: collapse;
      width: 100%; }
    #confirmation-page .gift-cards table, #confirmation-page .gift-cards th, #confirmation-page .gift-cards td {
      border-bottom: 1px solid #ddd; }
    #confirmation-page .gift-cards th, #confirmation-page .gift-cards td {
      padding: 10px;
      text-align: left; }
    #confirmation-page .gift-cards tr:hover {
      background-color: #f5f5f5; }
    #confirmation-page .gift-cards a.btn {
      background-color: #FF99A8;
      width: auto;
      padding: 5px 10px;
      height: 30px;
      color: white;
      border: none;
      border-radius: 50px;
      font-weight: 900;
      text-decoration: none !important; }
      #confirmation-page .gift-cards a.btn:hover {
        background-color: #FCB7C0; }

.ecommerce-page {
  font-size: 13px; }
  .ecommerce-page .ecommerce-pad {
    padding: 50px 0; }
  .ecommerce-page .small-spacing {
    padding-left: 10px;
    padding-right: 10px; }
  .ecommerce-page .btn {
    position: relative;
    transition: all .3s;
    text-transform: uppercase;
    font-weight: 800; }
    .ecommerce-page .btn .loader {
      transition: all .3s;
      opacity: 0;
      position: absolute;
      left: 20px;
      top: 50%;
      margin-top: -10px; }
    .ecommerce-page .btn.loading {
      padding-left: 50px !important; }
      .ecommerce-page .btn.loading .loader {
        opacity: 1; }
    .ecommerce-page .btn.btn-full {
      display: block;
      width: 100%; }
  .ecommerce-page hr {
    margin: 30px 0;
    display: block;
    border: 0;
    border-top: 1px solid #ccc !important;
    padding: 0; }
  .ecommerce-page a {
    color: #000;
    text-decoration: underline; }
    .ecommerce-page a:hover {
      text-decoration: none; }
  .ecommerce-page .order-items .container {
    max-width: 100% !important; }
  .ecommerce-page .customradio {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 5px -12px rgba(0, 0, 0, 0.05);
    padding: 6px !important;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    margin-right: 10px !important; }
  .ecommerce-page .customradio:checked:after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50px;
    position: absolute;
    top: 2px;
    background: #ff99a8;
    text-shadow: 0;
    left: 2px;
    font-size: 32px; }
  .ecommerce-page .sticky-message {
    width: 100%;
    margin: -40px auto 10px auto;
    z-index: 0; }
    .ecommerce-page .sticky-message div {
      background-color: #F0F0F0;
      height: auto;
      color: #000000; }
      .ecommerce-page .sticky-message div h2 {
        margin: 15px auto;
        font-size: medium;
        padding: 0 10px; }
  .ecommerce-page .retail-message {
    width: 60%;
    padding: 0 10px; }
    @media screen and (max-width: 600px) {
      .ecommerce-page .retail-message {
        width: 100%;
        padding: 0 0 20px 0; } }

.growl-item {
  z-index: 1 !important; }

.form-component h2 {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: normal; }

#checkout-page {
  padding-bottom: 50px; }
  @media (min-width: 1200px) {
    #checkout-page .container {
      max-width: 1170px;
      width: 100%; } }
  #checkout-page .page-title {
    margin: 20px 0;
    font-size: 1.5em; }
    #checkout-page .page-title span {
      color: #ff99a8; }
  @media screen and (max-width: 768px) {
    #checkout-page .first-stage-skip-text {
      font: normal normal 600 14px/22px Archer-Semibold !important; } }
  #checkout-page .update-donation-btn {
    color: #000;
    height: 40px !important;
    display: inline-block;
    font-weight: bold;
    background-color: transparent;
    border: 1px solid #000;
    text-transform: capitalize; }
  #checkout-page .current-address-description {
    padding-left: 20px; }
    #checkout-page .current-address-description .current-address {
      text-transform: uppercase; }
  #checkout-page .gift-card-verification label, #checkout-page .gift-card-validated label {
    line-height: 42px;
    color: #000; }
  #checkout-page .gift-card-verification .btn, #checkout-page .gift-card-validated .btn {
    color: #000;
    height: 42px;
    display: inline-block;
    font-weight: bold;
    vertical-align: middle;
    background-color: transparent;
    border: 1px solid #000;
    text-transform: capitalize; }
  #checkout-page .bag-summary-wrapper {
    position: sticky;
    top: 100px;
    min-height: 100%; }
  #checkout-page .panel-list .panel .panel-header {
    font-weight: bold;
    background-color: #f5f5f5;
    color: #000; }
  #checkout-page .panel-list .panel.active .panel-header {
    background: #000;
    color: #fff; }
  #checkout-page .panel-list .guest-checkout-text {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 400;
    font-style: normal; }
  #checkout-page .panel-list .phone-again-form {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 400;
    font-style: normal; }
  #checkout-page .panel-list .communication-preferences {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 400;
    font-style: normal; }
  #checkout-page .module .module-head .title {
    text-transform: uppercase; }
  #checkout-page .module .module-head:after {
    content: ' ';
    display: table; }
  #checkout-page .cart-summary {
    background-color: #f0f0f0;
    padding-top: 30px; }
    #checkout-page .cart-summary .product-list .product {
      font-weight: 700; }
      #checkout-page .cart-summary .product-list .product span {
        font-size: 12px; }
      #checkout-page .cart-summary .product-list .product .markdown {
        font-weight: 500; }
      #checkout-page .cart-summary .product-list .product .subtotal {
        font-size: 13px; }
    #checkout-page .cart-summary .cart-total {
      font-size: 13px;
      border-top: 2px solid #B6B1B4;
      font-weight: 600;
      line-height: 18px;
      letter-spacing: 0; }
      #checkout-page .cart-summary .cart-total .gran-total {
        background-color: #E1E1E1; }
        #checkout-page .cart-summary .cart-total .gran-total .label {
          font-size: 22px; }
        #checkout-page .cart-summary .cart-total .gran-total .value {
          font-size: 28px; }
  #checkout-page .cart-promo-code .cart-promo-text {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    background: #DEDEDE; }
  #checkout-page .cart-promo-code .promo-code-input {
    background: #fff;
    height: 40px;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 800;
    font-style: normal;
    width: 71%;
    margin-right: 3%;
    padding: 0 10px; }
    #checkout-page .cart-promo-code .promo-code-input::placeholder {
      color: #000; }
  #checkout-page .cart-promo-code .btn {
    width: 24%;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 10px;
    height: 35px !important;
    border-radius: 3px;
    padding: 1px 0 0; }
    #checkout-page .cart-promo-code .btn.loading {
      padding-left: 16px !important; }
    #checkout-page .cart-promo-code .btn .loader {
      left: 6px; }
    #checkout-page .cart-promo-code .btn span {
      display: unset; }
  #checkout-page .cart-promo-code .promo-response-text {
    color: #EA405A;
    font-size: 11px;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 600;
    font-style: normal;
    padding-top: 4px; }
  #checkout-page .lower-cart-summary {
    display: none; }
  #checkout-page check-out-step[name="STEPS.VERIFY_INFORMATION"] .panel-body {
    padding-bottom: 0; }
  #checkout-page check-out-step[name="STEPS.VERIFY_INFORMATION"] .panel-footer {
    border-top: unset; }
  @media screen and (max-width: 1199px) {
    #checkout-page .lower-cart-summary {
      display: block; }
    #checkout-page .bag-summary-wrapper {
      display: none; }
    #checkout-page .cart-promo-codes {
      padding: 30px 20px 0; }
    #checkout-page .cart-promo-code .promo-code-input {
      background-color: #f5f5f5;
      padding: 10px; }
      #checkout-page .cart-promo-code .promo-code-input::placeholder {
        opacity: .75; }
    #checkout-page .cart-promo-code .cart-promo-text {
      padding: 10px;
      font-weight: 500; }
      #checkout-page .cart-promo-code .cart-promo-text span {
        display: unset; }
    #checkout-page .cart-promo-code .btn {
      height: 40px; }
    #checkout-page .cart-total {
      margin-left: 20px; } }
  @media screen and (max-width: 500px) {
    #checkout-page .cart-promo-codes {
      padding: 30px 0 0; }
    #checkout-page .cart-total {
      margin-left: 10px; } }

#confirmation-page .order-infos {
  font-family: 'Montserrat'; }

#confirmation-page .ordered-items .items-flex-container .order-item .product-info-holder .product-info .gc-print a {
  font-family: 'Montserrat'; }

#confirmation-page .edit-order .title {
  font-family: 'Montserrat'; }

#confirmation-page .edit-order .edit-order-btn {
  font-family: 'Montserrat'; }

.ecommerce-page {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal; }

.column-1-1, .column-2-1, .column-2-2, .column-2-3, .column-3-1, .column-3-2, .column-3-3, .column-50-50, .column-split-1, .column-split-2, .column-split-3, .column-full, .img-grid-1, .img-grid-2, .img-grid-3, .img-grid-text, .img-grid--1-3 .img-grid--2-3 {
  margin-bottom: 0px !important; }

.column-1-1 figure div img, .column-2-1 figure div img, .column-2-2 figure div img, .column-2-3 figure div img, .column-3-1 figure div img, .column-3-2 figure div img, .column-3-3 figure div img, .column-50-50 figure div img, .column-split-1 figure div img, .column-split-2 figure div img, .column-split-3 figure div img, .column-full figure div img, .img-grid-1 figure div img, .img-grid-2 figure div img, .img-grid-3 figure div img, .img-grid-text figure div img, .img-grid--1-3 .img-grid--2-3 figure div img {
  margin-bottom: 30px;
  height: auto;
  width: 100%; }

.wpb_single_image .wpb_wrapper.vc_figure {
  display: block;
  vertical-align: top;
  margin: 0 auto;
  width: 100%;
  text-align: center; }

.vc__browse-look-image {
  margin-bottom: 30px; }
  .vc__browse-look-image .tax-styles__flex-outfit {
    cursor: pointer;
    position: relative; }
    .vc__browse-look-image .tax-styles__flex-outfit:hover .tax-styles__flex-img {
      opacity: 0.5; }
    .vc__browse-look-image .tax-styles__flex-outfit:hover .tax-styles__hover-box {
      visibility: visible; }
    .vc__browse-look-image .tax-styles__flex-outfit .tax-styles__flex-img {
      width: 100%; }
    .vc__browse-look-image .tax-styles__flex-outfit .tax-styles__hover-box {
      margin: 0 auto; }
      @media screen and (min-width: 1000px) {
        .vc__browse-look-image .tax-styles__flex-outfit .tax-styles__hover-box {
          visibility: hidden;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%); } }
      .vc__browse-look-image .tax-styles__flex-outfit .tax-styles__hover-box p {
        text-align: center;
        margin-top: 16px;
        margin-bottom: 16px; }

.vc_column-inner .wpb_wrapper .column-1-1, .vc_column-inner .wpb_wrapper .column-50-50 {
  text-align: center; }

.column-3-1 figure div img, .column-3-2 figure div img, .column-3-3 figure div img {
  padding: 0; }

.img-grid-text {
  font-size: 5em; }

/* Attached e-commerce global styling */
.attached-ecomm {
  /* Custom input */
  /* Custom checkbox */
  /* Custom dropdown */
  /* Custom dropdown with icon */ }
  .attached-ecomm .btn-continue {
    margin: 40px 0;
    padding: 0 70px !important; }
  .attached-ecomm h2.title {
    font-size: 32px;
    letter-spacing: 0.8px;
    margin-bottom: 20px;
    text-transform: initial;
    line-height: 39px;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 600;
    font-style: normal; }
    @media screen and (max-width: 400px) {
      .attached-ecomm h2.title {
        font-size: 24px; } }
  .attached-ecomm p {
    font-size: 16px;
    letter-spacing: 0.4px;
    text-align: left;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 400;
    font-style: normal; }
    @media screen and (max-width: 400px) {
      .attached-ecomm p {
        font-size: 12px; } }
    .attached-ecomm p.subtitle {
      margin-bottom: 45px;
      font-size: 14px;
      text-align: center; }
      @media screen and (max-width: 400px) {
        .attached-ecomm p.subtitle {
          font-size: 12px; } }
      .attached-ecomm p.subtitle.heavy {
        font-size: 24px;
        font-weight: bold;
        margin-top: 35px;
        display: inline-block; }
        @media screen and (max-width: 400px) {
          .attached-ecomm p.subtitle.heavy {
            font-size: 16px; } }
      .attached-ecomm p.subtitle.no-margin {
        margin: 0; }
      .attached-ecomm p.subtitle.italic {
        font-style: italic; }
    .attached-ecomm p.error {
      color: #D22C2B;
      font-size: 12px;
      text-align: center;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: italic; }
  .attached-ecomm .ae-btn {
    font-family: 'Montserrat';
    text-transform: uppercase;
    letter-spacing: 0.06875em;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    font-size: 0.875em;
    text-decoration: none;
    text-align: center;
    padding: 0 55px;
    border: 1px solid;
    height: 62px;
    -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out, border-width 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out, border-width 0.2s ease-out;
    transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out, border-width 0.2s ease-out;
    cursor: pointer;
    font-weight: 600;
    position: relative;
    color: #fff;
    border-color: #666;
    background-color: #666;
    /* Btn Spinner */ }
    .attached-ecomm .ae-btn:before {
      content: "";
      display: inline-block;
      vertical-align: middle;
      height: 100%; }
    .attached-ecomm .ae-btn .spinner {
      display: inline-block;
      width: 20px;
      height: 20px;
      right: 20px;
      top: 50%;
      margin-top: -10px;
      border: 3px solid #b0b0b0;
      border-radius: 50%;
      border-top: 3px solid #646464;
      position: absolute;
      animation: spin 1s linear infinite; }
    .attached-ecomm .ae-btn[disabled] {
      color: #000;
      border-color: #000;
      background-color: #fff;
      cursor: default; }
    .attached-ecomm .ae-btn:not([disabled]):hover {
      color: #fff;
      border-color: #000;
      background-color: #000; }
  .attached-ecomm .link-cancel {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 1px solid #000;
    -webkit-transition: border-bottom-color 0.4s ease-out;
    -moz-transition: border-bottom-color 0.4s ease-out;
    transition: border-bottom-color 0.4s ease-out; }
    .attached-ecomm .link-cancel:hover {
      border-bottom-color: transparent; }
    .attached-ecomm .link-cancel + .link-cancel {
      margin-left: 20px; }
      @media screen and (max-width: 400px) {
        .attached-ecomm .link-cancel + .link-cancel {
          margin-left: 0; }
          .attached-ecomm .link-cancel + .link-cancel:before {
            content: '';
            display: table;
            margin-top: 20px; } }
  .attached-ecomm .custom-input {
    border-bottom: 1px solid #000;
    position: relative; }
    .attached-ecomm .custom-input input {
      width: 100%;
      background-color: transparent;
      border: none;
      color: #000;
      font-size: 18px;
      padding: 5px;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal; }
    .attached-ecomm .custom-input .placeholder {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(calc(-50% - 5px));
      pointer-events: none;
      padding: 0 5px;
      width: 100%;
      text-align: left;
      color: #6d6d6d;
      font-size: 18px;
      transition: all .2s ease;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: italic; }
      .attached-ecomm .custom-input .placeholder.above {
        font-size: 12px;
        top: 0; }
      @media screen and (max-width: 400px) {
        .attached-ecomm .custom-input .placeholder {
          font-size: 16px; } }
    .attached-ecomm .custom-input.password input,
    .attached-ecomm .custom-input.password .placeholder {
      padding-right: 65px; }
    .attached-ecomm .custom-input.password .show-hide-button {
      display: inline-block;
      padding: 5px 10px;
      position: absolute;
      top: 50%;
      right: 0;
      text-transform: uppercase;
      transform: translateY(-50%);
      font-size: 11px;
      font-family: 'Montserrat'; }
  .attached-ecomm .custom-checkbox {
    position: relative; }
    .attached-ecomm .custom-checkbox input {
      display: none; }
    .attached-ecomm .custom-checkbox label {
      cursor: pointer;
      color: #6d6d6d;
      font-size: 16px;
      letter-spacing: 0.45px;
      padding-left: 25px;
      text-align: left;
      vertical-align: top;
      display: inline-block;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal; }
      @media screen and (max-width: 400px) {
        .attached-ecomm .custom-checkbox label {
          font-size: 12px; } }
      .attached-ecomm .custom-checkbox label:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 16px;
        height: 16px;
        border: 2px solid #979797;
        border-radius: 3px;
        background-color: #f0f0f0; }
      .attached-ecomm .custom-checkbox label:after {
        content: '';
        display: none;
        position: absolute;
        left: 4px;
        top: 50%;
        transform: translateY(-50%);
        width: 8px;
        height: 8px;
        border-radius: 2px;
        background-color: #979797; }
      .attached-ecomm .custom-checkbox label.round:before, .attached-ecomm .custom-checkbox label.round:after {
        border-radius: 50% !important; }
    .attached-ecomm .custom-checkbox input:checked + label:after {
      display: block; }
  .attached-ecomm .custom-dropdown {
    width: 100%;
    margin-bottom: 25px;
    margin-top: 0;
    position: relative;
    display: inline-block; }
    .attached-ecomm .custom-dropdown:after {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 8px 6px 0 6px;
      border-color: #646464 transparent transparent transparent;
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translateY(-50%); }
    .attached-ecomm .custom-dropdown select {
      font-size: 18px;
      text-align: left;
      background: transparent;
      letter-spacing: 0.0375em;
      padding: .5em 27px .5em 5px;
      border: 1px solid;
      border-color: transparent transparent #000 transparent;
      border-radius: 0;
      width: 100%;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal; }
      .attached-ecomm .custom-dropdown select option {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        white-space: normal; }
        @media screen and (max-width: 400px) {
          .attached-ecomm .custom-dropdown select option {
            font-size: 16px; } }
      .attached-ecomm .custom-dropdown select:focus {
        outline: 1px solid #000; }
    .attached-ecomm .custom-dropdown .placeholder {
      display: flex;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(calc(-50% - 5px));
      pointer-events: none;
      padding: 0 5px;
      width: 100%;
      text-align: left;
      color: #6d6d6d;
      font-size: 18px;
      transition: all .2s ease;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: italic; }
      .attached-ecomm .custom-dropdown .placeholder.above {
        font-size: 12px;
        top: 0; }
      @media screen and (max-width: 400px) {
        .attached-ecomm .custom-dropdown .placeholder {
          font-size: 16px; } }
  .attached-ecomm .custom-dropdown-icon {
    position: relative;
    display: inline-block; }
    .attached-ecomm .custom-dropdown-icon .dropdown-toggle {
      line-height: 20px;
      display: inline-block;
      border-bottom: 1px solid #000;
      padding: 0 27px 2px 5px;
      font-size: 16px;
      min-height: 32px; }
      .attached-ecomm .custom-dropdown-icon .dropdown-toggle img {
        height: 16px;
        vertical-align: middle;
        padding-right: 5px; }
      .attached-ecomm .custom-dropdown-icon .dropdown-toggle span {
        vertical-align: middle; }
      .attached-ecomm .custom-dropdown-icon .dropdown-toggle:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 6px 0 6px;
        border-color: #646464 transparent transparent transparent;
        position: absolute;
        right: 5px;
        top: 40%;
        transform: translateY(-50%); }
    .attached-ecomm .custom-dropdown-icon .dropdown-content {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      background-color: #fff;
      border: 1px solid rgba(0, 0, 0, 0.15);
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
      z-index: 1;
      width: 100%;
      max-height: 175px;
      overflow-x: auto;
      white-space: nowrap; }
      .attached-ecomm .custom-dropdown-icon .dropdown-content ul {
        margin: 0;
        padding: 0;
        list-style: none; }
        .attached-ecomm .custom-dropdown-icon .dropdown-content ul li {
          border-top: 1px solid rgba(0, 0, 0, 0.15);
          padding: 5px 10px;
          text-align: left;
          cursor: pointer;
          transition: all .3s;
          white-space: nowrap; }
          .attached-ecomm .custom-dropdown-icon .dropdown-content ul li:first-child {
            border-top: 0; }
          .attached-ecomm .custom-dropdown-icon .dropdown-content ul li:hover {
            background-color: rgba(0, 0, 0, 0.05); }
          .attached-ecomm .custom-dropdown-icon .dropdown-content ul li img {
            height: 16px;
            vertical-align: middle;
            padding-right: 5px; }
          .attached-ecomm .custom-dropdown-icon .dropdown-content ul li span {
            vertical-align: middle;
            white-space: normal; }
    .attached-ecomm .custom-dropdown-icon.active .dropdown-content {
      display: block; }
    .attached-ecomm .custom-dropdown-icon .placeholder {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(calc(-50% - 5px));
      pointer-events: none;
      padding: 0 5px;
      width: 100%;
      text-align: left;
      color: #6d6d6d;
      font-size: 18px;
      transition: all .2s ease;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: italic; }
      .attached-ecomm .custom-dropdown-icon .placeholder.above {
        font-size: 12px;
        top: 0; }
      @media screen and (max-width: 400px) {
        .attached-ecomm .custom-dropdown-icon .placeholder {
          font-size: 16px; } }
    .attached-ecomm .custom-dropdown-icon .disabled {
      cursor: default; }
  .attached-ecomm .verifyRegisterCodeForm .btn-continue {
    margin-top: 18px;
    margin-bottom: 22px; }
  .attached-ecomm .verifyRegisterCodeForm h2.title {
    margin-bottom: 16px; }
  .attached-ecomm .verifyRegisterCodeForm p.subtitle {
    font-size: 16px; }
  .attached-ecomm .verifyRegisterCodeForm .custom-input input {
    text-align: center; }
  .attached-ecomm .verifyRegisterCodeForm .custom-input .placeholder {
    text-align: center; }
  .attached-ecomm .verifyRegisterCodeForm .have-not-received-code {
    font-size: 12px;
    line-height: 16px;
    margin-top: 16px;
    font-style: italic; }
  .attached-ecomm .verifyRegisterCodeForm .verification-code {
    width: 27%; }
  .attached-ecomm .verifyRegisterCodeForm .code-sent {
    color: #ff99a8;
    opacity: 0;
    transition: all 0.5s ease-in; }
    .attached-ecomm .verifyRegisterCodeForm .code-sent span {
      font-size: 14px;
      padding-left: 6px; }
  .attached-ecomm .verifyRegisterCodeForm .error {
    margin-top: 0px;
    font-style: unset;
    font-weight: 800; }
  .attached-ecomm .verifyRegisterCodeForm .sent {
    opacity: 1; }

.microsite-checkout-sticky-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  display: flex !important;
  justify-content: flex-end;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 40px;
  background-color: white; }

.skip-navigation-container {
  width: 100%;
  display: flex;
  justify-content: center; }

#skip-navigation {
  position: absolute;
  z-index: -999;
  top: 0px;
  color: #ffff;
  font-family: Montserrat;
  text-align: center;
  cursor: pointer;
  padding: 4px 0px; }
  #skip-navigation:focus {
    color: #000000;
    z-index: 999; }
  #skip-navigation:active {
    color: #000000;
    z-index: 999; }
  @media screen and (max-width: 999px) {
    #skip-navigation {
      top: 35px; } }

.cart-promo-code {
  padding: 12px 0; }

.cart-promo-code input.promo-code-input {
  background: #e9e9e9; }
  @media only screen and (max-width: 660px) {
    .cart-promo-code input.promo-code-input {
      width: 65% !important; } }

.cart-promo-code button {
  height: 45px !important; }
  @media only screen and (max-width: 660px) {
    .cart-promo-code button {
      height: 45px !important; } }

.cart-promo-code .button-disabled {
  background: #fff !important;
  line-height: 0 !important;
  color: #000 !important;
  border: 2px solid #000 !important; }

.promo-response-text {
  color: #ff99a8;
  padding-top: 20px; }

.promo-discount-close {
  cursor: pointer;
  padding-left: 5px; }

.cart-promo-text {
  padding-left: 20px; }

.cart-promo-code span i {
  padding-right: 8px;
  font-size: 18px; }

@media screen and (max-width: 767px) {
  .cart-total .cart-verify {
    width: 100%; } }

@media screen and (max-width: 767px) {
  #checkout-page input[type="text"] {
    width: 80%; } }

@media screen and (max-width: 660px) {
  #checkout-page input[type="text"] {
    width: 68%; } }

.cart-bag-promo-code {
  padding-right: 10px;
  font-weight: bold; }

.promo-applied-text {
  font-style: italic;
  padding-left: 15px; }

.applied-promo-codes {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  padding-bottom: 20px; }

body.cabi-not-authenticated-or-not-my-stylist .Friendbuy-ribbon-transition {
  display: none !important; }

body.cabi-is-authenticated:has(#checkout-page) .Friendbuy-ribbon-transition {
  display: none !important; }

@media only screen and (max-width: 1000px) {
  .Friendbuy-ribbon-transition {
    display: none !important; } }