@charset "UTF-8";
@import "//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css";
@import "//cloud.typography.com/6157174/782808/css/fonts.css";
@import "//fonts.googleapis.com/css?family=Montserrat:400,500,600";
@import url("//fonts.googleapis.com/css?family=Open+Sans:400,700,400italic");
@import "//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css";
@import "//cloud.typography.com/6157174/782808/css/fonts.css";
@import "//fonts.googleapis.com/css?family=Montserrat:400,500,600";
@import url("//fonts.googleapis.com/css?family=Open+Sans:400,700,400italic");
@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);
@import url(../fonts/Archer-BookItalic.css);
@import url(../fonts/MontserratRegular.css);
@import url(../fonts/MontserratLight.css);
@import url(../fonts/SantoriniRegular.css);
html {
  box-sizing: border-box; }

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

/* 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; }

@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, #page[data-page-id="page-host"] .block-video .video-wrapper .video-wrapper-text h2, #page[data-page-id="page-host"] .block-video .video-wrapper .video-wrapper-text p, .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, .table-style, #page[data-page-id="page-give-now"] .description p, #page[data-page-id="page-join-us"] .events .event-description, .block-events__item_bg span, #page-career-events-sharing section#block-promote .box .event-description, #page-career-events-gathering section#block-promote .box .event-description, #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, #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 {
  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, .table-style tbody .total td, #page--get-styled-faq .block-faqs .host__box_show-more .btn,
#page--cabi-stylist-faq .block-faqs .host__box_show-more .btn, #page[data-page-id="page-host"] .block-fags .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, .table-style tbody .total em > td, #page--get-styled-faq .block-faqs .host__box_show-more em > .btn,
#page--cabi-stylist-faq .block-faqs .host__box_show-more em > .btn, #page[data-page-id="page-host"] .block-fags .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, #page[data-page-id="page-host"] .block-fags .h1 {
  font-family: "Didot 06 A", "Didot 06 B", "georgia";
  font-weight: 500;
  font-style: normal; }

/* STAG (DEPRECATED) CONVERTED TO ARCHER
========================================================= */
.stag-thin, [data-component-event-table] .h3, .links-wrapper .h3, .block-faqs .h1, .section-header h2, #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-cabi__body .content blockquote, #page[data-page-id="page-foundation"] .step-3 .h2, #page[data-page-id="page-foundation"] .hoc .content .h3, #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] .h3 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 {
  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, #page[data-page-id="page-host"] .block-video .video-wrapper .video-wrapper-text 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: 500; }

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

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

.open-sans {
  font-family: "Open Sans";
  font-weight: 400;
  font-stretch: normal; }

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
========================================================= */
.just-lovely {
  font-family: JustLovely;
  font-weight: normal;
  font-style: normal; }

.just-lovely-extras {
  font-family: JustLovelyExtras;
  font-weight: normal;
  font-style: normal; }

.just-lovely-slanted {
  font-family: JustLovelySlanted;
  font-weight: normal;
  font-style: normal; }

.just-lovely-slanted-wide {
  font-family: JustLovelySlantedWide;
  font-weight: normal;
  font-style: normal; }

.just-lovely-slanted-bold {
  font-family: JustLovelySlantedWide;
  font-weight: 500;
  font-style: normal; }

/* 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; }

/* 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, #page[data-page-id="page-host"] .block-video .video-wrapper .video-wrapper-text h2, #page[data-page-id="page-host"] .block-video .video-wrapper .video-wrapper-text p, .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, .table-style, #page[data-page-id="page-give-now"] .description p, #page[data-page-id="page-join-us"] .events .event-description, .block-events__item_bg span, #page-career-events-sharing section#block-promote .box .event-description, #page-career-events-gathering section#block-promote .box .event-description, #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, #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 {
  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, .table-style tbody .total td, #page--get-styled-faq .block-faqs .host__box_show-more .btn,
#page--cabi-stylist-faq .block-faqs .host__box_show-more .btn, #page[data-page-id="page-host"] .block-fags .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, .table-style tbody .total em > td, #page--get-styled-faq .block-faqs .host__box_show-more em > .btn,
#page--cabi-stylist-faq .block-faqs .host__box_show-more em > .btn, #page[data-page-id="page-host"] .block-fags .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, #page[data-page-id="page-host"] .block-fags .h1 {
  font-family: "Didot 06 A", "Didot 06 B", "georgia";
  font-weight: 500;
  font-style: normal; }

/* STAG (DEPRECATED) CONVERTED TO ARCHER
========================================================= */
.stag-thin, [data-component-event-table] .h3, .links-wrapper .h3, .block-faqs .h1, .section-header h2, #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-cabi__body .content blockquote, #page[data-page-id="page-foundation"] .step-3 .h2, #page[data-page-id="page-foundation"] .hoc .content .h3, #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] .h3 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 {
  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, #page[data-page-id="page-host"] .block-video .video-wrapper .video-wrapper-text 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: 500; }

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

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

.open-sans {
  font-family: "Open Sans";
  font-weight: 400;
  font-stretch: normal; }

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
========================================================= */
.just-lovely {
  font-family: JustLovely;
  font-weight: normal;
  font-style: normal; }

.just-lovely-extras {
  font-family: JustLovelyExtras;
  font-weight: normal;
  font-style: normal; }

.just-lovely-slanted {
  font-family: JustLovelySlanted;
  font-weight: normal;
  font-style: normal; }

.just-lovely-slanted-wide {
  font-family: JustLovelySlantedWide;
  font-weight: normal;
  font-style: normal; }

.just-lovely-slanted-bold {
  font-family: JustLovelySlantedWide;
  font-weight: 500;
  font-style: normal; }

/* 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; }

.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.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;
  font-weight: 500;
  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 {
        background-color: #fff;
        color: #000; } }
  .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 {
        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 {
        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 {
        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 {
        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 {
        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 {
        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 {
        background-color: #000;
        color: transparent; } }
    @media screen and (min-width: 768px) {
      .btn.btn-transparent:hover {
        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 {
        background-color: #fff;
        color: transparent; } }
    @media screen and (min-width: 1000px) {
      .btn.btn-transparent--white:hover {
        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 {
        background-color: #ff99a8;
        color: transparent; } }
    @media screen and (min-width: 1000px) {
      .btn.btn-transparent--pink:hover {
        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 {
        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 {
        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;
  font-weight: 500;
  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: bold;
  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: 500;
  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: 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: 500;
    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: 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: 500;
    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: 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;
  font-weight: 500;
  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 {
        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 {
        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 {
        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 {
        background-color: #000;
        color: #fff; } }

.btn-filter {
  font-family: Montserrat;
  font-weight: 500;
  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 {
      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 {
        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 {
        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 {
        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 {
    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 {
  display: none; }
  @media screen and (min-width: 1000px) {
    .only-desktop {
      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-logged-in]:not(.show) {
  display: none; }

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

@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 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9997;
  background-color: rgba(255, 255, 255, 0.875);
  -webkit-transition: opacity;
  -moz-transition: opacity;
  transition: opacity;
  -webkit-transition-duration: 5s;
  -moz-transition-duration: 5s;
  transition-duration: 5s;
  opacity: 1; }

.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: 9998;
  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: 833px; } }
  .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 {
  height: 100%;
  background-color: rgba(248, 248, 248, 0.97);
  position: absolute;
  z-index: 9999; }

.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%); }

.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;
  font-weight: 500;
  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,
.forgot-password,
.change-password,
.existing-customer-registration,
.new-customer-registration,
.already-logged-in {
  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,
  .forgot-password .error,
  .change-password .error,
  .existing-customer-registration .error,
  .new-customer-registration .error,
  .already-logged-in .error {
    margin-top: 40px; }
  .login-gateway .custom-input,
  .login-authenticate .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 {
    margin-bottom: 25px; }
  .login-gateway .custom-dropdown-icon,
  .login-authenticate .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 {
    margin-top: 30px; }
    .login-gateway .custom-dropdown-icon .dropdown-toggle span,
    .login-authenticate .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 {
      padding-right: 20px; }
  .login-gateway .form-field,
  .login-authenticate .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 {
    max-width: 450px;
    margin: 0 auto; }

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

.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; }

/* 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-family: JustLovely;
    font-weight: normal;
    font-style: normal;
    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;
    font-weight: 500;
    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 .item_image_main {
      background: #fff; }
    .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;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 600;
    font-style: normal; }
    .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 .item_extended-sizes {
      color: #F899A8;
      font-family: Montserrat;
      font-weight: 500;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.5px;
      line-height: 22px;
      display: block;
      text-align: center; }
    .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 {
          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;
    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 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 {
        overflow: hidden; }
    .collection-item .product-info .quick-look,
    .collection-item .product-info .collecion-item__remove-from-wishlist {
      font-family: Montserrat;
      font-weight: 500;
      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: #ff99a8;
        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:before {
    content: "Out of stock";
    text-transform: uppercase;
    display: inline-block;
    background: #ff99a8;
    color: white;
    padding: 0 1em;
    line-height: 2.75em;
    position: absolute;
    bottom: -15px;
    left: 50%;
    z-index: 3;
    font-size: 11px;
    white-space: nowrap;
    font-family: Montserrat;
    font-weight: 500;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
  .collection-item.out-of-stock .item_image_main img {
    opacity: .5; }

.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; }

.c-contextual-email-promote {
  background-color: rgba(255, 255, 255, 0.25); }
  .c-contextual-email-promote.masks h2 {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 36px;
    margin-bottom: 18px;
    font-weight: 300;
    letter-spacing: 0.09px;
    line-height: 48px;
    text-align: center;
    font-weight: bold; }
    .c-contextual-email-promote.masks h2 span {
      font-style: italic;
      color: #DE5059; }
    @media screen and (max-width: 767px) {
      .c-contextual-email-promote.masks h2 {
        font-size: 24px;
        line-height: 29px;
        letter-spacing: 0.06px; }
        .c-contextual-email-promote.masks h2 span {
          display: block; } }
  .c-contextual-email-promote.masks .layered-tee-title {
    width: 100%;
    max-width: 219px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 15px; }
    @media screen and (min-width: 768px) {
      .c-contextual-email-promote.masks .layered-tee-title {
        max-width: 590px; } }
    @media screen and (min-width: 1000px) {
      .c-contextual-email-promote.masks .layered-tee-title {
        max-width: 650px; } }
    .c-contextual-email-promote.masks .layered-tee-title.desktop {
      display: none; }
      @media screen and (min-width: 768px) {
        .c-contextual-email-promote.masks .layered-tee-title.desktop {
          display: block; } }
    .c-contextual-email-promote.masks .layered-tee-title.mobile {
      display: block; }
      @media screen and (min-width: 768px) {
        .c-contextual-email-promote.masks .layered-tee-title.mobile {
          display: none; } }
  .c-contextual-email-promote.masks .c-contextual-email-promote__title {
    font-family: Montserrat;
    font-weight: 500;
    font-weight: 700;
    font-size: 28px;
    line-height: 31px;
    color: #fc9eac;
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .c-contextual-email-promote.masks .c-contextual-email-promote__title {
        display: block;
        font-size: 19px;
        margin-top: 30px; } }
  .c-contextual-email-promote.masks .c-contextual-email-promote__standard {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    max-width: 635px; }
    @media screen and (max-width: 767px) {
      .c-contextual-email-promote.masks .c-contextual-email-promote__standard {
        display: block;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.4px;
        margin-bottom: 20px; } }
  .c-contextual-email-promote.masks .c-contextual-email-promote__fine-print {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    max-width: 735px;
    margin: 0 auto 20px; }
    @media screen and (max-width: 767px) {
      .c-contextual-email-promote.masks .c-contextual-email-promote__fine-print {
        display: block;
        font-size: 10px;
        line-height: 14px;
        margin-bottom: 20px; } }
  .c-contextual-email-promote.masks .c-contextual-email-promote__wrapper {
    position: relative;
    height: 638px;
    border: 15px solid #f9f5f1;
    background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/modal/atc-gwp-modal-bg.jpg);
    background-size: cover; }
    @media screen and (max-width: 767px) {
      .c-contextual-email-promote.masks .c-contextual-email-promote__wrapper {
        background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/modal/atc-gwp-modal-bg-mobile.jpg);
        margin: 10px;
        width: calc(100vw - 20px);
        height: auto;
        box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.5); } }
  .c-contextual-email-promote.masks .close {
    font-family: Montserrat;
    font-weight: 500;
    font-weight: 700;
    position: absolute;
    top: 20px;
    font-size: 20px;
    right: 20px;
    z-index: 5; }
  .c-contextual-email-promote.masks .modal-title-img {
    max-width: 367px;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .c-contextual-email-promote.masks .modal-title-img {
        margin-top: 25px; } }
  .c-contextual-email-promote.masks .apolis-img {
    max-width: 400px;
    width: 100%;
    display: block;
    margin: 0 auto 20px; }
  .c-contextual-email-promote.masks .tee-img {
    max-width: 630px;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
    width: 100%; }
  .c-contextual-email-promote.masks .spotted-mask-img--desktop {
    max-width: 500px;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .c-contextual-email-promote.masks .spotted-mask-img--desktop {
        display: none; } }
  .c-contextual-email-promote.masks .spotted-mask-img--mobile {
    display: none; }
    @media screen and (max-width: 767px) {
      .c-contextual-email-promote.masks .spotted-mask-img--mobile {
        display: block;
        max-width: 246px;
        margin: 0 auto;
        display: block;
        margin-bottom: 10px;
        width: 100%; } }
  .c-contextual-email-promote.masks .tee-title-img {
    max-width: 311px;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .c-contextual-email-promote.masks .tee-title-img {
        max-width: 190px; } }
  .c-contextual-email-promote.masks .modal-links {
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .c-contextual-email-promote.masks .modal-links {
        display: flex;
        flex-direction: column;
        align-items: center; } }
    .c-contextual-email-promote.masks .modal-links a:first-of-type {
      margin-right: 30px; }
      @media screen and (max-width: 767px) {
        .c-contextual-email-promote.masks .modal-links a:first-of-type {
          margin-right: 0;
          margin-bottom: 20px; } }
  .c-contextual-email-promote.masks .btn-cta {
    color: #000;
    border-bottom-color: #000; }
  .c-contextual-email-promote.free-scarf {
    background-color: transparent;
    padding: 0px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16), 0 2px 12px 0 rgba(0, 0, 0, 0.12); }
    .c-contextual-email-promote.free-scarf .free-scarf-background {
      width: 100%;
      height: auto; }
  .c-contextual-email-promote.last-chance {
    background-color: #ffffff;
    padding: 15px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16), 0 2px 12px 0 rgba(0, 0, 0, 0.12); }
    .c-contextual-email-promote.last-chance .last-chance-background {
      width: 100%;
      height: auto; }
  .c-contextual-email-promote.i-am-cabi {
    padding: 1rem; }
    .c-contextual-email-promote.i-am-cabi .iac-svg {
      max-width: 290px;
      margin-bottom: 15px; }
      @media screen and (max-width: 767px) {
        .c-contextual-email-promote.i-am-cabi .iac-svg {
          max-width: 214px; } }

.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; }

.c-contextual-email-promote__wrapper {
  position: relative;
  width: 100vw;
  border: 1px solid #ff99a8;
  background-color: white; }
  @media screen and (min-width: 768px) {
    .c-contextual-email-promote__wrapper {
      width: 710px;
      height: 480px;
      overflow: hidden; } }
  @media screen and (min-width: 1000px) {
    .c-contextual-email-promote__wrapper {
      width: 800px; } }
  .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: #fff;
    cursor: pointer; }
    .c-contextual-email-promote__wrapper .modal-close-btn:focus {
      border: 0 none;
      outline: none; }
    @media screen and (min-width: 768px) {
      .c-contextual-email-promote__wrapper .modal-close-btn {
        top: 3px;
        right: 6px; } }
  .c-contextual-email-promote__wrapper.spotted-mask {
    background-color: #ffffff;
    color: #000000;
    border: 0;
    width: 830px;
    height: 416px; }
    .c-contextual-email-promote__wrapper.spotted-mask h2 {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 32px;
      font-weight: 700;
      letter-spacing: 0.07px;
      line-height: 39px;
      text-align: center;
      margin-bottom: 15px; }
      @media screen and (max-width: 767px) {
        .c-contextual-email-promote__wrapper.spotted-mask h2 {
          font-size: 22px;
          font-weight: 700;
          letter-spacing: 0.05px;
          line-height: 26px;
          text-align: center; } }
    @media screen and (max-width: 767px) {
      .c-contextual-email-promote__wrapper.spotted-mask {
        width: 100%;
        height: 330px; } }
    .c-contextual-email-promote__wrapper.spotted-mask .c-contextual-email-promote__standard {
      max-width: 734px;
      line-height: 26px; }
    .c-contextual-email-promote__wrapper.spotted-mask .c-contextual-email-promote__side {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 16px;
      font-weight: 300;
      letter-spacing: 0.4px;
      line-height: 22px;
      text-align: center;
      margin-bottom: 20px; }
      @media screen and (max-width: 767px) {
        .c-contextual-email-promote__wrapper.spotted-mask .c-contextual-email-promote__side {
          font-family: "Archer SSm A", "Archer SSm B";
          font-weight: 500;
          font-style: normal;
          font-size: 13px;
          font-weight: 300;
          letter-spacing: 0.33px;
          line-height: 18px;
          text-align: center;
          margin-bottom: 10px; } }
  .c-contextual-email-promote__wrapper.free-scarf {
    color: #fff;
    border: 0;
    width: 730px;
    height: 416px;
    background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f19/free-scarf-modal/free-scarf-modal-mobile.jpg); }
    @media screen and (max-width: 767px) {
      .c-contextual-email-promote__wrapper.free-scarf {
        width: 100%;
        height: 330px;
        background-size: cover; } }
    @media screen and (min-width: 768px) {
      .c-contextual-email-promote__wrapper.free-scarf {
        background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f19/free-scarf-modal/free-scarf-modal-desktop.jpg); } }
  .c-contextual-email-promote__wrapper.gifts {
    color: #000000;
    border: 0;
    width: 830px;
    height: 416px;
    background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/modal/patterned-bg.png); }
    .c-contextual-email-promote__wrapper.gifts h2 {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 32px;
      font-weight: 500;
      letter-spacing: 0.07px;
      line-height: 39px;
      text-align: center;
      margin-bottom: 15px; }
      @media screen and (max-width: 767px) {
        .c-contextual-email-promote__wrapper.gifts h2 {
          font-size: 22px;
          font-weight: 500;
          letter-spacing: 0.05px;
          line-height: 26px;
          text-align: center; } }
    @media screen and (max-width: 767px) {
      .c-contextual-email-promote__wrapper.gifts {
        width: 100%;
        height: 330px;
        background-size: cover; } }
    @media screen and (min-width: 768px) {
      .c-contextual-email-promote__wrapper.gifts {
        background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/modal/patterned-bg.png); } }
  .c-contextual-email-promote__wrapper.last-chance {
    color: #fff;
    border: 0;
    width: 100%;
    height: 476px;
    background-color: #525354; }
    @media screen and (max-width: 767px) {
      .c-contextual-email-promote__wrapper.last-chance {
        width: 100%;
        height: 330px;
        background-size: cover; } }
    @media screen and (min-width: 768px) {
      .c-contextual-email-promote__wrapper.last-chance {
        background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/modal/FF-countdown-alert-background.jpg); } }
  .c-contextual-email-promote__wrapper.i-am-cabi {
    color: #fff;
    border: 0px;
    background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f19/i-am-cabi-modal/iamcabi-modal-alert-mobile.jpg); }
    @media screen and (max-width: 767px) {
      .c-contextual-email-promote__wrapper.i-am-cabi {
        width: 325px;
        height: 480px;
        background-size: cover; } }
    @media screen and (min-width: 768px) {
      .c-contextual-email-promote__wrapper.i-am-cabi {
        background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f19/i-am-cabi-modal/iamcabi-modal-alert.jpg); } }

.c-contextual-email-promote__background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
  z-index: 1; }
  .c-contextual-email-promote__background-image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: 0.85; }

.c-contextual-email-promote__content {
  text-align: center;
  padding: 1rem 2rem;
  position: relative;
  z-index: 2; }
  @media screen and (min-width: 768px) {
    .c-contextual-email-promote__content {
      position: absolute;
      top: 50%;
      left: calc(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%);
      width: calc(100% - 2rem);
      z-index: 2;
      padding: 0; } }
  .c-contextual-email-promote__content.free-scarf {
    color: #fff;
    text-align: left;
    top: unset;
    left: unset;
    position: relative;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    width: calc(65% - 2rem);
    padding: 10px; }
    @media screen and (min-width: 768px) {
      .c-contextual-email-promote__content.free-scarf {
        padding: 30px 0 40px 30px; } }
    .c-contextual-email-promote__content.free-scarf h3 {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 700;
      font-style: normal;
      font-size: 27px;
      font-style: italic;
      font-weight: 600;
      line-height: 20px;
      margin-bottom: 25px; }
      @media screen and (max-width: 767px) {
        .c-contextual-email-promote__content.free-scarf h3 {
          font-size: 15px;
          margin-bottom: 5px;
          font-weight: 300; } }
    .c-contextual-email-promote__content.free-scarf h2 {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 800;
      font-style: normal;
      font-size: 63px;
      line-height: 60px;
      margin-bottom: 10px; }
      @media screen and (max-width: 767px) {
        .c-contextual-email-promote__content.free-scarf h2 {
          line-height: 36px;
          font-size: 44px;
          margin-bottom: 5px; } }
    .c-contextual-email-promote__content.free-scarf p {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 700;
      font-style: normal;
      font-size: 20px;
      font-weight: 600;
      line-height: 30px;
      margin-bottom: 10px; }
      @media screen and (max-width: 767px) {
        .c-contextual-email-promote__content.free-scarf p {
          font-size: 14px;
          line-height: 17px;
          font-weight: 300;
          margin-bottom: 5px; } }
    .c-contextual-email-promote__content.free-scarf .btn--white {
      width: 325px;
      height: 60px;
      background: #fff;
      font-size: 18px;
      border: 0;
      font-weight: 600;
      color: #000000;
      text-transform: uppercase;
      margin-bottom: 15px; }
      @media screen and (max-width: 767px) {
        .c-contextual-email-promote__content.free-scarf .btn--white {
          width: 147px;
          height: 47px;
          padding: 14px;
          margin-bottom: 10px; } }
    .c-contextual-email-promote__content.free-scarf .btn-cta--white {
      font-weight: 300; }
      .c-contextual-email-promote__content.free-scarf .btn-cta--white.tablet-up {
        display: inline-block; }
        @media screen and (max-width: 767px) {
          .c-contextual-email-promote__content.free-scarf .btn-cta--white.tablet-up {
            display: none; } }
      .c-contextual-email-promote__content.free-scarf .btn-cta--white.tablet-down {
        display: none; }
        @media screen and (max-width: 767px) {
          .c-contextual-email-promote__content.free-scarf .btn-cta--white.tablet-down {
            display: inline-block;
            font-size: 12px; } }
  .c-contextual-email-promote__content.last-chance {
    color: #fff;
    text-align: center;
    top: 0;
    left: 40%;
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 424px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    transform: unset; }
    @media screen and (max-width: 767px) {
      .c-contextual-email-promote__content.last-chance {
        left: 50%;
        transform: translateX(-50%); } }
    .c-contextual-email-promote__content.last-chance h2 {
      font-family: JustLovely;
      font-weight: normal;
      font-style: normal;
      font-size: 78px;
      letter-spacing: 0.48px;
      line-height: 101px; }
      @media screen and (max-width: 767px) {
        .c-contextual-email-promote__content.last-chance h2 {
          line-height: 36px;
          font-size: 44px;
          margin-bottom: 5px; } }
    .c-contextual-email-promote__content.last-chance p {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 20px;
      font-weight: 300;
      letter-spacing: 0.6px;
      line-height: 30px; }
      @media screen and (max-width: 767px) {
        .c-contextual-email-promote__content.last-chance p {
          font-size: 14px;
          line-height: 17px;
          font-weight: 300;
          margin-bottom: 5px; } }
    .c-contextual-email-promote__content.last-chance #clockdiv {
      display: flex;
      justify-content: space-evenly;
      padding-bottom: 35px; }
      .c-contextual-email-promote__content.last-chance #clockdiv .days,
      .c-contextual-email-promote__content.last-chance #clockdiv .hours,
      .c-contextual-email-promote__content.last-chance #clockdiv .minutes {
        font-family: Montserrat;
        font-weight: 500;
        font-size: 60px;
        font-weight: 300;
        letter-spacing: 0.37px;
        line-height: 73px;
        text-align: center; }
      .c-contextual-email-promote__content.last-chance #clockdiv .smalltext {
        font-family: Montserrat;
        font-weight: 500;
        color: #bbbbbb;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0.07px;
        line-height: 15px;
        text-align: center; }
    .c-contextual-email-promote__content.last-chance .cta-wrapper {
      display: flex;
      justify-content: space-evenly;
      align-items: center; }
    .c-contextual-email-promote__content.last-chance .btn-cta {
      margin-bottom: 30px; }
    .c-contextual-email-promote__content.last-chance .btn-cta--white {
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.3px;
      line-height: 15px;
      border-bottom: 1px solid #ffffff; }
      .c-contextual-email-promote__content.last-chance .btn-cta--white.tablet-up {
        display: inline-block; }
        @media screen and (max-width: 767px) {
          .c-contextual-email-promote__content.last-chance .btn-cta--white.tablet-up {
            display: none; } }
      .c-contextual-email-promote__content.last-chance .btn-cta--white.tablet-down {
        display: none; }
        @media screen and (max-width: 767px) {
          .c-contextual-email-promote__content.last-chance .btn-cta--white.tablet-down {
            display: inline-block;
            font-size: 12px; } }
  .c-contextual-email-promote__content.i-am-cabi {
    color: #fff; }
    @media screen and (max-width: 767px) {
      .c-contextual-email-promote__content.i-am-cabi {
        position: absolute;
        bottom: 15px; } }
    .c-contextual-email-promote__content.i-am-cabi .c-contextual-email-promote__message {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 1.6;
      padding: 0 80px; }
      @media screen and (max-width: 767px) {
        .c-contextual-email-promote__content.i-am-cabi .c-contextual-email-promote__message {
          font-size: 14px;
          padding: 0; } }
    .c-contextual-email-promote__content.i-am-cabi .iac-title {
      font-size: 50px;
      text-transform: uppercase;
      font-family: "Montserrat";
      font-weight: 900;
      margin-bottom: 28px; }
      .c-contextual-email-promote__content.i-am-cabi .iac-title span {
        position: relative;
        bottom: 12px;
        color: #fff;
        display: inline-block;
        font-family: "BetterTimes";
        font-size: 120px;
        font-weight: normal;
        margin: 0 0 0 10px;
        text-transform: lowercase;
        vertical-align: middle; }
      @media screen and (max-width: 767px) {
        .c-contextual-email-promote__content.i-am-cabi .iac-title {
          font-size: 40px; }
          .c-contextual-email-promote__content.i-am-cabi .iac-title span {
            font-size: 95px; } }

.c-contextual-email-promote__title {
  display: none; }
  @media screen and (min-width: 768px) {
    .c-contextual-email-promote__title {
      display: block;
      font-family: Santorini Regular;
      padding-bottom: 50px;
      font-weight: 100;
      font-size: 3em;
      line-height: 1em; } }

.c-contextual-email-promote__thumbnail {
  display: none; }
  @media screen and (min-width: 768px) {
    .c-contextual-email-promote__thumbnail {
      display: initial; } }

.c-contextual-email-promote__message {
  font-size: 1.3em;
  line-height: 1.4em;
  margin-bottom: 1rem; }
  @media screen and (min-width: 768px) {
    .c-contextual-email-promote__message {
      font-size: 1.75em; } }
  .c-contextual-email-promote__message em {
    font-weight: bold; }

.c-contextual-email-promote__standard {
  display: none; }
  @media screen and (min-width: 768px) {
    .c-contextual-email-promote__standard {
      display: block;
      margin: 0 auto 0.5em; } }

@media screen and (min-width: 768px) {
  .c-contextual-email-promote__mailing-list-page-button {
    display: none; } }

.c-contextual-email-promote__mailing-list-form {
  display: none; }
  @media screen and (min-width: 768px) {
    .c-contextual-email-promote__mailing-list-form {
      display: block; } }

.c-contextual-email-promote__close {
  font-family: Montserrat;
  font-weight: 500;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9em;
  text-decoration: underline; }
  @media screen and (max-width: 767px) {
    .c-contextual-email-promote__close {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      top: 0.5rem;
      right: 0.5rem;
      font-size: 0;
      text-decoration: none;
      display: inline-block;
      height: 2rem;
      widht: 2rem; }
      .c-contextual-email-promote__close:before {
        content: "+";
        color: pink;
        font-size: 3rem;
        font-weight: normal; } }

@media screen and (max-width: 767px) {
  .o-modal--for-contextual-email-promote .o-modal-content {
    top: initial;
    left: 0;
    bottom: 0;
    -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); } }

.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-weight: 500;
  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; }

.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.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-weight: 500;
    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.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;
      font-weight: 500;
      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;
      font-weight: 500;
      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: JustLovely;
  font-weight: normal;
  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] .h3 {
    text-align: center;
    font-size: 34px;
    margin-bottom: 60px;
    letter-spacing: 0.06em;
    line-height: 1.4em;
    color: #ff99a8; }
    [data-component-event-table] .h3 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; }
        [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;
      font-weight: 500; }
    .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: #ff99a8;
      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;
  border-bottom: 4px solid black;
  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: #f899a8;
    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;
    font-weight: 500; }
  .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 #f899a8; }
  .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;
  font-weight: 500;
  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'] .stylist-directory .btn:not([disabled]):hover {
      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'] .stylist-directory .btn:not([disabled]):hover {
        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'] .stylist-directory .btn:not([disabled]):hover {
        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 {
        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; } }

.c-homepage-aspot-control-wide-wrapper {
  background: #ffffff center bottom no-repeat; }
  @media screen and (max-width: 767px) {
    .c-homepage-aspot-control-wide-wrapper {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/homepage/A-spots/NA2-oceans-8-homepage-mobile.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      position: relative;
      height: 0;
      padding-bottom: 140.625%; } }
  @media screen and (min-width: 768px) {
    .c-homepage-aspot-control-wide-wrapper {
      background-position-x: calc(50% - 200px); } }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    .c-homepage-aspot-control-wide-wrapper {
      padding-bottom: -60px; } }
  @media screen and (min-width: 1000px) {
    .c-homepage-aspot-control-wide-wrapper {
      background-position-x: center; } }
  @media screen and (min-width: 1000px) and (max-height: 801px) {
    .c-homepage-aspot-control-wide-wrapper {
      background-position-x: center; } }

.c-homepage-aspot-control-video-player {
  flex: 1;
  flex-basis: auto;
  display: block;
  width: 66.1%; }
  @media screen and (max-width: 767px) {
    .c-homepage-aspot-control-video-player {
      display: none !important; } }

.c-homepage-aspot-control-wide {
  height: 100%;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .c-homepage-aspot-control-wide {
      height: 0; } }

.c-homepage-aspot-control-wide-grid {
  display: flex;
  height: calc(100% - 40px); }
  @media screen and (min-width: 768px) {
    .c-homepage-aspot-control-wide-grid {
      height: 100%;
      justify-content: flex-start;
      align-items: center;
      position: relative; } }

.homepage-lockup {
  width: 340px;
  height: 550px;
  background: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f19/home-page/holiday-gift-guide-lockup-lrg.svg);
  margin: 20px auto;
  position: relative; }
  .homepage-lockup--cta, .homepage-lockup--cta-link-wrapper {
    width: 100%;
    height: 100%;
    border: none !important; }
    .homepage-lockup--cta:hover .homepage-lockup--link, .homepage-lockup--cta-link-wrapper:hover .homepage-lockup--link {
      border-bottom: 2px solid transparent; }
  .homepage-lockup--link {
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 2px solid #ffffff;
    transition: border ease-in-out 0.4s; }
  .homepage-lockup:before, .homepage-lockup:after {
    content: "";
    position: absolute;
    z-index: 1;
    background: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f19/home-page/snowflake.svg);
    background-position: center;
    background-size: cover;
    width: 57px;
    height: 50px; }
  .homepage-lockup:before {
    top: 24px;
    left: 50%;
    transform: translateX(-50%); }
  .homepage-lockup:after {
    bottom: 37px;
    left: 50%;
    transform: translateX(-50%); }
  @media screen and (max-width: 767px) {
    .homepage-lockup {
      background: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f19/home-page/holiday-gift-guide-lockup-mobile.svg);
      background-position: center;
      background-size: cover;
      width: 100%;
      height: 0;
      padding-bottom: 60.625%;
      margin: 0 auto; }
      .homepage-lockup:before, .homepage-lockup:after {
        display: none; }
      .homepage-lockup--link {
        position: absolute;
        top: 83%;
        left: 50%;
        transform: translateX(-50%);
        border-bottom: 2px solid #ffffff;
        transition: border ease-in-out 0.4s; } }

.c-homepage-aspot-control-container {
  max-width: 1800px;
  width: 100%;
  height: 100%;
  margin: 0 auto; }

.c-homepage-aspot-control-copy {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  z-index: 2;
  height: 100%; }
  @media screen and (min-width: 768px) {
    .c-homepage-aspot-control-copy {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      height: 100%;
      position: relative; } }
  @media screen and (min-width: 1216px) {
    .c-homepage-aspot-control-copy {
      height: calc(100% - 65px); } }

.c-homepage-aspot-control-copy-wrapper {
  position: absolute;
  height: 100%;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .c-homepage-aspot-control-copy-wrapper {
      top: 50%;
      transform: translate(-50%, -50%);
      left: 50%;
      max-width: 850px;
      width: 100%;
      height: unset;
      display: flex;
      justify-content: flex-end; } }
  @media screen and (min-width: 1440px) {
    .c-homepage-aspot-control-copy-wrapper {
      max-width: 975px; } }

.c-homepage-aspot-control .c-homepage-aspot-control-wide-grid-image {
  position: absolute;
  top: 50%; }
  @media screen and (max-width: 767px) {
    .c-homepage-aspot-control .c-homepage-aspot-control-wide-grid-image {
      display: none; } }
  @media screen and (min-width: 768px) {
    .c-homepage-aspot-control .c-homepage-aspot-control-wide-grid-image {
      top: 0;
      left: 50%;
      margin-left: -95.5px;
      margin-top: 20px; } }
  @media screen and (min-width: 1000px) {
    .c-homepage-aspot-control .c-homepage-aspot-control-wide-grid-image {
      top: 50%;
      left: 50%;
      margin-left: -206.5px;
      margin-top: -215.5px; } }
  @media screen and (min-width: 1440px) {
    .c-homepage-aspot-control .c-homepage-aspot-control-wide-grid-image {
      left: 50%;
      margin-left: -297.25px;
      margin-top: -310.5px; } }

.c-homepage-aspot-control .c-homepage-aspot-control-wide-content {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  z-index: 1;
  background-position: center;
  background-size: cover;
  position: relative;
  height: 0;
  padding-bottom: 140.625%;
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/homepage/A-spots/f20-styleofsam-aspot-mobile.jpg); }
  @media screen and (min-width: 768px) {
    .c-homepage-aspot-control .c-homepage-aspot-control-wide-content {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/homepage/A-spots/f20-style-of-sam-aspot-desktop.jpg);
      padding-bottom: 39.28%; } }
  @media screen and (min-width: 1440px) {
    .c-homepage-aspot-control .c-homepage-aspot-control-wide-content {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/homepage/A-spots/f20-style-of-sam-aspot-desktop.jpg);
      padding-bottom: 39.28%; } }
  @media screen and (max-width: 767px) {
    .c-homepage-aspot-control .c-homepage-aspot-control-wide-content {
      display: flex;
      flex: 0 1 100%;
      justify-content: center;
      align-items: center;
      margin: 0;
      padding: 30px 0 40px;
      position: absolute;
      width: 100%;
      height: 100%;
      bottom: 0;
      flex-direction: column; } }

.c-homepage-aspot-control .na-image-animated {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%; }

@keyframes home-spot-a-animation-small {
  0% {
    background-position-x: 0; }
  17% {
    background-position-x: -192px; }
  33% {
    background-position-x: -383px; }
  50% {
    background-position-x: -575px; }
  67% {
    background-position-x: -766px; }
  83% {
    background-position-x: -958px; }
  100% {
    background-position-x: 0; } }

@keyframes home-spot-a-animation-medium {
  0% {
    background-position-x: 0; }
  17% {
    background-position-x: -413px; }
  33% {
    background-position-x: -826px; }
  50% {
    background-position-x: -1239px; }
  67% {
    background-position-x: -1652px; }
  83% {
    background-position-x: -2065px; }
  100% {
    background-position-x: 0; } }

@keyframes home-spot-a-animation-large {
  0% {
    background-position-x: 0; }
  17% {
    background-position-x: -595px; }
  33% {
    background-position-x: -1190px; }
  50% {
    background-position-x: -1785px; }
  67% {
    background-position-x: -2380px; }
  83% {
    background-position-x: -2975px; }
  100% {
    background-position-x: 0; } }

.c-homepage-aspot-control .na-image-animated {
  margin-left: 0; }
  @media screen and (min-width: 768px) {
    .c-homepage-aspot-control .na-image-animated {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f19/home-page/aspot-grid-images-sprite-small.png);
      width: 191px;
      height: 653px;
      animation: home-spot-a-animation-small 6s infinite step-end; } }
  @media screen and (min-width: 1000px) {
    .c-homepage-aspot-control .na-image-animated {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f19/home-page/aspot-grid-images-sprite-medium.png);
      width: 413px;
      height: 431px;
      animation: home-spot-a-animation-medium 6s infinite step-end; } }
  @media screen and (min-width: 1440px) {
    .c-homepage-aspot-control .na-image-animated {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f19/home-page/aspot-grid-images-sprite-large.png);
      width: 595px;
      height: 621px;
      animation: home-spot-a-animation-large 6s infinite step-end; } }

.c-homepage-aspot-control .c-homepage-aspot-control-wide-content__title {
  margin-bottom: 0px; }
  @media screen and (max-width: 767px) {
    .c-homepage-aspot-control .c-homepage-aspot-control-wide-content__title {
      display: block;
      height: auto;
      width: calc(100% - 45px);
      margin-bottom: 10px; } }
  @media screen and (min-width: 1440px) {
    .c-homepage-aspot-control .c-homepage-aspot-control-wide-content__title {
      margin-bottom: 20px; } }
  .c-homepage-aspot-control .c-homepage-aspot-control-wide-content__title.img-title-adjustments .mobile-title {
    display: none; }
    @media screen and (max-width: 767px) {
      .c-homepage-aspot-control .c-homepage-aspot-control-wide-content__title.img-title-adjustments .mobile-title {
        width: 100%;
        margin-top: 25px;
        transform: scale(1.18);
        overflow: hidden;
        display: block;
        margin-left: auto;
        margin-right: auto; } }
  .c-homepage-aspot-control .c-homepage-aspot-control-wide-content__title.img-title-adjustments .desktop-title {
    position: relative; }
    @media screen and (max-width: 767px) {
      .c-homepage-aspot-control .c-homepage-aspot-control-wide-content__title.img-title-adjustments .desktop-title {
        display: none; } }
  .c-homepage-aspot-control .c-homepage-aspot-control-wide-content__title.img-title-adjustments img {
    max-width: 250px; }
    @media screen and (min-width: 768px) {
      .c-homepage-aspot-control .c-homepage-aspot-control-wide-content__title.img-title-adjustments img {
        max-width: 250px; } }
    @media screen and (min-width: 1000px) {
      .c-homepage-aspot-control .c-homepage-aspot-control-wide-content__title.img-title-adjustments img {
        max-width: 368px; } }
  @media screen and (min-width: 1440px) {
    .c-homepage-aspot-control .c-homepage-aspot-control-wide-content__title {
      width: 100%; }
      .c-homepage-aspot-control .c-homepage-aspot-control-wide-content__title img {
        width: 100%;
        max-width: 250px;
        margin-bottom: -30px; } }

.c-homepage-aspot-control .c-homepage-aspot-control-wide-content__sub-title {
  font-family: Montserrat;
  font-weight: 500;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.31px;
  line-height: 16px;
  text-align: center;
  color: #615f5b;
  margin-bottom: auto; }
  @media screen and (min-width: 768px) {
    .c-homepage-aspot-control .c-homepage-aspot-control-wide-content__sub-title {
      text-align: left;
      font-size: 16px;
      font-weight: bold;
      letter-spacing: 0.35px;
      line-height: 21px;
      margin-bottom: 0; } }
  @media screen and (min-width: 1440px) {
    .c-homepage-aspot-control .c-homepage-aspot-control-wide-content__sub-title {
      padding-top: 10px; } }

.c-homepage-aspot-control .c-homepage-aspot-control-wide-content__subtitle {
  font-family: Montserrat;
  font-weight: 500;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-weight: 500;
  font-size: 21px;
  line-height: 2;
  letter-spacing: 2px;
  color: #ffffff; }
  @media screen and (max-width: 767px) {
    .c-homepage-aspot-control .c-homepage-aspot-control-wide-content__subtitle {
      position: absolute;
      top: 94px; } }
  @media screen and (min-width: 768px) {
    .c-homepage-aspot-control .c-homepage-aspot-control-wide-content__subtitle {
      font-size: 14px;
      letter-spacing: 1.35px;
      line-height: 18px;
      margin-bottom: 20px;
      color: #000; } }

.c-homepage-aspot-control .c-homepage-aspot-control-wide-content__body {
  display: block;
  color: #000000;
  padding: 5px 30px 30px 0px; }
  @media screen and (min-width: 768px) {
    .c-homepage-aspot-control .c-homepage-aspot-control-wide-content__body {
      max-width: 300px;
      font-size: 12px !important;
      letter-spacing: 0.45px !important; } }
  @media screen and (min-width: 1000px) {
    .c-homepage-aspot-control .c-homepage-aspot-control-wide-content__body {
      padding: 20px 0px 30px 0px;
      max-width: 335px;
      font-size: 14px !important;
      letter-spacing: 0.35px !important; } }
  @media screen and (min-width: 1440px) {
    .c-homepage-aspot-control .c-homepage-aspot-control-wide-content__body {
      padding: 20px 0px 30px 0px;
      max-width: 335px;
      font-size: 14px; } }
  @media screen and (max-width: 767px) {
    .c-homepage-aspot-control .c-homepage-aspot-control-wide-content__body {
      display: none; } }

@media screen and (max-width: 767px) {
  .c-homepage-aspot-control-wide-content__cta-wrapper {
    display: flex;
    margin: 0 15px;
    text-align: center; } }

@media screen and (min-width: 768px) {
  .c-homepage-aspot-control-wide-content__cta-wrapper {
    padding: 0 30px 20px 0px;
    margin-top: -24px; } }

@media screen and (min-width: 1000px) {
  .c-homepage-aspot-control-wide-content__cta-wrapper {
    padding-left: 0px; } }

@media screen and (max-width: 767px) {
  .c-homepage-aspot-control-wide-content__ctas {
    width: fit-content;
    background: #ffffff;
    padding: 0px 10px;
    margin: 0 20px 15px; } }

.c-homepage-aspot-control-wide-content__cta {
  font-family: Montserrat;
  font-weight: 500;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 2px solid;
  display: inline-block;
  display: inline-block;
  margin: 7px 0;
  color: #000000;
  font-family: Montserrat;
  font-weight: 500;
  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: 2px solid transparent;
  text-decoration: none;
  border-bottom-color: #000000;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.3px; }
  .c-homepage-aspot-control-wide-content__cta:hover {
    border-bottom-color: transparent;
    text-decoration: none; }
  .c-homepage-aspot-control-wide-content__cta.uppercase {
    text-transform: uppercase; }
  .c-homepage-aspot-control-wide-content__cta.no-wrap {
    white-space: nowrap; }
  @media screen and (min-width: 768px) {
    .c-homepage-aspot-control-wide-content__cta {
      display: inline-block;
      margin: 7px 0;
      color: #000000;
      font-family: Montserrat;
      font-weight: 500;
      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: 2px solid transparent;
      text-decoration: none;
      border-bottom-color: #000000;
      font-size: 12px;
      line-height: 15px;
      letter-spacing: 0.3px; }
      .c-homepage-aspot-control-wide-content__cta:hover {
        border-bottom-color: transparent;
        text-decoration: none; }
      .c-homepage-aspot-control-wide-content__cta.uppercase {
        text-transform: uppercase; }
      .c-homepage-aspot-control-wide-content__cta.no-wrap {
        white-space: nowrap; } }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    .c-homepage-aspot-control-wide-content__cta {
      font-size: 12px !important; } }
  @media screen and (min-width: 1000px) {
    .c-homepage-aspot-control-wide-content__cta {
      margin: 11px 0; } }

@media screen and (min-width: 768px) {
  .c-homepage-aspot-control-sub-items-wrapper {
    margin-top: 20px; } }

@media screen and (min-width: 1000px) {
  .c-homepage-aspot-control-sub-items-wrapper {
    margin-top: -40px; } }

@media screen and (min-width: 1440px) {
  .c-homepage-aspot-control-sub-items-wrapper {
    margin-top: -120px; } }

.c-homepage-aspot-control-sub-grid {
  display: flex;
  max-width: 1196px;
  margin: 0 auto;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .c-homepage-aspot-control-sub-grid {
      flex-direction: row;
      margin-top: 10px; } }
  @media screen and (min-width: 1216px) {
    .c-homepage-aspot-control-sub-grid {
      margin: -65px auto 0; } }
  .c-homepage-aspot-control-sub-grid--categories {
    width: 100%;
    padding: 30px 0px;
    display: flex;
    flex-wrap: wrap; }
    .c-homepage-aspot-control-sub-grid--categories h3 {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 700;
      font-style: normal;
      font-size: 20px;
      font-weight: 600;
      letter-spacing: 0.39px;
      line-height: 24px;
      width: 100%;
      margin-left: 30px;
      margin-bottom: 15px; }
    .c-homepage-aspot-control-sub-grid--categories-col {
      display: flex;
      width: calc(50% - 2px);
      flex-direction: column; }
      .c-homepage-aspot-control-sub-grid--categories-col .btn-cta--black {
        align-self: flex-start;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.3px;
        line-height: 15px;
        margin: 7px 0;
        margin-left: 30px;
        border-bottom: 1px solid #000000; }
    @media screen and (min-width: 768px) {
      .c-homepage-aspot-control-sub-grid--categories {
        display: none; } }
  .c-homepage-aspot-control-sub-grid--brand {
    flex: 0 0 100%;
    position: relative;
    background-color: #AB2929;
    color: #ffffff;
    z-index: 1;
    height: 100%; }
    @media screen and (min-width: 768px) {
      .c-homepage-aspot-control-sub-grid--brand {
        flex: 0 0 32.68%;
        height: 0;
        padding-bottom: 34.765%; } }
    @media screen and (min-width: 1440px) {
      .c-homepage-aspot-control-sub-grid--brand {
        flex: 0 0 423px;
        padding-bottom: 33.755%; } }
    .c-homepage-aspot-control-sub-grid--brand-copy {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 35px 30px;
      min-height: 246px; }
      .c-homepage-aspot-control-sub-grid--brand-copy h3 {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 700;
        font-style: normal;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 0.21px;
        line-height: 24px;
        max-width: 206px;
        margin-bottom: 10px; }
      .c-homepage-aspot-control-sub-grid--brand-copy p {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 600;
        font-style: normal;
        font-size: 1.2em;
        font-weight: 500;
        letter-spacing: 0.28px;
        margin-bottom: 10px;
        line-height: 23px; }
      .c-homepage-aspot-control-sub-grid--brand-copy .btn-cta--white {
        text-transform: uppercase;
        align-self: flex-start;
        font-size: 12px;
        letter-spacing: 0.3px;
        line-height: 15px;
        cursor: pointer; }
      @media screen and (min-width: 768px) {
        .c-homepage-aspot-control-sub-grid--brand-copy {
          position: absolute;
          justify-content: center;
          padding: 20px 25px; }
          .c-homepage-aspot-control-sub-grid--brand-copy h3 {
            font-size: 15px;
            line-height: 24px;
            max-width: unset;
            margin-bottom: 10px; }
          .c-homepage-aspot-control-sub-grid--brand-copy p {
            font-size: 12px;
            line-height: 20px;
            letter-spacing: 0.31px;
            margin-bottom: 10px; }
          .c-homepage-aspot-control-sub-grid--brand-copy .btn-cta--white {
            font-size: 12px;
            letter-spacing: 0.3px;
            line-height: 15px; } }
      @media screen and (min-width: 1000px) {
        .c-homepage-aspot-control-sub-grid--brand-copy {
          justify-content: center;
          padding: 20px 25px; }
          .c-homepage-aspot-control-sub-grid--brand-copy h3 {
            font-size: 22px;
            line-height: 34px;
            margin-bottom: 20px; }
          .c-homepage-aspot-control-sub-grid--brand-copy p {
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0.1px;
            margin-bottom: 20px; }
          .c-homepage-aspot-control-sub-grid--brand-copy .btn-cta--white {
            font-size: 14px;
            letter-spacing: 0.35px;
            line-height: 18px; } }
      @media screen and (min-width: 1440px) {
        .c-homepage-aspot-control-sub-grid--brand-copy {
          justify-content: space-between;
          padding: 55px 65px; }
          .c-homepage-aspot-control-sub-grid--brand-copy h3 {
            font-size: 25px;
            line-height: 36px;
            letter-spacing: 0.5px;
            font-weight: 600px; }
          .c-homepage-aspot-control-sub-grid--brand-copy p {
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0px; }
          .c-homepage-aspot-control-sub-grid--brand-copy .btn-cta--white {
            font-size: 14px;
            letter-spacing: 0.35px;
            line-height: 18px; } }
  .c-homepage-aspot-control-sub-grid--shop-links {
    z-index: 1;
    display: flex;
    width: 100%;
    background-color: #e3dccd;
    margin-left: 8px;
    padding: 12px 7px; }
    @media screen and (max-width: 767px) {
      .c-homepage-aspot-control-sub-grid--shop-links {
        display: none; } }
  .c-homepage-aspot-control-sub-grid--shop-link {
    display: block;
    width: 100%;
    height: 100%;
    background: #ffffff;
    margin: 0 7px;
    position: relative;
    overflow: hidden; }
    .c-homepage-aspot-control-sub-grid--shop-link span {
      position: absolute;
      bottom: 15px;
      /* left: 50%; */
      width: 100%;
      text-align: center; }
    .c-homepage-aspot-control-sub-grid--shop-link-a:hover .c-homepage-aspot-control-sub-grid--shop-link-bg {
      transform: scale(1.1); }
    .c-homepage-aspot-control-sub-grid--shop-link-bg {
      width: 100%;
      height: 100%;
      position: absolute;
      background-size: contain;
      background-repeat: no-repeat;
      transition: transform ease-out 0.4s; }
    .c-homepage-aspot-control-sub-grid--shop-link-bg-1 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/homepage/shop-categories/holiday-dressing-img.jpg); }
    .c-homepage-aspot-control-sub-grid--shop-link-bg-2 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/homepage/shop-categories/gift-guide-img.jpg); }
    .c-homepage-aspot-control-sub-grid--shop-link-bg-3 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/homepage/shop-categories/jewelry-img.jpg); }

.c-homepage-mailinglist {
  background: black;
  padding: 4rem 0;
  width: 100vw; }

.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;
  font-weight: 500;
  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;
    font-weight: 500;
    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;
      font-weight: 500;
      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;
  font-weight: 500;
  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;
  font-weight: 500;
  color: #c0c0c0;
  text-transform: uppercase; }

.item-grid {
  position: relative;
  text-align: left; }
  .item-grid > ul {
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none; }
    .item-grid > ul li {
      list-style: none;
      padding: 0;
      margin: 0; }
    .item-grid > ul::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (min-width: 768px) {
      .item-grid > ul {
        padding-top: 1rem; } }
  .item-grid .item:not(.hide) {
    margin: 0 1%;
    display: inline-block;
    position: relative;
    overflow: visible;
    margin-bottom: 2.3576515979%; }
    @media screen and (max-width: 767px) {
      .item-grid .item:not(.hide) {
        width: 47.45%; } }
    @media screen and (max-width: 999px) and (min-width: 768px) {
      .item-grid .item:not(.hide) {
        width: 30.9%; } }
    @media screen and (min-width: 1000px) {
      .item-grid .item:not(.hide) {
        width: 23%; } }
    @media screen and (min-width: 1180px) {
      .item-grid .item:not(.hide) {
        width: 18%; } }
  .item-grid .item.hide {
    display: none; }
  .item-grid .item.quicklook {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff0f0;
    z-index: 999;
    width: 100%; }

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

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

.lead-form__title {
  font-family: Santorini Regular;
  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: #a0a0a0; }
      #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: #b4b4b4; }
      #lead-form .input-wrapper--disabled .control__indicator {
        background: #f9f9f9; }
      #lead-form .input-wrapper--disabled .checkbox-message {
        color: #cacaca; }
  #lead-form .checkbox-wrapper {
    display: flex; }
  #lead-form .checkbox-message {
    font-size: .6em;
    margin-left: 10px; }
  #lead-form .leadform-static-label {
    position: absolute;
    left: 18px;
    top: 5px;
    text-transform: uppercase;
    font-family: Montserrat;
    font-weight: 500;
    font-size: .65em; }
  #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: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal;
      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: "Archer SSm A", "Archer SSm B";
        font-weight: 600;
        font-style: normal;
        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; }
    @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-weight: 500;
    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 {
    text-transform: uppercase;
    font-family: Montserrat;
    font-weight: 500;
    font-size: .8em;
    font-weight: 800; }
    @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-weight: 500;
    font-size: .8em;
    font-weight: 800; }
    @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: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal;
      color: #b8b8b8; }
    #lead-form input:not([type=submit]):-moz-placeholder,
    #lead-form textarea:-moz-placeholder {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal;
      color: #b8b8b8; }
    #lead-form input:not([type=submit])::-webkit-input-placeholder,
    #lead-form textarea::-webkit-input-placeholder {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal;
      color: #b8b8b8; }
    #lead-form input:not([type=submit]):-ms-input-placeholder,
    #lead-form textarea:-ms-input-placeholder {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal;
      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;
    font-weight: 500; }
  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-wrapper {
  background: #e6e9ea;
  padding-bottom: 50px; }
  .looks__footer-wrapper .slick-slider {
    margin: 0 2em 1em; }
    @media screen and (min-width: 768px) {
      .looks__footer-wrapper .slick-slider {
        margin: 0 0 1em; } }
  .looks__footer-wrapper .slick-prev:before,
  .looks__footer-wrapper .slick-next:before {
    color: #ff99a8;
    font-family: FontAwesome;
    font-size: 40px; }
  .looks__footer-wrapper .slick-next,
  .looks__footer-wrapper .slick-prev {
    height: 40px;
    margin-top: 0;
    top: calc(50% - 23px); }
    @media screen and (min-width: 1000px) {
      .looks__footer-wrapper .slick-next,
      .looks__footer-wrapper .slick-prev {
        top: calc(50% - 25px); } }
  @media screen and (min-width: 768px) {
    .looks__footer-wrapper .slick-prev {
      left: -25px; } }
  .looks__footer-wrapper .slick-prev:before {
    content: "\f104"; }
  @media screen and (min-width: 768px) {
    .looks__footer-wrapper .slick-next {
      right: -25px; } }
  .looks__footer-wrapper .slick-next:before {
    content: "\f105"; }
  .looks__footer-wrapper .looks-landing-grid-item {
    margin: 0px 5px; }

.looks-landing__back-to-looks {
  padding-top: 20px;
  display: flex;
  justify-content: center; }

.looks-landing__back-to-looks-link {
  font-family: Montserrat;
  font-weight: 500;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  font-size: 14px; }

.looks__footer__grid-items {
  display: flex;
  justify-content: center;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .looks__footer__grid-items {
      flex-direction: row;
      flex-wrap: nowrap; } }

.looks__footer__grid-item {
  width: calc(100% - 30px);
  padding-bottom: 120%;
  margin: 0 auto 15px;
  background-size: cover;
  background-repeat: no-repeat;
  text-decoration: none;
  background-position: center center; }
  @media screen and (min-width: 768px) {
    .looks__footer__grid-item {
      width: calc(100% / 3 - 30px);
      padding-bottom: 33.2%;
      margin: 0 5px 15px 5px;
      max-width: 280px; } }
  .looks__footer__grid-item > p {
    color: #000;
    font-family: Montserrat;
    font-weight: 500;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.7px;
    line-height: 22px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px; }
  .looks__footer__grid-item:nth-of-type(1) {
    background-color: #f4f4f4;
    background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/looks/looks-dressy.jpg); }
  .looks__footer__grid-item:nth-of-type(2) {
    background-color: #ececec;
    background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/looks/looks-work.jpg); }
  .looks__footer__grid-item:nth-of-type(3) {
    background-color: #f4f4f4;
    background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/looks/looks-casual.jpg); }

.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: 1.2em;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: italic; }
    .mailinglist-form__fieldset input::-moz-placeholder {
      color: #fff;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: italic; }
    .mailinglist-form__fieldset input:-moz-placeholder {
      color: #fff;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: italic; }
    .mailinglist-form__fieldset input::-webkit-input-placeholder {
      color: #fff;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: italic; }
    .mailinglist-form__fieldset input:-ms-input-placeholder {
      color: #fff;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: italic; }
    .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: #b8b8b8; }
    .mailinglist-form--inline .mailinglist-form__fieldset input:-moz-placeholder {
      color: #b8b8b8; }
    .mailinglist-form--inline .mailinglist-form__fieldset input::-webkit-input-placeholder {
      color: #b8b8b8; }
    .mailinglist-form--inline .mailinglist-form__fieldset input:-ms-input-placeholder {
      color: #b8b8b8; }

.mailinglist-form--inline .mailinglist-form__submit {
  width: 110px;
  height: 35px;
  line-height: 30px;
  font-weight: bold;
  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: -5px;
    right: -10px; }

#modal.auto-scroll {
  height: 100%;
  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; }

@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 {
    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; }

@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;
      font-weight: 500;
      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: 0.7em;
  background-color: #f5f5f5;
  color: #b7b8b9;
  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; }

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

.c-site-header {
  font-family: Montserrat;
  font-weight: 500;
  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 {
        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); } }

@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 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; }
    .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: 0 1.5rem 5px 0; }
  @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__favorites-wrapper:hover path {
    fill: #ff99a8; }

.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__hanger-icon-wrapper:hover path {
    fill: #ff99a8; }

.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 .fa:hover {
    color: #ff99a8; }

.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;
  margin-top: -3px; }
  .c-site-header__notification-bar .growl-container > .growl-item {
    magin-bottom: 0; }

.c-site-footer__menus {
  display: none;
  padding: 4rem 0; }
  @media screen and (min-width: 1000px) {
    .c-site-footer__menus {
      display: block;
      position: relative; }
      .c-site-footer__menus::after {
        clear: both;
        content: "";
        display: table; } }
  .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;
    width: 26%;
    margin-right: 0;
    font-size: 0.875rem; }
    .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: 32px 0; }
      .c-site-footer__menus .menu-additional li:first-child {
        margin-top: 0; }
      .c-site-footer__menus .menu-additional li a {
        text-transform: uppercase;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 600;
        font-style: normal; }
      .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; }
    @media screen and (min-width: 768px) {
      .c-site-footer__menus .menu-additional {
        position: absolute;
        left: 0;
        top: 65px; } }
  .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; }
  @media screen and (min-width: 768px) {
    .c-site-footer__menus .menu-primary {
      padding-left: 290px; } }
  .c-site-footer__menus .menu-primary #menu-main-navigation {
    padding: 0;
    margin: 0;
    position: relative;
    height: 480px; }
    .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:nth-child(1) {
      width: calc(100% - 170px);
      height: 460px; }
    .c-site-footer__menus .menu-primary #menu-main-navigation > li:nth-child(2), .c-site-footer__menus .menu-primary #menu-main-navigation > li:nth-child(3), .c-site-footer__menus .menu-primary #menu-main-navigation > li:nth-child(4) {
      position: absolute;
      left: 0;
      top: 0;
      width: 170px; }
    .c-site-footer__menus .menu-primary #menu-main-navigation > li:nth-child(2) {
      top: 0px;
      left: 520px; }
    .c-site-footer__menus .menu-primary #menu-main-navigation > li:nth-child(3) {
      top: 57px;
      left: 520px; }
    .c-site-footer__menus .menu-primary #menu-main-navigation > li:nth-child(4) {
      top: 184px;
      left: 520px; }
      .c-site-footer__menus .menu-primary #menu-main-navigation > li:nth-child(4) ul a {
        text-transform: uppercase; }
    .c-site-footer__menus .menu-primary #menu-main-navigation > li > a {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal; }
    .c-site-footer__menus .menu-primary #menu-main-navigation > li a {
      text-transform: uppercase; }
    .c-site-footer__menus .menu-primary #menu-main-navigation > li.lowercase a {
      text-transform: none; }
    .c-site-footer__menus .menu-primary #menu-main-navigation > li ul li {
      margin: 8px 0; }
      .c-site-footer__menus .menu-primary #menu-main-navigation > li ul li a {
        font-size: 0.625em;
        font-family: Montserrat; }
      .c-site-footer__menus .menu-primary #menu-main-navigation > li ul li ul {
        display: none; }
    .c-site-footer__menus .menu-primary #menu-main-navigation > li:first-child > .sub-menu {
      position: relative;
      top: 10px;
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      align-items: flex-start;
      height: 100%; }
      .c-site-footer__menus .menu-primary #menu-main-navigation > li:first-child > .sub-menu > li {
        width: 142px;
        top: 1rem;
        flex: 0 1 auto; }
        .c-site-footer__menus .menu-primary #menu-main-navigation > li:first-child > .sub-menu > li.no-hover > a:hover {
          text-decoration: none;
          cursor: default; }
      .c-site-footer__menus .menu-primary #menu-main-navigation > li:first-child > .sub-menu > li > a {
        font-weight: bold;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 800;
        font-style: normal;
        text-transform: uppercase;
        font-size: 0.8125rem; }
      .c-site-footer__menus .menu-primary #menu-main-navigation > li:first-child > .sub-menu > li > .sub-menu {
        display: block; }
        .c-site-footer__menus .menu-primary #menu-main-navigation > li:first-child > .sub-menu > li > .sub-menu li {
          margin: .25rem 0; }

@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; }
    @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; }
      #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 > li:hover > .menu-submenu {
    display: block;
    font-size: 1.2em;
    position: absolute;
    left: 0;
    top: calc(100%);
    height: auto;
    width: 970px;
    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 1.0rem; }
    @media screen and (min-width: 1000px) {
      .c-site-primary-menu .menu-main-navigation > li {
        margin: 0;
        margin-right: 1rem; } }
    @media screen and (min-width: 1250px) {
      .c-site-primary-menu .menu-main-navigation > li {
        margin: 0 1rem; } }
    .c-site-primary-menu .menu-main-navigation > li.active > a {
      color: #ff99a8; }
    .c-site-primary-menu .menu-main-navigation > li > a {
      color: #262223;
      text-decoration: none;
      font-size: 1rem;
      display: block;
      line-height: 52px;
      position: relative;
      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: #ff99a8; }
      .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: .25rem;
  font-weight: 900;
  padding: .175rem .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 {
    width: 582px; }
    .c-site-primary-menu .menu-main-navigation .menu-submenu > ul.sub-menu > li > a {
      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-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: 700; }
    .c-site-primary-menu .menu-main-navigation .menu-submenu > ul.sub-menu > li > .sub-menu {
      display: block;
      font-family: Montserrat;
      font-weight: 500;
      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 img {
    height: 100%;
    width: 100%; }

@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.has-seasonal-categories > li {
      width: 25%; }
    .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: none; }

@media screen and (min-width: 1000px) {
  .c-site-primary-menu .menu-main-navigation #menu-collection .menu-submenu > .sub-menu:last-child > li:first-child > a {
    display: none; } }

.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; }

.c-site-primary-menu .menu-main-navigation #menu-join-us .menu-submenu,
.c-site-primary-menu .menu-main-navigation #menu-what-is-cabi .menu-submenu {
  width: 620px;
  height: 350px; }
  .c-site-primary-menu .menu-main-navigation #menu-join-us .menu-submenu #join-us-callout,
  .c-site-primary-menu .menu-main-navigation #menu-what-is-cabi .menu-submenu #join-us-callout {
    position: absolute;
    left: 46px;
    bottom: 40px;
    font-size: 1.1em;
    line-height: 1.2em;
    width: 274px;
    text-transform: initial; }
  .c-site-primary-menu .menu-main-navigation #menu-join-us .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-what-is-cabi .menu-submenu > ul.sub-menu {
      width: 485px;
      padding: 40px 50px; }
      .c-site-primary-menu .menu-main-navigation #menu-join-us .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: 1.5em; }
        .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-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-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-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-what-is-cabi .menu-submenu.replicated-menu > ul.sub-menu > li {
    margin-bottom: 1em; }

.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: 500;
      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;
      font-weight: 500; }

.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-header__mobile {
  display: block;
  position: fixed;
  top: 100vh;
  right: 0;
  bottom: -100vh;
  left: 0;
  background: #f7f7f7;
  z-index: 9999;
  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-weight: 500;
    font-size: 4vw;
    font-weight: 600;
    letter-spacing: .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: .124vw;
        line-height: 6.6667vw; } }
  .category-menu-header .mobile-toggle {
    color: #888888;
    font-family: Montserrat;
    font-weight: 500;
    font-weight: 300;
    font-size: 8.533vw;
    letter-spacing: .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: .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-weight: 500;
    font-size: 3.467vw;
    font-weight: 600;
    letter-spacing: .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: .1055vw;
        line-height: 5.067vw; } }
  .menu-sub-category-header .mobile-toggle,
  .menu-sub-categories-header .mobile-toggle {
    color: #888888;
    font-family: Montserrat;
    font-weight: 500;
    font-weight: 300;
    font-size: 8.533vw;
    letter-spacing: .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: .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: .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: .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;
    font-weight: 500;
    font-size: 3.2vw;
    font-weight: 400;
    letter-spacing: .211vw;
    line-height: 10.133vw;
    text-decoration: none;
    text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      #c-site-header__mobile .sub-menu .sub-menu .menu-item a {
        font-size: 1.6vw;
        letter-spacing: .1055vw;
        line-height: 5.067vw; } }

.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; }
  @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__header-action.close-mobile-menu {
  font-size: 10.667vw;
  font-family: Montserrat;
  font-weight: 500;
  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-weight: 500;
  font-size: 2.933vw;
  font-weight: 600;
  letter-spacing: .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: .0385vw;
      line-height: 1.867vw;
      padding-right: 3.2vw; } }
  .mobile-menu__header-action.get-our-app:after {
    content: '';
    display: block;
    background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/mobile-nav/app-icon.svg);
    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: .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: .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: .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: .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-weight: 500;
    font-size: 3.467vw;
    font-weight: 600;
    letter-spacing: .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: .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; } }

.c-red-stamp__wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 1em; }

.c-red-stamp__header {
  text-align: center; }

.c-red-stamp__title {
  font-size: 6.4em;
  font-weight: normal;
  line-height: 1em;
  margin: .5em 0 0 0; }

.c-red-stamp__message {
  font-size: 1.04em;
  margin: 0 auto;
  margin-bottom: 3em;
  padding: 0 2em;
  max-width: 400px; }
  @media screen and (min-width: 735px) {
    .c-red-stamp__message {
      max-width: 650px; } }
  @media screen and (min-width: 1094px) {
    .c-red-stamp__message {
      max-width: 860px;
      padding: 0; } }

.c-red-stamp__cards {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -1em;
  margin-right: -1em; }

.c-red-stamp__card {
  position: relative;
  max-width: 200px;
  width: 50%;
  height: 260px;
  margin-bottom: 4.5em; }
  @media screen and (min-width: 415px) {
    .c-red-stamp__card {
      height: 410px;
      width: 50%;
      max-width: 280px;
      margin-bottom: 5.25em; } }
  .c-red-stamp__card:nth-child(odd) {
    padding: 0 .75em 0 10px; }
  .c-red-stamp__card:nth-child(even) {
    padding: 0 10px 0 .75em; }
  @media screen and (min-width: 616px) {
    .c-red-stamp__card {
      max-width: 360px;
      width: 360px;
      height: 500px;
      margin-bottom: 5.5em; }
      .c-red-stamp__card:nth-child(odd) {
        padding: 0 10px 0 10px; }
      .c-red-stamp__card:nth-child(even) {
        padding: 0 10px 0 10px; } }

.c-red-stamp__card-dl {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative; }

.c-red-stamp__card-img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 250px; }
  @media screen and (min-width: 415px) {
    .c-red-stamp__card-img {
      height: 400px; } }
  @media screen and (min-width: 616px) {
    .c-red-stamp__card-img {
      height: 480px; } }

.c-red-stamp__title-card {
  text-transform: uppercase;
  font-family: Montserrat;
  font-weight: 500;
  text-align: center;
  padding: 0 1em;
  line-height: 1.25em;
  font-size: 0.85em;
  letter-spacing: 0.08em;
  font-weight: 500; }
  @media screen and (min-width: 616px) {
    .c-red-stamp__title-card {
      position: relative;
      padding: 0;
      width: 340px; } }

.c-red-stamp__link-card {
  text-decoration: none; }

/* 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:not(:nth-child(2)) {
      font-size: 0.9333333333em; }
    .shop-table .shop-td:nth-child(1) img {
      max-width: 95px; }
    .shop-table .shop-td:nth-child(2) .out-of-stock {
      background-color: #ff99a8;
      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: #ff99a8; }
    .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: #ff99a8;
    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-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: #ff99a8;
    text-transform: uppercase; }
  .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: 500;
  font-weight: 700;
  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;
      opacity: .5;
      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-text {
        opacity: 0.5; }
      .video-player__thumbnails ul li.video-player__thumbnail--playing {
        opacity: 1;
        width: 45%; }
        .video-player__thumbnails ul li.video-player__thumbnail--playing .video-player__thumbnail-text {
          opacity: 1;
          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 {
  position: relative; }
  .video-player__thumbnail-image:before {
    font-family: fontawesome;
    content: '\f04b';
    color: white;
    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;
    font-weight: 500;
    -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;
  font-weight: 500; }

.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; } }

.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; } }

.folk-luxe__wide-wrapper {
  background-color: #e6d9cb;
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f18/collection-landing/folk-luxe-full-banner.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .folk-luxe__wide-wrapper {
      background-image: none;
      background-color: #D1C8BA; } }
  @media screen and (min-width: 1440px) {
    .folk-luxe__wide-wrapper {
      background-color: transparent;
      background-size: 1550px auto;
      width: 100%;
      max-width: 1550px;
      margin-left: auto;
      margin-right: auto; } }
  .folk-luxe__wide-wrapper:hover {
    cursor: pointer; }
    .folk-luxe__wide-wrapper:hover .folk-luxe__wide-content__cta .btn-cta--black {
      border-bottom-color: transparent;
      text-decoration: none; }
  .folk-luxe__wide-wrapper a {
    text-decoration: none; }
  @media screen and (max-width: 767px) {
    .folk-luxe__wide-wrapper > .container {
      padding: 0; } }

.folk-luxe__wide {
  height: 475px; }
  @media screen and (max-width: 767px) {
    .folk-luxe__wide {
      height: auto; } }

.folk-luxe__wide-grid {
  height: 100%;
  display: flex; }
  @media screen and (max-width: 767px) {
    .folk-luxe__wide-grid {
      flex-wrap: wrap;
      margin: 0 -15px; } }

.folk-luxe__banner {
  display: none; }
  @media screen and (max-width: 767px) {
    .folk-luxe__banner {
      display: block;
      width: 100%; }
      .folk-luxe__banner img {
        width: 100%;
        height: auto; } }

.folk-luxe__wide-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 33%;
  padding-right: 4em; }
  @media screen and (max-width: 767px) {
    .folk-luxe__wide-content {
      flex: 0 1 100%;
      padding: 30px 45px 50px; } }
  .folk-luxe__wide-content__title {
    margin-bottom: 10px; }
    @media screen and (max-width: 767px) {
      .folk-luxe__wide-content__title--desktop {
        display: none; } }
    .folk-luxe__wide-content__title--mobile {
      display: none; }
      @media screen and (max-width: 767px) {
        .folk-luxe__wide-content__title--mobile {
          display: block; } }
  .folk-luxe__wide-content__body {
    margin-bottom: 10px;
    color: #000;
    font-size: 14px;
    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) {
      .folk-luxe__wide-content__body {
        font-size: 18px;
        line-height: 24px; } }

.nine-to-five__wide-wrapper {
  background-color: #e6d9cb;
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f18/collection-landing/9-to-5-full-banner.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .nine-to-five__wide-wrapper {
      background-image: none;
      background-color: #D1C8BA; } }
  @media screen and (min-width: 1440px) {
    .nine-to-five__wide-wrapper {
      background-color: transparent;
      background-size: 1550px auto;
      width: 100%;
      max-width: 1550px;
      margin-left: auto;
      margin-right: auto; } }
  .nine-to-five__wide-wrapper:hover {
    cursor: pointer; }
    .nine-to-five__wide-wrapper:hover .nine-to-five__wide-content__cta .btn-cta--black {
      border-bottom-color: transparent;
      text-decoration: none; }
  .nine-to-five__wide-wrapper a {
    text-decoration: none; }
  @media screen and (max-width: 767px) {
    .nine-to-five__wide-wrapper > .container {
      padding: 0; } }

.nine-to-five__wide {
  height: 475px; }
  @media screen and (max-width: 767px) {
    .nine-to-five__wide {
      height: auto; } }

.nine-to-five__wide-grid {
  height: 100%;
  display: flex; }
  @media screen and (max-width: 767px) {
    .nine-to-five__wide-grid {
      flex-wrap: wrap;
      margin: 0 -15px; } }

.nine-to-five__banner {
  display: none; }
  @media screen and (max-width: 767px) {
    .nine-to-five__banner {
      display: block;
      width: 100%; }
      .nine-to-five__banner img {
        width: 100%;
        height: auto; } }

.nine-to-five__wide-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 33%;
  padding-right: 4em; }
  @media screen and (max-width: 767px) {
    .nine-to-five__wide-content {
      flex: 0 1 100%;
      padding: 30px 45px 50px; } }
  .nine-to-five__wide-content__title {
    margin-bottom: 10px; }
    .nine-to-five__wide-content__title--desktop {
      max-width: 120px;
      width: 120px;
      height: auto; }
      @media screen and (max-width: 767px) {
        .nine-to-five__wide-content__title--desktop {
          display: none; } }
    .nine-to-five__wide-content__title--mobile {
      display: none; }
      @media screen and (max-width: 767px) {
        .nine-to-five__wide-content__title--mobile {
          display: block;
          max-width: 96px;
          width: 96px;
          height: auto; } }
  .nine-to-five__wide-content__body {
    margin-bottom: 10px;
    color: #000;
    font-size: 14px;
    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) {
      .nine-to-five__wide-content__body {
        font-size: 18px;
        line-height: 24px; } }

.winter-greens__wide-wrapper {
  background-color: #e6d9cb;
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f18/collection-landing/winter-greens-full-banner.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .winter-greens__wide-wrapper {
      background-image: none;
      background-color: #172d27; } }
  @media screen and (min-width: 1440px) {
    .winter-greens__wide-wrapper {
      background-color: transparent;
      background-size: 1550px auto;
      width: 100%;
      max-width: 1550px;
      margin-left: auto;
      margin-right: auto; } }
  .winter-greens__wide-wrapper:hover {
    cursor: pointer; }
    .winter-greens__wide-wrapper:hover .winter-greens__wide-content__cta .btn-cta--white {
      border-bottom-color: transparent;
      text-decoration: none; }
  .winter-greens__wide-wrapper a {
    text-decoration: none; }
  .winter-greens__wide-wrapper .container {
    padding: 0; }
    @media screen and (max-width: 767px) {
      .winter-greens__wide-wrapper .container {
        padding: 0; } }

.winter-greens__wide {
  height: 475px; }
  @media screen and (max-width: 767px) {
    .winter-greens__wide {
      height: auto; } }

.winter-greens__wide-grid {
  height: 100%;
  display: flex; }
  @media screen and (max-width: 767px) {
    .winter-greens__wide-grid {
      flex-wrap: wrap; } }

.winter-greens__banner {
  display: none; }
  @media screen and (max-width: 767px) {
    .winter-greens__banner {
      display: block;
      width: 100%; }
      .winter-greens__banner img {
        width: 100%;
        height: auto; } }

.winter-greens__wide-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 40%;
  padding-right: 4em; }
  @media screen and (max-width: 767px) {
    .winter-greens__wide-content {
      flex: 0 1 100%;
      padding: 30px 30px 50px; } }
  .winter-greens__wide-content__title {
    -webkit-filter: invert(1);
    -moz-filter: invert(1);
    -ms-filter: invert(1);
    -o-filter: invert(1);
    filter: invert(1);
    margin-bottom: 10px;
    max-width: 140px;
    height: auto; }
    @media screen and (max-width: 767px) {
      .winter-greens__wide-content__title--desktop {
        display: none; } }
    .winter-greens__wide-content__title--mobile {
      display: none; }
      @media screen and (max-width: 767px) {
        .winter-greens__wide-content__title--mobile {
          max-width: 273px;
          height: auto;
          display: block;
          margin-bottom: 20px; } }
  .winter-greens__wide-content__body {
    margin-bottom: 10px;
    color: #fff;
    font-size: 14px;
    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) {
      .winter-greens__wide-content__body {
        font-size: 18px;
        line-height: 24px; } }

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 .add-to-cart-form {
  padding-top: 40px; }
  @media screen and (min-width: 1000px) {
    add-to-cart .add-to-cart-form {
      padding-top: 0;
      margin-bottom: 1em; } }

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 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%;
  margin-bottom: 16px; }
  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 .estimated-ship-date-wrapper {
  padding-top: 20px; }
  add-to-cart .estimated-ship-date-wrapper--mobile-pdp {
    padding-bottom: 20px; }
    add-to-cart .estimated-ship-date-wrapper--mobile-pdp 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: #b0b0b0;
  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-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__error-message {
  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 {
    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 {
      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 {
      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; } }

.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: 100; }
  @media screen and (min-width: 768px) {
    .browse-look-modal__heading {
      background: transparent;
      padding: 10px 20px; } }
  @media screen and (min-width: 1000px) {
    .browse-look-modal__heading {
      background-color: #fff; } }

.browse-look-modal__title {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  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: Archer;
      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-weight: 500;
  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: 100%; }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    .browse-look-modal__container {
      height: calc(100% - 53px);
      overflow: auto; } }
  @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;
      padding-left: 20px; }
      .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; } }

.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 {
      overflow: initial;
      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); } }

@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; }
  @media screen and (min-width: 768px) {
    .browse-look-modal__information {
      clear: none;
      float: left;
      position: relative;
      padding: 20px;
      max-width: 400px; } }
  @media screen and (min-width: 1000px) {
    .browse-look-modal__information {
      padding: 0 20px 20px;
      max-width: none; } }

.browse-look-modal__information--row {
  display: flex;
  flex-direction: row; }
  @media screen and (min-width: 768px) {
    .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;
        font-weight: 500;
        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 #quicklook-close {
  top: 0 !important;
  right: 13px !important; }
  @media screen and (min-width: 768px) {
    .browse-look-modal #quicklook-close {
      right: 20px !important; } }
  @media screen and (min-width: 1000px) {
    .browse-look-modal #quicklook-close {
      right: 3px !important; } }
  .browse-look-modal #quicklook-close span {
    font-size: 50px !important; }

.browse-look-modal quicklook-images {
  float: left;
  width: 100%;
  height: 200px;
  background: white; }
  @media screen and (max-width: 767px) {
    .browse-look-modal quicklook-images {
      display: none; } }
  @media screen and (min-width: 768px) {
    .browse-look-modal quicklook-images {
      width: 270px;
      height: 320px; } }
  @media screen and (min-width: 1000px) {
    .browse-look-modal quicklook-images {
      height: 100%;
      min-height: 370px; } }
  @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: 188px; }
    @media screen and (max-width: 767px) {
      .browse-look-modal quicklook-images .quicklook-images ul {
        width: 124px; } }

.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: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal; }

.browse-look-modal .quicklook-content__meta {
  font-size: 13px;
  font-family: Montserrat;
  font-weight: 500;
  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;
  font-size: 12px;
  line-height: 1.4em; }
  @media screen and (min-width: 768px) {
    .browse-look-modal .quicklook-content__description {
      display: inherit; } }
  .browse-look-modal .quicklook-content__description ul {
    margin: 1em .5em 1.5em; }
    .browse-look-modal .quicklook-content__description ul li {
      margin-bottom: .33em; }

.browse-look-modal add-to-cart .attribute {
  margin-bottom: 8px; }

.browse-look-modal add-to-cart .btn {
  padding: 0 20px !important; }

.browse-look-modal add-to-cart .add-to-bag-wrapper {
  margin: 24px 0; }

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: 500;
      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: 100px;
        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: 140px;
        border: none;
        border-bottom: 1px solid;
        background-color: transparent;
        padding: 0.5em 3.5em 0.5em 1em;
        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: none; }
      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: 16%; }
      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: 15%; }
      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: 500;
            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: 500;
            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;
        font-weight: 500;
        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;
          font-weight: 500; }
          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: 500;
          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: 500;
            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: 500;
              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: 500;
            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: 500;
            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: 500;
              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; }
  cart-count > a {
    color: black;
    text-decoration: none; }
    cart-count > a span.count {
      font-size: 14px;
      position: absolute;
      top: -5px;
      left: 20px; }
  cart-count .dropdown {
    position: absolute;
    top: 36px;
    right: 0;
    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: -24px;
      right: 10px;
      font-size: 30px; }

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: #FF99A8; }
  .gift-card-view .title {
    font-size: xx-large; }
  .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: #FF99A8;
      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 #FDA5B4; }
    .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 .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: #FF99A8;
        -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 {
        cursor: pointer;
        background-color: #FCB7C0; }

#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: 500;
      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: 500;
      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-weight: 500;
      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: 500;
      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; }
      @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: 500;
        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: 500;
      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: 500;
    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 #ff99a8;
    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: #ff99a8;
          margin-right: .5em; }
        stylist-info .dropdown ul li.not-my-stylist a {
          font-family: Montserrat;
          font-weight: 500;
          font-weight: 700;
          text-transform: uppercase; }

.product-color-selector {
  display: none;
  margin-bottom: 1em; }
  @media screen and (min-width: 768px) {
    .product-color-selector {
      display: block; } }
  .product-color-selector .product-color-selector__label {
    display: block;
    font-size: .8em;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 700;
    font-style: normal; }
  .product-color-selector .product-color-selector__select-wrapper {
    min-width: 200px;
    color: red; }
    .product-color-selector .product-color-selector__select-wrapper:before {
      content: '\25CF';
      color: inherit;
      display: inline-block;
      position: absolute;
      top: 8px;
      left: 8px;
      font-size: 32px; }
  .product-color-selector .product-color-selector__select {
    padding-left: 30px; }

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 {
  z-index: 9998;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 640px;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -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%); }
  #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: 440px;
    padding: 0; }
  #modal.quicklook #quick-look-inner {
    height: 380px; }
    #modal.quicklook #quick-look-inner #quick-look-content {
      padding: 0 15px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      position: relative;
      top: 50%; }
      @media screen and (min-width: 768px) {
        #modal.quicklook #quick-look-inner #quick-look-content {
          padding: 40px;
          width: 350px; } }
      #modal.quicklook #quick-look-inner #quick-look-content .image-thumbnail {
        float: left;
        margin-right: 14px; }
        @media screen and (min-width: 768px) {
          #modal.quicklook #quick-look-inner #quick-look-content .image-thumbnail.image-thumbnail__mobile-only {
            display: none; } }
        #modal.quicklook #quick-look-inner #quick-look-content .image-thumbnail img {
          max-width: 40px; }
      #modal.quicklook #quick-look-inner #quick-look-content .quicklook-content__title h3 {
        white-space: nowrap; }
      #modal.quicklook #quick-look-inner #quick-look-content .quicklook-content__description {
        display: none; }
      #modal.quicklook #quick-look-inner #quick-look-content .quick-look__color-selector {
        list-style: none; }
        #modal.quicklook #quick-look-inner #quick-look-content .quick-look__color-selector li {
          background: rgba(0, 0, 0, 0.2);
          display: inline-block;
          border-radius: 50%;
          height: 16px;
          width: 16px;
          line-height: 16px;
          padding: 0px 0 0 2px;
          margin-right: 4px;
          opacity: .5; }
          #modal.quicklook #quick-look-inner #quick-look-content .quick-look__color-selector li.active {
            opacity: 1; }
      #modal.quicklook #quick-look-inner #quick-look-content .quick-look__color-selector-circle {
        font-size: 15px; }
      #modal.quicklook #quick-look-inner #quick-look-content add-to-cart {
        margin-top: 20px;
        display: block; }
        @media screen and (min-width: 768px) {
          #modal.quicklook #quick-look-inner #quick-look-content add-to-cart {
            margin-top: 0; } }
        #modal.quicklook #quick-look-inner #quick-look-content add-to-cart select {
          width: 175px; }
        #modal.quicklook #quick-look-inner #quick-look-content add-to-cart label {
          min-width: 80px; }
        #modal.quicklook #quick-look-inner #quick-look-content add-to-cart .estimated-ship-date-wrapper label {
          min-width: 78px; }
        #modal.quicklook #quick-look-inner #quick-look-content add-to-cart .estimated-ship-date-wrapper .estimated-ship-date-message {
          white-space: nowrap;
          font-size: 10px; }
        #modal.quicklook #quick-look-inner #quick-look-content add-to-cart .add-to-bag-wrapper button {
          display: none; }
      #modal.quicklook #quick-look-inner #quick-look-content #in-this-look .h2 {
        text-transform: uppercase;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 400;
        font-style: normal; }
      #modal.quicklook #quick-look-inner #quick-look-content #in-this-look ul {
        padding: 0;
        margin: 0; }
        #modal.quicklook #quick-look-inner #quick-look-content #in-this-look ul li {
          list-style: none;
          padding: 0;
          margin: 0; }
        #modal.quicklook #quick-look-inner #quick-look-content #in-this-look ul li {
          margin: .5em 0; }
          #modal.quicklook #quick-look-inner #quick-look-content #in-this-look ul li a {
            font-size: .9em; }
          #modal.quicklook #quick-look-inner #quick-look-content #in-this-look ul li a:hover {
            color: #ff99a8; }
      #modal.quicklook #quick-look-inner #quick-look-content #quick-look-colors {
        margin: 5px 0px;
        padding-left: 0px;
        list-style: none; }
        #modal.quicklook #quick-look-inner #quick-look-content #quick-look-colors li {
          display: inline-block;
          width: 20px;
          height: 20px;
          border-radius: 10px;
          -webkit-border-radius: 10px;
          margin-bottom: 5px;
          opacity: 1;
          cursor: pointer; }
          #modal.quicklook #quick-look-inner #quick-look-content #quick-look-colors li.active {
            opacity: 0.6;
            -webkit-transition: opacity 0.5s;
            transition: opacity 0.5s; }
    #modal.quicklook #quick-look-inner #quick-look-images {
      position: absolute;
      top: 0;
      right: 0;
      height: 380px;
      width: 285px;
      background: #fff;
      display: none; }
      @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 {
        position: static; }
      #modal.quicklook #quick-look-inner #quick-look-images .quicklook-images {
        position: static; }
        #modal.quicklook #quick-look-inner #quick-look-images .quicklook-images ul {
          position: absolute;
          top: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%); }
          #modal.quicklook #quick-look-inner #quick-look-images .quicklook-images ul li {
            position: absolute;
            top: 0;
            right: 0; }
    #modal.quicklook #quick-look-inner #quick-look-color-storage {
      display: none; }
    #modal.quicklook #quick-look-inner #wishlist-confirmation {
      color: #ff99a8;
      font-size: 13px;
      padding-top: .5em;
      display: none; }
    #modal.quicklook #quick-look-inner #quick-look-close {
      position: absolute;
      top: -50px;
      right: -50px;
      padding: 0px 15px;
      color: white;
      width: 50px;
      height: 30px;
      line-height: 30px;
      text-align: center; }
      #modal.quicklook #quick-look-inner #quick-look-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.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;
    height: 24px;
    display: table;
    width: 100%; }
    #modal.quicklook #quick-look-actions li {
      list-style: none;
      padding: 0;
      margin: 0; }
    #modal.quicklook #quick-look-actions li {
      display: inline-block; }
    @media screen and (min-width: 768px) {
      #modal.quicklook #quick-look-actions {
        width: 640px; } }
    #modal.quicklook #quick-look-actions li {
      display: table-cell;
      width: 33.3333333333%;
      float: left; }
      #modal.quicklook #quick-look-actions li:not(:last-child) {
        border-right: 1px solid white; }
      #modal.quicklook #quick-look-actions li#quick-look-get-this-item a,
      #modal.quicklook #quick-look-actions li #quicklook-wishlist-add-link,
      #modal.quicklook #quick-look-actions li a#quick-look-permalink {
        font-family: Montserrat;
        font-weight: 500;
        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;
        background-color: #000;
        color: #fff;
        border-color: #000;
        cursor: pointer;
        width: 100%;
        font-size: .75em; }
        #modal.quicklook #quick-look-actions li#quick-look-get-this-item a:before,
        #modal.quicklook #quick-look-actions li #quicklook-wishlist-add-link:before,
        #modal.quicklook #quick-look-actions li a#quick-look-permalink:before {
          content: "";
          display: inline-block;
          vertical-align: middle;
          height: 100%; }
        @media screen and (min-width: 1000px) {
          #modal.quicklook #quick-look-actions li#quick-look-get-this-item a:not([disabled]):hover,
          #modal.quicklook #quick-look-actions li #quicklook-wishlist-add-link:not([disabled]):hover,
          #modal.quicklook #quick-look-actions li a#quick-look-permalink:not([disabled]):hover {
            background-color: #fff;
            color: #000; } }
      #modal.quicklook #quick-look-actions li#quick-look-get-this-item button {
        width: 100%;
        height: 60px;
        line-height: 60px;
        padding: 0; }
        #modal.quicklook #quick-look-actions li#quick-look-get-this-item button loading-icon {
          color: white;
          margin-top: 8px; }
          #modal.quicklook #quick-look-actions li#quick-look-get-this-item button loading-icon i {
            color: white;
            margin-top: 8px; }
      #modal.quicklook #quick-look-actions li#quicklook-wishlist-add-link button {
        width: 100%;
        height: 60px;
        line-height: 42px;
        padding: 0; }
        #modal.quicklook #quick-look-actions li#quicklook-wishlist-add-link button loading-icon {
          color: white;
          margin-top: 8px; }
          #modal.quicklook #quick-look-actions li#quicklook-wishlist-add-link button loading-icon i {
            color: white;
            margin-top: 8px; }
        #modal.quicklook #quick-look-actions li#quicklook-wishlist-add-link button:disabled loading-icon {
          fill: white;
          position: absolute;
          left: 7px;
          top: 10px; }
      #modal.quicklook #quick-look-actions li #quick-look-permalink span {
        display: none; }
        @media screen and (min-width: 768px) {
          #modal.quicklook #quick-look-actions li #quick-look-permalink span {
            display: inline-block; } }
  #modal.quicklook #quick-look-actions.for-look.clio-enabled li {
    width: 50%; }
  #modal.quicklook #quick-look-actions.for-look.clio-enabled #quick-look-get-this-item {
    display: none; }
  #modal.quicklook #quicklook-close {
    position: absolute;
    top: 100%;
    right: 50%;
    padding: 0px 15px;
    padding-left: 20%;
    z-index: 99;
    color: white;
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center; }
    @media screen and (min-width: 1000px) {
      #modal.quicklook #quicklook-close {
        padding-left: 15px;
        top: -50px;
        right: -50px; } }
    #modal.quicklook #quicklook-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.quicklook #quicklook-close span:hover {
        color: rgba(0, 0, 0, 0.75); }

.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;
      padding-right: .5em;
      margin-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: 192px; }
    .quicklook-images ul li {
      list-style: none;
      padding: 0;
      margin: 0; }
    .quicklook-images ul li {
      display: none; }
      .quicklook-images ul li.active {
        display: block; }
      .quicklook-images ul li img {
        width: 100%;
        height: auto; }

.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%;
  position: absolute;
  z-index: 3;
  padding: 0 10px;
  left: 0; }
  .quicklook-images__btn[data-direction='right'] {
    left: inherit;
    right: 0; }

*[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 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 #item-description dt {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  margin-bottom: 0.5em; }

body.single-items #item-description dd {
  margin-bottom: 2em; }

body.single-items #item-care-instructions {
  margin-bottom: 2em; }
  body.single-items #item-care-instructions a#item-care-instructions-toggle {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none; }
    body.single-items #item-care-instructions a#item-care-instructions-toggle:before {
      content: "+";
      background: #000;
      color: #fff;
      margin-right: 0.5em;
      display: inline-block;
      font-size: 24px;
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 21px;
      position: relative;
      top: 2px; }
    body.single-items #item-care-instructions a#item-care-instructions-toggle[data-open]:before {
      content: "-"; }
  body.single-items #item-care-instructions #item-care-instructions-collapse {
    display: none;
    padding: 1em 0;
    margin-top: 0.5em; }
    body.single-items #item-care-instructions #item-care-instructions-collapse p:not(:last-child) {
      margin-bottom: 1em; }

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

body.single-items section#primary-info #item-title {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.0375em;
  font-size: 26px;
  line-height: 1em;
  margin-bottom: 0.25em; }
  @media screen and (min-width: 1000px) {
    body.single-items section#primary-info #item-title {
      text-align: left; } }

body.single-items section#primary-info #item-meta-data,
body.single-items section#primary-info .item-meta-data {
  text-align: center; }
  @media screen and (min-width: 1000px) {
    body.single-items section#primary-info #item-meta-data,
    body.single-items section#primary-info .item-meta-data {
      text-align: left; } }
  body.single-items section#primary-info #item-meta-data ul,
  body.single-items section#primary-info .item-meta-data ul {
    padding: 0;
    margin: 0;
    text-align: left; }
    body.single-items section#primary-info #item-meta-data ul li,
    body.single-items section#primary-info .item-meta-data ul li {
      display: inline-block; }
    body.single-items section#primary-info #item-meta-data ul li,
    body.single-items section#primary-info .item-meta-data ul li {
      list-style: none;
      padding: 0;
      margin: 0; }
    body.single-items section#primary-info #item-meta-data ul li,
    body.single-items section#primary-info .item-meta-data ul li {
      display: inline-block; }
      @media screen and (max-width: 999px) {
        body.single-items section#primary-info #item-meta-data ul li,
        body.single-items section#primary-info .item-meta-data ul li {
          font-family: Montserrat;
          font-weight: 500;
          font-size: 12px;
          line-height: 8px;
          letter-spacing: 0.46px; } }
      @media screen and (min-width: 1000px) {
        body.single-items section#primary-info #item-meta-data ul li:first-child,
        body.single-items section#primary-info .item-meta-data ul li:first-child {
          text-transform: uppercase; } }
      body.single-items section#primary-info #item-meta-data ul li:last-child,
      body.single-items section#primary-info .item-meta-data ul li:last-child {
        font-weight: bold; }
  body.single-items section#primary-info #item-meta-data .price,
  body.single-items section#primary-info .item-meta-data .price {
    font-weight: 700; }

@media screen and (max-width: 999px) {
  body.single-items section#primary-info #item-image-thumbnails {
    background-color: #f0f0f0; } }

@media screen and (min-width: 1000px) {
  body.single-items section#primary-info #item-image-thumbnails {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 6.1721527019%; }
    body.single-items section#primary-info #item-image-thumbnails:last-child {
      margin-right: 0; } }

body.single-items section#primary-info #item-image-thumbnails img {
  width: 100%; }

body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper .arrow {
  width: 100%;
  text-align: center;
  font-size: 25px;
  display: inline-block;
  height: 15px;
  cursor: pointer;
  background: #f0f0f0;
  color: black;
  position: relative;
  z-index: 9;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in; }
  @media screen and (max-width: 999px) {
    body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper .arrow {
      width: 5%;
      margin-top: 3px;
      vertical-align: top;
      height: 100px; } }
  body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper .arrow:hover {
    background: #000;
    color: #fff; }
  body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper .arrow.positive {
    margin-bottom: 3px; }
    @media screen and (min-width: 1000px) {
      body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper .arrow.positive span {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }
  body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper .arrow.negative {
    margin-top: 3px; }
    @media screen and (min-width: 1000px) {
      body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper .arrow.negative span {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }
  body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper .arrow span {
    position: relative;
    top: -3px;
    right: -2px;
    font-size: 40px;
    display: block; }
  @media screen and (max-width: 999px) {
    body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper .arrow {
      display: none !important; } }

body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper .wrap {
  height: 634px;
  margin-top: -10px;
  margin-bottom: 3px;
  overflow: hidden; }
  @media screen and (max-width: 999px) {
    body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper .wrap {
      width: 100%;
      height: auto;
      margin: auto;
      overflow: auto; } }

body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper ul.detail-images {
  position: relative;
  top: 0px;
  left: 0px;
  padding-top: 1px; }
  @media screen and (max-width: 999px) {
    body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper ul.detail-images {
      overflow: hidden; } }
  body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper ul.detail-images li {
    text-align: center;
    padding-bottom: 5px; }
    @media screen and (max-width: 999px) {
      body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper ul.detail-images li {
        display: inline-block;
        width: 64px;
        vertical-align: top;
        height: 98px; } }
    body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper ul.detail-images li a {
      display: block; }
      body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper ul.detail-images li a img {
        opacity: .5;
        border: 2px solid white;
        display: block;
        box-sizing: border-box; }
    body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper ul.detail-images li a.active img {
      opacity: 1;
      border-color: black; }
    body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper ul.detail-images li a:hover img {
      opacity: 1; }

body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper.mobile-only-thumbnails ul.detail-images li {
  display: block;
  width: 100%;
  height: auto;
  padding-bottom: 5px; }

@media screen and (min-width: 768px) {
  body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper.mobile-only-thumbnails {
    display: none !important; } }

body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper:not(.mobile-only-thumbnails) {
  display: none !important; }
  @media screen and (min-width: 768px) {
    body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper:not(.mobile-only-thumbnails) {
      display: block !important; } }

body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper.center-items {
  text-align: center; }
  body.single-items section#primary-info #item-image-thumbnails #detail-images-wrapper.center-items .wrap {
    width: inherit !important; }

body.single-items section#primary-info #item-image-thumbnails .image-thumbnail-video-trigger {
  position: relative;
  background-color: #ccc; }
  body.single-items section#primary-info #item-image-thumbnails .image-thumbnail-video-trigger:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 0.9em solid transparent;
    border-bottom: 0.9em solid transparent;
    border-left: 1.5em solid #000;
    color: #000;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    font-family: Montserrat;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  body.single-items section#primary-info #item-image-thumbnails .image-thumbnail-video-trigger:after {
    content: "Play";
    color: #000;
    font-size: 0.7em;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 10px;
    font-family: Montserrat;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  body.single-items section#primary-info #item-image-thumbnails .image-thumbnail-video-trigger:hover:after {
    color: #000; }

body.single-items section#primary-info #item-image-thumbnails .image-thumbnail-video-label {
  font-family: Montserrat;
  font-weight: 500;
  font-weight: 700;
  font-size: 0.6em;
  line-height: 1.2em;
  text-transform: uppercase;
  margin-top: 3px; }

body.single-items section#primary-info #item-main-image-dispay {
  display: inline-flex !important; }

body.single-items section#primary-info #item-prev-arrow {
  left: 45px;
  background: no-repeat url(//media.cabionline.com/wp-content/uploads/cabi-templates/s19/single-item/left-arrow.svg); }

body.single-items section#primary-info #item-next-arrow {
  right: 45px;
  background: no-repeat url(//media.cabionline.com/wp-content/uploads/cabi-templates/s19/single-item/right-arrow.svg); }

body.single-items section#primary-info #item-next-arrow,
body.single-items section#primary-info #item-prev-arrow {
  width: 35px;
  height: 66px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                          supported by Chrome and Opera */ }

body.single-items section#primary-info #item-main-image {
  position: relative;
  display: none; }
  @media screen and (max-width: 999px) {
    body.single-items section#primary-info #item-main-image {
      margin: 0 auto;
      max-width: 420px; } }
  @media screen and (min-width: 1000px) {
    body.single-items section#primary-info #item-main-image {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 57.3509785009%;
      padding: 0 80px !important; }
      body.single-items section#primary-info #item-main-image:last-child {
        margin-right: 0; } }
  body.single-items section#primary-info #item-main-image img {
    max-width: 100%;
    max-height: 670px;
    width: auto;
    margin: 0 auto;
    display: block; }
  body.single-items section#primary-info #item-main-image svg {
    cursor: pointer;
    position: absolute;
    bottom: 1em;
    right: 0.5em;
    z-index: 1;
    display: none;
    width: 16px;
    opacity: 0.5; }
    @media screen and (min-width: 1000px) {
      body.single-items section#primary-info #item-main-image svg {
        display: block; } }
  body.single-items section#primary-info #item-main-image .item__browse-look-button {
    position: absolute;
    bottom: -5px;
    left: 135px;
    z-index: 1;
    width: 102px;
    height: 52px;
    font-size: 11px;
    padding: 0 8px;
    padding: 0;
    margin: 0 0 15px 10px; }
    body.single-items section#primary-info #item-main-image .item__browse-look-button:before {
      display: none; }

body.single-items section#primary-info .item__image-video-wrapper .youtube-video-container {
  padding-bottom: 129.5%;
  margin: 1px 1px; }

body.single-items section#primary-info .item__image-video-container {
  max-height: 670px; }

body.single-items section#primary-info #item-information .item-info-mobile-up {
  display: none; }
  @media screen and (min-width: 768px) {
    body.single-items section#primary-info #item-information .item-info-mobile-up {
      display: block; } }

body.single-items section#primary-info #item-information .extended-sizes {
  color: #f899a8;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 20px;
  margin-bottom: 2em; }

@media screen and (max-width: 999px) {
  body.single-items section#primary-info #item-information {
    margin: 0 -20px;
    padding: 0 20px 20px; } }

@media screen and (max-width: 999px) and (min-width: 768px) {
  body.single-items section#primary-info #item-information {
    font-size: 15px; } }

@media screen and (min-width: 1000px) {
  body.single-items section#primary-info #item-information {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
    margin-top: 60px; }
    body.single-items section#primary-info #item-information:last-child {
      margin-right: 0; } }

body.single-items section#primary-info #item-information .social-share-buttons {
  display: inline-block; }
  body.single-items section#primary-info #item-information .social-share-buttons .b-social-share-link {
    background-color: #000;
    color: #fff;
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 30px;
    border-radius: 28px;
    text-align: center;
    text-decoration: none;
    font-size: 18.2px;
    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out; }
    body.single-items section#primary-info #item-information .social-share-buttons .b-social-share-link:hover {
      background: #ff99a8; }

body.single-items section#primary-info #item-information #item-social-share {
  text-align: center; }
  @media screen and (min-width: 1000px) {
    body.single-items section#primary-info #item-information #item-social-share {
      text-align: left; } }

body.single-items section#primary-info #item-information #item-social-share .item-social-share__title {
  font-size: 0.9333333333em; }
  @media screen and (min-width: 1000px) {
    body.single-items section#primary-info #item-information #item-social-share .item-social-share__title {
      margin: 0;
      padding-right: 0.5em;
      display: inline-block; } }

@media screen and (min-width: 1000px) {
  body.single-items section#primary-info #item-information add-to-cart,
  body.single-items section#primary-info #item-information #item-social-share.for-stylist {
    display: block;
    width: 88%; } }

body.single-items section#primary-info #item-information .scroll-down-helper__text {
  text-align: center;
  border-top: 1px solid #c1c7ca;
  padding: 2em 0 0;
  margin: 6em 0 0;
  position: relative; }
  body.single-items section#primary-info #item-information .scroll-down-helper__text:after {
    font-family: FontAwesome;
    content: "";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    line-height: 1;
    display: block;
    padding: 0.5em 0 0; }

body.single-items section#primary-info #item-information #item-color-select-dropdown {
  margin-bottom: 1em; }
  body.single-items section#primary-info #item-information #item-color-select-dropdown #item-color-select {
    margin-bottom: 10px;
    position: relative; }
    body.single-items section#primary-info #item-information #item-color-select-dropdown #item-color-select .current_color {
      cursor: pointer;
      border: 1px solid #ddd; }
    body.single-items section#primary-info #item-information #item-color-select-dropdown #item-color-select small {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal;
      font-size: 12px; }
    body.single-items section#primary-info #item-information #item-color-select-dropdown #item-color-select .current_color, body.single-items section#primary-info #item-information #item-color-select-dropdown #item-color-select ul li {
      background: white;
      width: 200px;
      padding: 5px; }
      body.single-items section#primary-info #item-information #item-color-select-dropdown #item-color-select .current_color .arrow, body.single-items section#primary-info #item-information #item-color-select-dropdown #item-color-select ul li .arrow {
        float: right; }
        body.single-items section#primary-info #item-information #item-color-select-dropdown #item-color-select .current_color .arrow a, body.single-items section#primary-info #item-information #item-color-select-dropdown #item-color-select ul li .arrow a {
          font-weight: bold;
          font-size: 18px; }
      body.single-items section#primary-info #item-information #item-color-select-dropdown #item-color-select .current_color a.text, body.single-items section#primary-info #item-information #item-color-select-dropdown #item-color-select ul li a.text {
        position: relative;
        top: -2px;
        margin-left: 3px; }
      body.single-items section#primary-info #item-information #item-color-select-dropdown #item-color-select .current_color .color-sample, body.single-items section#primary-info #item-information #item-color-select-dropdown #item-color-select ul li .color-sample {
        position: relative;
        top: 2px;
        display: inline-block;
        border: 1px solid #DDD;
        height: 16px;
        width: 16px;
        border-radius: 8px;
        -webkit-border-radius: 8px; }
      body.single-items section#primary-info #item-information #item-color-select-dropdown #item-color-select .current_color div, body.single-items section#primary-info #item-information #item-color-select-dropdown #item-color-select ul li div {
        display: table-cell;
        vertical-align: middle; }
    body.single-items section#primary-info #item-information #item-color-select-dropdown #item-color-select ul {
      position: absolute;
      display: none;
      list-style: none;
      padding-left: 0px;
      margin: 0px;
      box-shadow: 0px 0px 3px #ccc;
      -webkit-box-shadow: 0px 0px 3px #ccc; }
      body.single-items section#primary-info #item-information #item-color-select-dropdown #item-color-select ul li {
        cursor: pointer; }
        body.single-items section#primary-info #item-information #item-color-select-dropdown #item-color-select ul li:hover {
          background-color: #f7f4f0; }
        body.single-items section#primary-info #item-information #item-color-select-dropdown #item-color-select ul li.active {
          display: none; }

body.single-items section#primary-info #item-information #item-actions {
  margin-bottom: 2em; }
  body.single-items section#primary-info #item-information #item-actions::after {
    clear: both;
    content: "";
    display: table; }
  body.single-items section#primary-info #item-information #item-actions ul {
    padding: 0;
    margin: 0; }
    body.single-items section#primary-info #item-information #item-actions ul li {
      display: inline-block; }
    body.single-items section#primary-info #item-information #item-actions ul li {
      list-style: none;
      padding: 0;
      margin: 0; }
    body.single-items section#primary-info #item-information #item-actions ul li {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%; }
      body.single-items section#primary-info #item-information #item-actions ul li:last-child {
        margin-right: 0; }
      body.single-items section#primary-info #item-information #item-actions ul li .btn {
        padding: 0;
        width: 100%; }
    body.single-items section#primary-info #item-information #item-actions ul li.add-to-wishlist {
      overflow: hidden;
      padding: 0; }
      body.single-items section#primary-info #item-information #item-actions ul 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-items section#primary-info #item-information #item-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; }
      body.single-items section#primary-info #item-information #item-actions ul li.add-to-wishlist .btn-pink:hover {
        background: #ff99a8;
        color: white;
        cursor: default; }
      body.single-items section#primary-info #item-information #item-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%); }

@media screen and (max-width: 999px) and (min-width: 768px) {
  body.single-items #item-description,
  body.single-items #item-care-instructions {
    margin: 0 auto;
    width: 75%; } }

body.single-items #item-description dt,
body.single-items #item-care-instructions dt {
  font-size: 0.9333333333em;
  font-family: Montserrat;
  font-weight: 500;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.5em; }

body.single-items #item-description dd,
body.single-items #item-care-instructions dd {
  margin-bottom: 2em;
  font-size: 0.9em; }

body.single-items #item-description ul,
body.single-items #item-care-instructions ul {
  margin-top: 1em;
  padding-left: 1.5em; }

body.single-items #item-care-instructions {
  margin-bottom: 2em; }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    body.single-items #item-care-instructions {
      margin: 0 auto 2em;
      width: 75%; } }
  body.single-items #item-care-instructions a#item-care-instructions-toggle {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none; }
    body.single-items #item-care-instructions a#item-care-instructions-toggle:before {
      content: "+";
      background: #000;
      color: #fff;
      margin-right: 0.5em;
      display: inline-block;
      font-size: 24px;
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 21px;
      position: relative;
      top: 2px;
      vertical-align: text-bottom; }
    body.single-items #item-care-instructions a#item-care-instructions-toggle[data-open]:before {
      content: "-"; }
  body.single-items #item-care-instructions #item-care-instructions-collapse {
    display: none;
    padding: 1em 0;
    margin-top: 0.5em; }
    body.single-items #item-care-instructions #item-care-instructions-collapse p:not(:last-child) {
      margin-bottom: 1em; }

body.single-items #item-product-compliments {
  max-width: 560px;
  text-align: center;
  margin-left: 10%; }
  @media screen and (max-width: 999px) {
    body.single-items #item-product-compliments {
      margin: 0 auto; } }
  body.single-items #item-product-compliments h3 {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 700;
    font-style: normal;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.04px;
    line-height: 19px; }
    @media screen and (min-width: 1000px) {
      body.single-items #item-product-compliments h3 {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 700;
        font-style: normal;
        margin-bottom: 20px;
        margin-top: 1em;
        font-size: 26px;
        line-height: 31px; } }
  body.single-items #item-product-compliments .items article {
    margin: 0 1%;
    width: 46%;
    display: inline-block; }

body.single-items .secondary-container {
  display: flex; }
  @media screen and (max-width: 999px) {
    body.single-items .secondary-container {
      flex-direction: column; } }

@media screen and (min-width: 1000px) {
  body.single-items .secondary-left {
    background: #f9f9f9;
    flex: 0.4;
    float: right;
    padding: 4em 0; } }

@media screen and (min-width: 1000px) {
  body.single-items .secondary-left > div {
    max-width: 368px;
    border-top: 1px solid #cacaca;
    padding-top: 15px;
    margin-right: 30px;
    padding-right: 30px;
    margin-left: auto; } }

body.single-items .secondary-left #item-social-share .item-info-desktop-only {
  display: none; }

body.single-items .secondary-right {
  flex: 0.6;
  background: #f0f0f0;
  position: relative; }
  @media screen and (min-width: 1000px) {
    body.single-items .secondary-right {
      padding: 4em 0; } }

@media screen and (min-width: 1000px) {
  body.single-items section#secondary-info {
    background: #f9f9f9;
    margin: 2em 0; } }

@media screen and (min-width: 1000px) {
  body.single-items section#secondary-info .col {
    display: inline-block;
    vertical-align: top; }
    body.single-items section#secondary-info .col:not(:first-child) {
      padding-left: 15px; } }

body.single-items section#explore-more .h2 {
  margin-bottom: 1em; }

body.single-items section#explore-more .container {
  padding: 4em 15px;
  text-align: center; }
  @media screen and (max-width: 999px) {
    body.single-items section#explore-more .container {
      padding: 25px 15px 0; } }
  body.single-items section#explore-more .container .explore-post {
    vertical-align: top;
    margin-bottom: 1em; }
    @media screen and (min-width: 1000px) {
      body.single-items section#explore-more .container .explore-post {
        display: inline-block;
        width: 49%; } }

body.single-items section#item-tint {
  margin-top: 4em; }
  @media screen and (max-width: 999px) {
    body.single-items section#item-tint {
      margin-top: 0; } }
  body.single-items section#item-tint p {
    max-width: 600px;
    margin: 0 auto 1em; }
    @media screen and (max-width: 999px) {
      body.single-items section#item-tint p {
        font-size: 1.2rem;
        line-height: 23px; } }
  body.single-items section#item-tint .tintup > div,
  body.single-items section#item-tint .tintup > div > iframe {
    height: 295px !important;
    overflow: hidden; }
  @media screen and (max-width: 999px) {
    body.single-items section#item-tint h2 {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal;
      font-size: 16px;
      letter-spacing: 0.04px;
      line-height: 19px;
      margin-top: 20px;
      margin-bottom: 20px; } }

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%; }

.item-non-mobile-view {
  padding: 4em 0 0; }
  @media screen and (max-width: 999px) {
    .item-non-mobile-view {
      padding-top: 10px;
      background-color: #f9f9f9; } }

.explore-more-title {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 0.04px;
  line-height: 19px;
  text-align: center;
  margin-bottom: 20px; }
  @media screen and (min-width: 1000px) {
    .explore-more-title {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 400;
      font-style: normal;
      font-size: 30px;
      letter-spacing: 0.66px;
      line-height: 36px;
      text-align: center;
      margin-bottom: 30px; } }

.explore-more-item-title {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 0.35px;
  line-height: 22px;
  text-align: center;
  margin-bottom: 30px; }
  @media screen and (min-width: 1000px) {
    .explore-more-item-title {
      font-size: 16px;
      letter-spacing: 0.35px;
      line-height: 22px; } }

.collection-items-slider .slick-prev,
.collection-items-slider .slick-next {
  width: 23px;
  height: 43px;
  top: 50%;
  margin-top: -21.5px; }
  .collection-items-slider .slick-prev:before,
  .collection-items-slider .slick-next:before {
    display: block;
    content: "";
    width: 23px;
    height: 43px;
    background: no-repeat url(//media.cabionline.com/wp-content/uploads/cabi-templates/s19/single-item/right-arrow.svg);
    background-size: contain; }

.collection-items-slider .slick-prev:before {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s19/single-item/left-arrow.svg); }

.collection-items-slider .slick-dots li {
  margin: 0; }
  .collection-items-slider .slick-dots li button:before {
    font-size: 12px; }

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

@media screen and (max-width: 999px) {
  .item-info-desktop-only {
    display: none !important; } }

.item-secondary-info-mobile:last-of-type {
  border-bottom: 1px solid #f0f0f0; }

.item-secondary-info-mobile.item-description dt, .item-secondary-info-mobile.item-care-instructions dt {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  margin-bottom: 0.5em; }

@media screen and (min-width: 1000px) {
  .item-secondary-info-mobile.item-description dd, .item-secondary-info-mobile.item-care-instructions dd {
    margin-bottom: 2em; } }

.item-secondary-info-mobile.item-description ul, .item-secondary-info-mobile.item-care-instructions ul {
  padding-left: 25px; }

.item-secondary-info-mobile-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 15px 20px;
  border-top: 1px solid #f0f0f0;
  color: #000000;
  font-family: Montserrat;
  font-weight: 500;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.3px;
  line-height: 18px; }
  .item-secondary-info-mobile-header span {
    font-size: 18px;
    font-weight: 700; }
  .item-secondary-info-mobile-header.opened {
    padding: 15px 20px 10px; }

.item-secondary-info-mobile-header-stacked {
  color: #000000;
  font-family: Montserrat;
  font-weight: 500;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 18px;
  padding-bottom: 10px; }

.item-secondary-info-mobile-content {
  -webkit-transition: visibility 0s, opacity 0.5s linear;
  -moz-transition: visibility 0s, opacity 0.5s linear;
  transition: visibility 0s, opacity 0.5s linear; }
  .item-secondary-info-mobile-content.close {
    height: 0;
    opacity: 0;
    visibility: hidden; }
  .item-secondary-info-mobile-content.open {
    height: auto;
    opacity: 1;
    visibility: visible;
    padding: 20px; }
    .item-secondary-info-mobile-content.open.cares-adjust {
      padding-top: 0; }
  .item-secondary-info-mobile-content p,
  .item-secondary-info-mobile-content dd,
  .item-secondary-info-mobile-content ul {
    font-size: 1.2rem;
    line-height: 23px;
    letter-spacing: 0.28px;
    padding-bottom: 8px; }

#item-social-share .item-info-mobile-only {
  border-bottom: 1px solid #000; }

#bottom-fixed-add-to-cart-container {
  width: 100%;
  height: 54px;
  background-color: rgba(209, 209, 209, 0.95); }

.item-mobile-video-player-container {
  width: 209px;
  height: 340px;
  position: relative; }
  .item-mobile-video-player-container:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 162.679425837%; }
  .item-mobile-video-player-container > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .item-mobile-video-player-container > .content:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.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; }

.float-add-to-favorites {
  height: 23px !important;
  margin-left: 20px; }
  .float-add-to-favorites svg {
    width: 32px !important;
    height: 23px !important; }
    .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; }
  .float-add-to-favorites:hover path {
    fill: #ff99a8; }

@media screen and (max-width: 999px) {
  #recommendations-section {
    min-height: 500px; } }

#recommendations-section .recommendation-selector {
  position: relative;
  width: calc(100% - 12px);
  max-width: 440px;
  height: 42px;
  background-color: #d8d8d8;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: 21px;
  margin-bottom: 30px; }

#recommendations-section .recommendation-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 21px;
  width: calc(50% - 11px);
  height: calc(100% - 10px);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s; }
  #recommendations-section .recommendation-option span {
    color: #000;
    font-family: Montserrat;
    font-weight: 500;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.26px;
    line-height: 22px; }
    @media screen and (max-width: 999px) {
      #recommendations-section .recommendation-option span {
        font-size: 10px;
        letter-spacing: 0.22px;
        line-height: 22px; } }
  #recommendations-section .recommendation-option.active {
    background: #fff; }

#recommendations-section .closet-items-not-login {
  padding-top: 100px; }
  #recommendations-section .closet-items-not-login h4 {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-weight: 300;
    font-size: 26px;
    letter-spacing: 0.07px;
    line-height: 31px;
    color: #000;
    margin-bottom: 10px; }
  #recommendations-section .closet-items-not-login p {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-weight: 300;
    color: #000;
    font-size: 16px;
    letter-spacing: 0.04px;
    line-height: 24px;
    margin: 0 auto 10px; }
    @media screen and (max-width: 999px) {
      #recommendations-section .closet-items-not-login p {
        width: calc(100% - 40px);
        max-width: 320px; } }

#recommendations-section-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  padding-top: 190px; }
  @media screen and (max-width: 999px) {
    #recommendations-section-overlay {
      padding-top: 180px; } }
  #recommendations-section-overlay .arrows {
    display: flex;
    flex-direction: row;
    justify-content: center; }
    @media screen and (min-width: 1000px) {
      #recommendations-section-overlay .arrows {
        justify-content: flex-start;
        padding-left: calc(220px + 10%); } }
    #recommendations-section-overlay .arrows .arrow {
      height: 75px;
      padding: 0 20px; }
      @media screen and (min-width: 768px) {
        #recommendations-section-overlay .arrows .arrow {
          height: 120px;
          padding: 0 10px; } }
      #recommendations-section-overlay .arrows .arrow img {
        height: 100%;
        width: auto; }
  #recommendations-section-overlay--content {
    margin-top: 15px; }
    @media screen and (min-width: 1000px) {
      #recommendations-section-overlay--content {
        margin-left: calc(10% + 30px);
        width: 560px; } }
  #recommendations-section-overlay h4 {
    color: #fff;
    font-family: Montserrat;
    font-weight: 500;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -0.02px;
    line-height: 28px;
    margin-bottom: 15px; }
    @media screen and (max-width: 999px) {
      #recommendations-section-overlay h4 {
        font-size: 20px;
        letter-spacing: -0.02px;
        line-height: 28px; } }
  #recommendations-section-overlay p {
    color: #fff;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: -0.02px;
    line-height: 30px;
    margin: 0 auto 15px;
    width: 100%;
    max-width: 420px; }
    @media screen and (max-width: 999px) {
      #recommendations-section-overlay p {
        font-size: 16px;
        letter-spacing: -0.02px;
        line-height: 24px;
        width: calc(100% - 30px);
        max-width: 420px; } }

.recommendations-hint {
  position: relative;
  background: #ff99a8;
  color: #fff;
  padding: 12px;
  width: 170px;
  text-align: center;
  border-radius: 6px;
  font-family: Montserrat;
  font-weight: 500;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: -0.01px;
  line-height: 14px;
  text-transform: uppercase;
  margin-top: 30px; }
  .recommendations-hint:hover {
    cursor: pointer; }
  .recommendations-hint:after {
    position: absolute;
    content: "";
    display: block;
    border: 8px solid #ff99a8;
    bottom: -16px;
    left: 50%;
    margin-left: -4px;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent; }
  @media screen and (max-width: 999px) {
    .recommendations-hint {
      display: none; } }

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

.item-mobile-only .item-title {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.5px;
  color: #000; }

.item-mobile-only .item-metadata {
  margin-bottom: 20px; }
  @media screen and (max-width: 999px) {
    .item-mobile-only .item-metadata {
      margin-bottom: 0; } }
  @media screen and (max-width: 999px) {
    .item-mobile-only .item-metadata #item-meta-data {
      margin-bottom: 0; } }
  .item-mobile-only .item-metadata #item-meta-data ul {
    padding: 0;
    margin: 0; }
    .item-mobile-only .item-metadata #item-meta-data ul li {
      display: inline-block; }
    .item-mobile-only .item-metadata #item-meta-data ul li {
      list-style: none;
      padding: 0;
      margin: 0; }
    .item-mobile-only .item-metadata #item-meta-data ul li {
      font-family: Montserrat;
      font-weight: 500;
      font-size: 11px;
      line-height: 14px;
      letter-spacing: 0.5px;
      color: #000; }
  .item-mobile-only .item-metadata .extended-sizes {
    color: #f899a8;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 14px; }

.item-mobile-only .slick-slider {
  margin-bottom: 40px; }

.item-mobile-only .slick-track {
  margin-bottom: 10px; }
  .item-mobile-only .slick-track .slick-slide {
    margin-right: 10px;
    height: auto; }
    .item-mobile-only .slick-track .slick-slide > img {
      width: auto;
      height: 340px; }

.item-mobile-only .slick-dots {
  text-align: left;
  bottom: -20px; }

.item-mobile-only .slick-dots li {
  margin: 0; }
  .item-mobile-only .slick-dots li button {
    padding: 0; }
    .item-mobile-only .slick-dots li button:before {
      font-size: 8px; }

@media screen and (max-width: 999px) {
  .item-desktop-only {
    display: none !important; } }

@media screen and (max-width: 767px) {
  .add-to-bag-wrapper-section .add-to-bag-wrapper {
    text-align: center; } }

@media screen and (min-width: 1000px) {
  .is-mobile-pdp .mobile-pdp {
    display: none; } }

@media screen and (max-width: 999px) {
  .is-mobile-pdp .hide-if-mobile-pdp {
    display: none; } }

@media screen and (max-width: 999px) {
  .is-mobile-pdp .add-to-cart-form {
    padding-top: 20px; } }

.is-not-mobile-pdp .mobile-pdp {
  display: none; }

.qty-desktop-pdp-selector {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 12px; }

.qty-desktop-counts-container {
  height: 30px;
  width: 68px;
  border-bottom: 1px solid #979797;
  background-color: #ffffff;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.22px;
  text-align: center; }

.qty-control-column {
  display: flex;
  flex-direction: column;
  padding-left: 2px; }

.btn-desktop-step-down,
.btn-desktop-step-up {
  line-height: 1;
  display: block;
  height: 15px;
  width: 30px;
  border: 1px solid #979797;
  background-color: #dedede;
  color: #000;
  font-size: 14px;
  padding: 0; }

.qty.mobile-pdp label {
  padding-left: 0;
  color: #666666;
  font-family: Montserrat;
  font-weight: 500;
  font-weight: 700;
  letter-spacing: 0.28px;
  line-height: 14px;
  font-size: 12px;
  text-transform: uppercase;
  font-style: normal; }

.qty.mobile-pdp .qty-mobile-pdp-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center; }

.qty.mobile-pdp .qty-mobile-pdp-selector {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 12px; }

.qty.mobile-pdp .qty-counts-container {
  height: 30px;
  width: 38px;
  border-top: 1px solid #979797;
  border-bottom: 1px solid #979797;
  background-color: #ffffff;
  font-family: Montserrat;
  font-weight: 500;
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.22px;
  text-align: center; }

.qty.mobile-pdp .btn-step-down,
.qty.mobile-pdp .btn-step-up {
  line-height: 1;
  display: block;
  height: 30px;
  width: 30px;
  border: 1px solid #979797;
  background-color: #ffffff;
  color: #000;
  font-size: 18px;
  padding: 0; }

.qty.mobile-pdp .add-to-bag-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center; }
  .qty.mobile-pdp .add-to-bag-container .btn {
    width: 160px;
    height: 40px;
    padding: 0;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 40px; }
    .qty.mobile-pdp .add-to-bag-container .btn[disabled] {
      cursor: default; }
      .qty.mobile-pdp .add-to-bag-container .btn[disabled]:hover {
        color: #fff; }
  .qty.mobile-pdp .add-to-bag-container .quicklook-favorites-btn {
    margin-left: 10px;
    padding: 0;
    width: 26px; }

.attribute.mobile-pdp label {
  padding-left: 0;
  color: #666666;
  font-family: Montserrat;
  font-weight: 500;
  font-weight: 700;
  letter-spacing: 0.28px;
  line-height: 14px;
  font-size: 12px;
  text-transform: uppercase;
  font-style: normal;
  margin-bottom: 8px;
  width: 100%; }
  .attribute.mobile-pdp label span {
    font-weight: 600;
    color: #000; }

.attribute.mobile-pdp#attribute-color {
  padding-bottom: 6px;
  margin-bottom: 10px; }

.attribute.mobile-pdp#attribute-length, .attribute.mobile-pdp#attribute-size {
  margin-bottom: 6px; }

.attribute.mobile-pdp .attribute-options-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.attribute.mobile-pdp .btn-color-option {
  height: 31px;
  width: 31px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  margin-right: 8px;
  padding: 0;
  position: relative; }
  .attribute.mobile-pdp .btn-color-option:after {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    width: 100%;
    height: 100%; }
  .attribute.mobile-pdp .btn-color-option.active {
    border-color: #000000; }
    .attribute.mobile-pdp .btn-color-option.active:after {
      border-color: #fff; }

.attribute.mobile-pdp .btn-attribute-option {
  height: 30px;
  width: 40px;
  border: 1px solid #6c6c6c;
  background-color: #ffffff;
  margin-right: 3px;
  margin-bottom: 10px;
  font-size: 12px;
  font-family: Montserrat;
  font-weight: 500;
  font-weight: 500;
  letter-spacing: 0.3px;
  text-align: center;
  text-transform: uppercase;
  padding: 0; }
  .attribute.mobile-pdp .btn-attribute-option.active {
    border-width: 2px;
    border-color: #000;
    font-weight: 700; }
  .attribute.mobile-pdp .btn-attribute-option[disabled] {
    color: #979797;
    border-color: #979797;
    background-color: transparent;
    opacity: 0.3;
    position: relative; }
    .attribute.mobile-pdp .btn-attribute-option[disabled]:after {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      right: 0;
      bottom: -1px;
      border-bottom: 1px solid #979797;
      transform-origin: top left;
      -webkit-transform: skewY(-36.87deg);
      -moz-transform: skewY(-36.87deg);
      -ms-transform: skewY(-36.87deg);
      -o-transform: skewY(-36.87deg);
      transform: skewY(-36.87deg); }

#mobile-pdp-breadcrumbs {
  margin-bottom: 10px; }
  @media screen and (min-width: 1000px) {
    #mobile-pdp-breadcrumbs {
      display: none; } }
  #mobile-pdp-breadcrumbs span,
  #mobile-pdp-breadcrumbs a {
    text-transform: uppercase;
    color: #7f7f7f;
    font-family: Montserrat;
    font-weight: 500;
    font-weight: 600;
    font-size: 9px;
    letter-spacing: 0.29px;
    line-height: 11px; }

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

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

@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;
      font-weight: 500;
      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-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-family: JustLovely;
  font-weight: normal;
  font-style: normal;
  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: 98px 0 40px; }
  body.cabi-is-authenticated {
    padding-top: 115px; }
  @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.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-weight: 500;
          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
================================================= */
.c-homepage-aspot-control .c-homepage-aspot-control-wide-content__body, .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) {
    .c-homepage-aspot-control .c-homepage-aspot-control-wide-content__body, .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 10px;
    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-size: 22px;
  line-height: 26px;
  letter-spacing: 0.55px;
  font-weight: 500;
  margin: 20px 0px;
  text-transform: lowercase; }
  @media screen and (min-width: 768px) {
    .styles__title {
      font-size: 22px; } }

.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; } }

.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; }
  @media screen and (min-width: 768px) {
    .promo-section .nine-to-five__wide-wrapper {
      background-size: auto 303px;
      max-width: 768px;
      background-color: transparent;
      background-position: right top;
      margin: 0 auto; } }
  @media screen and (min-width: 1000px) and (max-width: 1209px) {
    .promo-section .nine-to-five__wide-wrapper {
      padding: 0 30px; } }
  @media screen and (min-width: 1210px) {
    .promo-section .nine-to-five__wide-wrapper {
      background-size: cover;
      max-width: 1200px;
      background-position: right top;
      margin: 0 auto; } }
  @media screen and (min-width: 768px) and (max-width: 1209px) {
    .promo-section .nine-to-five__wide {
      height: 100%; } }
  @media screen and (max-width: 767px) {
    .promo-section .nine-to-five__wide-grid {
      margin: 0; } }
  .promo-section .nine-to-five__wide-content {
    padding-left: 4em; }
    @media screen and (max-width: 767px) {
      .promo-section .nine-to-five__wide-content {
        padding: 30px 30px 50px 30px; } }
    @media screen and (min-width: 768px) and (max-width: 1209px) {
      .promo-section .nine-to-five__wide-content {
        padding: 20px 0; } }
  @media screen and (min-width: 768px) and (max-width: 1209px) {
    .promo-section .nine-to-five__wide-content__title--desktop {
      width: 150px;
      height: auto; } }
  @media screen and (min-width: 768px) and (max-width: 1209px) {
    .promo-section .nine-to-five__wide-content__body {
      width: 200px;
      font-size: 14px; } }

.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.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.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.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.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;
  margin-bottom: 8px;
  max-width: 1800px; }
  .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; }
  .c-promo-section__wide-wrapper {
    background-position: top center;
    background-repeat: no-repeat; }
    .c-promo-section__wide-wrapper.pink {
      background: #e396b0 url("//media.cabionline.com/wp-content/uploads/cabi-templates/s20/promo-section/c-spot-pinkoutloud.jpg") no-repeat 37% 0%;
      background-size: auto 220px; }
      @media screen and (min-width: 768px) {
        .c-promo-section__wide-wrapper.pink {
          background-size: cover; } }
    .c-promo-section__wide-wrapper.extended {
      background: #CDC9BF url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/homepage/C-spots/c-spot-extended-sizes-img.jpg") no-repeat 45% 0%;
      background-size: auto 227px; }
      @media screen and (min-width: 768px) {
        .c-promo-section__wide-wrapper.extended {
          background: #CDC9BF url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/homepage/C-spots/c-spot-extended-sizes-img.jpg") no-repeat 46% 0%;
          background-size: cover; } }
    .c-promo-section__wide-wrapper.smile {
      background: #F1EFEF url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/homepage/C-spots/c-spot-bold-to-blue-img.jpg") no-repeat 44% 0%;
      background-size: auto 227px; }
      @media screen and (min-width: 768px) {
        .c-promo-section__wide-wrapper.smile {
          background: #F1EFEF url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/homepage/C-spots/c-spot-bold-to-blue-img.jpg") no-repeat 48% 0%;
          background-size: cover; } }
      @media screen and (min-width: 1000px) {
        .c-promo-section__wide-wrapper.smile {
          background: #F1EFEF url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/homepage/C-spots/c-spot-bold-to-blue-img.jpg") no-repeat 37% 0%;
          background-size: cover; } }
    .c-promo-section__wide-wrapper.spotted-mask {
      background: #e9eaea url("//media.cabionline.com/wp-content/uploads/cabi-templates/s20/promo-section/spotted-mask-promo-bg-mobile.jpg") no-repeat;
      background-size: 100vw auto; }
      @media screen and (min-width: 768px) {
        .c-promo-section__wide-wrapper.spotted-mask {
          background: #e9eaea url("//media.cabionline.com/wp-content/uploads/cabi-templates/s20/promo-section/spotted-mask-promo-bg.jpg") no-repeat 37% 0%;
          background-size: cover; } }
    .c-promo-section__wide-wrapper.legwork {
      background: #86827C url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/homepage/C-spots/c-spot-around-the-clock-img.jpg") no-repeat 43% 0%;
      background-size: auto 227px; }
      @media screen and (min-width: 768px) {
        .c-promo-section__wide-wrapper.legwork {
          background: #86827C url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/homepage/C-spots/c-spot-around-the-clock-img.jpg") no-repeat 46% 0%;
          background-size: cover; } }
    .c-promo-section__wide-wrapper.americana {
      background: #967656 url("//media.cabionline.com/wp-content/uploads/cabi-templates/s20/promo-section/c-spot-agent-americana-mobile.jpg") no-repeat;
      background-size: 100vw auto; }
      @media screen and (min-width: 768px) {
        .c-promo-section__wide-wrapper.americana {
          background: #967656 url("//media.cabionline.com/wp-content/uploads/cabi-templates/s20/promo-section/c-spot-agent-americana.jpg") no-repeat 37% 0%;
          background-size: cover; } }
    .c-promo-section__wide-wrapper.belt {
      background: #e4c686 url("//media.cabionline.com/wp-content/uploads/cabi-templates/s20/promo-section/c-spot-beltitout.jpg") no-repeat top center;
      background-size: auto 220px; }
      @media screen and (min-width: 768px) {
        .c-promo-section__wide-wrapper.belt {
          background-size: cover;
          background-position: top center; } }
    @media screen and (max-width: 767px) {
      .c-promo-section__wide-wrapper {
        background-size: contain; } }
    @media screen and (max-width: 999px) and (min-width: 768px) {
      .c-promo-section__wide-wrapper {
        background-position: calc(50% - -3em); } }
    @media screen and (min-width: 768px) {
      .c-promo-section__wide-wrapper {
        background-size: auto;
        background-color: #e4e8eb; } }
    @media screen and (min-width: 1000px) {
      .c-promo-section__wide-wrapper {
        background-position-x: calc(50% - 0em); } }
    @media screen and (min-width: 1440px) {
      .c-promo-section__wide-wrapper {
        background-position: top center;
        width: 100%;
        margin-left: auto;
        margin-right: auto; } }
    .c-promo-section__wide-wrapper .winter-greens__wide-content__cta .btn-cta--white {
      text-transform: uppercase; }
    .c-promo-section__wide-wrapper:hover {
      cursor: pointer; }
      .c-promo-section__wide-wrapper:hover .winter-greens__wide-content__cta .btn-cta--white,
      .c-promo-section__wide-wrapper:hover .winter-greens__wide-content__cta .btn-cta--black,
      .c-promo-section__wide-wrapper:hover .winter-greens__wide-content__cta .btn-cta {
        border-bottom-color: transparent;
        text-decoration: none; }
    .c-promo-section__wide-wrapper a {
      text-decoration: none; }
    .c-promo-section__wide-wrapper .container {
      padding: 0; }
      @media screen and (max-width: 767px) {
        .c-promo-section__wide-wrapper .container {
          padding: 0; } }
      @media screen and (min-width: 1250px) {
        .c-promo-section__wide-wrapper .container {
          max-width: 1200px; } }
  .c-promo-section__wide {
    height: 556px; }
    @media screen and (max-width: 767px) {
      .c-promo-section__wide {
        height: auto;
        min-height: 520px; } }
  .c-promo-section__wide-grid {
    height: 100%;
    display: flex; }
    @media screen and (max-width: 767px) {
      .c-promo-section__wide-grid {
        flex-wrap: wrap; } }
    @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; } }
  .c-promo-section__banner {
    display: none; }
    @media screen and (max-width: 767px) {
      .c-promo-section__banner {
        display: block;
        width: 100%; }
        .c-promo-section__banner img {
          width: 100%;
          height: auto; } }
  .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: 30px 25px 40px;
        width: 100%; }
        .c-promo-section__wide-content.spotted-mask {
          padding-top: 66%; }
        .c-promo-section__wide-content.pink {
          padding-top: 165px; }
        .c-promo-section__wide-content.extended {
          padding-top: 195px; }
        .c-promo-section__wide-content.smile {
          padding-top: 120px; }
        .c-promo-section__wide-content.legwork {
          padding-top: 157px; }
        .c-promo-section__wide-content.americana {
          padding-top: calc(68.75vw - 75px); }
        .c-promo-section__wide-content.belt {
          padding-top: 155px; } }
    @media screen and (min-width: 768px) {
      .c-promo-section__wide-content {
        justify-content: space-evenly;
        flex: 0 1 45%;
        padding: 60px 0px; } }
    @media screen and (min-width: 1000px) {
      .c-promo-section__wide-content {
        padding-left: 55px;
        flex: 0 1 45%; } }
    .c-promo-section__wide-content__subtitle {
      font-family: Montserrat;
      font-weight: 500;
      font-weight: 700;
      font-size: 13px;
      text-transform: uppercase;
      margin-bottom: 0.5rem; }
    .c-promo-section__wide-content__img--mobile {
      display: none; }
      @media screen and (max-width: 767px) {
        .c-promo-section__wide-content__img--mobile {
          width: 100%;
          height: 100%;
          display: block; } }
    .btn-cta .c-promo-section__wide-content__mobile-link {
      display: none; }
      .btn-cta .c-promo-section__wide-content__mobile-link span {
        display: block;
        margin: 0 auto;
        font-size: 45px; }
      .btn-cta .c-promo-section__wide-content__mobile-link strong {
        color: white;
        text-transform: uppercase;
        font-family: Montserrat !important;
        font-weight: 500;
        font-weight: 700;
        font-size: 14px;
        white-space: nowrap; }
      @media screen and (max-width: 767px) {
        .btn-cta .c-promo-section__wide-content__mobile-link {
          display: block; } }
    .c-promo-section__wide-content__sub-title.smile {
      font-family: Montserrat;
      font-weight: 500;
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 0.35px;
      line-height: 21px;
      margin-bottom: 20px; }
      @media screen and (max-width: 767px) {
        .c-promo-section__wide-content__sub-title.smile {
          display: none; } }
    .c-promo-section__wide-content__sub-title.legwork {
      font-family: Santorini Regular;
      font-size: 43px;
      letter-spacing: -0.08px;
      line-height: 49px;
      color: #ffffff;
      margin-bottom: 20px; }
      @media screen and (max-width: 767px) {
        .c-promo-section__wide-content__sub-title.legwork {
          display: none; } }
    .c-promo-section__wide-content__sub-title.americana {
      font-family: Montserrat;
      font-weight: 500;
      color: #ffffff;
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 0.35px;
      line-height: 21px;
      margin-bottom: 10px; }
      @media screen and (max-width: 767px) {
        .c-promo-section__wide-content__sub-title.americana {
          font-size: 13px;
          font-weight: 600;
          letter-spacing: 0.28px;
          line-height: 21px; } }
    .c-promo-section__wide-content__title {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal;
      font-size: 60px;
      font-weight: 600;
      letter-spacing: 0.36px;
      margin-bottom: 1.5rem;
      line-height: 60px;
      color: #ec4636; }
      .c-promo-section__wide-content__title.extended {
        max-width: 300px; }
        .c-promo-section__wide-content__title.extended img {
          width: 300px; }
        @media screen and (max-width: 999px) and (min-width: 768px) {
          .c-promo-section__wide-content__title.extended {
            max-width: 210px; }
            .c-promo-section__wide-content__title.extended img {
              width: 210px; } }
        @media screen and (max-width: 767px) {
          .c-promo-section__wide-content__title.extended {
            max-width: 195px; }
            .c-promo-section__wide-content__title.extended img {
              width: 195px; } }
      .c-promo-section__wide-content__title.pink {
        max-width: 174px; }
        .c-promo-section__wide-content__title.pink img {
          width: 174px; }
        @media screen and (max-width: 767px) {
          .c-promo-section__wide-content__title.pink {
            max-width: 113px; }
            .c-promo-section__wide-content__title.pink img {
              width: 113px; } }
      .c-promo-section__wide-content__title.belt {
        max-width: 174px; }
        .c-promo-section__wide-content__title.belt img {
          width: 174px; }
        @media screen and (max-width: 767px) {
          .c-promo-section__wide-content__title.belt {
            max-width: 90px; }
            .c-promo-section__wide-content__title.belt img {
              width: 90px; } }
      .c-promo-section__wide-content__title.smile {
        max-width: 182px; }
        .c-promo-section__wide-content__title.smile img {
          width: 182px; }
        @media screen and (max-width: 767px) {
          .c-promo-section__wide-content__title.smile {
            max-width: 135px; }
            .c-promo-section__wide-content__title.smile img {
              width: 100%; } }
        @media screen and (min-width: 768px) {
          .c-promo-section__wide-content__title.smile {
            position: relative; } }
      .c-promo-section__wide-content__title.spotted-mask {
        max-width: 420px; }
        .c-promo-section__wide-content__title.spotted-mask img {
          width: 420px;
          margin-left: -40px; }
      .c-promo-section__wide-content__title.legwork {
        max-width: 315px;
        color: #FFFFFF;
        font-family: Santorini Regular;
        font-size: 43px;
        letter-spacing: -0.08px;
        line-height: 125px;
        margin-bottom: 10px; }
        .c-promo-section__wide-content__title.legwork span {
          color: #ffffff;
          font-weight: 100; }
        @media screen and (max-width: 767px) {
          .c-promo-section__wide-content__title.legwork {
            max-width: 197px;
            font-size: 25px;
            line-height: 76px; } }
        @media screen and (max-width: 999px) and (min-width: 768px) {
          .c-promo-section__wide-content__title.legwork {
            font-size: 36px;
            line-height: 100px; } }
      .c-promo-section__wide-content__title.americana {
        max-width: 320px; }
        .c-promo-section__wide-content__title.americana img {
          width: 320px; }
        @media screen and (max-width: 767px) {
          .c-promo-section__wide-content__title.americana {
            max-width: 234px; }
            .c-promo-section__wide-content__title.americana img {
              width: 234px; } }
      .c-promo-section__wide-content__title span {
        color: #a08038;
        margin-bottom: 5px; }
      @media screen and (max-width: 767px) {
        .c-promo-section__wide-content__title {
          font-size: 13px;
          line-height: 18px; }
          .c-promo-section__wide-content__title.belt {
            max-width: 90px; }
          .c-promo-section__wide-content__title img {
            width: 100%; } }
      @media screen and (max-width: 767px) {
        .c-promo-section__wide-content__title--desktop {
          display: none !important; } }
      @media screen and (min-width: 768px) {
        .c-promo-section__wide-content__title--mobile {
          display: none !important; } }
    .c-promo-section__wide-content__body {
      max-width: 300px;
      color: #000000;
      font-size: 16px;
      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) {
        .c-promo-section__wide-content__body {
          font-size: 1.2em;
          line-height: 23px;
          letter-spacing: 0.28px;
          max-width: 100%; } }
    .c-promo-section__wide-content__body--spotted-mask {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal;
      font-size: 43px;
      letter-spacing: 0.17px;
      line-height: 51px;
      max-width: none;
      font-weight: 500; }
      .c-promo-section__wide-content__body--spotted-mask .stronger {
        font-weight: 800; }
      @media screen and (max-width: 767px) {
        .c-promo-section__wide-content__body--spotted-mask {
          font-size: 26px;
          line-height: 26px;
          letter-spacing: -0.56px;
          font-weight: 700; } }
    .c-promo-section__wide-content__body--belt {
      max-width: 245px; }
    .c-promo-section__wide-content__body--pink {
      color: #ffffff; }
      @media screen and (max-width: 999px) and (min-width: 768px) {
        .c-promo-section__wide-content__body--pink {
          max-width: 242px; } }
    .c-promo-section__wide-content__body--extended {
      color: #000000; }
      @media screen and (max-width: 999px) and (min-width: 768px) {
        .c-promo-section__wide-content__body--extended {
          max-width: 242px; } }
    .c-promo-section__wide-content__body--smile {
      color: #000000; }
      @media screen and (max-width: 999px) and (min-width: 768px) {
        .c-promo-section__wide-content__body--smile {
          max-width: 240px; } }
    .c-promo-section__wide-content__body--legwork {
      color: #ffffff; }
      @media screen and (min-width: 768px) {
        .c-promo-section__wide-content__body--legwork {
          max-width: 280px;
          margin-bottom: 20px; } }
      .c-promo-section__wide-content__body--legwork.desktop {
        display: none; }
        @media screen and (min-width: 768px) {
          .c-promo-section__wide-content__body--legwork.desktop {
            display: block; } }
      .c-promo-section__wide-content__body--legwork.mobile {
        display: block; }
        @media screen and (min-width: 768px) {
          .c-promo-section__wide-content__body--legwork.mobile {
            display: none; } }
    .c-promo-section__wide-content__body--americana {
      color: #ffffff; }
      @media screen and (max-width: 999px) and (min-width: 768px) {
        .c-promo-section__wide-content__body--americana {
          max-width: 242px; } }
      @media screen and (min-width: 768px) {
        .c-promo-section__wide-content__body--americana {
          margin-bottom: 30px; } }
    @media screen and (max-width: 767px) {
      .c-promo-section__wide-content__body.desktop {
        display: none; } }
    @media screen and (min-width: 768px) {
      .c-promo-section__wide-content__body.mobile {
        display: none; } }
    .c-promo-section__wide-content .btn-cta--black {
      text-transform: uppercase; }
    .c-promo-section__wide-content .btn-cta {
      margin: 18px 0; }
  .c-promo-section .home__promo-thumbnail {
    background: #000;
    width: 100%;
    position: relative; }
    .c-promo-section .home__promo-thumbnail:hover {
      cursor: pointer; }
    .c-promo-section .home__promo-thumbnail span {
      display: block;
      margin: 0 auto;
      font-size: 40px; }
    .c-promo-section .home__promo-thumbnail:hover span {
      background: transparent; }
      .c-promo-section .home__promo-thumbnail:hover span:after {
        color: #ff99a8; }
    .c-promo-section .home__promo-thumbnail strong {
      color: white;
      text-transform: uppercase;
      font-family: Montserrat;
      font-weight: 500;
      font-weight: 700;
      font-size: 14px;
      white-space: nowrap; }
    .c-promo-section .home__promo-thumbnail img {
      display: block;
      max-width: 100%;
      height: auto;
      background: #18141d; }
  .c-promo-section__video-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

@media screen and (min-width: 480px) {
  .occasion-looks-container {
    position: relative; } }

.occasion-looks-title {
  font-family: Montserrat;
  font-weight: 500;
  font-weight: 700;
  color: #000;
  font-size: 18px;
  letter-spacing: 0.35px;
  line-height: 22px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px; }
  @media screen and (min-width: 480px) {
    .occasion-looks-title br {
      display: none; } }

.occasion-looks-bg {
  display: none; }
  @media screen and (min-width: 768px) {
    .occasion-looks-bg {
      display: block;
      width: 100%;
      height: 50%;
      background: #e6e9ea;
      position: absolute;
      bottom: 0;
      z-index: -1; } }

.occasion-looks-items {
  display: flex;
  justify-content: space-between;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .occasion-looks-items {
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center; } }

.occasion-looks-item {
  position: relative;
  width: calc(100% - 30px);
  padding-bottom: 131%;
  margin: 0 auto 15px auto;
  background-size: cover;
  text-decoration: none;
  background-position: center top; }
  @media screen and (min-width: 768px) {
    .occasion-looks-item {
      width: calc(100% / 3 - 30px);
      padding-bottom: calc((100% / 3 - 30px) * 1.3);
      margin: 0 5px 15px; } }
  .occasion-looks-item > p {
    color: #000;
    font-family: Montserrat;
    font-weight: 500;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.7px;
    line-height: 22px;
    text-align: center;
    margin-top: 20px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
    @media screen and (max-width: 999px) and (min-width: 768px) {
      .occasion-looks-item > p {
        font-size: 16px;
        margin-top: 6px; } }
  .occasion-looks-item:nth-of-type(1) {
    background-color: #e6d9cb;
    background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f19/styles-and-ideas/looks-dressy.jpg); }
  .occasion-looks-item:nth-of-type(2) {
    background-color: #e6d9cb;
    background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f19/styles-and-ideas/looks-work.jpg); }
  .occasion-looks-item:nth-of-type(3) {
    background-color: #e6d9cb;
    background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f19/styles-and-ideas/looks-casual.jpg); }

.c-defying-the-rules {
  display: none; }

.styles-and-ideas-section--wrapper {
  background: #f7f7f7;
  max-width: 1800px;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .styles-and-ideas-section--wrapper {
      padding: 0 32px; } }

.styles-and-ideas-section--title {
  text-align: center;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 600;
  font-style: normal;
  font-size: 26px;
  line-height: 31px;
  letter-spacing: 0.65px;
  padding-top: 60px;
  margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .styles-and-ideas-section--title {
      padding-top: 35px;
      font-size: 20px;
      letter-spacing: 0.39px;
      line-height: 24px; } }

.styles-and-ideas-section--grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .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: calc(100% / 3 - 4px);
    margin-bottom: 20px;
    text-align: center; }
    .styles-and-ideas-section--grid-item-img-wrapper {
      overflow: hidden;
      height: 0;
      padding-bottom: 75.75%; }
    .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 (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: "Archer SSm A", "Archer SSm B";
  font-weight: 600;
  font-style: normal;
  font-size: 26px;
  line-height: 31px;
  letter-spacing: 0.65px;
  padding-top: 60px;
  margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .looks-section--title {
      padding-top: 35px;
      font-size: 20px;
      letter-spacing: 0.39px;
      line-height: 24px; } }

.looks-section--items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 1000px) {
    .looks-section--items {
      margin-bottom: 65px; } }
  .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% / 3 - 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 {
  display: flex;
  max-width: 1800px;
  margin: 0 auto;
  position: relative; }
  @media screen and (min-width: 768px) {
    .looks-section--brand {
      height: 424px;
      margin-bottom: 75px; } }
  @media screen and (min-width: 1000px) {
    .looks-section--brand {
      height: 500px; } }
  .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:first-of-type {
      background: url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/homepage/brand/cabi-campaign-left-color.jpg");
      background-position: right top;
      background-size: cover;
      background-repeat: no-repeat; }
      @media screen and (min-width: 1440px) {
        .looks-section--brand-img:first-of-type {
          background-image: url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/homepage/brand/cabi-campaign-left-color.jpg"); } }
    .looks-section--brand-img:last-of-type {
      background: url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/homepage/brand/cabi-campaign-right-color.jpg");
      background-position: left top;
      background-size: cover;
      background-repeat: no-repeat; }
      @media screen and (min-width: 1440px) {
        .looks-section--brand-img:last-of-type {
          background-image: url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/homepage/brand/cabi-campaign-right-color.jpg"); } }
    .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;
  background: #000000;
  color: #ffffff;
  min-width: unset;
  width: 100vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .looks-section--copy::before {
    content: ""; }
    @media screen and (max-width: 767px) {
      .looks-section--copy::before {
        background: #000000;
        width: 100vw;
        height: 100%;
        top: 0;
        z-index: -1;
        position: absolute; } }
  @media screen and (min-width: 768px) {
    .looks-section--copy {
      padding: 35px 25px;
      width: 100%; } }
  @media screen and (min-width: 1000px) {
    .looks-section--copy {
      padding: 80px 0px;
      min-width: 600px;
      width: 38.88%; } }
  @media screen and (min-width: 1440px) {
    .looks-section--copy {
      min-width: 700px; } }
  .looks-section--copy-title {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 30px;
    font-weight: 300;
    font-style: italic; }
    .looks-section--copy-title span {
      font-size: 28px;
      font-style: normal; }
    @media screen and (min-width: 768px) {
      .looks-section--copy-title {
        font-size: 15px;
        line-height: 30px;
        letter-spacing: 0.3px; }
        .looks-section--copy-title span {
          font-size: 26px;
          font-style: normal; } }
    @media screen and (min-width: 1000px) {
      .looks-section--copy-title {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 26px;
        font-weight: 500;
        letter-spacing: 0.98px;
        line-height: 41px; }
        .looks-section--copy-title span {
          font-size: 34px; } }
  .looks-section--copy p {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 600;
    font-style: normal;
    font-weight: 300;
    margin: 15px auto 0;
    font-size: 1.2em;
    letter-spacing: 0.31px;
    line-height: 23px;
    max-width: 296px;
    margin-bottom: 20px; }
    .looks-section--copy p strong {
      font-weight: 600px; }
    @media screen and (min-width: 768px) {
      .looks-section--copy p {
        max-width: 275px;
        font-size: 12px;
        line-height: 22px;
        letter-spacing: 0.31px; } }
    @media screen and (min-width: 1000px) {
      .looks-section--copy p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.35px;
        max-width: 480px; } }

.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; } }

/* =============================================================================
* Shop By Item / Outfit
=============================================================================*/
#welcome-to-cabi-content.only-mobile img {
  max-width: 100%;
  height: auto; }

.category-header-video__video-vimeo-container {
  position: absolute;
  z-index: -1;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  overflow: hidden;
  background-size: cover;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: none; }

.category-header-video__video-vimeo-placement {
  margin: auto;
  position: relative;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: visible;
  opacity: 1;
  width: 100%;
  padding-bottom: 100%;
  height: 0; }

.category-header-video__video-vimeo-body {
  position: absolute;
  width: 100%;
  height: 100%; }

.post-type-archive .item.category-header-video,
.tax-item_category .item.category-header-video,
.tax-styles .item.category-header-video {
  width: 48.33%; }
  @media screen and (max-width: 767px) {
    .post-type-archive .item.category-header-video,
    .tax-item_category .item.category-header-video,
    .tax-styles .item.category-header-video {
      width: 98.5%; } }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    .post-type-archive .item.category-header-video,
    .tax-item_category .item.category-header-video,
    .tax-styles .item.category-header-video {
      left: 33.3%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 64.2%; } }
  @media screen and (min-width: 1000px) {
    .post-type-archive .item.category-header-video,
    .tax-item_category .item.category-header-video,
    .tax-styles .item.category-header-video {
      width: 47.2%; } }
  @media screen and (min-width: 1180px) {
    .post-type-archive .item.category-header-video,
    .tax-item_category .item.category-header-video,
    .tax-styles .item.category-header-video {
      width: 37.2%; } }
  @media screen and (min-width: 768px) {
    .post-type-archive .item.category-header-video,
    .tax-item_category .item.category-header-video,
    .tax-styles .item.category-header-video {
      padding-top: 61.95%;
      left: 50%; } }
  @media screen and (min-width: 1000px) {
    .post-type-archive .item.category-header-video,
    .tax-item_category .item.category-header-video,
    .tax-styles .item.category-header-video {
      padding-top: 44.25%;
      left: 0; } }
  @media screen and (min-width: 1180px) {
    .post-type-archive .item.category-header-video,
    .tax-item_category .item.category-header-video,
    .tax-styles .item.category-header-video {
      padding-top: 35.35%; } }

.post-type-archive .item.category-header h1,
.tax-item_category .item.category-header h1,
.tax-styles .item.category-header h1 {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 2em;
  line-height: 1;
  margin-top: 0.125em;
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    .post-type-archive .item.category-header h1,
    .tax-item_category .item.category-header h1,
    .tax-styles .item.category-header h1 {
      color: white; } }
  @media screen and (min-width: 768px) {
    .post-type-archive .item.category-header h1,
    .tax-item_category .item.category-header h1,
    .tax-styles .item.category-header h1 {
      margin-top: 0;
      margin-bottom: 0.125em;
      line-height: 0.75em;
      text-shadow: 0 0 24px rgba(0, 0, 0, 0.5); } }
  @media screen and (max-width: 999px) {
    .post-type-archive .item.category-header h1,
    .tax-item_category .item.category-header h1,
    .tax-styles .item.category-header h1 {
      text-align: center; } }

@media screen and (min-width: 768px) {
  .post-type-archive .item.category-header p,
  .tax-item_category .item.category-header p,
  .tax-styles .item.category-header p {
    color: white; } }

.post-type-archive .item.category-header-image,
.tax-item_category .item.category-header-image,
.tax-styles .item.category-header-image {
  width: 48.33%; }
  @media screen and (max-width: 767px) {
    .post-type-archive .item.category-header-image,
    .tax-item_category .item.category-header-image,
    .tax-styles .item.category-header-image {
      width: 98.5%; } }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    .post-type-archive .item.category-header-image,
    .tax-item_category .item.category-header-image,
    .tax-styles .item.category-header-image {
      left: 33.3%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 64.2%; } }
  @media screen and (min-width: 1000px) {
    .post-type-archive .item.category-header-image,
    .tax-item_category .item.category-header-image,
    .tax-styles .item.category-header-image {
      width: 47.2%; } }
  @media screen and (min-width: 1180px) {
    .post-type-archive .item.category-header-image,
    .tax-item_category .item.category-header-image,
    .tax-styles .item.category-header-image {
      width: 37.2%; } }
  .post-type-archive .item.category-header-image .o-alignment-container .o-alignment-content,
  .tax-item_category .item.category-header-image .o-alignment-container .o-alignment-content,
  .tax-styles .item.category-header-image .o-alignment-container .o-alignment-content {
    z-index: 999; }
  .post-type-archive .item.category-header-image .o-alignment-container:after,
  .tax-item_category .item.category-header-image .o-alignment-container:after,
  .tax-styles .item.category-header-image .o-alignment-container:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent); }
  .post-type-archive .item.category-header-image img,
  .tax-item_category .item.category-header-image img,
  .tax-styles .item.category-header-image img {
    width: 100%;
    height: auto;
    display: none; }
    @media screen and (min-width: 768px) {
      .post-type-archive .item.category-header-image img,
      .tax-item_category .item.category-header-image img,
      .tax-styles .item.category-header-image img {
        display: block; } }

.post-type-archive .item.promotion,
.tax-item_category .item.promotion,
.tax-styles .item.promotion {
  width: 48.33%;
  float: right;
  width: 48.33%; }
  @media screen and (max-width: 767px) {
    .post-type-archive .item.promotion,
    .tax-item_category .item.promotion,
    .tax-styles .item.promotion {
      width: 98.5%; } }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    .post-type-archive .item.promotion,
    .tax-item_category .item.promotion,
    .tax-styles .item.promotion {
      left: 33.3%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 64.2%; } }
  @media screen and (min-width: 1000px) {
    .post-type-archive .item.promotion,
    .tax-item_category .item.promotion,
    .tax-styles .item.promotion {
      width: 47.2%; } }
  @media screen and (min-width: 1180px) {
    .post-type-archive .item.promotion,
    .tax-item_category .item.promotion,
    .tax-styles .item.promotion {
      width: 37.2%; } }
  @media screen and (max-width: 767px) {
    .post-type-archive .item.promotion,
    .tax-item_category .item.promotion,
    .tax-styles .item.promotion {
      float: none;
      margin-left: 0;
      margin-right: 0; } }
  @media screen and (min-width: 768px) {
    .post-type-archive .item.promotion,
    .tax-item_category .item.promotion,
    .tax-styles .item.promotion {
      margin: 0px 1.7% 0 1%; }
      .post-type-archive .item.promotion.odd,
      .tax-item_category .item.promotion.odd,
      .tax-styles .item.promotion.odd {
        margin: 0px 1% 0 1.7%; } }
  @media screen and (min-width: 1000px) {
    .post-type-archive .item.promotion,
    .tax-item_category .item.promotion,
    .tax-styles .item.promotion {
      margin: 0px 1%; }
      .post-type-archive .item.promotion.odd,
      .tax-item_category .item.promotion.odd,
      .tax-styles .item.promotion.odd {
        margin: 0px 1%; } }
  .post-type-archive .item.promotion.odd,
  .tax-item_category .item.promotion.odd,
  .tax-styles .item.promotion.odd {
    float: left; }

.post-type-archive [data-component="helpmenu"],
.tax-item_category [data-component="helpmenu"],
.tax-styles [data-component="helpmenu"] {
  border-top: 4px solid #cccccc; }
  .post-type-archive [data-component="helpmenu"] .h2,
  .tax-item_category [data-component="helpmenu"] .h2,
  .tax-styles [data-component="helpmenu"] .h2 {
    font-size: 1em; }
  .post-type-archive [data-component="helpmenu"][data-site="consultant"] [data-collection],
  .tax-item_category [data-component="helpmenu"][data-site="consultant"] [data-collection],
  .tax-styles [data-component="helpmenu"][data-site="consultant"] [data-collection] {
    display: none; }

.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 #collection-grid-wrapper,
.tax-item_category #collection-grid-wrapper,
.tax-styles #collection-grid-wrapper {
  padding-top: 1em;
  max-width: 1565px; }
  @media screen and (min-width: 768px) {
    .post-type-archive #collection-grid-wrapper,
    .tax-item_category #collection-grid-wrapper,
    .tax-styles #collection-grid-wrapper {
      padding-top: 2em; } }
  .post-type-archive #collection-grid-wrapper::after,
  .tax-item_category #collection-grid-wrapper::after,
  .tax-styles #collection-grid-wrapper::after {
    clear: both;
    content: "";
    display: table; }
  .post-type-archive #collection-grid-wrapper .item-grid__sort-bar,
  .tax-item_category #collection-grid-wrapper .item-grid__sort-bar,
  .tax-styles #collection-grid-wrapper .item-grid__sort-bar {
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }
    @media screen and (max-width: 999px) {
      .post-type-archive #collection-grid-wrapper .item-grid__sort-bar--fixed-width,
      .tax-item_category #collection-grid-wrapper .item-grid__sort-bar--fixed-width,
      .tax-styles #collection-grid-wrapper .item-grid__sort-bar--fixed-width {
        display: none; } }
    .post-type-archive #collection-grid-wrapper .item-grid__sort-bar--fluid,
    .tax-item_category #collection-grid-wrapper .item-grid__sort-bar--fluid,
    .tax-styles #collection-grid-wrapper .item-grid__sort-bar--fluid {
      margin: 0 0 2em; }
      @media screen and (min-width: 768px) {
        .post-type-archive #collection-grid-wrapper .item-grid__sort-bar--fluid,
        .tax-item_category #collection-grid-wrapper .item-grid__sort-bar--fluid,
        .tax-styles #collection-grid-wrapper .item-grid__sort-bar--fluid {
          margin: 0 1em 2em; } }
      @media screen and (min-width: 1000px) {
        .post-type-archive #collection-grid-wrapper .item-grid__sort-bar--fluid,
        .tax-item_category #collection-grid-wrapper .item-grid__sort-bar--fluid,
        .tax-styles #collection-grid-wrapper .item-grid__sort-bar--fluid {
          display: none; } }
      .post-type-archive #collection-grid-wrapper .item-grid__sort-bar--fluid .c-collection-filter,
      .tax-item_category #collection-grid-wrapper .item-grid__sort-bar--fluid .c-collection-filter,
      .tax-styles #collection-grid-wrapper .item-grid__sort-bar--fluid .c-collection-filter {
        display: block;
        width: 100%; }
        .post-type-archive #collection-grid-wrapper .item-grid__sort-bar--fluid .c-collection-filter .c-cabi-dropdown,
        .tax-item_category #collection-grid-wrapper .item-grid__sort-bar--fluid .c-collection-filter .c-cabi-dropdown,
        .tax-styles #collection-grid-wrapper .item-grid__sort-bar--fluid .c-collection-filter .c-cabi-dropdown {
          width: 100%; }
  .post-type-archive #collection-grid-wrapper .c-collection-filter .c-cabi-dropdown.js-open,
  .tax-item_category #collection-grid-wrapper .c-collection-filter .c-cabi-dropdown.js-open,
  .tax-styles #collection-grid-wrapper .c-collection-filter .c-cabi-dropdown.js-open {
    z-index: 999999999; }
  .post-type-archive #collection-grid-wrapper .c-collection-filter .c-cabi-dropdown__label-icon,
  .tax-item_category #collection-grid-wrapper .c-collection-filter .c-cabi-dropdown__label-icon,
  .tax-styles #collection-grid-wrapper .c-collection-filter .c-cabi-dropdown__label-icon {
    transform: rotate(90deg); }
  .post-type-archive #collection-grid-wrapper #filter-title,
  .tax-item_category #collection-grid-wrapper #filter-title,
  .tax-styles #collection-grid-wrapper #filter-title {
    padding: 0; }
  .post-type-archive #collection-grid-wrapper #filter-title,
  .post-type-archive #collection-grid-wrapper #item-category-filter,
  .tax-item_category #collection-grid-wrapper #filter-title,
  .tax-item_category #collection-grid-wrapper #item-category-filter,
  .tax-styles #collection-grid-wrapper #filter-title,
  .tax-styles #collection-grid-wrapper #item-category-filter {
    display: none; }
  @media screen and (min-width: 1000px) {
    .post-type-archive #collection-grid-wrapper aside,
    .tax-item_category #collection-grid-wrapper aside,
    .tax-styles #collection-grid-wrapper aside {
      width: 200px;
      vertical-align: top;
      float: left;
      margin-left: 12px;
      margin-right: 40px; }
      .post-type-archive #collection-grid-wrapper aside #filter-title,
      .post-type-archive #collection-grid-wrapper aside #item-category-filter,
      .tax-item_category #collection-grid-wrapper aside #filter-title,
      .tax-item_category #collection-grid-wrapper aside #item-category-filter,
      .tax-styles #collection-grid-wrapper aside #filter-title,
      .tax-styles #collection-grid-wrapper aside #item-category-filter {
        display: block; }
    .post-type-archive #collection-grid-wrapper #collection-archive-item-grid,
    .tax-item_category #collection-grid-wrapper #collection-archive-item-grid,
    .tax-styles #collection-grid-wrapper #collection-archive-item-grid {
      width: calc(100% - 255px);
      float: left; } }

.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; }

.archive.tax-item_category main .category-header-video p,
#page-collection-clothes main .category-header-video p {
  margin-bottom: 1em;
  font-weight: 600; }

.archive.tax-item_category main .category-header-video .block-video,
#page-collection-clothes main .category-header-video .block-video {
  display: none; }
  @media screen and (min-width: 768px) {
    .archive.tax-item_category main .category-header-video .block-video,
    #page-collection-clothes main .category-header-video .block-video {
      display: block; } }
  .archive.tax-item_category main .category-header-video .block-video .btn-play,
  #page-collection-clothes main .category-header-video .block-video .btn-play {
    background-color: transparent;
    line-height: inherit;
    height: inherit;
    width: inherit;
    font-size: 4em; }
  .archive.tax-item_category main .category-header-video .block-video dfn,
  #page-collection-clothes main .category-header-video .block-video dfn {
    display: block;
    color: white;
    font-style: normal;
    font-family: Montserrat;
    font-weight: 500;
    font-weight: 700;
    font-size: 0.8em;
    -webkit-transform: color 0.2s ease-out;
    -moz-transform: color 0.2s ease-out;
    -ms-transform: color 0.2s ease-out;
    -o-transform: color 0.2s ease-out;
    transform: color 0.2s ease-out; }

.archive.tax-item_category main .category-header-video__video,
#page-collection-clothes main .category-header-video__video {
  display: none; }
  @media screen and (min-width: 768px) {
    .archive.tax-item_category main .category-header-video__video,
    #page-collection-clothes main .category-header-video__video {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; } }
  @media screen and (min-width: 1000px) {
    .archive.tax-item_category main .category-header-video__video:hover .block-video dfn,
    .archive.tax-item_category main .category-header-video__video:hover .block-video .btn-play:after,
    #page-collection-clothes main .category-header-video__video:hover .block-video dfn,
    #page-collection-clothes main .category-header-video__video:hover .block-video .btn-play:after {
      color: #ff99a8; } }
  .archive.tax-item_category main .category-header-video__video video,
  #page-collection-clothes main .category-header-video__video video {
    display: none; }
    @media screen and (min-width: 768px) {
      .archive.tax-item_category main .category-header-video__video video,
      #page-collection-clothes main .category-header-video__video video {
        display: block; } }

.archive.tax-item_category main .mobile-only,
#page-collection-clothes main .mobile-only {
  text-align: center;
  color: black; }
  @media screen and (min-width: 768px) {
    .archive.tax-item_category main .mobile-only,
    #page-collection-clothes main .mobile-only {
      display: none; } }
  .archive.tax-item_category main .mobile-only h1,
  #page-collection-clothes main .mobile-only h1 {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    line-height: 1;
    font-size: 8vw;
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-weight: 700; }
  .archive.tax-item_category main .mobile-only p,
  #page-collection-clothes main .mobile-only p {
    text-align: center; }

.archive.tax-item_category main .category-header-video--with-modal-trigger,
#page-collection-clothes main .category-header-video--with-modal-trigger {
  cursor: pointer; }

.archive.tax-item_category main .category-header__content,
#page-collection-clothes main .category-header__content {
  text-align: center;
  width: 100%; }
  .archive.tax-item_category main .category-header__content .color-white,
  #page-collection-clothes main .category-header__content .color-white {
    color: #000 !important; }
    @media screen and (min-width: 768px) {
      .archive.tax-item_category main .category-header__content .color-white,
      #page-collection-clothes main .category-header__content .color-white {
        color: #fff !important; } }
  @media screen and (min-width: 768px) {
    .archive.tax-item_category main .category-header__content,
    #page-collection-clothes main .category-header__content {
      position: absolute;
      bottom: 0;
      background: rgba(0, 0, 0, 0);
      background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0), black);
      background: linear-gradient(180deg, rgba(0, 0, 0, 0), black);
      padding: 0 3em 3em; } }
  .archive.tax-item_category main .category-header__content p,
  #page-collection-clothes main .category-header__content p {
    margin-bottom: 0; }

.archive.tax-item_category main aside #filter-title,
#page-collection-clothes main aside #filter-title {
  font-family: Montserrat;
  font-weight: 500;
  font-weight: 700;
  text-transform: uppercase; }

.archive.tax-item_category main aside #item-category-filter ul,
#page-collection-clothes main aside #item-category-filter ul {
  padding: 0;
  margin: 0;
  padding-left: 1em;
  margin-bottom: 2em; }
  .archive.tax-item_category main aside #item-category-filter ul li,
  #page-collection-clothes main aside #item-category-filter ul li {
    list-style: none;
    padding: 0;
    margin: 0; }
  .archive.tax-item_category main aside #item-category-filter ul > li,
  #page-collection-clothes main aside #item-category-filter ul > li {
    margin-bottom: 1em;
    font-size: 0.9em; }
    .archive.tax-item_category main aside #item-category-filter ul > li a,
    #page-collection-clothes main aside #item-category-filter ul > li a {
      text-decoration: none; }
      .archive.tax-item_category main aside #item-category-filter ul > li a:hover,
      #page-collection-clothes main aside #item-category-filter ul > li a:hover {
        color: #ff99a8; }
    .archive.tax-item_category main aside #item-category-filter ul > li ul,
    #page-collection-clothes main aside #item-category-filter ul > li ul {
      display: none;
      padding-left: 0; }
      .archive.tax-item_category main aside #item-category-filter ul > li ul li,
      #page-collection-clothes main aside #item-category-filter ul > li ul li {
        padding-left: 1em;
        margin: 0.5em 0;
        font-size: 0.9em; }
  .archive.tax-item_category main aside #item-category-filter ul > li.current-cat,
  #page-collection-clothes main aside #item-category-filter ul > li.current-cat {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 800;
    font-style: normal; }
    .archive.tax-item_category main aside #item-category-filter ul > li.current-cat ul,
    #page-collection-clothes main aside #item-category-filter ul > li.current-cat ul {
      display: block; }

/* Change bg-color on specific category */
.archive.tax-item_category.term-holiday-gift-guide main header.category > div {
  background-color: white; }

.archive.tax-item_category.term-fashion-flash main header.category > div {
  background-color: #9e9ba2; }

.collection-archive-mobile-menu {
  display: block; }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    .collection-archive-mobile-menu {
      padding: 0 15px !important; } }
  @media screen and (min-width: 1000px) {
    .collection-archive-mobile-menu {
      display: none; } }

.collection-archive-mobile-menu #mobile-dropdown-list {
  position: relative;
  display: block;
  z-index: 1000;
  margin: 0 0 15px; }
  .collection-archive-mobile-menu #mobile-dropdown-list ul > li:not(.sub-item) {
    text-transform: uppercase;
    font-family: Montserrat;
    font-weight: 500; }
  .collection-archive-mobile-menu #mobile-dropdown-list ul > li a {
    padding: 1em 2em; }
  .collection-archive-mobile-menu #mobile-dropdown-list ul > li.sub-item {
    border-top: none; }
    .collection-archive-mobile-menu #mobile-dropdown-list ul > li.sub-item a {
      padding: 0.5em 3em !important; }

/** 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: 380px;
  max-width: 80%;
  margin: 0 auto; }
  @media screen and (min-width: 1000px) {
    .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:before {
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
    content: "";
    background: black;
    opacity: 0.35;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1; }
  .looks-landing-featured-grid-item__img-wrapper img {
    max-width: 100%;
    display: block; }
  .looks-landing-featured-grid-item__img-wrapper:hover:before {
    opacity: 0; }
  .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 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:before {
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
    content: "";
    background: black;
    opacity: 0.35;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1; }
  .looks-landing-grid-item__img-wrapper img {
    max-width: 100%;
    display: block; }
  .looks-landing-grid-item__img-wrapper:hover:before {
    opacity: 0; }
  .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 {
  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: 500;
    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.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.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.cabionline.com/wp-content/uploads/cabi-templates/f19/styles-and-ideas/looks-casual.jpg); }

#page-ugc header, #page-ugc-cabiscoop header {
  position: relative; }
  #page-ugc header .header-image, #page-ugc-cabiscoop header .header-image {
    background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s19/cabiclothing/header-mobile.jpg);
    background-size: contain;
    height: 52.525vw; }
    @media screen and (min-width: 1000px) {
      #page-ugc header .header-image, #page-ugc-cabiscoop header .header-image {
        background-size: initial;
        background-position: -370px 0;
        height: 339px;
        background-repeat: no-repeat;
        background-color: #e3e3e3;
        background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s19/cabiclothing/header.jpg);
        background-position: top center; } }
  #page-ugc header .container, #page-ugc-cabiscoop header .container {
    position: relative;
    padding: 2em 15px;
    margin-bottom: -40px; }
    @media screen and (min-width: 1000px) {
      #page-ugc header .container, #page-ugc-cabiscoop header .container {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 2em;
        margin-bottom: 0; } }
    #page-ugc header .container .content, #page-ugc-cabiscoop header .container .content {
      text-align: center; }

#page-ugc-tint {
  margin-top: 20px; }

/* Variables
================================================= */
/* Mixins
================================================= */
/* Modernizr
================================================= */
/* Styles
================================================= */
.page-top-wrapper {
  width: 100vw;
  background-color: #f8f6f4;
  position: relative; }
  @media screen and (max-width: 480px) {
    .page-top-wrapper {
      height: 600px; } }
  .page-top-wrapper .page-top {
    text-align: center;
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 0 15px;
    max-width: 985px;
    margin: auto; }
    @media screen and (min-width: 1000px) {
      .page-top-wrapper .page-top {
        text-align: left;
        height: 780px;
        max-width: none;
        width: 100%; } }

.top-sentence {
  font-weight: 600; }
  .top-sentence.small {
    text-align: left; }
    .top-sentence.small .denim__title {
      display: inline-block;
      position: relative;
      left: 65px;
      top: 0px;
      font-size: 14px; }
      .top-sentence.small .denim__title .denim__sub-title {
        font-size: 42px; }
    .top-sentence.small > *:not(.start-over-link) {
      opacity: 0;
      visibility: hidden; }
  .top-sentence .denim__sup-title {
    font-family: Montserrat;
    font-weight: 500;
    color: #000;
    font-size: 15px;
    letter-spacing: 1.25px;
    line-height: 19px;
    position: relative;
    top: 34px;
    font-weight: 600; }
    .top-sentence .denim__sup-title__year {
      font-size: 15px; }
    @media screen and (min-width: 970px) {
      .top-sentence .denim__sup-title {
        display: block;
        text-align: center; } }
  .top-sentence .denim__title {
    text-align: center;
    font-family: Santorini Regular;
    font-weight: 500;
    font-style: normal;
    font-size: 45px;
    padding-bottom: 100px;
    padding-right: 45px;
    line-height: 0.7em;
    color: #000000;
    max-width: 280px;
    margin: auto;
    position: relative;
    padding-top: 50px;
    right: 15px;
    transform: rotate(-10deg); }
    @media screen and (min-width: 1000px) {
      .top-sentence .denim__title {
        text-align: left;
        font-size: 50px;
        top: -24px;
        right: 61px;
        padding: 76px 0 110px;
        display: inline-block;
        padding-right: 40px;
        vertical-align: bottom;
        margin: 0; } }
    @media screen and (min-width: 1250px) {
      .top-sentence .denim__title {
        font-size: 60px;
        top: -24px;
        right: 61px;
        padding: 76px 0 110px; } }
    .top-sentence .denim__title__shift-right {
      position: relative;
      top: 46px;
      right: -90px; }
      @media screen and (min-width: 1000px) {
        .top-sentence .denim__title__shift-right {
          position: relative;
          left: 125px;
          top: 51px; } }
      @media screen and (min-width: 1250px) {
        .top-sentence .denim__title__shift-right {
          left: 125px;
          top: 51px; } }
    .top-sentence .denim__title__shift-left {
      left: 0;
      top: 0; }
      @media screen and (min-width: 1000px) {
        .top-sentence .denim__title__shift-left {
          margin-left: 20px; } }
      @media screen and (min-width: 1250px) {
        .top-sentence .denim__title__shift-left {
          margin-left: 0; } }
  .top-sentence .denim__description {
    padding: 7% 1%;
    font-weight: 500;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.38px;
    line-height: 28px;
    max-width: 370px;
    margin: 0 auto; }
    @media screen and (min-width: 1000px) {
      .top-sentence .denim__description {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
        transform: translate(-50%);
        margin-left: 50%;
        max-width: 650px;
        text-align: center;
        width: 60%;
        display: inline-block;
        padding: 0;
        padding-top: 10px; } }

.care-guide-label {
  width: 105px;
  height: 105px;
  margin: -50px auto 40px; }
  .care-guide-label a {
    display: inline-block;
    background: #154376;
    text-decoration: none;
    width: 100%;
    height: 100%;
    margin-top: 47.5px;
    font-size: 10px;
    color: #8d92a1;
    text-align: center;
    padding-top: 32px;
    letter-spacing: 0.19px;
    line-height: 13px;
    font-family: Montserrat;
    font-weight: 500;
    border-radius: 50%;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s 0s, opacity 0.2s 0.2s;
    cursor: pointer;
    -webkit-transition: color ease-out 0.2s, background-color ease-out 0.2s;
    -moz-transition: color ease-out 0.2s, background-color ease-out 0.2s;
    transition: color ease-out 0.2s, background-color ease-out 0.2s; }
  .care-guide-label span {
    padding-top: 2px;
    display: block;
    color: #fff;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    letter-spacing: 0.21px;
    line-height: 17px; }
  .care-guide-label.small {
    top: 10px;
    right: 10px;
    left: auto;
    text-align: right; }
    .last-slide .care-guide-label.small a {
      visibility: hidden;
      opacity: 0;
      transition: visibility 0.2s 0.2s, opacity 0.2s 0s; }
  @media screen and (min-width: 1000px) {
    .care-guide-label {
      -webkit-transition: -webkit-transform ease-out 0.1s;
      -moz-transition: -moz-transform ease-out 0.1s;
      transition: transform ease-out 0.1s;
      position: fixed;
      top: 132px;
      right: 60px; }
      .care-guide-label:hover {
        -webkit-transform: translateY(-5px) scale(1.1);
        -moz-transform: translateY(-5px) scale(1.1);
        -ms-transform: translateY(-5px) scale(1.1);
        -o-transform: translateY(-5px) scale(1.1);
        transform: translateY(-5px) scale(1.1);
        transform-origin: center; } }

.slider-closer {
  display: none; }
  @media screen and (max-width: 970px) {
    .slider-closer {
      display: block;
      cursor: pointer;
      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%);
      color: #c2c0bd;
      background-image: url("../images/denim-guide/close.png");
      background-repeat: no-repeat;
      background-size: contain;
      width: 20px;
      height: 20px;
      visibility: hidden;
      opacity: 0;
      transition: visibility 0.2s 0.2s, opacity 0.2s 0s; }
      .last-slide .slider-closer {
        visibility: visible;
        opacity: 1;
        transition: visibility 0s 0s, opacity 0.2s 0.2s; } }

.start-over-link {
  position: relative;
  text-align: center; }

@media screen and (max-width: 970px) {
  .reset-slider-btn {
    background: url("../images/denim-guide/arrow-prev.png") no-repeat center;
    background-size: contain;
    height: 20px;
    width: 15px;
    display: inline-block;
    top: -20px;
    position: absolute;
    left: 10px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.2s 0.2s, opacity 0.2s 0s;
    cursor: pointer;
    z-index: 1; }
    .reset-slider-btn.visible {
      visibility: visible;
      opacity: 1;
      transition: visibility 0s 0s, opacity 0.2s 0.2s; } }

.offers-grid {
  margin: auto;
  margin-bottom: 40px;
  max-width: 1200px; }
  @media screen and (min-width: 1440px) {
    .offers-grid {
      max-width: 1440px; } }

.offers-list {
  list-style: none;
  margin-top: 16px; }
  @media screen and (min-width: 970px) {
    .offers-list {
      padding: 0; } }

.offers-list__item {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  position: relative;
  margin: 0 0 50px 0; }
  @media screen and (min-width: 970px) {
    .offers-list__item {
      flex-flow: row nowrap;
      margin: 0 0 150px 0;
      bottom: -15px; } }
  .offers-list__item--1 .offers-list__item__inner:first-child {
    background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f18/denim-guide/denim1_1-mobile.jpg"); }
    @media screen and (min-width: 970px) {
      .offers-list__item--1 .offers-list__item__inner:first-child {
        background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f18/denim-guide/denim1_1.jpg"); } }
  .offers-list__item--1 .offers-list__item__inner:nth-child(2) {
    background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f18/denim-guide/denim1_2-mobile.jpg"); }
    @media screen and (min-width: 970px) {
      .offers-list__item--1 .offers-list__item__inner:nth-child(2) {
        background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f18/denim-guide/denim1_2.jpg"); } }
  .offers-list__item--2 .offers-list__item__inner:first-child {
    background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f18/denim-guide/denim2_1-mobile.jpg"); }
    @media screen and (min-width: 970px) {
      .offers-list__item--2 .offers-list__item__inner:first-child {
        background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f18/denim-guide/denim2_1.jpg"); } }
  .offers-list__item--2 .offers-list__item__inner:nth-child(2) {
    background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f18/denim-guide/denim2_2-mobile.jpg"); }
    @media screen and (min-width: 970px) {
      .offers-list__item--2 .offers-list__item__inner:nth-child(2) {
        background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f18/denim-guide/denim2_2.jpg"); } }
  .offers-list__item--3 .offers-list__item__inner:first-child {
    background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f18/denim-guide/denim3_1-mobile.jpg"); }
    @media screen and (min-width: 970px) {
      .offers-list__item--3 .offers-list__item__inner:first-child {
        background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f18/denim-guide/denim3_1.jpg"); } }
  .offers-list__item--3 .offers-list__item__inner:nth-child(2) {
    background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f18/denim-guide/denim3_2-mobile.jpg"); }
    @media screen and (min-width: 970px) {
      .offers-list__item--3 .offers-list__item__inner:nth-child(2) {
        background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f18/denim-guide/denim3_2.jpg"); } }
  .offers-list__item--4 .offers-list__item__inner:first-child {
    background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f18/denim-guide/denim4_1-mobile.jpg"); }
    @media screen and (min-width: 970px) {
      .offers-list__item--4 .offers-list__item__inner:first-child {
        background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f18/denim-guide/denim4_1.jpg"); } }
  .offers-list__item--4 .offers-list__item__inner:nth-child(2) {
    background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f18/denim-guide/denim4_2-mobile.jpg"); }
    @media screen and (min-width: 970px) {
      .offers-list__item--4 .offers-list__item__inner:nth-child(2) {
        background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f18/denim-guide/denim4_2.jpg"); } }
  @media screen and (min-width: 970px) {
    .offers-list__item .offers-list__item__inner {
      margin-top: -60px; }
      .offers-list__item .offers-list__item__inner:first-child {
        margin-top: 0px; } }
  @media screen and (min-width: 970px) {
    .offers-list__item:nth-child(odd) .list-learn-more {
      left: 0; } }
  @media screen and (max-width: 970px) {
    .offers-list__item:nth-child(odd) .offers-list__item__inner {
      margin-top: 0px; }
      .offers-list__item:nth-child(odd) .offers-list__item__inner:first-child {
        margin-top: 20px; } }
  .offers-list__item:nth-child(even) .offers-list__item__inner {
    margin-top: 20px; }
    .offers-list__item:nth-child(even) .offers-list__item__inner:first-child {
      margin-top: 0px; }
  @media screen and (min-width: 970px) {
    .offers-list__item:nth-child(even) {
      justify-content: flex-end; }
      .offers-list__item:nth-child(even) .offers-list__item__inner {
        margin-top: 0px; }
        .offers-list__item:nth-child(even) .offers-list__item__inner:first-child {
          margin-top: -60px; }
      .offers-list__item:nth-child(even) .list-learn-more {
        right: 0; } }

.offers-list__item__inner {
  width: 50%;
  flex: 0 0 50%;
  height: 485px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 970px) {
    .offers-list__item__inner {
      width: 48%;
      flex: 0 0 48%;
      height: 530px !important;
      background-position: center; } }

.offers-list__picture {
  width: 0;
  height: 100%;
  position: absolute;
  right: 0;
  -webkit-transition: width 0.4s ease 0s;
  -moz-transition: width 0.4s ease 0s;
  transition: width 0.4s ease 0s;
  display: none;
  overflow: hidden; }
  @media screen and (min-width: 970px) {
    .offers-list__picture {
      display: block; } }
  .offers-list__picture div {
    width: 530px;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: -495px;
    -webkit-transition: margin-left 0.4s ease 0s;
    -moz-transition: margin-left 0.4s ease 0s;
    transition: margin-left 0.4s ease 0s; }
  .open .offers-list__picture {
    width: 100%; }
    .open .offers-list__picture div {
      margin-left: 0; }

.offers-list__description {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #3a3a3a;
  padding: 60px 84px 0;
  color: #fff;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.4s ease 0s;
  -moz-transition: -moz-transform 0.4s ease 0s;
  transition: transform 0.4s ease 0s;
  display: none; }
  @media screen and (min-width: 970px) {
    .offers-list__description {
      display: block; } }
  .offers-list__description:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 1;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s ease 0.4s, visibility 0.3s ease 0.4s;
    -moz-transition: opacity 0.3s ease 0.4s, visibility 0.3s ease 0.4s;
    transition: opacity 0.3s ease 0.4s, visibility 0.3s ease 0.4s; }
  .offers-list__description .offers-list__description__close {
    position: absolute;
    width: 35px;
    height: 35px;
    display: inline-block;
    top: 21px;
    right: 30px;
    z-index: 2;
    cursor: pointer; }
    .offers-list__description .offers-list__description__close:hover:before, .offers-list__description .offers-list__description__close:hover:after {
      position: absolute;
      content: "";
      background-color: #000; }
    .offers-list__description .offers-list__description__close:before, .offers-list__description .offers-list__description__close:after {
      visibility: visible;
      -webkit-transition: color ease-in-out 0.2s, background-color ease-in-out 0.2s;
      -moz-transition: color ease-in-out 0.2s, background-color ease-in-out 0.2s;
      transition: color ease-in-out 0.2s, background-color ease-in-out 0.2s;
      position: absolute;
      content: "";
      background-color: #b0b1bd;
      width: 100%;
      height: 1px;
      top: 17px; }
    .offers-list__description .offers-list__description__close:before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .offers-list__description .offers-list__description__close:after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .offers-list__description h3 {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: italic;
    font-size: 21px;
    padding-bottom: 22px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: -0.5px;
    font-style: normal; }
  .offers-list__description p {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 15px;
    font-weight: 600; }
  .offers-list__description ul {
    list-style-position: outside;
    list-style: outside;
    padding: 0 0 28px 17px; }
    .offers-list__description ul li {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 13px;
      line-height: 20px;
      font-weight: 600; }
  .offers-list__description .btn {
    border: none;
    background-color: #fff;
    color: #000;
    padding: 0 50px;
    height: 60px; }
    .offers-list__description .btn:hover {
      background-color: #000;
      color: #fff;
      -webkit-transition: color ease-in-out 0.2s, background-color ease-in-out 0.2s;
      -moz-transition: color ease-in-out 0.2s, background-color ease-in-out 0.2s;
      transition: color ease-in-out 0.2s, background-color ease-in-out 0.2s; }
  .open .offers-list__description {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
    .open .offers-list__description:before {
      opacity: 0;
      visibility: hidden; }

.offers-list__description.dover-skinny-align {
  padding-top: 94px; }

.offers-list__description.high-straight-align {
  padding-top: 74px; }

.offers-list__description.slim-boyfriend {
  padding-top: 74px; }

.offers-list__description.zip-skinny-align {
  padding-top: 64px; }

.offers-list__description-mobile {
  width: 90%;
  margin: 51px 5% 0 5%;
  display: block;
  color: #3d405d;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.4s ease 0s;
  -moz-transition: height 0.4s ease 0s;
  transition: height 0.4s ease 0s; }
  @media screen and (min-width: 970px) {
    .offers-list__description-mobile {
      display: none; } }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    .offers-list__description-mobile {
      width: 80%;
      margin: 51px 10% 0 10%; } }
  .offers-list__description-mobile .offers-list__description-mobile__inner p {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 1em;
    line-height: 20px;
    padding-bottom: 15px;
    font-weight: 600; }
    @media screen and (max-width: 999px) and (min-width: 768px) {
      .offers-list__description-mobile .offers-list__description-mobile__inner p {
        font-size: 1.2307692308em; } }
  .offers-list__description-mobile .offers-list__description-mobile__inner ul {
    list-style-position: outside;
    list-style-image: url("../images/denim-guide/list_type.png");
    padding: 0 0 28px 17px; }
    .offers-list__description-mobile .offers-list__description-mobile__inner ul li {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 1em;
      line-height: 24px;
      font-weight: 600; }
      @media screen and (max-width: 999px) and (min-width: 768px) {
        .offers-list__description-mobile .offers-list__description-mobile__inner ul li {
          font-size: 1.2307692308em; } }
  .offers-list__description-mobile .offers-list__description-mobile__inner a {
    border-color: #3d405d;
    color: #3d405d;
    margin: auto;
    display: block;
    max-width: 285px;
    font-size: 16px; }
  .offers-list__description-mobile .offers-list__description-mobile__inner > span {
    margin-top: 30px;
    display: block;
    color: #3f415f;
    font-size: 13px;
    text-decoration: underline;
    font-family: Montserrat;
    font-weight: 500;
    text-align: center;
    opacity: 0.7; }

.list-learn-more {
  opacity: 1;
  visibility: visible;
  flex: 1 100%;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.4s ease 0s, opacity 0.4s ease 0s, visibility 0.4s ease 0s;
  -moz-transition: -moz-transform 0.4s ease 0s, opacity 0.4s ease 0s, visibility 0.4s ease 0s;
  transition: transform 0.4s ease 0s, opacity 0.4s ease 0s, visibility 0.4s ease 0s; }
  @media screen and (min-width: 970px) {
    .list-learn-more {
      flex: none;
      width: 95%;
      position: absolute;
      top: 0;
      height: 100%; } }
  @media screen and (min-width: 970px) {
    .open .list-learn-more {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translateY(50px);
      -moz-transform: translateY(50px);
      -ms-transform: translateY(50px);
      -o-transform: translateY(50px);
      transform: translateY(50px); } }

.list-learn-more__inner {
  margin: -55px auto;
  max-width: 80%;
  background-color: #3a3a3a;
  padding: 20px 5px 18px;
  color: #fff;
  -webkit-transition: background-color 0.4s ease 0s;
  -moz-transition: background-color 0.4s ease 0s;
  transition: background-color 0.4s ease 0s;
  text-align: center; }
  .list-learn-more__inner h2 {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 5px;
    text-transform: capitalize;
    letter-spacing: 0px; }
    @media screen and (min-width: 768px) {
      .list-learn-more__inner h2 {
        font-size: 25px;
        padding-bottom: 10px; } }
    @media screen and (min-width: 970px) {
      .list-learn-more__inner h2 {
        font-size: 21px; } }
  .list-learn-more__inner a {
    color: #fff;
    cursor: pointer;
    -webkit-transition: color ease-out 0.2s, background-color ease-out 0.2s;
    -moz-transition: color ease-out 0.2s, background-color ease-out 0.2s;
    transition: color ease-out 0.2s, background-color ease-out 0.2s; }
  .list-learn-more__inner p {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 17px;
    display: none; }
    @media screen and (min-width: 970px) {
      .list-learn-more__inner p {
        display: block; } }
  .list-learn-more__inner span {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 13px;
    color: #9296a5;
    position: relative;
    margin: 0;
    font-weight: 600;
    -webkit-transition: margin 0.4s ease 0s;
    -moz-transition: margin 0.4s ease 0s;
    transition: margin 0.4s ease 0s;
    text-decoration: underline; }
    @media screen and (min-width: 768px) {
      .list-learn-more__inner span {
        font-size: 16px; } }
    @media screen and (min-width: 970px) {
      .list-learn-more__inner span {
        font-size: 13px;
        text-decoration: none; } }
    .list-learn-more__inner span:after {
      width: 8px;
      height: 14px;
      content: "";
      background-image: url("../images/denim-guide/arrow_lear.png");
      position: relative;
      top: 2px;
      margin-left: 17px;
      display: none; }
      @media screen and (min-width: 970px) {
        .list-learn-more__inner span:after {
          display: inline-block; } }
  @media screen and (min-width: 970px) {
    .list-learn-more__inner {
      text-align: left;
      max-width: 335px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -59%);
      -moz-transform: translate(-50%, -59%);
      -ms-transform: translate(-50%, -59%);
      -o-transform: translate(-50%, -59%);
      transform: translate(-50%, -59%);
      margin: 0;
      padding: 40px 35px 29px; }
      .list-learn-more__inner:hover span {
        margin-left: 10px; } }

.care-guide {
  height: 100%;
  width: 100%;
  text-align: center; }

.guid-header {
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 60px 20px 30px; }
  .guid-header h2 {
    font-size: 25px;
    padding-bottom: 20px;
    color: #264061;
    max-width: 350px;
    margin: auto;
    line-height: 1.2em; }
    @media screen and (min-width: 970px) {
      .guid-header h2 {
        font-size: 22px;
        padding-bottom: 16px; } }
    @media screen and (min-width: 1200px) {
      .guid-header h2 {
        font-size: 25px;
        padding-bottom: 20px; } }
  .guid-header p {
    font-size: 13px;
    padding-bottom: 1.5em;
    line-height: 1.5em; }
  @media screen and (min-width: 970px) {
    .guid-header {
      text-align: left; } }

.guid-grid {
  width: 100%;
  height: 100%;
  background: #fff; }
  @media screen and (min-width: 970px) {
    .guid-grid {
      background: transparent; } }

.guid-grid__el {
  width: 50%;
  position: relative;
  overflow: hidden; }
  .guid-grid__el:after {
    content: "";
    display: block;
    position: relative;
    padding-bottom: 100%;
    z-index: -1; }
  .guid-grid__el.tall:after {
    padding-bottom: 200%; }
  .guid-grid__el.wide {
    width: 100%; }
    .guid-grid__el.wide:after {
      padding-bottom: 50%; }
  .guid-grid__el.top {
    width: 100%;
    height: auto;
    background: #f5f5f5; }
    .guid-grid__el.top:after {
      content: none; }
  .guid-grid__el.white {
    background: #fff;
    color: #4e5064; }
  .guid-grid__el.blue {
    background: #8fb4c9;
    color: #fff; }
  .guid-grid__el.dark-blue {
    background: #264061;
    color: #fff; }
  .guid-grid__el.dark {
    background: #333134;
    color: #8ab4c8; }
  @media screen and (min-width: 970px) {
    .guid-grid__el {
      height: 170px;
      width: 25% !important;
      clear: none !important;
      margin-top: 0 !important;
      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; }
      .guid-grid__el.tall, .guid-grid__el.top {
        height: 340px; } }

.care-tip {
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .care-tip.img {
    height: 100%;
    width: 100%; }
    .care-tip.img span {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 25px; }
  .care-tip span {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 700;
    font-style: normal;
    padding: 10px 25px;
    width: 100%;
    text-align: center;
    display: block;
    line-height: 1.2em;
    margin: auto; }
    @media screen and (min-width: 460px) {
      .care-tip span {
        font-size: 20px; } }
    @media screen and (min-width: 1000px) {
      .care-tip span {
        font-size: 15px; } }
  @media screen and (min-width: 970px) {
    .care-tip {
      left: 0;
      top: 0;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
      position: relative; } }

.tip-img {
  -webkit-backface-visibility: hidden;
  height: 100%;
  width: auto;
  display: block;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); }
  @media screen and (min-width: 970px) {
    .tip-img {
      width: 100%;
      max-width: 400px;
      height: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }

.tip-icon {
  -webkit-backface-visibility: hidden;
  width: 40px; }

.source-link {
  display: inline-block;
  margin: 20px;
  font-size: 12px;
  color: #9296a5; }
  .source-link:hover {
    color: #264061; }

.things-column {
  max-width: 1100px;
  margin: auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start; }

.things-column__item {
  width: 25px;
  flex: 1 1 25%; }

.dg-grid-box--anchor {
  position: relative !important;
  z-index: -2; }
  @media screen and (max-width: 999px) {
    .dg-grid-box--anchor {
      display: none; } }

.dg-grid {
  margin-top: 82.5px; }
  .dg-grid ul {
    list-style: none;
    position: relative; }
    .dg-grid ul li {
      padding-left: 12px; }
    .dg-grid ul li:before {
      content: "•";
      vertical-align: middle;
      display: inline-block;
      /* margin-top: -3px; */
      font-size: 18px;
      /* margin-right: 42px; */
      position: absolute;
      left: 12px; }
  @media screen and (max-width: 480px) {
    .dg-grid {
      margin-top: -130px; } }
  .dg-grid-box--1 {
    position: absolute;
    width: 915px;
    height: 642px;
    left: 10%;
    bottom: -400px;
    z-index: -2;
    background-color: #f8f6f4; }
  .dg-grid-box--2 {
    position: absolute;
    width: 651px;
    height: 304px;
    left: 34%;
    bottom: -170px;
    z-index: -2;
    background-color: #f8f6f4; }
  .dg-grid-box--3 {
    position: absolute;
    width: 915px;
    height: 642px;
    right: 7%;
    bottom: -140px;
    z-index: -2;
    background-color: #f8f6f4; }
  @media screen and (min-width: 1000px) {
    .dg-grid {
      margin-top: -440px;
      padding-bottom: 100px; } }
  @media screen and (min-width: 1250px) {
    .dg-grid {
      margin-top: -520px; } }
  .dg-grid-item.denim-item--1 {
    position: relative;
    /*@include media($screen-desktop-lg) {
    width: calc(50% + 1400px / 2);
  }*/ }
    .dg-grid-item.denim-item--1:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 33.3333333333%; }
    .dg-grid-item.denim-item--1 > .content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    @media screen and (min-width: 768px) {
      .dg-grid-item.denim-item--1 {
        margin-top: 30px;
        position: relative; }
        .dg-grid-item.denim-item--1:before {
          display: block;
          content: "";
          width: 100%;
          padding-top: 33.66%; }
        .dg-grid-item.denim-item--1 > .content {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; } }
    @media screen and (min-width: 1000px) {
      .dg-grid-item.denim-item--1 {
        position: relative; }
        .dg-grid-item.denim-item--1:before {
          display: block;
          content: "";
          width: 100%;
          padding-top: 19.66%; }
        .dg-grid-item.denim-item--1 > .content {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; } }
    .dg-grid-item.denim-item--1 .inner-bg {
      background: #edd4c4;
      width: 100%;
      height: 56.25vw; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--1 .inner-bg {
          height: 30.2083333333vw; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--1 .inner-bg {
          height: 43.75vw; } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--1 .inner-bg {
          height: 505px;
          max-height: 505px; } }
    .dg-grid-item.denim-item--1 .full-img {
      position: relative;
      width: 62.5vw;
      background-image: url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/denim-guide/freedom-jacket-photo.jpg");
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }
      .dg-grid-item.denim-item--1 .full-img:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 150%; }
      .dg-grid-item.denim-item--1 .full-img > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--1 .full-img {
          width: 40vw; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--1 .full-img {
          width: 40vw; } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--1 .full-img {
          width: 540px; } }
    .dg-grid-item.denim-item--1 .front-img {
      position: relative;
      width: 37.5vw;
      background-image: url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/denim-guide/freedom-jacket-product-img.png");
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat; }
      .dg-grid-item.denim-item--1 .front-img:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 200%; }
      .dg-grid-item.denim-item--1 .front-img > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--1 .front-img {
          position: relative;
          width: 20vw; }
          .dg-grid-item.denim-item--1 .front-img:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 250%; }
          .dg-grid-item.denim-item--1 .front-img > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--1 .front-img {
          position: relative;
          width: 200px; }
          .dg-grid-item.denim-item--1 .front-img:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 279.279279279%; }
          .dg-grid-item.denim-item--1 .front-img > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; } }
    .dg-grid-item.denim-item--1 .dg-grid-item-info,
    .dg-grid-item.denim-item--1 .dg-grid-item-info-alt {
      display: none;
      position: absolute; }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--1 .dg-grid-item-info,
        .dg-grid-item.denim-item--1 .dg-grid-item-info-alt {
          display: block; } }
      .dg-grid-item.denim-item--1 .dg-grid-item-info:after,
      .dg-grid-item.denim-item--1 .dg-grid-item-info-alt:after {
        content: "";
        display: block;
        width: 6px;
        top: 0;
        height: 50%;
        position: absolute;
        background: #bc6a60;
        left: -30px; }
      .dg-grid-item.denim-item--1 .dg-grid-item-info h3,
      .dg-grid-item.denim-item--1 .dg-grid-item-info-alt h3 {
        color: #bc6a60;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 20px; }
        @media screen and (min-width: 1000px) {
          .dg-grid-item.denim-item--1 .dg-grid-item-info h3,
          .dg-grid-item.denim-item--1 .dg-grid-item-info-alt h3 {
            font-size: 40px;
            line-height: 48px; } }
      .dg-grid-item.denim-item--1 .dg-grid-item-info p,
      .dg-grid-item.denim-item--1 .dg-grid-item-info-alt p {
        padding-top: 20px;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        margin-bottom: 20px; }
      .dg-grid-item.denim-item--1 .dg-grid-item-info ul,
      .dg-grid-item.denim-item--1 .dg-grid-item-info-alt ul {
        margin-bottom: 20px;
        padding-left: 25px;
        font-size: 14px;
        position: relative; }
        .dg-grid-item.denim-item--1 .dg-grid-item-info ul li,
        .dg-grid-item.denim-item--1 .dg-grid-item-info-alt ul li {
          margin-bottom: 5px; }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--1 .dg-grid-item-info,
        .dg-grid-item.denim-item--1 .dg-grid-item-info-alt {
          width: calc(100vw - 40vw - 20vw - 30px * 3);
          height: 43.75vw;
          left: calc(40% + 20vw + 30px * 2); } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--1 .dg-grid-item-info,
        .dg-grid-item.denim-item--1 .dg-grid-item-info-alt {
          width: calc( 1200px - 540px - 200px - 30px * 3);
          padding-right: 60px;
          height: 532px;
          max-height: 532px; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--1 {
        width: calc(50% + 1200px / 2);
        margin-left: auto; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--1 .inner-bg {
        position: relative; } }
    .dg-grid-item.denim-item--1 .full-img-wrapper {
      position: absolute;
      right: 37.5%;
      bottom: 5%; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--1 .full-img-wrapper {
          right: 50%;
          bottom: 30px; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--1 .full-img-wrapper {
          right: 60%;
          bottom: 30px; } }
    .dg-grid-item.denim-item--1 .front-img-wrapper {
      position: absolute;
      bottom: -10%;
      left: 62.5%; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--1 .front-img-wrapper {
          left: calc(50% + 40px);
          bottom: 40px; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--1 .front-img-wrapper {
          left: 40%; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--1 .full-img-wrapper {
        top: auto;
        right: auto;
        bottom: -80px;
        left: 30px; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--1 .front-img-wrapper {
        top: auto;
        right: auto;
        bottom: calc((532px - 200px * 620 / 222) / 2);
        left: calc(540px + 30px + 30px); } }
    .dg-grid-item.denim-item--1 .dg-grid-item-info {
      bottom: calc(40px * 2 + 20px); }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--1 .dg-grid-item-info {
          bottom: calc(35px * 2 + 20px); } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--1 .dg-grid-item-info {
          top: auto;
          right: auto;
          bottom: 0;
          left: calc(540px + 200px + 30px * 4);
          bottom: calc(35px * 2 + 20px); } }
    @media screen and (min-width: 768px) {
      .dg-grid-item.denim-item--1 .front-img {
        width: 37vw; }
        .dg-grid-item.denim-item--1 .front-img:before {
          padding-top: 120%; } }
    @media screen and (min-width: 1000px) {
      .dg-grid-item.denim-item--1 .front-img {
        width: 334px;
        right: 90px;
        top: 10px; }
        .dg-grid-item.denim-item--1 .front-img:before {
          padding-top: 190%; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--1 .front-img {
        width: 380px;
        right: 142px;
        top: 10px; }
        .dg-grid-item.denim-item--1 .front-img:before {
          padding-top: 220%; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--1 {
        margin-top: 150px;
        margin-bottom: calc(120px + 185px); }
        .dg-grid-item.denim-item--1:before {
          padding-top: 218px; } }
    @media screen and (min-width: 1440px) {
      .dg-grid-item.denim-item--1:before {
        padding-top: 218px; } }
  .dg-grid-item.denim-item--2 {
    position: relative; }
    .dg-grid-item.denim-item--2:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 33.3333333333%; }
    .dg-grid-item.denim-item--2 > .content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    @media screen and (min-width: 768px) {
      .dg-grid-item.denim-item--2 {
        margin-top: 30px;
        position: relative; }
        .dg-grid-item.denim-item--2:before {
          display: block;
          content: "";
          width: 100%;
          padding-top: 33.66%; }
        .dg-grid-item.denim-item--2 > .content {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; } }
    @media screen and (min-width: 1000px) {
      .dg-grid-item.denim-item--2 {
        position: relative; }
        .dg-grid-item.denim-item--2:before {
          display: block;
          content: "";
          width: 100%;
          padding-top: 19.66%; }
        .dg-grid-item.denim-item--2 > .content {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; } }
    .dg-grid-item.denim-item--2 .inner-bg {
      background: #e9e1d5;
      width: 100%;
      height: 56.25vw; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--2 .inner-bg {
          height: 30.2083333333vw; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--2 .inner-bg {
          height: 43.75vw; } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--2 .inner-bg {
          height: 505px;
          max-height: 505px; } }
    .dg-grid-item.denim-item--2 .full-img {
      position: relative;
      width: 62.5vw;
      background-image: url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/denim-guide/slim-boyfriend-photo.jpg");
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }
      .dg-grid-item.denim-item--2 .full-img:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 150%; }
      .dg-grid-item.denim-item--2 .full-img > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--2 .full-img {
          width: 40vw; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--2 .full-img {
          width: 40vw; } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--2 .full-img {
          width: 540px; } }
    .dg-grid-item.denim-item--2 .front-img {
      position: relative;
      width: 37.5vw;
      background-image: url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/denim-guide/slim-boyfriend-product-img.png");
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat; }
      .dg-grid-item.denim-item--2 .front-img:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 200%; }
      .dg-grid-item.denim-item--2 .front-img > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--2 .front-img {
          position: relative;
          width: 20vw; }
          .dg-grid-item.denim-item--2 .front-img:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 250%; }
          .dg-grid-item.denim-item--2 .front-img > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--2 .front-img {
          position: relative;
          width: 200px; }
          .dg-grid-item.denim-item--2 .front-img:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 279.279279279%; }
          .dg-grid-item.denim-item--2 .front-img > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; } }
    .dg-grid-item.denim-item--2 .dg-grid-item-info,
    .dg-grid-item.denim-item--2 .dg-grid-item-info-alt {
      display: none;
      position: absolute; }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--2 .dg-grid-item-info,
        .dg-grid-item.denim-item--2 .dg-grid-item-info-alt {
          display: block; } }
      .dg-grid-item.denim-item--2 .dg-grid-item-info:after,
      .dg-grid-item.denim-item--2 .dg-grid-item-info-alt:after {
        content: "";
        display: block;
        width: 6px;
        top: 0;
        height: 50%;
        position: absolute;
        background: #4f3b1a;
        left: -30px; }
      .dg-grid-item.denim-item--2 .dg-grid-item-info h3,
      .dg-grid-item.denim-item--2 .dg-grid-item-info-alt h3 {
        color: #4f3b1a;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 20px; }
        @media screen and (min-width: 1000px) {
          .dg-grid-item.denim-item--2 .dg-grid-item-info h3,
          .dg-grid-item.denim-item--2 .dg-grid-item-info-alt h3 {
            font-size: 40px;
            line-height: 48px; } }
      .dg-grid-item.denim-item--2 .dg-grid-item-info p,
      .dg-grid-item.denim-item--2 .dg-grid-item-info-alt p {
        padding-top: 20px;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        margin-bottom: 20px; }
      .dg-grid-item.denim-item--2 .dg-grid-item-info ul,
      .dg-grid-item.denim-item--2 .dg-grid-item-info-alt ul {
        margin-bottom: 20px;
        padding-left: 25px;
        font-size: 14px;
        position: relative; }
        .dg-grid-item.denim-item--2 .dg-grid-item-info ul li,
        .dg-grid-item.denim-item--2 .dg-grid-item-info-alt ul li {
          margin-bottom: 5px; }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--2 .dg-grid-item-info,
        .dg-grid-item.denim-item--2 .dg-grid-item-info-alt {
          width: calc(100vw - 40vw - 20vw - 30px * 3);
          height: 43.75vw;
          left: calc(40% + 20vw + 30px * 2); } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--2 .dg-grid-item-info,
        .dg-grid-item.denim-item--2 .dg-grid-item-info-alt {
          width: calc( 1200px - 540px - 200px - 30px * 3);
          padding-right: 30px;
          height: 532px;
          max-height: 532px; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--2 {
        width: calc(50% + 1200px / 2); } }
    @media screen and (min-width: 1440px) {
      .dg-grid-item.denim-item--2 {
        width: calc(50% + 1400px / 2); } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--2 .inner-bg {
        position: relative;
        left: 0; } }
    .dg-grid-item.denim-item--2 .full-img-wrapper {
      position: absolute;
      right: auto;
      left: 37.5%;
      bottom: 5%; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--2 .full-img-wrapper {
          right: auto;
          left: 50%;
          bottom: 30px; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--2 .full-img-wrapper {
          right: auto;
          left: 60%;
          bottom: 30px; } }
    .dg-grid-item.denim-item--2 .front-img-wrapper {
      position: absolute;
      left: auto;
      right: 62.5%;
      bottom: -10%; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--2 .front-img-wrapper {
          left: auto;
          right: calc(50% + 40px);
          bottom: 40px; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--2 .front-img-wrapper {
          left: auto;
          right: 40%; } }
    @media screen and (min-width: 1000px) {
      .dg-grid-item.denim-item--2 .dg-grid-item-info {
        left: auto;
        right: calc(40% + 20vw); } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--2 .full-img-wrapper {
        top: auto;
        right: 30px;
        bottom: -80px;
        left: auto; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--2 .front-img-wrapper {
        top: auto;
        right: calc(540px + 30px + 30px);
        bottom: calc((532px - 200px * 620 / 222) / 2);
        left: auto; } }
    .dg-grid-item.denim-item--2 .dg-grid-item-info {
      bottom: calc(40px * 2 + 20px); }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--2 .dg-grid-item-info {
          bottom: calc(35px * 2 + 20px); } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--2 .dg-grid-item-info {
          top: auto;
          right: calc(540px + 200px + 30px * 2);
          bottom: 0;
          left: auto;
          bottom: calc(35px * 2 + 20px); } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--2 {
        margin-bottom: calc(200px); }
        .dg-grid-item.denim-item--2:before {
          padding-top: 175px; } }
    @media screen and (min-width: 1440px) {
      .dg-grid-item.denim-item--2:before {
        padding-top: 175px; } }
  .dg-grid-item.denim-item--3 {
    position: relative;
    /*@include media($screen-desktop-lg) {
    width: calc(50% + 1400px / 2);
  }*/ }
    .dg-grid-item.denim-item--3:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 33.3333333333%; }
    .dg-grid-item.denim-item--3 > .content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    @media screen and (min-width: 768px) {
      .dg-grid-item.denim-item--3 {
        margin-top: 30px;
        position: relative; }
        .dg-grid-item.denim-item--3:before {
          display: block;
          content: "";
          width: 100%;
          padding-top: 33.66%; }
        .dg-grid-item.denim-item--3 > .content {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; } }
    @media screen and (min-width: 1000px) {
      .dg-grid-item.denim-item--3 {
        position: relative; }
        .dg-grid-item.denim-item--3:before {
          display: block;
          content: "";
          width: 100%;
          padding-top: 19.66%; }
        .dg-grid-item.denim-item--3 > .content {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; } }
    .dg-grid-item.denim-item--3 .inner-bg {
      background: #ffeed5;
      width: 100%;
      height: 56.25vw; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--3 .inner-bg {
          height: 30.2083333333vw; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--3 .inner-bg {
          height: 43.75vw; } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--3 .inner-bg {
          height: 505px;
          max-height: 505px; } }
    .dg-grid-item.denim-item--3 .full-img {
      position: relative;
      width: 62.5vw;
      background-image: url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/denim-guide/cinch-skinny-photo.jpg");
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }
      .dg-grid-item.denim-item--3 .full-img:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 150%; }
      .dg-grid-item.denim-item--3 .full-img > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--3 .full-img {
          width: 40vw; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--3 .full-img {
          width: 40vw; } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--3 .full-img {
          width: 540px; } }
    .dg-grid-item.denim-item--3 .front-img {
      position: relative;
      width: 37.5vw;
      background-image: url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/denim-guide/cinch-skinny-product-img.png");
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat; }
      .dg-grid-item.denim-item--3 .front-img:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 200%; }
      .dg-grid-item.denim-item--3 .front-img > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--3 .front-img {
          position: relative;
          width: 20vw; }
          .dg-grid-item.denim-item--3 .front-img:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 250%; }
          .dg-grid-item.denim-item--3 .front-img > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--3 .front-img {
          position: relative;
          width: 200px; }
          .dg-grid-item.denim-item--3 .front-img:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 279.279279279%; }
          .dg-grid-item.denim-item--3 .front-img > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; } }
    .dg-grid-item.denim-item--3 .dg-grid-item-info,
    .dg-grid-item.denim-item--3 .dg-grid-item-info-alt {
      display: none;
      position: absolute; }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--3 .dg-grid-item-info,
        .dg-grid-item.denim-item--3 .dg-grid-item-info-alt {
          display: block; } }
      .dg-grid-item.denim-item--3 .dg-grid-item-info:after,
      .dg-grid-item.denim-item--3 .dg-grid-item-info-alt:after {
        content: "";
        display: block;
        width: 6px;
        top: 0;
        height: 50%;
        position: absolute;
        background: #dca85f;
        left: -30px; }
      .dg-grid-item.denim-item--3 .dg-grid-item-info h3,
      .dg-grid-item.denim-item--3 .dg-grid-item-info-alt h3 {
        color: #dca85f;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 20px; }
        @media screen and (min-width: 1000px) {
          .dg-grid-item.denim-item--3 .dg-grid-item-info h3,
          .dg-grid-item.denim-item--3 .dg-grid-item-info-alt h3 {
            font-size: 40px;
            line-height: 48px; } }
      .dg-grid-item.denim-item--3 .dg-grid-item-info p,
      .dg-grid-item.denim-item--3 .dg-grid-item-info-alt p {
        padding-top: 20px;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        margin-bottom: 20px; }
      .dg-grid-item.denim-item--3 .dg-grid-item-info ul,
      .dg-grid-item.denim-item--3 .dg-grid-item-info-alt ul {
        margin-bottom: 20px;
        padding-left: 25px;
        font-size: 14px;
        position: relative; }
        .dg-grid-item.denim-item--3 .dg-grid-item-info ul li,
        .dg-grid-item.denim-item--3 .dg-grid-item-info-alt ul li {
          margin-bottom: 5px; }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--3 .dg-grid-item-info,
        .dg-grid-item.denim-item--3 .dg-grid-item-info-alt {
          width: calc(100vw - 40vw - 20vw - 30px * 3);
          height: 43.75vw;
          left: calc(40% + 20vw + 30px * 2); } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--3 .dg-grid-item-info,
        .dg-grid-item.denim-item--3 .dg-grid-item-info-alt {
          width: calc( 1200px - 540px - 200px - 30px * 3);
          padding-right: 60px;
          height: 532px;
          max-height: 532px; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--3 {
        width: calc(50% + 1200px / 2);
        margin-left: auto; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--3 .inner-bg {
        position: relative; } }
    .dg-grid-item.denim-item--3 .full-img-wrapper {
      position: absolute;
      right: 37.5%;
      bottom: 5%; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--3 .full-img-wrapper {
          right: 50%;
          bottom: 30px; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--3 .full-img-wrapper {
          right: 60%;
          bottom: 30px; } }
    .dg-grid-item.denim-item--3 .front-img-wrapper {
      position: absolute;
      bottom: -10%;
      left: 62.5%; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--3 .front-img-wrapper {
          left: calc(50% + 40px);
          bottom: 40px; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--3 .front-img-wrapper {
          left: 40%; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--3 .full-img-wrapper {
        top: auto;
        right: auto;
        bottom: -80px;
        left: 30px; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--3 .front-img-wrapper {
        top: auto;
        right: auto;
        bottom: calc((532px - 200px * 620 / 222) / 2);
        left: calc(540px + 40px + 30px); } }
    .dg-grid-item.denim-item--3 .dg-grid-item-info {
      bottom: calc(40px * 2 + 20px); }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--3 .dg-grid-item-info {
          bottom: calc(35px * 2 + 20px); } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--3 .dg-grid-item-info {
          top: auto;
          right: auto;
          bottom: 0;
          left: calc(540px + 40px + 200px + 30px * 3);
          bottom: calc(35px * 2 + 20px); } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--3 {
        margin-bottom: calc(120px + 40px + 50px); }
        .dg-grid-item.denim-item--3:before {
          padding-top: 238px; } }
    @media screen and (min-width: 1440px) {
      .dg-grid-item.denim-item--3:before {
        padding-top: 238px; } }
  .dg-grid-item.denim-item--4 {
    position: relative; }
    .dg-grid-item.denim-item--4:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 33.3333333333%; }
    .dg-grid-item.denim-item--4 > .content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    @media screen and (min-width: 768px) {
      .dg-grid-item.denim-item--4 {
        margin-top: 30px;
        position: relative; }
        .dg-grid-item.denim-item--4:before {
          display: block;
          content: "";
          width: 100%;
          padding-top: 33.66%; }
        .dg-grid-item.denim-item--4 > .content {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; } }
    @media screen and (min-width: 1000px) {
      .dg-grid-item.denim-item--4 {
        position: relative; }
        .dg-grid-item.denim-item--4:before {
          display: block;
          content: "";
          width: 100%;
          padding-top: 19.66%; }
        .dg-grid-item.denim-item--4 > .content {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; } }
    .dg-grid-item.denim-item--4 .inner-bg {
      background: #dee0d4;
      width: 100%;
      height: 56.25vw; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--4 .inner-bg {
          height: 30.2083333333vw; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--4 .inner-bg {
          height: 43.75vw; } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--4 .inner-bg {
          height: 505px;
          max-height: 505px; } }
    .dg-grid-item.denim-item--4 .full-img {
      position: relative;
      width: 62.5vw;
      background-image: url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/denim-guide/rebel-shirt-photo.jpg");
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }
      .dg-grid-item.denim-item--4 .full-img:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 150%; }
      .dg-grid-item.denim-item--4 .full-img > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--4 .full-img {
          width: 40vw; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--4 .full-img {
          width: 40vw; } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--4 .full-img {
          width: 540px; } }
    .dg-grid-item.denim-item--4 .front-img {
      position: relative;
      width: 37.5vw;
      background-image: url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/denim-guide/rebel-shirt-product-img.png");
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat; }
      .dg-grid-item.denim-item--4 .front-img:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 200%; }
      .dg-grid-item.denim-item--4 .front-img > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--4 .front-img {
          position: relative;
          width: 20vw; }
          .dg-grid-item.denim-item--4 .front-img:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 250%; }
          .dg-grid-item.denim-item--4 .front-img > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--4 .front-img {
          position: relative;
          width: 200px; }
          .dg-grid-item.denim-item--4 .front-img:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 279.279279279%; }
          .dg-grid-item.denim-item--4 .front-img > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; } }
    .dg-grid-item.denim-item--4 .dg-grid-item-info,
    .dg-grid-item.denim-item--4 .dg-grid-item-info-alt {
      display: none;
      position: absolute; }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--4 .dg-grid-item-info,
        .dg-grid-item.denim-item--4 .dg-grid-item-info-alt {
          display: block; } }
      .dg-grid-item.denim-item--4 .dg-grid-item-info:after,
      .dg-grid-item.denim-item--4 .dg-grid-item-info-alt:after {
        content: "";
        display: block;
        width: 6px;
        top: 0;
        height: 50%;
        position: absolute;
        background: #576034;
        left: -30px; }
      .dg-grid-item.denim-item--4 .dg-grid-item-info h3,
      .dg-grid-item.denim-item--4 .dg-grid-item-info-alt h3 {
        color: #576034;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 20px; }
        @media screen and (min-width: 1000px) {
          .dg-grid-item.denim-item--4 .dg-grid-item-info h3,
          .dg-grid-item.denim-item--4 .dg-grid-item-info-alt h3 {
            font-size: 40px;
            line-height: 48px; } }
      .dg-grid-item.denim-item--4 .dg-grid-item-info p,
      .dg-grid-item.denim-item--4 .dg-grid-item-info-alt p {
        padding-top: 20px;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        margin-bottom: 20px; }
      .dg-grid-item.denim-item--4 .dg-grid-item-info ul,
      .dg-grid-item.denim-item--4 .dg-grid-item-info-alt ul {
        margin-bottom: 20px;
        padding-left: 25px;
        font-size: 14px;
        position: relative; }
        .dg-grid-item.denim-item--4 .dg-grid-item-info ul li,
        .dg-grid-item.denim-item--4 .dg-grid-item-info-alt ul li {
          margin-bottom: 5px; }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--4 .dg-grid-item-info,
        .dg-grid-item.denim-item--4 .dg-grid-item-info-alt {
          width: calc(100vw - 40vw - 20vw - 30px * 3);
          height: 43.75vw;
          left: calc(40% + 20vw + 30px * 2); } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--4 .dg-grid-item-info,
        .dg-grid-item.denim-item--4 .dg-grid-item-info-alt {
          width: calc( 1200px - 540px - 200px - 30px * 3);
          padding-right: 30px;
          height: 532px;
          max-height: 532px; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--4 {
        width: calc(50% + 1200px / 2); } }
    @media screen and (min-width: 1440px) {
      .dg-grid-item.denim-item--4 {
        width: calc(50% + 1400px / 2); } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--4 .inner-bg {
        position: relative;
        left: 0; } }
    .dg-grid-item.denim-item--4 .full-img-wrapper {
      position: absolute;
      right: auto;
      left: 37.5%;
      bottom: 5%; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--4 .full-img-wrapper {
          right: auto;
          left: 50%;
          bottom: 30px; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--4 .full-img-wrapper {
          right: auto;
          left: 60%;
          bottom: 30px; } }
    .dg-grid-item.denim-item--4 .front-img-wrapper {
      position: absolute;
      left: auto;
      right: 62.5%;
      bottom: -10%; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--4 .front-img-wrapper {
          left: auto;
          right: calc(50% + 40px);
          bottom: 40px; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--4 .front-img-wrapper {
          left: auto;
          right: 40%; } }
    @media screen and (min-width: 1000px) {
      .dg-grid-item.denim-item--4 .dg-grid-item-info {
        left: auto;
        right: calc(40% + 20vw); } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--4 .full-img-wrapper {
        top: auto;
        right: 30px;
        bottom: -10px;
        left: auto; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--4 .front-img-wrapper {
        top: auto;
        right: calc(540px + 30px + 30px);
        bottom: calc((532px - 200px * 620 / 222) / 2);
        left: auto; } }
    .dg-grid-item.denim-item--4 .dg-grid-item-info {
      bottom: calc(40px * 2 + 20px); }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--4 .dg-grid-item-info {
          bottom: calc(35px * 2 + 20px); } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--4 .dg-grid-item-info {
          top: auto;
          right: calc(540px + 200px + 30px * 2);
          bottom: 0;
          left: auto;
          bottom: calc(35px * 2 + 20px); } }
    @media screen and (min-width: 768px) {
      .dg-grid-item.denim-item--4 .front-img {
        width: 37vw; }
        .dg-grid-item.denim-item--4 .front-img:before {
          padding-top: 120%; } }
    @media screen and (min-width: 1000px) {
      .dg-grid-item.denim-item--4 .front-img {
        width: 334px;
        right: -130px;
        top: 10px; }
        .dg-grid-item.denim-item--4 .front-img:before {
          padding-top: 190%; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--4 .front-img {
        width: 380px;
        right: -130px;
        top: 10px; }
        .dg-grid-item.denim-item--4 .front-img:before {
          padding-top: 220%; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--4 {
        margin-bottom: calc(120px + 87px + 50px); }
        .dg-grid-item.denim-item--4:before {
          padding-top: 253px; } }
    @media screen and (min-width: 1440px) {
      .dg-grid-item.denim-item--4:before {
        padding-top: 253px; } }
  .dg-grid-item.denim-item--5 {
    position: relative;
    /*@include media($screen-desktop-lg) {
    width: calc(50% + 1400px / 2);
  }*/ }
    .dg-grid-item.denim-item--5:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 33.3333333333%; }
    .dg-grid-item.denim-item--5 > .content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    @media screen and (min-width: 768px) {
      .dg-grid-item.denim-item--5 {
        margin-top: 30px;
        position: relative; }
        .dg-grid-item.denim-item--5:before {
          display: block;
          content: "";
          width: 100%;
          padding-top: 33.66%; }
        .dg-grid-item.denim-item--5 > .content {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; } }
    @media screen and (min-width: 1000px) {
      .dg-grid-item.denim-item--5 {
        position: relative; }
        .dg-grid-item.denim-item--5:before {
          display: block;
          content: "";
          width: 100%;
          padding-top: 19.66%; }
        .dg-grid-item.denim-item--5 > .content {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; } }
    .dg-grid-item.denim-item--5 .inner-bg {
      background: #e9cccf;
      width: 100%;
      height: 56.25vw; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--5 .inner-bg {
          height: 30.2083333333vw; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--5 .inner-bg {
          height: 43.75vw; } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--5 .inner-bg {
          height: 505px;
          max-height: 505px; } }
    .dg-grid-item.denim-item--5 .full-img {
      position: relative;
      width: 62.5vw;
      background-image: url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/denim-guide/higher-straight-photo.jpg");
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }
      .dg-grid-item.denim-item--5 .full-img:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 150%; }
      .dg-grid-item.denim-item--5 .full-img > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--5 .full-img {
          width: 40vw; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--5 .full-img {
          width: 40vw; } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--5 .full-img {
          width: 540px; } }
    .dg-grid-item.denim-item--5 .front-img {
      position: relative;
      width: 37.5vw;
      background-image: url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/denim-guide/higher-straight-product-img.png");
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat; }
      .dg-grid-item.denim-item--5 .front-img:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 200%; }
      .dg-grid-item.denim-item--5 .front-img > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--5 .front-img {
          position: relative;
          width: 20vw; }
          .dg-grid-item.denim-item--5 .front-img:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 250%; }
          .dg-grid-item.denim-item--5 .front-img > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--5 .front-img {
          position: relative;
          width: 200px; }
          .dg-grid-item.denim-item--5 .front-img:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 279.279279279%; }
          .dg-grid-item.denim-item--5 .front-img > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; } }
    .dg-grid-item.denim-item--5 .dg-grid-item-info,
    .dg-grid-item.denim-item--5 .dg-grid-item-info-alt {
      display: none;
      position: absolute; }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--5 .dg-grid-item-info,
        .dg-grid-item.denim-item--5 .dg-grid-item-info-alt {
          display: block; } }
      .dg-grid-item.denim-item--5 .dg-grid-item-info:after,
      .dg-grid-item.denim-item--5 .dg-grid-item-info-alt:after {
        content: "";
        display: block;
        width: 6px;
        top: 0;
        height: 50%;
        position: absolute;
        background: #a9506d;
        left: -30px; }
      .dg-grid-item.denim-item--5 .dg-grid-item-info h3,
      .dg-grid-item.denim-item--5 .dg-grid-item-info-alt h3 {
        color: #a9506d;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 20px; }
        @media screen and (min-width: 1000px) {
          .dg-grid-item.denim-item--5 .dg-grid-item-info h3,
          .dg-grid-item.denim-item--5 .dg-grid-item-info-alt h3 {
            font-size: 40px;
            line-height: 48px; } }
      .dg-grid-item.denim-item--5 .dg-grid-item-info p,
      .dg-grid-item.denim-item--5 .dg-grid-item-info-alt p {
        padding-top: 20px;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        margin-bottom: 20px; }
      .dg-grid-item.denim-item--5 .dg-grid-item-info ul,
      .dg-grid-item.denim-item--5 .dg-grid-item-info-alt ul {
        margin-bottom: 20px;
        padding-left: 25px;
        font-size: 14px;
        position: relative; }
        .dg-grid-item.denim-item--5 .dg-grid-item-info ul li,
        .dg-grid-item.denim-item--5 .dg-grid-item-info-alt ul li {
          margin-bottom: 5px; }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--5 .dg-grid-item-info,
        .dg-grid-item.denim-item--5 .dg-grid-item-info-alt {
          width: calc(100vw - 40vw - 20vw - 30px * 3);
          height: 43.75vw;
          left: calc(40% + 20vw + 30px * 2); } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--5 .dg-grid-item-info,
        .dg-grid-item.denim-item--5 .dg-grid-item-info-alt {
          width: calc( 1200px - 540px - 200px - 30px * 3);
          padding-right: 60px;
          height: 532px;
          max-height: 532px; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--5 {
        width: calc(50% + 1200px / 2);
        margin-left: auto; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--5 .inner-bg {
        position: relative; } }
    .dg-grid-item.denim-item--5 .full-img-wrapper {
      position: absolute;
      right: 37.5%;
      bottom: 5%; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--5 .full-img-wrapper {
          right: 50%;
          bottom: 30px; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--5 .full-img-wrapper {
          right: 60%;
          bottom: 30px; } }
    .dg-grid-item.denim-item--5 .front-img-wrapper {
      position: absolute;
      bottom: -10%;
      left: 62.5%; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--5 .front-img-wrapper {
          left: calc(50% + 40px);
          bottom: 40px; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--5 .front-img-wrapper {
          left: 40%; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--5 .full-img-wrapper {
        top: auto;
        right: auto;
        bottom: -80px;
        left: 30px; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--5 .front-img-wrapper {
        top: auto;
        right: auto;
        bottom: calc((532px - 200px * 620 / 222) / 2);
        left: calc(40px + 540px + 30px); } }
    .dg-grid-item.denim-item--5 .dg-grid-item-info {
      bottom: calc(40px * 2 + 20px); }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--5 .dg-grid-item-info {
          bottom: calc(35px * 2 + 20px); } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--5 .dg-grid-item-info {
          top: auto;
          right: auto;
          bottom: 0;
          left: calc(40px + 540px + 200px + 30px * 3);
          bottom: calc(35px * 2 + 20px); } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--5 {
        margin-bottom: calc(120px + 40px + 50px); }
        .dg-grid-item.denim-item--5:before {
          padding-top: 238px; } }
    @media screen and (min-width: 1440px) {
      .dg-grid-item.denim-item--5:before {
        padding-top: 238px; } }
  .dg-grid-item.denim-item--6 {
    position: relative; }
    .dg-grid-item.denim-item--6:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 33.3333333333%; }
    .dg-grid-item.denim-item--6 > .content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    @media screen and (min-width: 768px) {
      .dg-grid-item.denim-item--6 {
        margin-top: 30px;
        position: relative; }
        .dg-grid-item.denim-item--6:before {
          display: block;
          content: "";
          width: 100%;
          padding-top: 33.66%; }
        .dg-grid-item.denim-item--6 > .content {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; } }
    @media screen and (min-width: 1000px) {
      .dg-grid-item.denim-item--6 {
        position: relative; }
        .dg-grid-item.denim-item--6:before {
          display: block;
          content: "";
          width: 100%;
          padding-top: 19.66%; }
        .dg-grid-item.denim-item--6 > .content {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; } }
    .dg-grid-item.denim-item--6 .inner-bg {
      background: #ccd7d7;
      width: 100%;
      height: 56.25vw; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--6 .inner-bg {
          height: 30.2083333333vw; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--6 .inner-bg {
          height: 43.75vw; } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--6 .inner-bg {
          height: 505px;
          max-height: 505px; } }
    .dg-grid-item.denim-item--6 .full-img {
      position: relative;
      width: 62.5vw;
      background-image: url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/denim-guide/the-skinny-photo.jpg");
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }
      .dg-grid-item.denim-item--6 .full-img:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 150%; }
      .dg-grid-item.denim-item--6 .full-img > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--6 .full-img {
          width: 40vw; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--6 .full-img {
          width: 40vw; } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--6 .full-img {
          width: 540px; } }
    .dg-grid-item.denim-item--6 .front-img {
      position: relative;
      width: 37.5vw;
      background-image: url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/denim-guide/the-skinny-product-img.png");
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat; }
      .dg-grid-item.denim-item--6 .front-img:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 200%; }
      .dg-grid-item.denim-item--6 .front-img > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--6 .front-img {
          position: relative;
          width: 20vw; }
          .dg-grid-item.denim-item--6 .front-img:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 250%; }
          .dg-grid-item.denim-item--6 .front-img > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--6 .front-img {
          position: relative;
          width: 200px; }
          .dg-grid-item.denim-item--6 .front-img:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 279.279279279%; }
          .dg-grid-item.denim-item--6 .front-img > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; } }
    .dg-grid-item.denim-item--6 .dg-grid-item-info,
    .dg-grid-item.denim-item--6 .dg-grid-item-info-alt {
      display: none;
      position: absolute; }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--6 .dg-grid-item-info,
        .dg-grid-item.denim-item--6 .dg-grid-item-info-alt {
          display: block; } }
      .dg-grid-item.denim-item--6 .dg-grid-item-info:after,
      .dg-grid-item.denim-item--6 .dg-grid-item-info-alt:after {
        content: "";
        display: block;
        width: 6px;
        top: 0;
        height: 50%;
        position: absolute;
        background: #61787d;
        left: -30px; }
      .dg-grid-item.denim-item--6 .dg-grid-item-info h3,
      .dg-grid-item.denim-item--6 .dg-grid-item-info-alt h3 {
        color: #61787d;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 20px; }
        @media screen and (min-width: 1000px) {
          .dg-grid-item.denim-item--6 .dg-grid-item-info h3,
          .dg-grid-item.denim-item--6 .dg-grid-item-info-alt h3 {
            font-size: 40px;
            line-height: 48px; } }
      .dg-grid-item.denim-item--6 .dg-grid-item-info p,
      .dg-grid-item.denim-item--6 .dg-grid-item-info-alt p {
        padding-top: 20px;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        margin-bottom: 20px; }
      .dg-grid-item.denim-item--6 .dg-grid-item-info ul,
      .dg-grid-item.denim-item--6 .dg-grid-item-info-alt ul {
        margin-bottom: 20px;
        padding-left: 25px;
        font-size: 14px;
        position: relative; }
        .dg-grid-item.denim-item--6 .dg-grid-item-info ul li,
        .dg-grid-item.denim-item--6 .dg-grid-item-info-alt ul li {
          margin-bottom: 5px; }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--6 .dg-grid-item-info,
        .dg-grid-item.denim-item--6 .dg-grid-item-info-alt {
          width: calc(100vw - 40vw - 20vw - 30px * 3);
          height: 43.75vw;
          left: calc(40% + 20vw + 30px * 2); } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--6 .dg-grid-item-info,
        .dg-grid-item.denim-item--6 .dg-grid-item-info-alt {
          width: calc( 1200px - 540px - 200px - 30px * 3);
          padding-right: 30px;
          height: 532px;
          max-height: 532px; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--6 {
        width: calc(50% + 1200px / 2); } }
    @media screen and (min-width: 1440px) {
      .dg-grid-item.denim-item--6 {
        width: calc(50% + 1400px / 2); } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--6 .inner-bg {
        position: relative;
        left: 0; } }
    .dg-grid-item.denim-item--6 .full-img-wrapper {
      position: absolute;
      right: auto;
      left: 37.5%;
      bottom: 5%; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--6 .full-img-wrapper {
          right: auto;
          left: 50%;
          bottom: 30px; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--6 .full-img-wrapper {
          right: auto;
          left: 60%;
          bottom: 30px; } }
    .dg-grid-item.denim-item--6 .front-img-wrapper {
      position: absolute;
      left: auto;
      right: 62.5%;
      bottom: -10%; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--6 .front-img-wrapper {
          left: auto;
          right: calc(50% + 40px);
          bottom: 40px; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--6 .front-img-wrapper {
          left: auto;
          right: 40%; } }
    @media screen and (min-width: 1000px) {
      .dg-grid-item.denim-item--6 .dg-grid-item-info {
        left: auto;
        right: calc(40% + 20vw); } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--6 .full-img-wrapper {
        top: auto;
        right: 30px;
        bottom: -80px;
        left: auto; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--6 .front-img-wrapper {
        top: auto;
        right: calc(540px + 30px + 30px);
        bottom: calc((532px - 200px * 620 / 222) / 2);
        left: auto; } }
    .dg-grid-item.denim-item--6 .dg-grid-item-info {
      bottom: calc(40px * 2 + 20px); }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--6 .dg-grid-item-info {
          bottom: calc(35px * 2 + 20px); } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--6 .dg-grid-item-info {
          top: auto;
          right: calc(540px + 200px + 30px * 2);
          bottom: 0;
          left: auto;
          bottom: calc(35px * 2 + 20px); } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--6 {
        margin-bottom: calc(120px + 87px + 50px); }
        .dg-grid-item.denim-item--6:before {
          padding-top: 253px; } }
    @media screen and (min-width: 1440px) {
      .dg-grid-item.denim-item--6:before {
        padding-top: 253px; } }
  .dg-grid-item.denim-item--7 {
    position: relative;
    /*@include media($screen-desktop-lg) {
    width: calc(50% + 1400px / 2);
  }*/ }
    .dg-grid-item.denim-item--7:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 33.3333333333%; }
    .dg-grid-item.denim-item--7 > .content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    @media screen and (min-width: 768px) {
      .dg-grid-item.denim-item--7 {
        margin-top: 30px;
        position: relative; }
        .dg-grid-item.denim-item--7:before {
          display: block;
          content: "";
          width: 100%;
          padding-top: 33.66%; }
        .dg-grid-item.denim-item--7 > .content {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; } }
    @media screen and (min-width: 1000px) {
      .dg-grid-item.denim-item--7 {
        position: relative; }
        .dg-grid-item.denim-item--7:before {
          display: block;
          content: "";
          width: 100%;
          padding-top: 19.66%; }
        .dg-grid-item.denim-item--7 > .content {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; } }
    .dg-grid-item.denim-item--7 .inner-bg {
      background: #c8d4ce;
      width: 100%;
      height: 56.25vw; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--7 .inner-bg {
          height: 30.2083333333vw; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--7 .inner-bg {
          height: 43.75vw; } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--7 .inner-bg {
          height: 505px;
          max-height: 505px; } }
    .dg-grid-item.denim-item--7 .full-img {
      position: relative;
      width: 62.5vw;
      background-image: url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/denim-guide/high-skinny-photo.jpg");
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }
      .dg-grid-item.denim-item--7 .full-img:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 150%; }
      .dg-grid-item.denim-item--7 .full-img > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--7 .full-img {
          width: 40vw; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--7 .full-img {
          width: 40vw; } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--7 .full-img {
          width: 540px; } }
    .dg-grid-item.denim-item--7 .front-img {
      position: relative;
      width: 37.5vw;
      background-image: url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/denim-guide/high-skinny-product-img.png");
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat; }
      .dg-grid-item.denim-item--7 .front-img:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 200%; }
      .dg-grid-item.denim-item--7 .front-img > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--7 .front-img {
          position: relative;
          width: 20vw; }
          .dg-grid-item.denim-item--7 .front-img:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 250%; }
          .dg-grid-item.denim-item--7 .front-img > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--7 .front-img {
          position: relative;
          width: 200px; }
          .dg-grid-item.denim-item--7 .front-img:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 279.279279279%; }
          .dg-grid-item.denim-item--7 .front-img > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; } }
    .dg-grid-item.denim-item--7 .dg-grid-item-info,
    .dg-grid-item.denim-item--7 .dg-grid-item-info-alt {
      display: none;
      position: absolute; }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--7 .dg-grid-item-info,
        .dg-grid-item.denim-item--7 .dg-grid-item-info-alt {
          display: block; } }
      .dg-grid-item.denim-item--7 .dg-grid-item-info:after,
      .dg-grid-item.denim-item--7 .dg-grid-item-info-alt:after {
        content: "";
        display: block;
        width: 6px;
        top: 0;
        height: 50%;
        position: absolute;
        background: #436b6d;
        left: -30px; }
      .dg-grid-item.denim-item--7 .dg-grid-item-info h3,
      .dg-grid-item.denim-item--7 .dg-grid-item-info-alt h3 {
        color: #436b6d;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 20px; }
        @media screen and (min-width: 1000px) {
          .dg-grid-item.denim-item--7 .dg-grid-item-info h3,
          .dg-grid-item.denim-item--7 .dg-grid-item-info-alt h3 {
            font-size: 40px;
            line-height: 48px; } }
      .dg-grid-item.denim-item--7 .dg-grid-item-info p,
      .dg-grid-item.denim-item--7 .dg-grid-item-info-alt p {
        padding-top: 20px;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        margin-bottom: 20px; }
      .dg-grid-item.denim-item--7 .dg-grid-item-info ul,
      .dg-grid-item.denim-item--7 .dg-grid-item-info-alt ul {
        margin-bottom: 20px;
        padding-left: 25px;
        font-size: 14px;
        position: relative; }
        .dg-grid-item.denim-item--7 .dg-grid-item-info ul li,
        .dg-grid-item.denim-item--7 .dg-grid-item-info-alt ul li {
          margin-bottom: 5px; }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--7 .dg-grid-item-info,
        .dg-grid-item.denim-item--7 .dg-grid-item-info-alt {
          width: calc(100vw - 40vw - 20vw - 30px * 3);
          height: 43.75vw;
          left: calc(40% + 20vw + 30px * 2); } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--7 .dg-grid-item-info,
        .dg-grid-item.denim-item--7 .dg-grid-item-info-alt {
          width: calc( 1200px - 540px - 200px - 30px * 3);
          padding-right: 60px;
          height: 532px;
          max-height: 532px; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--7 {
        width: calc(50% + 1200px / 2);
        margin-left: auto; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--7 .inner-bg {
        position: relative; } }
    .dg-grid-item.denim-item--7 .full-img-wrapper {
      position: absolute;
      right: 37.5%;
      bottom: 5%; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--7 .full-img-wrapper {
          right: 50%;
          bottom: 30px; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--7 .full-img-wrapper {
          right: 60%;
          bottom: 30px; } }
    .dg-grid-item.denim-item--7 .front-img-wrapper {
      position: absolute;
      bottom: -10%;
      left: 62.5%; }
      @media screen and (min-width: 768px) {
        .dg-grid-item.denim-item--7 .front-img-wrapper {
          left: calc(50% + 40px);
          bottom: 40px; } }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--7 .front-img-wrapper {
          left: 40%; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--7 .full-img-wrapper {
        top: auto;
        right: auto;
        bottom: -80px;
        left: 30px; } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--7 .front-img-wrapper {
        top: auto;
        right: auto;
        bottom: calc((532px - 200px * 620 / 222) / 2);
        left: calc(40px + 540px + 30px); } }
    .dg-grid-item.denim-item--7 .dg-grid-item-info {
      bottom: calc(40px * 2 + 20px); }
      @media screen and (min-width: 1000px) {
        .dg-grid-item.denim-item--7 .dg-grid-item-info {
          bottom: calc(35px * 2 + 20px); } }
      @media screen and (min-width: 1250px) {
        .dg-grid-item.denim-item--7 .dg-grid-item-info {
          top: auto;
          right: auto;
          bottom: 0;
          left: calc(40px + 540px + 200px + 30px * 3);
          bottom: calc(35px * 2 + 20px); } }
    @media screen and (min-width: 1250px) {
      .dg-grid-item.denim-item--7 {
        margin-bottom: calc(120px + 40px + 50px); }
        .dg-grid-item.denim-item--7:before {
          padding-top: 238px; } }
    @media screen and (min-width: 1440px) {
      .dg-grid-item.denim-item--7:before {
        padding-top: 238px; } }
  .dg-grid-item-info-alt {
    padding: 20px 30px 0;
    margin-bottom: 100px; }
    .dg-grid-item-info-alt .btn-cta--black {
      position: relative; }
    .dg-grid-item-info-alt .show-info:after {
      font-family: FontAwesome;
      content: "\f078";
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      text-decoration: inherit;
      line-height: 1;
      display: block;
      color: #000;
      font-size: 16px;
      padding: 0;
      position: absolute;
      top: 1px;
      right: -25px; }
    .dg-grid-item-info-alt .hide-info:after {
      font-family: FontAwesome;
      content: "\f077";
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      text-decoration: inherit;
      line-height: 1;
      display: block;
      color: #000;
      font-size: 16px;
      padding: 0;
      position: absolute;
      top: 1px;
      right: -25px; }
    @media screen and (max-width: 999px) and (min-width: 768px) {
      .dg-grid-item-info-alt {
        max-width: 500px;
        margin: 0 auto 100px auto; } }
    .dg-grid-item-info-alt-content {
      -webkit-transition: visibility 0s, opacity 0.5s linear;
      -moz-transition: visibility 0s, opacity 0.5s linear;
      transition: visibility 0s, opacity 0.5s linear; }
    .dg-grid-item-info-alt.open .dg-grid-item-info-alt-controls .show-info {
      display: none; }
    .dg-grid-item-info-alt.close.push-right .dg-grid-item-info-alt-controls {
      margin-left: 50%; }
    .dg-grid-item-info-alt.close .dg-grid-item-info-alt-controls .hide-info {
      display: none; }
    .dg-grid-item-info-alt.close .dg-grid-item-info-alt-content {
      height: 0;
      visibility: hidden;
      opacity: 0; }
    .dg-grid-item-info-alt.open .dg-grid-item-info-alt-content {
      height: auto;
      visibility: visible;
      opacity: 1;
      margin-bottom: 20px; }
    @media screen and (min-width: 1000px) {
      .dg-grid-item-info-alt.denim-item--1 {
        display: none; } }
    .dg-grid-item-info-alt.denim-item--1 h3 {
      color: #bc6a60;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 32px;
      line-height: 40px;
      margin-bottom: 20px; }
      @media screen and (min-width: 1000px) {
        .dg-grid-item-info-alt.denim-item--1 h3 {
          font-size: 40px;
          line-height: 48px; } }
    .dg-grid-item-info-alt.denim-item--1 p {
      padding-top: 20px;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      margin-bottom: 20px; }
    .dg-grid-item-info-alt.denim-item--1 ul {
      margin-bottom: 20px;
      padding-left: 25px; }
    .dg-grid-item-info-alt.denim-item--1 .btn-colorful {
      background-color: #bc6a60;
      color: #fff;
      border-color: #bc6a60;
      cursor: pointer;
      width: calc(50vw + 10px); }
      @media screen and (min-width: 1000px) {
        .dg-grid-item-info-alt.denim-item--1 .btn-colorful:not([disabled]):hover {
          background-color: #fff;
          color: #bc6a60; } }
      @media screen and (max-width: 480px) {
        .dg-grid-item-info-alt.denim-item--1 .btn-colorful {
          padding-left: 0;
          padding-right: 0;
          width: 100%; } }
    @media screen and (min-width: 1000px) {
      .dg-grid-item-info-alt.denim-item--2 {
        display: none; } }
    .dg-grid-item-info-alt.denim-item--2 h3 {
      color: #4f3b1a;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 32px;
      line-height: 40px;
      margin-bottom: 20px; }
      @media screen and (min-width: 1000px) {
        .dg-grid-item-info-alt.denim-item--2 h3 {
          font-size: 40px;
          line-height: 48px; } }
    .dg-grid-item-info-alt.denim-item--2 p {
      padding-top: 20px;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      margin-bottom: 20px; }
    .dg-grid-item-info-alt.denim-item--2 ul {
      margin-bottom: 20px;
      padding-left: 25px; }
    .dg-grid-item-info-alt.denim-item--2 .btn-colorful {
      background-color: #4f3b1a;
      color: #fff;
      border-color: #4f3b1a;
      cursor: pointer;
      width: calc(50vw + 10px); }
      @media screen and (min-width: 1000px) {
        .dg-grid-item-info-alt.denim-item--2 .btn-colorful:not([disabled]):hover {
          background-color: #fff;
          color: #4f3b1a; } }
      @media screen and (max-width: 480px) {
        .dg-grid-item-info-alt.denim-item--2 .btn-colorful {
          padding-left: 0;
          padding-right: 0;
          width: 100%; } }
    .dg-grid-item-info-alt.denim-item--2 .dg-grid-item-info-alt-controls,
    .dg-grid-item-info-alt.denim-item--2 h3 {
      padding-left: 50%; }
    @media screen and (min-width: 1000px) {
      .dg-grid-item-info-alt.denim-item--3 {
        display: none; } }
    .dg-grid-item-info-alt.denim-item--3 h3 {
      color: #dca85f;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 32px;
      line-height: 40px;
      margin-bottom: 20px; }
      @media screen and (min-width: 1000px) {
        .dg-grid-item-info-alt.denim-item--3 h3 {
          font-size: 40px;
          line-height: 48px; } }
    .dg-grid-item-info-alt.denim-item--3 p {
      padding-top: 20px;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      margin-bottom: 20px; }
    .dg-grid-item-info-alt.denim-item--3 ul {
      margin-bottom: 20px;
      padding-left: 25px; }
    .dg-grid-item-info-alt.denim-item--3 .btn-colorful {
      background-color: #dca85f;
      color: #fff;
      border-color: #dca85f;
      cursor: pointer;
      width: calc(50vw + 10px); }
      @media screen and (min-width: 1000px) {
        .dg-grid-item-info-alt.denim-item--3 .btn-colorful:not([disabled]):hover {
          background-color: #fff;
          color: #dca85f; } }
      @media screen and (max-width: 480px) {
        .dg-grid-item-info-alt.denim-item--3 .btn-colorful {
          padding-left: 0;
          padding-right: 0;
          width: 100%; } }
    @media screen and (min-width: 1000px) {
      .dg-grid-item-info-alt.denim-item--4 {
        display: none; } }
    .dg-grid-item-info-alt.denim-item--4 h3 {
      color: #576034;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 32px;
      line-height: 40px;
      margin-bottom: 20px; }
      @media screen and (min-width: 1000px) {
        .dg-grid-item-info-alt.denim-item--4 h3 {
          font-size: 40px;
          line-height: 48px; } }
    .dg-grid-item-info-alt.denim-item--4 p {
      padding-top: 20px;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      margin-bottom: 20px; }
    .dg-grid-item-info-alt.denim-item--4 ul {
      margin-bottom: 20px;
      padding-left: 25px; }
    .dg-grid-item-info-alt.denim-item--4 .btn-colorful {
      background-color: #576034;
      color: #fff;
      border-color: #576034;
      cursor: pointer;
      width: calc(50vw + 10px); }
      @media screen and (min-width: 1000px) {
        .dg-grid-item-info-alt.denim-item--4 .btn-colorful:not([disabled]):hover {
          background-color: #fff;
          color: #576034; } }
      @media screen and (max-width: 480px) {
        .dg-grid-item-info-alt.denim-item--4 .btn-colorful {
          padding-left: 0;
          padding-right: 0;
          width: 100%; } }
    .dg-grid-item-info-alt.denim-item--4 .dg-grid-item-info-alt-controls,
    .dg-grid-item-info-alt.denim-item--4 h3 {
      padding-left: 50%; }
    @media screen and (min-width: 1000px) {
      .dg-grid-item-info-alt.denim-item--5 {
        display: none; } }
    .dg-grid-item-info-alt.denim-item--5 h3 {
      color: #a9506d;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 32px;
      line-height: 40px;
      margin-bottom: 20px; }
      @media screen and (min-width: 1000px) {
        .dg-grid-item-info-alt.denim-item--5 h3 {
          font-size: 40px;
          line-height: 48px; } }
    .dg-grid-item-info-alt.denim-item--5 p {
      padding-top: 20px;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      margin-bottom: 20px; }
    .dg-grid-item-info-alt.denim-item--5 ul {
      margin-bottom: 20px;
      padding-left: 25px; }
    .dg-grid-item-info-alt.denim-item--5 .btn-colorful {
      background-color: #a9506d;
      color: #fff;
      border-color: #a9506d;
      cursor: pointer;
      width: calc(50vw + 10px); }
      @media screen and (min-width: 1000px) {
        .dg-grid-item-info-alt.denim-item--5 .btn-colorful:not([disabled]):hover {
          background-color: #fff;
          color: #a9506d; } }
      @media screen and (max-width: 480px) {
        .dg-grid-item-info-alt.denim-item--5 .btn-colorful {
          padding-left: 0;
          padding-right: 0;
          width: 100%; } }
    @media screen and (min-width: 1000px) {
      .dg-grid-item-info-alt.denim-item--6 {
        display: none; } }
    .dg-grid-item-info-alt.denim-item--6 h3 {
      color: #61787d;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 32px;
      line-height: 40px;
      margin-bottom: 20px; }
      @media screen and (min-width: 1000px) {
        .dg-grid-item-info-alt.denim-item--6 h3 {
          font-size: 40px;
          line-height: 48px; } }
    .dg-grid-item-info-alt.denim-item--6 p {
      padding-top: 20px;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      margin-bottom: 20px; }
    .dg-grid-item-info-alt.denim-item--6 ul {
      margin-bottom: 20px;
      padding-left: 25px; }
    .dg-grid-item-info-alt.denim-item--6 .btn-colorful {
      background-color: #61787d;
      color: #fff;
      border-color: #61787d;
      cursor: pointer;
      width: calc(50vw + 10px); }
      @media screen and (min-width: 1000px) {
        .dg-grid-item-info-alt.denim-item--6 .btn-colorful:not([disabled]):hover {
          background-color: #fff;
          color: #61787d; } }
      @media screen and (max-width: 480px) {
        .dg-grid-item-info-alt.denim-item--6 .btn-colorful {
          padding-left: 0;
          padding-right: 0;
          width: 100%; } }
    .dg-grid-item-info-alt.denim-item--6 .dg-grid-item-info-alt-controls,
    .dg-grid-item-info-alt.denim-item--6 h3 {
      padding-left: 50%; }
    @media screen and (min-width: 1000px) {
      .dg-grid-item-info-alt.denim-item--7 {
        display: none; } }
    .dg-grid-item-info-alt.denim-item--7 h3 {
      color: #436b6d;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 32px;
      line-height: 40px;
      margin-bottom: 20px; }
      @media screen and (min-width: 1000px) {
        .dg-grid-item-info-alt.denim-item--7 h3 {
          font-size: 40px;
          line-height: 48px; } }
    .dg-grid-item-info-alt.denim-item--7 p {
      padding-top: 20px;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      margin-bottom: 20px; }
    .dg-grid-item-info-alt.denim-item--7 ul {
      margin-bottom: 20px;
      padding-left: 25px; }
    .dg-grid-item-info-alt.denim-item--7 .btn-colorful {
      background-color: #436b6d;
      color: #fff;
      border-color: #436b6d;
      cursor: pointer;
      width: calc(50vw + 10px); }
      @media screen and (min-width: 1000px) {
        .dg-grid-item-info-alt.denim-item--7 .btn-colorful:not([disabled]):hover {
          background-color: #fff;
          color: #436b6d; } }
      @media screen and (max-width: 480px) {
        .dg-grid-item-info-alt.denim-item--7 .btn-colorful {
          padding-left: 0;
          padding-right: 0;
          width: 100%; } }

/* 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: 7em 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: Santorini Regular;
  text-align: center;
  color: #000;
  line-height: 1;
  letter-spacing: 0.01em;
  padding: 30px 0px 0;
  font-size: 1.5rem;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .favorites__title {
      font-size: 1.5rem; } }
  .favorites__title span {
    display: block;
    font-size: 25vw;
    font-weight: 100;
    letter-spacing: 0.17px;
    line-height: 120px;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .favorites__title span {
        font-size: 84px;
        margin-bottom: 64px; } }

.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; } }
  .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 {
    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;
  font-weight: 500;
  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;
  font-weight: 500;
  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%); } }

/* =============================================================================
 * Collection : Gallery
 =============================================================================*/
/* Variables
================================================= */
/* Styles
================================================= */
.gallery__grid-container {
  margin: 0 auto;
  position: relative; }

.gallery__page-title-wrapper {
  background-color: #f2f2f2; }
  @media screen and (max-width: 767px) {
    .gallery__page-title-wrapper {
      padding: 0 30px; } }

.video-container-wrapper {
  max-width: 1440px;
  margin: 0 auto; }
  .video-container-wrapper.desktop-only {
    display: none; }
    @media screen and (min-width: 768px) {
      .video-container-wrapper.desktop-only {
        display: block; } }
  .video-container-wrapper.mobile-only {
    display: block; }
    @media screen and (min-width: 768px) {
      .video-container-wrapper.mobile-only {
        display: none; } }
  .video-container-wrapper .video-container {
    width: 100%;
    margin: 0 auto 10px;
    height: 0;
    padding-bottom: 56.25%;
    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; }

.gallery__page-title {
  padding-top: 40px;
  padding-bottom: 40px;
  color: #000000; }
  @media screen and (min-width: 768px) {
    .gallery__page-title {
      padding: 40px 20px 20px; } }
  @media screen and (max-width: 767px) {
    .gallery__page-title {
      padding-top: 40px;
      padding-bottom: 40px; } }
  .gallery__page-title .better-together {
    color: #000000;
    font-size: 40px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0.93px;
    line-height: 1.5em; }
    .gallery__page-title .better-together img {
      width: 100%;
      max-width: 280px; }
      @media screen and (min-width: 768px) {
        .gallery__page-title .better-together img {
          max-width: 392px; } }
  .gallery__page-title .collection {
    font-family: Montserrat;
    font-weight: 500;
    font-weight: 700;
    color: #000000;
    font-size: 14px;
    letter-spacing: 1.35px;
    line-height: 18px;
    margin: 0 auto 40px; }
    .gallery__page-title .collection img {
      position: relative;
      top: 20px;
      left: 50px; }
      @media screen and (max-width: 767px) {
        .gallery__page-title .collection img {
          top: 37px;
          left: 35px;
          width: 136px; } }
    .gallery__page-title .collection span {
      display: block;
      font-family: Santorini Regular;
      font-size: 70px;
      letter-spacing: 0.29px;
      line-height: 140px;
      font-weight: 100; }
      @media screen and (max-width: 767px) {
        .gallery__page-title .collection span {
          font-size: 56px; } }
  .gallery__page-title .line-break {
    box-sizing: border-box;
    max-width: 232.71px;
    margin: 20px auto;
    border: 1px solid #000000; }
  .gallery__page-title .header-context {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 600;
    font-style: normal;
    max-width: 870px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.35px;
    line-height: 24px;
    margin: 20px auto;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .gallery__page-title .header-context {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.35px;
        line-height: 22px; } }
  .gallery__page-title .signiture {
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    max-width: 1005px;
    margin: 15px auto 0; }

.gallery__column--stack-1 {
  margin: 1px;
  max-width: 830px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-1 {
      margin: 5px; } }

.gallery__img--1 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-1.jpg);
  padding-bottom: 78.313253012%; }
  @media screen and (min-width: 768px) {
    .gallery__img--1 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-1.jpg); } }

.gallery__column--stack-2 {
  margin: 1px;
  max-width: 258px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-2 {
      margin: 5px; } }

.gallery__img--2 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-2.jpg);
  padding-bottom: 141.472868217%; }
  @media screen and (min-width: 768px) {
    .gallery__img--2 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-2.jpg); } }

.gallery__column--stack-3 {
  margin: 1px;
  max-width: 258px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-3 {
      margin: 5px; } }

.gallery__img--3 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-3.jpg);
  padding-bottom: 141.472868217%; }
  @media screen and (min-width: 768px) {
    .gallery__img--3 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-3.jpg); } }

.gallery__column--stack-4 {
  margin: 1px;
  max-width: 485px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-4 {
      margin: 5px; } }

.gallery__img--4 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-4.jpg);
  padding-bottom: 144.329896907%; }
  @media screen and (min-width: 768px) {
    .gallery__img--4 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-4.jpg); } }

.gallery__column--stack-5 {
  margin: 1px;
  max-width: 462px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-5 {
      margin: 5px; } }

.gallery__img--5 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-5.jpg);
  padding-bottom: 143.29004329%; }
  @media screen and (min-width: 768px) {
    .gallery__img--5 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-5.jpg); } }

.gallery__column--stack-6 {
  margin: 1px;
  max-width: 462px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-6 {
      margin: 5px; } }

.gallery__img--6 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-6.jpg);
  padding-bottom: 143.29004329%; }
  @media screen and (min-width: 768px) {
    .gallery__img--6 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-6.jpg); } }

.gallery__column--stack-7 {
  margin: 1px;
  max-width: 462px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-7 {
      margin: 5px; } }

.gallery__img--7 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-7.jpg);
  padding-bottom: 143.29004329%; }
  @media screen and (min-width: 768px) {
    .gallery__img--7 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-7.jpg); } }

.gallery__column--stack-8 {
  margin: 1px;
  max-width: 830px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-8 {
      margin: 5px; } }

.gallery__img--8 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-8.jpg);
  padding-bottom: 78.313253012%; }
  @media screen and (min-width: 768px) {
    .gallery__img--8 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-8.jpg); } }

.gallery__column--stack-9 {
  margin: 1px;
  max-width: 485px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-9 {
      margin: 5px; } }

.gallery__img--9 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-9.jpg);
  padding-bottom: 144.329896907%; }
  @media screen and (min-width: 768px) {
    .gallery__img--9 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-9.jpg); } }

.gallery__column--stack-10 {
  margin: 1px;
  max-width: 258px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-10 {
      margin: 5px; } }

.gallery__img--10 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-10.jpg);
  padding-bottom: 141.472868217%; }
  @media screen and (min-width: 768px) {
    .gallery__img--10 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-10.jpg); } }

.gallery__column--stack-11 {
  margin: 1px;
  max-width: 258px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-11 {
      margin: 5px; } }

.gallery__img--11 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-11.jpg);
  padding-bottom: 141.472868217%; }
  @media screen and (min-width: 768px) {
    .gallery__img--11 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-11.jpg); } }

.gallery__column--stack-12 {
  margin: 1px;
  max-width: 1440px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-12 {
      margin: 5px; } }

.gallery__img--12 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-12.jpg);
  padding-bottom: 56.1111111111%; }
  @media screen and (min-width: 768px) {
    .gallery__img--12 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-12.jpg); } }

.gallery__column--stack-13 {
  margin: 1px;
  max-width: 830px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-13 {
      margin: 5px; } }

.gallery__img--13 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-13.jpg);
  padding-bottom: 78.313253012%; }
  @media screen and (min-width: 768px) {
    .gallery__img--13 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-13.jpg); } }

.gallery__column--stack-14 {
  margin: 1px;
  max-width: 320px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-14 {
      margin: 5px; } }

.gallery__img--14 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-14.jpg);
  padding-bottom: 143.75%; }
  @media screen and (min-width: 768px) {
    .gallery__img--14 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-14.jpg); } }

.gallery__column--stack-15 {
  margin: 1px;
  max-width: 320px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-15 {
      margin: 5px; } }

.gallery__img--15 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-15.jpg);
  padding-bottom: 143.75%; }
  @media screen and (min-width: 768px) {
    .gallery__img--15 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-15.jpg); } }

.gallery__column--stack-16 {
  margin: 1px;
  max-width: 320px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-16 {
      margin: 5px; } }

.gallery__img--16 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-16.jpg);
  padding-bottom: 143.75%; }
  @media screen and (min-width: 768px) {
    .gallery__img--16 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-16.jpg); } }

.gallery__column--stack-17 {
  margin: 1px;
  max-width: 830px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-17 {
      margin: 5px; } }

.gallery__img--17 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-17.jpg);
  padding-bottom: 78.313253012%; }
  @media screen and (min-width: 768px) {
    .gallery__img--17 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-17.jpg); } }

.gallery__column--stack-18 {
  margin: 1px;
  max-width: 258px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-18 {
      margin: 5px; } }

.gallery__img--18 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-18.jpg);
  padding-bottom: 141.472868217%; }
  @media screen and (min-width: 768px) {
    .gallery__img--18 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-18.jpg); } }

.gallery__column--stack-19 {
  margin: 1px;
  max-width: 258px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-19 {
      margin: 5px; } }

.gallery__img--19 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-19.jpg);
  padding-bottom: 141.472868217%; }
  @media screen and (min-width: 768px) {
    .gallery__img--19 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-19.jpg); } }

.gallery__column--stack-20 {
  margin: 1px;
  max-width: 485px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-20 {
      margin: 5px; } }

.gallery__img--20 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-20.jpg);
  padding-bottom: 144.329896907%; }
  @media screen and (min-width: 768px) {
    .gallery__img--20 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-20.jpg); } }

.gallery__column--stack-21 {
  margin: 1px;
  max-width: 462px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-21 {
      margin: 5px; } }

.gallery__img--21 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-21.jpg);
  padding-bottom: 143.29004329%; }
  @media screen and (min-width: 768px) {
    .gallery__img--21 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-21.jpg); } }

.gallery__column--stack-22 {
  margin: 1px;
  max-width: 462px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-22 {
      margin: 5px; } }

.gallery__img--22 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-22.jpg);
  padding-bottom: 143.29004329%; }
  @media screen and (min-width: 768px) {
    .gallery__img--22 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-22.jpg); } }

.gallery__column--stack-23 {
  margin: 1px;
  max-width: 462px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-23 {
      margin: 5px; } }

.gallery__img--23 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-23.jpg);
  padding-bottom: 143.29004329%; }
  @media screen and (min-width: 768px) {
    .gallery__img--23 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-23.jpg); } }

.gallery__column--stack-24 {
  margin: 1px;
  max-width: 830px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-24 {
      margin: 5px; } }

.gallery__img--24 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-24.jpg);
  padding-bottom: 78.313253012%; }
  @media screen and (min-width: 768px) {
    .gallery__img--24 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-24.jpg); } }

.gallery__column--stack-25 {
  margin: 1px;
  max-width: 485px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-25 {
      margin: 5px; } }

.gallery__img--25 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-25.jpg);
  padding-bottom: 144.329896907%; }
  @media screen and (min-width: 768px) {
    .gallery__img--25 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-25.jpg); } }

.gallery__column--stack-26 {
  margin: 1px;
  max-width: 259px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-26 {
      margin: 5px; } }

.gallery__img--26 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-26.jpg);
  padding-bottom: 140.926640927%; }
  @media screen and (min-width: 768px) {
    .gallery__img--26 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-26.jpg); } }

.gallery__column--stack-27 {
  margin: 1px;
  max-width: 258px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-27 {
      margin: 5px; } }

.gallery__img--27 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-27.jpg);
  padding-bottom: 141.472868217%; }
  @media screen and (min-width: 768px) {
    .gallery__img--27 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-27.jpg); } }

.gallery__column--stack-28 {
  margin: 1px;
  max-width: 1440px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-28 {
      margin: 5px; } }

.gallery__img--28 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-28.jpg);
  padding-bottom: 56.1111111111%; }
  @media screen and (min-width: 768px) {
    .gallery__img--28 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-28.jpg); } }

.gallery__column--stack-29 {
  margin: 1px;
  max-width: 320px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-29 {
      margin: 5px; } }

.gallery__img--29 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-29.jpg);
  padding-bottom: 143.75%; }
  @media screen and (min-width: 768px) {
    .gallery__img--29 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-29.jpg); } }

.gallery__column--stack-30 {
  margin: 1px;
  max-width: 320px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-30 {
      margin: 5px; } }

.gallery__img--30 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-30.jpg);
  padding-bottom: 143.75%; }
  @media screen and (min-width: 768px) {
    .gallery__img--30 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-30.jpg); } }

.gallery__column--stack-31 {
  margin: 1px;
  max-width: 320px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-31 {
      margin: 5px; } }

.gallery__img--31 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-31.jpg);
  padding-bottom: 143.75%; }
  @media screen and (min-width: 768px) {
    .gallery__img--31 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-31.jpg); } }

.gallery__column--stack-32 {
  margin: 1px;
  max-width: 831px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-32 {
      margin: 5px; } }

.gallery__img--32 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-32.jpg);
  padding-bottom: 78.2190132371%; }
  @media screen and (min-width: 768px) {
    .gallery__img--32 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-32.jpg); } }

.gallery__column--stack-33 {
  margin: 1px;
  max-width: 462px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-33 {
      margin: 5px; } }

.gallery__img--33 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-33.jpg);
  padding-bottom: 143.29004329%; }
  @media screen and (min-width: 768px) {
    .gallery__img--33 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-33.jpg); } }

.gallery__column--stack-34 {
  margin: 1px;
  max-width: 462px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-34 {
      margin: 5px; } }

.gallery__img--34 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-34.jpg);
  padding-bottom: 143.29004329%; }
  @media screen and (min-width: 768px) {
    .gallery__img--34 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-34.jpg); } }

.gallery__column--stack-35 {
  margin: 1px;
  max-width: 462px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-35 {
      margin: 5px; } }

.gallery__img--35 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-35.jpg);
  padding-bottom: 143.29004329%; }
  @media screen and (min-width: 768px) {
    .gallery__img--35 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-35.jpg); } }

.gallery__column--stack-36 {
  margin: 1px;
  max-width: 830px; }
  @media screen and (min-width: 768px) {
    .gallery__column--stack-36 {
      margin: 5px; } }

.gallery__img--36 {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-36.jpg);
  padding-bottom: 78.313253012%; }
  @media screen and (min-width: 768px) {
    .gallery__img--36 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s20/gallery/s20-campaign-photo-36.jpg); } }

.gallery__container {
  margin-top: 30px; }
  @media screen and (min-width: 1000px) {
    .gallery__container {
      margin-top: 0px;
      padding-bottom: 5px; } }

.gallery__row {
  display: flex;
  flex-direction: row;
  justify-content: center; }

.gallery__column--single {
  margin: 0 30px; }
  .gallery__column--single img {
    width: 100%; }
  @media screen and (min-width: 768px) {
    .gallery__column--single {
      margin: 0px 30px 5px; } }
  @media screen and (min-width: 1000px) {
    .gallery__column--single {
      max-width: 830px;
      margin: 0px 0px 5px; } }

.gallery__column--double {
  display: flex;
  align-items: flex-start;
  margin-bottom: 5px; }
  @media screen and (min-width: 768px) {
    .gallery__column--double {
      margin-bottom: 10px; } }
  .gallery__column--double img {
    width: 100%;
    max-width: calc(100vw / 2 - 2px); }
    .gallery__column--double img:first-of-type {
      margin-right: 4px; }
    @media screen and (min-width: 768px) {
      .gallery__column--double img {
        max-width: calc(100vw / 2 - 7px); }
        .gallery__column--double img:first-of-type {
          margin-right: 14px; } }
    @media screen and (min-width: 1000px) {
      .gallery__column--double img {
        width: 100%;
        max-width: 460px; }
        .gallery__column--double img:first-of-type {
          margin-right: 15px; } }

#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: #ff99a8;
      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.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.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: 500;
    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: 500;
      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: 500;
          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.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.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: 500;
          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: 500;
      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.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.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;
        font-weight: 500;
        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: 500;
        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: 500;
            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: 500;
    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.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.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.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.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.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.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.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.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: 500;
    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.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.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.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.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: 500;
    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.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.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.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: 500;
    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.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: 500;
    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; } }

.c-alert-banner {
  display: flex;
  padding: 2em 0;
  background-color: #000;
  background-size: cover;
  padding: 15px 0px 15px;
  align-items: center;
  justify-content: center;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .c-alert-banner {
      padding: 10px 1em; } }
  @media screen and (min-width: 1000px) {
    .c-alert-banner {
      padding: 10px 1em; } }
  .c-alert-banner .c-free-shipping-banner-title {
    font-size: 2em;
    color: white;
    padding-bottom: 0.5em;
    line-height: 1; }
    @media screen and (min-width: 768px) {
      .c-alert-banner .c-free-shipping-banner-title {
        white-space: nowrap;
        padding-bottom: 0;
        font-size: 2.25em; } }
  .c-alert-banner .c-alert-banner-link {
    display: block;
    height: auto;
    width: auto;
    margin: 0 auto;
    margin-top: 13px;
    border: 0px solid;
    font-weight: bold;
    padding: 0 0px;
    letter-spacing: 0.3px;
    text-decoration: underline;
    line-height: 15px;
    font-size: 12px;
    font-family: Montserrat;
    font-weight: 500; }
    @media screen and (min-width: 768px) {
      .c-alert-banner .c-alert-banner-link {
        display: inline-block;
        text-decoration: none;
        margin: 0 15px;
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 18px;
        font-weight: bold;
        position: relative;
        padding: 0 27px;
        border: 2px solid;
        height: 36px; } }
  .c-alert-banner .c-alert-banner-body {
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-weight: 100;
    color: white; }
    @media screen and (max-width: 767px) {
      .c-alert-banner .c-alert-banner-body {
        margin-bottom: 5px;
        font-size: 15px;
        line-height: 22px; } }

.c-free-shipping-banner-icon {
  width: 42px; }
  @media screen and (max-width: 767px) {
    .c-free-shipping-banner-icon {
      width: 80px; } }

.banner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1800px;
  margin: 0 auto;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .banner-container {
      align-items: stretch;
      flex-direction: row; } }

.c-free-shipping-banner {
  display: flex;
  padding: 15px;
  padding-top: 15px;
  padding-right: 20px;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 60px; }
  @media screen and (min-width: 768px) {
    .c-free-shipping-banner {
      padding: 1em;
      align-items: center; } }
  .c-free-shipping-banner .c-free-shipping-banner-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 1em;
    padding-right: 1em; }
    .c-free-shipping-banner .c-free-shipping-banner-text .c-free-shipping-banner-title {
      font-size: 1.85em;
      color: white;
      padding-bottom: 0.5em;
      line-height: 1; }
      @media screen and (min-width: 768px) {
        .c-free-shipping-banner .c-free-shipping-banner-text .c-free-shipping-banner-title {
          white-space: nowrap;
          padding-bottom: 0;
          font-size: 1.85em; } }
    .c-free-shipping-banner .c-free-shipping-banner-text .c-free-shipping-banner-body {
      font-size: 0.85em;
      line-height: 1rem;
      font-family: Montserrat;
      font-weight: 500;
      font-weight: 700;
      font-weight: 500;
      text-transform: uppercase;
      color: white; }
      @media screen and (max-width: 767px) {
        .c-free-shipping-banner .c-free-shipping-banner-text .c-free-shipping-banner-body {
          font-size: 11px; } }
      .c-free-shipping-banner .c-free-shipping-banner-text .c-free-shipping-banner-body a {
        display: inline;
        font-size: 0.85rem;
        line-height: 1rem;
        color: white;
        font-family: Montserrat;
        font-weight: 500;
        font-weight: 700; }
        @media screen and (max-width: 767px) {
          .c-free-shipping-banner .c-free-shipping-banner-text .c-free-shipping-banner-body a {
            display: block;
            margin-top: 0.75em;
            font-size: 1rem; } }
      .c-free-shipping-banner .c-free-shipping-banner-text .c-free-shipping-banner-body .only-tablet-up {
        display: none !important; }
        @media screen and (min-width: 1440px) {
          .c-free-shipping-banner .c-free-shipping-banner-text .c-free-shipping-banner-body .only-tablet-up {
            display: inline !important; } }
      .c-free-shipping-banner .c-free-shipping-banner-text .c-free-shipping-banner-body .only-tablet-down {
        display: inline !important; }
        @media screen and (min-width: 1440px) {
          .c-free-shipping-banner .c-free-shipping-banner-text .c-free-shipping-banner-body .only-tablet-down {
            display: none !important; } }
      .c-free-shipping-banner .c-free-shipping-banner-text .c-free-shipping-banner-body .only-mobile {
        display: inline !important; }
        @media screen and (min-width: 768px) {
          .c-free-shipping-banner .c-free-shipping-banner-text .c-free-shipping-banner-body .only-mobile {
            display: none !important; } }
  .c-free-shipping-banner.heart-of-cabi {
    margin: 0 auto;
    background: #efefef;
    color: #000000; }
    .c-free-shipping-banner.heart-of-cabi #Alert-Banner {
      fill: #000; }
    .c-free-shipping-banner.heart-of-cabi .c-free-shipping-banner-icon {
      width: 40px; }
      @media screen and (max-width: 767px) {
        .c-free-shipping-banner.heart-of-cabi .c-free-shipping-banner-icon {
          margin-right: 10px;
          min-width: 27px; } }
    .c-free-shipping-banner.heart-of-cabi .c-free-shipping-banner-text {
      color: #000000; }
      @media screen and (max-width: 999px) {
        .c-free-shipping-banner.heart-of-cabi .c-free-shipping-banner-text {
          width: unset; } }
      .c-free-shipping-banner.heart-of-cabi .c-free-shipping-banner-text .c-free-shipping-banner-body {
        font-size: 0.95em;
        line-height: 1.4rem;
        color: #000000; }
        @media screen and (max-width: 767px) {
          .c-free-shipping-banner.heart-of-cabi .c-free-shipping-banner-text .c-free-shipping-banner-body {
            font-size: 12px;
            line-height: 15px; } }
    .c-free-shipping-banner.heart-of-cabi .c-free-shipping-banner-body a {
      color: #000000; }
      @media screen and (max-width: 767px) {
        .c-free-shipping-banner.heart-of-cabi .c-free-shipping-banner-body a {
          display: inline;
          font-size: 12px; } }
  @media screen and (max-width: 767px) {
    .c-free-shipping-banner .banner-only-tablet-up {
      display: none; } }
  @media screen and (min-width: 768px) {
    .c-free-shipping-banner .banner-only-tablet-down {
      display: none; } }
  .c-free-shipping-banner.gratitude {
    margin: 0 auto;
    background: #000;
    border-bottom: 1px solid #ffffff; }
    .c-free-shipping-banner.gratitude .c-free-shipping-banner-icon {
      width: 78px;
      height: auto; }
      .c-free-shipping-banner.gratitude .c-free-shipping-banner-icon.icon-desktop {
        display: none; }
        @media screen and (min-width: 768px) {
          .c-free-shipping-banner.gratitude .c-free-shipping-banner-icon.icon-desktop {
            display: block; } }
      .c-free-shipping-banner.gratitude .c-free-shipping-banner-icon.icon-mobile {
        display: block; }
        @media screen and (min-width: 768px) {
          .c-free-shipping-banner.gratitude .c-free-shipping-banner-icon.icon-mobile {
            display: none; } }
      @media screen and (max-width: 767px) {
        .c-free-shipping-banner.gratitude .c-free-shipping-banner-icon {
          margin-right: 10px;
          min-width: 26px; } }
    .c-free-shipping-banner.gratitude .c-free-shipping-banner-text .c-free-shipping-banner-body {
      font-size: 12px;
      line-height: 1.4rem; }
      @media screen and (max-width: 767px) {
        .c-free-shipping-banner.gratitude .c-free-shipping-banner-text .c-free-shipping-banner-body {
          font-size: 12px;
          line-height: 15px;
          font-weight: 400; }
          .c-free-shipping-banner.gratitude .c-free-shipping-banner-text .c-free-shipping-banner-body strong {
            font-size: 11px; } }
    .c-free-shipping-banner.gratitude .c-free-shipping-banner-body br.tablet-only {
      display: none; }
      @media screen and (max-width: 999px) and (min-width: 768px) {
        .c-free-shipping-banner.gratitude .c-free-shipping-banner-body br.tablet-only {
          display: block; } }
    .c-free-shipping-banner.gratitude .c-free-shipping-banner-body a {
      color: #ffffff;
      display: inline-block;
      margin-top: 0; }
      @media screen and (max-width: 767px) {
        .c-free-shipping-banner.gratitude .c-free-shipping-banner-body a {
          display: inline-block;
          font-size: 11px; } }
  .c-free-shipping-banner .btn-free-shipping {
    width: 150px;
    height: 3rem;
    text-align: center;
    padding: 0 1em;
    white-space: nowrap; }
    @media screen and (max-width: 767px) {
      .c-free-shipping-banner .btn-free-shipping {
        width: min-content !important;
        margin-right: 10px;
        height: 4em;
        width: 12em;
        font-size: 12px !important;
        display: none; } }
    @media screen and (min-width: 768px) {
      .c-free-shipping-banner .btn-free-shipping {
        padding: 0 1.5em; } }

.free-shipping-banner-topped {
  position: relative;
  z-index: 1; }

.bg-gold {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/banner/alert-banner-gold-bg.jpg); }

/* Variables
================================================= */
/* Mixins
================================================= */
/* Modernizr
================================================= */
/* Styles
================================================= */
@media screen and (min-width: 1000px) {
  #page-love-carol .section-border {
    height: 8px;
    background: #000;
    margin: 0 auto;
    width: 970px; } }

#page-love-carol .header {
  padding-top: 3em;
  padding-bottom: 1px;
  text-align: center; }
  #page-love-carol .header .h2 {
    color: #000; }
  #page-love-carol .header img {
    max-width: 50%; }
    @media screen and (min-width: 1000px) {
      #page-love-carol .header img {
        width: auto;
        max-width: 100%;
        margin-top: 0; } }

#page-love-carol .intro {
  text-align: center;
  padding: 30px; }
  @media screen and (min-width: 1000px) {
    #page-love-carol .intro {
      padding: 2.5em 2em 5em; } }
  #page-love-carol .intro p {
    margin-bottom: 0;
    line-height: 1.5em;
    font-size: 15px; }
    @media screen and (min-width: 1000px) {
      #page-love-carol .intro p {
        padding: initial; } }
    #page-love-carol .intro p strong {
      font-weight: bold; }

#page-love-carol .items .item-wrapper .item {
  position: relative;
  overflow: hidden;
  padding-top: 45px; }
  #page-love-carol .items .item-wrapper .item::after {
    clear: both;
    content: "";
    display: table; }
  #page-love-carol .items .item-wrapper .item a:not(.for-image):not(.btn) {
    position: absolute;
    z-index: 999;
    border: none;
    text-align: center;
    text-transform: uppercase; }
  #page-love-carol .items .item-wrapper .item a.less {
    display: none; }
  #page-love-carol .items .item-wrapper .item .content {
    position: absolute;
    width: 50%;
    z-index: 99;
    margin-left: 50%;
    top: 0;
    padding-top: 45px; }
    @media screen and (min-width: 1000px) {
      #page-love-carol .items .item-wrapper .item .content {
        padding-top: 65px; } }
    #page-love-carol .items .item-wrapper .item .content h3 {
      font-size: 28px;
      line-height: 1em;
      margin: 0 0 1em;
      font-weight: normal;
      color: #000;
      text-transform: uppercase; }
      @media screen and (min-width: 1000px) {
        #page-love-carol .items .item-wrapper .item .content h3 {
          font-size: 36px; } }
      #page-love-carol .items .item-wrapper .item .content h3 strong {
        display: block;
        font-size: 3em;
        line-height: 1em;
        font-style: normal;
        font-weight: normal; }
    #page-love-carol .items .item-wrapper .item .content p {
      visibility: hidden;
      font-size: 18px;
      line-height: 1.5em;
      margin-top: -10px; }
      @media screen and (min-width: 1000px) {
        #page-love-carol .items .item-wrapper .item .content p {
          margin-top: 1em;
          font-size: 15px; } }
    #page-love-carol .items .item-wrapper .item .content a.for-image {
      display: block;
      margin-top: 3em;
      margin-bottom: 2em; }
      #page-love-carol .items .item-wrapper .item .content a.for-image img {
        max-width: 440px;
        width: 100%; }
    #page-love-carol .items .item-wrapper .item .content a.btn {
      height: 55px; }

#page-love-carol .items .item-wrapper .item.open p {
  visibility: visible; }

#page-love-carol .items .item-wrapper .item.alt-position .content {
  padding-left: 43px;
  margin-left: 0; }

#page-love-carol .items #item-coat {
  background: url(../../assets/images/collection/love-carol/manor-coat-bg.jpg) top center no-repeat;
  background-size: cover;
  background-attachment: fixed;
  /*@include retina-screen-bg-fix();*/ }
  #page-love-carol .items #item-coat .item {
    background: url(../../assets/images/collection/love-carol/manor-coat-model.png) top left no-repeat; }
    #page-love-carol .items #item-coat .item h3 {
      margin-top: 0;
      margin-left: .5em; }
      #page-love-carol .items #item-coat .item h3 strong {
        margin-left: -.05em; }
    #page-love-carol .items #item-coat .item a.more {
      left: 50%;
      bottom: 0px; }

#page-love-carol .items #item-jacket {
  background: url(../../assets/images/collection/love-carol/beau-jacket-bg.jpg) top left no-repeat;
  background-size: cover;
  background-attachment: fixed;
  /*@include retina-screen-bg-fix();*/ }
  #page-love-carol .items #item-jacket .item {
    background: url(../../assets/images/collection/love-carol/beau-jacket-model.png) top right no-repeat; }
    @media screen and (min-width: 1000px) {
      #page-love-carol .items #item-jacket .item .content h3 strong {
        margin-left: -5px; } }
    #page-love-carol .items #item-jacket .item a.more {
      left: 43px;
      bottom: 0px; }

#page-love-carol .items #item-trench {
  background: url(../../assets/images/collection/love-carol/casablanca-trench-bg.jpg) top left no-repeat;
  background-size: cover;
  background-attachment: fixed;
  /*@include retina-screen-bg-fix();*/ }
  #page-love-carol .items #item-trench .item {
    background: url(../../assets/images/collection/love-carol/casablanca-trench-model.png) top left no-repeat; }
    @media screen and (min-width: 1000px) {
      #page-love-carol .items #item-trench .item .content h3 strong {
        margin-left: -5px; } }
    #page-love-carol .items #item-trench .item a.more {
      left: 50%;
      bottom: 0px; }

#page-love-carol .items #item-cardigan {
  background: url(../../assets/images/collection/love-carol/belle-cardigan-bg.jpg) top left no-repeat;
  background-size: cover;
  background-attachment: fixed;
  /*@include retina-screen-bg-fix();*/ }
  #page-love-carol .items #item-cardigan .item {
    background: url(../../assets/images/collection/love-carol/belle-cardigan-model.png) top right no-repeat; }
    @media screen and (min-width: 1000px) {
      #page-love-carol .items #item-cardigan .item .content h3 strong {
        margin-left: -10px; } }
    #page-love-carol .items #item-cardigan .item a.more {
      left: 43px;
      bottom: 0px; }

#page-love-carol #mobile-items ul {
  list-style: none;
  padding: 0;
  margin: 0; }
  #page-love-carol #mobile-items ul li {
    border-bottom: 8px solid #000;
    position: relative; }
    #page-love-carol #mobile-items ul li a:not(.for-image):not(.btn) {
      position: absolute;
      z-index: 999;
      border: none;
      text-align: center;
      text-transform: uppercase;
      margin: 0 auto;
      bottom: 0;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      left: 50%;
      height: 66px;
      width: 76px;
      -webkit-transition: border-bottom-color;
      -moz-transition: border-bottom-color;
      transition: border-bottom-color; }
      #page-love-carol #mobile-items ul li a:not(.for-image):not(.btn):hover {
        border-bottom-color: #ff99a8; }
      #page-love-carol #mobile-items ul li a:not(.for-image):not(.btn).less {
        background: #a09b9d;
        color: white; }
      #page-love-carol #mobile-items ul li a:not(.for-image):not(.btn)[data-state="on"] {
        background-color: #fff;
        color: #7f653c; }
        #page-love-carol #mobile-items ul li a:not(.for-image):not(.btn)[data-state="on"]:hover {
          background: #000;
          color: white; }
    #page-love-carol #mobile-items ul li h4 {
      position: absolute;
      font-size: 4vw;
      line-height: 1em;
      margin: 0 0 1em;
      font-weight: normal;
      color: #000;
      text-transform: uppercase; }
      #page-love-carol #mobile-items ul li h4 strong {
        display: block;
        font-size: 15vw;
        line-height: 1em;
        font-style: normal;
        font-weight: normal; }
    #page-love-carol #mobile-items ul li .img {
      background-size: contain !important;
      overflow: hidden;
      padding-top: 60%; }
    #page-love-carol #mobile-items ul li #item-coat-mobile {
      background: url(../../assets/images/collection/love-carol/manor-coat-bg.jpg) top center no-repeat;
      background-size: cover;
      background-attachment: fixed;
      /*@include retina-screen-bg-fix();*/
      z-index: 0;
      position: relative; }
      #page-love-carol #mobile-items ul li #item-coat-mobile > div {
        z-index: 2;
        position: relative; }
        #page-love-carol #mobile-items ul li #item-coat-mobile > div > h4 {
          z-index: 1; }
      #page-love-carol #mobile-items ul li #item-coat-mobile h4 {
        top: 25%;
        left: 45%; }
      #page-love-carol #mobile-items ul li #item-coat-mobile .img {
        background: url(../../assets/images/collection/love-carol/manor-coat-model-mobile.png) no-repeat;
        background-position-y: bottom;
        background-position-x: 10%; }
    #page-love-carol #mobile-items ul li #item-jacket-mobile {
      background: url(../../assets/images/collection/love-carol/beau-jacket-bg.jpg) bottom no-repeat;
      background-size: cover;
      background-attachment: fixed;
      /*@include retina-screen-bg-fix();*/
      z-index: 0;
      position: relative; }
      #page-love-carol #mobile-items ul li #item-jacket-mobile > div {
        z-index: 2;
        position: relative; }
        #page-love-carol #mobile-items ul li #item-jacket-mobile > div > h4 {
          z-index: 1; }
      #page-love-carol #mobile-items ul li #item-jacket-mobile h4 {
        top: 15%;
        left: 7%;
        font-size: 3.5vw; }
        #page-love-carol #mobile-items ul li #item-jacket-mobile h4 strong {
          font-size: 13vw; }
      #page-love-carol #mobile-items ul li #item-jacket-mobile .img {
        background: url(../../assets/images/collection/love-carol/beau-jacket-model-mobile.png) no-repeat;
        background-position-y: bottom;
        background-position-x: 90%; }
    #page-love-carol #mobile-items ul li #item-trench-mobile {
      background: url(../../assets/images/collection/love-carol/casablanca-trench-bg.jpg) top left no-repeat;
      background-size: cover;
      background-attachment: fixed;
      /*@include retina-screen-bg-fix();*/
      z-index: 0;
      position: relative; }
      #page-love-carol #mobile-items ul li #item-trench-mobile > div {
        z-index: 2;
        position: relative; }
        #page-love-carol #mobile-items ul li #item-trench-mobile > div > h4 {
          z-index: 1; }
      #page-love-carol #mobile-items ul li #item-trench-mobile h4 {
        top: 20%;
        left: 40%;
        font-size: 3.5vw; }
        #page-love-carol #mobile-items ul li #item-trench-mobile h4 strong {
          font-size: 13vw; }
      #page-love-carol #mobile-items ul li #item-trench-mobile .img {
        background: url(../../assets/images/collection/love-carol/casablanca-trench-model-mobile.png) no-repeat;
        background-position-y: bottom;
        background-position-x: 10%; }
    #page-love-carol #mobile-items ul li #item-cardigan-mobile {
      background: url(../../assets/images/collection/love-carol/belle-cardigan-bg.jpg) top left no-repeat;
      background-size: cover;
      background-attachment: fixed;
      /*@include retina-screen-bg-fix();*/
      z-index: 0;
      position: relative; }
      #page-love-carol #mobile-items ul li #item-cardigan-mobile > div {
        z-index: 2;
        position: relative; }
        #page-love-carol #mobile-items ul li #item-cardigan-mobile > div > h4 {
          z-index: 1; }
      #page-love-carol #mobile-items ul li #item-cardigan-mobile h4 {
        top: 30%;
        left: 10%;
        font-size: 4vw; }
        #page-love-carol #mobile-items ul li #item-cardigan-mobile h4 strong {
          font-size: 11vw; }
      #page-love-carol #mobile-items ul li #item-cardigan-mobile .img {
        background: url(../../assets/images/collection/love-carol/belle-cardigan-model-mobile.png) no-repeat;
        background-position-y: bottom;
        background-position-x: 90%; }
    #page-love-carol #mobile-items ul li .content {
      position: relative;
      max-height: 0px;
      overflow: hidden;
      -webkit-transition: max-height 0.5s;
      -moz-transition: max-height 0.5s;
      transition: max-height 0.5s; }
      #page-love-carol #mobile-items ul li .content p {
        padding: 20px;
        font-size: 16px;
        line-height: 1.5em; }
      #page-love-carol #mobile-items ul li .content img {
        max-width: 400px;
        width: 90%;
        height: auto;
        margin: 0 auto;
        display: block; }
      #page-love-carol #mobile-items ul li .content > div {
        margin-bottom: 8em;
        text-align: center;
        margin-top: 2em; }
    #page-love-carol #mobile-items ul li.open .img {
      border-bottom: 1px solid #d0d0d0; }
    #page-love-carol #mobile-items ul li.open .content {
      border-top: none;
      max-height: 800px; }

/* 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: 7em 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: Santorini Regular;
  font-weight: 100;
  font-size: 36px;
  letter-spacing: 0.18px;
  line-height: 80px;
  text-align: center;
  padding: 20px 0px 0;
  margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .fall-spring__title {
      font-size: 85.6px;
      line-height: 120px;
      margin-bottom: 75px; } }

.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%;
  margin: 0px 5%;
  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; } }
  .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;
  font-weight: 500;
  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;
  font-weight: 500;
  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%); } }

.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;
    font-family: JustLovelySlantedWide;
    font-weight: 500;
    font-style: normal; }
  .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;
          font-weight: 500;
          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;
          font-weight: 500;
          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; }

#page-fashion-style-quiz {
  /* Variables
================================================= */
  /****************
	Page-specific and Variables
	****************/
  /* blue */
  /* grey */
  /* peach */
  /* magento */
  /* purple */
  /* beige */
  /* dark peach */
  /* grey variables that did not match global gray variables*/
  /* color of underline underneath 'next' button */
  /* Mixins
================================================= */
  /* Slick Plugin
================================================= */
  /* .slick-loading .slick-list { background: white url(./ajax-loader.gif) center center no-repeat; } */
  /* Icons */
  /* Arrows */
  /*.slick-prev:before, .slick-next:before { font-family: "icommon"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	*/
  /* .slick-prev:before { content: "\e602"; } */
  /* .slick-next:before { content: "\e602"; } */
  /* Dots */
  /* Styles
================================================= */
  /***************
	Modular Styles
	***************/
  /****************
	Start of Styles
	****************/
  /****************
	Colorful Progress Bar
	****************/
  /****************
	Questions
	****************/
  /****************
	Results / 'Slick Carousel' (3rd party)
	****************/
  /****************
Look Specific Colors
****************/
  /****************
Media Queries
****************/ }
  #page-fashion-style-quiz main p {
    color: #262223; }
  #page-fashion-style-quiz main .button {
    padding: 25px 30px;
    margin: 0 auto;
    display: block;
    font-size: 16px;
    line-height: 13px;
    text-transform: uppercase;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal; }
    #page-fashion-style-quiz main .button:focus {
      outline: none; }
  #page-fashion-style-quiz .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: none;
    touch-action: none;
    -webkit-tap-highlight-color: transparent; }
  #page-fashion-style-quiz .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0; }
  #page-fashion-style-quiz .slick-list:focus {
    outline: none; }
  #page-fashion-style-quiz .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }
  #page-fashion-style-quiz .slick-slider .slick-list, #page-fashion-style-quiz .slick-track, #page-fashion-style-quiz .slick-slide, #page-fashion-style-quiz .slick-slide img {
    -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); }
  #page-fashion-style-quiz .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1; }
  #page-fashion-style-quiz .slick-track:before, #page-fashion-style-quiz .slick-track:after {
    content: "";
    display: table; }
  #page-fashion-style-quiz .slick-track:after {
    clear: both; }
  #page-fashion-style-quiz .slick-loading .slick-track {
    visibility: hidden; }
  #page-fashion-style-quiz .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none; }
  #page-fashion-style-quiz .slick-slide img {
    display: block; }
  #page-fashion-style-quiz .slick-slide.slick-loading img {
    display: none; }
  #page-fashion-style-quiz .slick-slide.dragging img {
    pointer-events: none; }
  #page-fashion-style-quiz .slick-initialized .slick-slide {
    display: block; }
  #page-fashion-style-quiz .slick-loading .slick-slide {
    visibility: hidden; }
  #page-fashion-style-quiz .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }
  #page-fashion-style-quiz .slick-prev, #page-fashion-style-quiz .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    cursor: pointer;
    background: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none; }
  #page-fashion-style-quiz .slick-prev:focus, #page-fashion-style-quiz .slick-next:focus {
    outline: none; }
  #page-fashion-style-quiz .slick-prev.slick-disabled:before, #page-fashion-style-quiz .slick-next.slick-disabled:before {
    opacity: 0.25; }
  #page-fashion-style-quiz .slick-prev {
    left: -25px; }
  #page-fashion-style-quiz .slick-next {
    right: -25px; }
  #page-fashion-style-quiz .slick-slider {
    margin-bottom: 30px; }
  #page-fashion-style-quiz .slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0px;
    width: 100%; }
  #page-fashion-style-quiz .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0px 5px;
    padding: 0px;
    cursor: pointer; }
  #page-fashion-style-quiz .slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    outline: none; }
  #page-fashion-style-quiz .slick-dots li button:focus {
    outline: none; }
  #page-fashion-style-quiz .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\2022";
    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; }
  #page-fashion-style-quiz .slick-dots li.slick-active button:before {
    opacity: 0.75; }
  #page-fashion-style-quiz:not(.results) #fashion-quiz-bg {
    background: url(../../assets/images/fashion-style-quiz/hero.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 40%; }
    @media screen and (min-width: 1000px) {
      #page-fashion-style-quiz:not(.results) #fashion-quiz-bg {
        min-height: 1100px;
        position: relative;
        padding-top: 0; } }
  #page-fashion-style-quiz .float-left {
    float: left; }
  #page-fashion-style-quiz .float-right {
    float: right; }
  #page-fashion-style-quiz .clear {
    clear: both; }
  #page-fashion-style-quiz .bold {
    font-weight: bold; }
  #page-fashion-style-quiz .hide {
    display: none; }
  #page-fashion-style-quiz .hidden {
    display: none;
    visibility: hidden; }
  #page-fashion-style-quiz .no-border {
    border: none; }
  #page-fashion-style-quiz .block {
    display: block; }
  #page-fashion-style-quiz .absolute {
    position: absolute; }
  #page-fashion-style-quiz .relative {
    position: relative; }
  #page-fashion-style-quiz .color-q1 {
    background-color: #a0b5c0; }
    #page-fashion-style-quiz .color-q1:hover {
      background-color: #afc1ca; }
  #page-fashion-style-quiz .q1-text {
    color: #a0b5c0; }
  #page-fashion-style-quiz .color-q2 {
    background-color: #a09a9f; }
    #page-fashion-style-quiz .color-q2:hover {
      background-color: #aca7ab; }
  #page-fashion-style-quiz .q2-text {
    color: #a09a9f; }
  #page-fashion-style-quiz .color-q3 {
    background-color: #cea893; }
    #page-fashion-style-quiz .color-q3:hover {
      background-color: #d6b6a5; }
  #page-fashion-style-quiz .q3-text {
    color: #cea893; }
  #page-fashion-style-quiz .color-q4 {
    background-color: #ae7983; }
    #page-fashion-style-quiz .color-q4:hover {
      background-color: #b88992; }
  #page-fashion-style-quiz .q4-text {
    color: #ae7983; }
  #page-fashion-style-quiz .color-q5 {
    background-color: #968ea8; }
    #page-fashion-style-quiz .color-q5:hover {
      background-color: #a39cb3; }
  #page-fashion-style-quiz .q5-text {
    color: #968ea8; }
  #page-fashion-style-quiz .color-q6 {
    background-color: #dbc8a6; }
    #page-fashion-style-quiz .color-q6:hover {
      background-color: #e2d3b8; }
  #page-fashion-style-quiz .q6-text {
    color: #dbc8a6; }
  #page-fashion-style-quiz .color-q7 {
    background-color: #c59f8e; }
    #page-fashion-style-quiz .color-q7:hover {
      background-color: #cead9f; }
  #page-fashion-style-quiz .q7-text {
    color: #c59f8e; }
  #page-fashion-style-quiz .height-extend {
    height: 525px !important; }
  #page-fashion-style-quiz ul {
    list-style: none; }
  #page-fashion-style-quiz .hero {
    margin: 0 auto;
    max-width: 968px; }
  #page-fashion-style-quiz h2 {
    font-weight: 500;
    color: #000;
    line-height: 1.3em;
    text-align: center;
    margin-top: 0;
    font-size: 1.25em; }
  #page-fashion-style-quiz .underline {
    width: 35px;
    height: 2px;
    margin: 22px auto 22px auto;
    background-color: #c1c7ca; }
  #page-fashion-style-quiz button {
    padding: 25px 30px;
    margin: 0 auto;
    display: block;
    font-size: 16px;
    line-height: 13px;
    text-transform: uppercase;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    -webkit-transition: background 0.4s ease;
    -moz-transition: background 0.4s ease;
    transition: background 0.4s ease; }
    #page-fashion-style-quiz button:focus {
      outline: none; }
    #page-fashion-style-quiz button.next-button {
      color: #fff;
      cursor: pointer; }
  #page-fashion-style-quiz h1 {
    display: block;
    color: #000;
    text-align: center;
    font-size: 4em;
    line-height: 1em; }
    @media screen and (min-width: 1000px) {
      #page-fashion-style-quiz h1 {
        font-size: 6em; } }
  #page-fashion-style-quiz .page-title-mobile {
    text-align: center;
    color: #000;
    padding: 1.25em 0 0.1em;
    font-size: 124px;
    width: 85%;
    margin: 0 auto; }
    @media screen and (min-width: 1000px) {
      #page-fashion-style-quiz .page-title-mobile {
        display: none; } }
  #page-fashion-style-quiz.results h1 {
    display: none; }
  #page-fashion-style-quiz .colorful-progress-bar {
    width: auto; }
  #page-fashion-style-quiz #intro-container, #page-fashion-style-quiz .question-area .wrapper {
    width: auto;
    padding: 1em; }
    @media screen and (min-width: 1000px) {
      #page-fashion-style-quiz #intro-container, #page-fashion-style-quiz .question-area .wrapper {
        width: 920px;
        padding: 3.75em; } }
  #page-fashion-style-quiz #intro {
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    border: 20px solid rgba(255, 255, 255, 0.5); }
    @media screen and (min-width: 1000px) {
      #page-fashion-style-quiz #intro {
        position: absolute;
        top: 30%;
        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); } }
    #page-fashion-style-quiz #intro h1 {
      margin-bottom: 0.3333333333em; }
    #page-fashion-style-quiz #intro p {
      display: block;
      line-height: 1em;
      text-align: center;
      font-size: 5em;
      text-transform: none;
      font-weight: normal;
      margin-bottom: -0.3em;
      color: #000; }
    #page-fashion-style-quiz #intro h2 {
      margin-bottom: 1.9em; }
  #page-fashion-style-quiz .colorful-progress-bar {
    height: 50px;
    margin-bottom: 0;
    position: absolute;
    z-index: 30;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    background-color: #e9e9e9;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    top: 41%;
    width: 800px;
    left: 50%;
    /*		.future-question {
			background-color: $soft-grey;
		}*/ }
    @media screen and (max-width: 999px) {
      #page-fashion-style-quiz .colorful-progress-bar {
        display: none !important; } }
    #page-fashion-style-quiz .colorful-progress-bar img {
      position: absolute;
      left: 0;
      top: 0; }
    #page-fashion-style-quiz .colorful-progress-bar [class^="color-"], #page-fashion-style-quiz .colorful-progress-bar [class*=" color-"] {
      height: 50px;
      float: left;
      max-width: 0;
      -webkit-transition: max-width 1s ease;
      -moz-transition: max-width 1s ease;
      transition: max-width 1s ease; }
      #page-fashion-style-quiz .colorful-progress-bar [class^="color-"][class*="q1"], #page-fashion-style-quiz .colorful-progress-bar [class*=" color-"][class*="q1"] {
        width: 74px; }
      #page-fashion-style-quiz .colorful-progress-bar [class^="color-"][class*="q2"], #page-fashion-style-quiz .colorful-progress-bar [class*=" color-"][class*="q2"] {
        width: 130px; }
      #page-fashion-style-quiz .colorful-progress-bar [class^="color-"][class*="q3"], #page-fashion-style-quiz .colorful-progress-bar [class*=" color-"][class*="q3"] {
        width: 130px; }
      #page-fashion-style-quiz .colorful-progress-bar [class^="color-"][class*="q4"], #page-fashion-style-quiz .colorful-progress-bar [class*=" color-"][class*="q4"] {
        width: 133px; }
      #page-fashion-style-quiz .colorful-progress-bar [class^="color-"][class*="q5"], #page-fashion-style-quiz .colorful-progress-bar [class*=" color-"][class*="q5"] {
        width: 130px; }
      #page-fashion-style-quiz .colorful-progress-bar [class^="color-"][class*="q6"], #page-fashion-style-quiz .colorful-progress-bar [class*=" color-"][class*="q6"] {
        width: 129px; }
      #page-fashion-style-quiz .colorful-progress-bar [class^="color-"][class*="q7"], #page-fashion-style-quiz .colorful-progress-bar [class*=" color-"][class*="q7"] {
        width: 74px; }
    #page-fashion-style-quiz .colorful-progress-bar.survey-complete {
      display: none; }
  #page-fashion-style-quiz .colorful-progress-bar.on-step-1 .color-q1 {
    max-width: 100%; }
  #page-fashion-style-quiz .colorful-progress-bar.on-step-2 .color-q2 {
    max-width: 100%; }
  #page-fashion-style-quiz .colorful-progress-bar.on-step-3 .color-q3 {
    max-width: 100%; }
  #page-fashion-style-quiz .colorful-progress-bar.on-step-4 .color-q4 {
    max-width: 100%; }
  #page-fashion-style-quiz .colorful-progress-bar.on-step-5 .color-q5 {
    max-width: 100%; }
  #page-fashion-style-quiz .colorful-progress-bar.on-step-6 .color-q6 {
    max-width: 100%; }
  #page-fashion-style-quiz .colorful-progress-bar.on-step-7 .color-q7 {
    max-width: 100%; }
  #page-fashion-style-quiz .question-area {
    margin-left: auto;
    margin-right: auto;
    border: 20px solid rgba(255, 255, 255, 0.5); }
    @media screen and (min-width: 1000px) {
      #page-fashion-style-quiz .question-area {
        position: absolute;
        top: 30%;
        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); } }
    #page-fashion-style-quiz .question-area .wrapper {
      margin: 0 auto;
      position: relative;
      box-sizing: border-box; }
      #page-fashion-style-quiz .question-area .wrapper > * {
        display: none; }
      #page-fashion-style-quiz .question-area .wrapper figure {
        text-align: center;
        margin: 21px 0 24px 0; }
  #page-fashion-style-quiz .question-number {
    text-align: center;
    font-size: 2.125em;
    margin-bottom: 1em;
    margin-top: 0; }
    @media screen and (min-width: 1000px) {
      #page-fashion-style-quiz .question-number {
        margin-bottom: 3em; } }
  #page-fashion-style-quiz .question {
    color: #262223;
    text-align: center;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 2.8125em; }
  #page-fashion-style-quiz .answers-container {
    /* margin-bottom: 35px; */ }
    #page-fashion-style-quiz .answers-container label {
      color: #262223; }
  #page-fashion-style-quiz .q3 .input-row:nth-child(1),
  #page-fashion-style-quiz .q3 .input-row:nth-child(2), #page-fashion-style-quiz .q6 .input-row:nth-child(1),
  #page-fashion-style-quiz .q6 .input-row:nth-child(2) {
    margin-bottom: 5px; }
  #page-fashion-style-quiz .input-row {
    width: 50%;
    margin-bottom: 25px; }
    #page-fashion-style-quiz .input-row span {
      float: left;
      width: 90%; }
      #page-fashion-style-quiz .input-row span:first-child {
        width: 10%; }
    #page-fashion-style-quiz .input-row input {
      /* margin-right: 10px; */ }
    #page-fashion-style-quiz .input-row:nth-child(1), #page-fashion-style-quiz .input-row:nth-child(3) {
      width: 45%;
      margin-right: 10%; }
    #page-fashion-style-quiz .input-row:nth-child(2), #page-fashion-style-quiz .input-row:nth-child(4) {
      width: 45%; }
  #page-fashion-style-quiz .error {
    color: #f00;
    text-align: center; }
  #page-fashion-style-quiz .center-button {
    margin: 0 auto; }
  #page-fashion-style-quiz .results-nav {
    padding: .5em 0 0;
    margin: 0 auto;
    border-bottom: 1px solid #c0c0c0; }
    #page-fashion-style-quiz .results-nav li {
      box-sizing: border-box; }
      #page-fashion-style-quiz .results-nav li.brand {
        text-align: center;
        margin: 0 auto;
        font-size: 4em;
        line-height: 1em; }
        @media screen and (min-width: 1000px) {
          #page-fashion-style-quiz .results-nav li.brand {
            width: 50%;
            padding-top: .25em;
            font-size: 56px; } }
        #page-fashion-style-quiz .results-nav li.brand span {
          display: block;
          margin-bottom: -0.2em; }
          @media screen and (min-width: 1000px) {
            #page-fashion-style-quiz .results-nav li.brand span {
              display: initial;
              margin-bottom: 0; } }
  #page-fashion-style-quiz #look-title {
    margin: 1em 0 0.5em;
    font-size: 1.2em; }
  #page-fashion-style-quiz .results-container #outfit-name {
    width: 250px;
    margin: -1px auto 0;
    font-size: 2em;
    padding: .25em 0; }
  #page-fashion-style-quiz .results-container p.center-text {
    text-align: center;
    margin: 2em 0 1em; }
    @media screen and (min-width: 1000px) {
      #page-fashion-style-quiz .results-container p.center-text {
        margin-left: 10%;
        margin-right: 10%; } }
  #page-fashion-style-quiz .social-your-results {
    text-align: center;
    padding: 0; }
    #page-fashion-style-quiz .social-your-results p.share-results {
      display: inline-block;
      position: relative;
      padding-right: .5em;
      font-weight: bold; }
    #page-fashion-style-quiz .social-your-results a {
      margin-right: 0.5em; }
      #page-fashion-style-quiz .social-your-results a:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@{ieOpacity})";
        filter: "alpha(opacity=75)";
        opacity: 0.75; }
  #page-fashion-style-quiz .results-detail-carousel01,
  #page-fashion-style-quiz .results-detail-carousel02,
  #page-fashion-style-quiz .results-detail-carousel03,
  #page-fashion-style-quiz .results-detail-carousel04,
  #page-fashion-style-quiz .results-detail-carousel05,
  #page-fashion-style-quiz .results-detail-carousel06,
  #page-fashion-style-quiz .results-detail-carousel07 {
    z-index: 2; }
  #page-fashion-style-quiz .look-details {
    white-space: nowrap; }
    @media screen and (min-width: 1000px) {
      #page-fashion-style-quiz .look-details {
        width: 485px;
        -webkit-transform: translateX(-6%);
        -moz-transform: translateX(-6%);
        -ms-transform: translateX(-6%);
        -o-transform: translateX(-6%);
        transform: translateX(-6%); } }
    #page-fashion-style-quiz .look-details > a {
      line-height: 1.4em;
      text-align: center;
      font-size: 12px;
      display: inline-block;
      margin: 0 20px 10px 0;
      padding: 19px 24px;
      text-transform: uppercase;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      transition: all 0.4s ease; }
      #page-fashion-style-quiz .look-details > a:hover {
        color: #8a959b; }
      #page-fashion-style-quiz .look-details > a:first-child {
        position: relative;
        padding-left: 40px; }
        #page-fashion-style-quiz .look-details > a:first-child:before {
          font-family: FontAwesome;
          content: "";
          font-weight: normal;
          font-style: normal;
          display: inline-block;
          text-decoration: inherit;
          line-height: 1;
          -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;
          left: 18px;
          font-size: 2em; }
      #page-fashion-style-quiz .look-details > a:last-child {
        margin-right: 0;
        position: relative;
        padding-right: 40px; }
        #page-fashion-style-quiz .look-details > a:last-child:before {
          font-family: FontAwesome;
          content: "";
          font-weight: normal;
          font-style: normal;
          display: inline-block;
          text-decoration: inherit;
          line-height: 1;
          -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;
          right: 18px;
          font-size: 2em; }
  #page-fashion-style-quiz .carousel-border-bottom {
    height: 95px;
    background: url(../../assets/images/fashion-style-quiz/results-shadow.png) no-repeat;
    background-position: center;
    bottom: 250px;
    width: 100%;
    z-index: 1; }
  #page-fashion-style-quiz .slick-prev, #page-fashion-style-quiz .slick-next {
    top: 35%;
    width: 27px;
    height: 30px;
    padding: 0;
    margin: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@{ieOpacity})";
    filter: "alpha(opacity=20)";
    opacity: 0.2; }
    #page-fashion-style-quiz .slick-prev:hover,
    #page-fashion-style-quiz .slick-next:hover {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@{ieOpacity})";
      filter: "alpha(opacity=100)";
      opacity: 1; }
  #page-fashion-style-quiz .slick-prev {
    left: 36%; }
  #page-fashion-style-quiz .slick-next {
    right: 36%; }
  #page-fashion-style-quiz .slick-slide {
    -webkit-transform: scale(0.685);
    -moz-transform: scale(0.685);
    -ms-transform: scale(0.685);
    -o-transform: scale(0.685);
    transform: scale(0.685);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@{ieOpacity})";
    filter: "alpha(opacity=50)";
    opacity: 0.5; }
    #page-fashion-style-quiz .slick-slide.model02 figure {
      /* margin-left: -10px; */ }
    #page-fashion-style-quiz .slick-slide .look-details {
      display: none; }
    #page-fashion-style-quiz .slick-slide.slick-center .look-details {
      display: block; }
    #page-fashion-style-quiz .slick-slide figure {
      width: 275px;
      margin: 0 auto; }
    #page-fashion-style-quiz .slick-slide.slick-center {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@{ieOpacity})";
      filter: "alpha(opacity=100)";
      opacity: 1;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
  #page-fashion-style-quiz #look01 #outfit-name {
    color: #a0b5c0; }
  #page-fashion-style-quiz #look01 .share-results,
  #page-fashion-style-quiz #look01 .little-arrow {
    color: #a0b5c0; }
  #page-fashion-style-quiz #look01 .social-your-results a {
    background-color: #a0b5c0; }
  #page-fashion-style-quiz #look01 .look-details > a {
    color: #a0b5c0; }
    #page-fashion-style-quiz #look01 .look-details > a.learn-more {
      color: #fff;
      background-color: #a0b5c0;
      border-color: #a0b5c0; }
      #page-fashion-style-quiz #look01 .look-details > a.learn-more:hover {
        background-color: transparent;
        color: #a0b5c0; }
    #page-fashion-style-quiz #look01 .look-details > a:not(.learn-more):hover {
      background-color: #a0b5c0;
      color: #fff;
      border-color: #a0b5c0; }
  #page-fashion-style-quiz #look02 #outfit-name {
    color: #a09a9f; }
  #page-fashion-style-quiz #look02 .share-results,
  #page-fashion-style-quiz #look02 .little-arrow {
    color: #a09a9f; }
  #page-fashion-style-quiz #look02 .social-your-results a {
    background-color: #a09a9f; }
  #page-fashion-style-quiz #look02 .look-details > a {
    color: #a09a9f; }
    #page-fashion-style-quiz #look02 .look-details > a.learn-more {
      color: #fff;
      background-color: #a09a9f;
      border-color: #a09a9f; }
      #page-fashion-style-quiz #look02 .look-details > a.learn-more:hover {
        background-color: transparent;
        color: #a09a9f; }
    #page-fashion-style-quiz #look02 .look-details > a:not(.learn-more):hover {
      background-color: #a09a9f;
      color: #fff;
      border-color: #a09a9f; }
  #page-fashion-style-quiz #look03 #outfit-name {
    color: #cea893; }
  #page-fashion-style-quiz #look03 .share-results,
  #page-fashion-style-quiz #look03 .little-arrow {
    color: #cea893; }
  #page-fashion-style-quiz #look03 .social-your-results a {
    background-color: #cea893; }
  #page-fashion-style-quiz #look03 .look-details > a {
    color: #cea893; }
    #page-fashion-style-quiz #look03 .look-details > a.learn-more {
      color: #fff;
      background-color: #cea893;
      border-color: #cea893; }
      #page-fashion-style-quiz #look03 .look-details > a.learn-more:hover {
        background-color: transparent;
        color: #cea893; }
    #page-fashion-style-quiz #look03 .look-details > a:not(.learn-more):hover {
      background-color: #cea893;
      color: #fff;
      border-color: #cea893; }
  #page-fashion-style-quiz #look04 #outfit-name {
    color: #ae7983; }
  #page-fashion-style-quiz #look04 .share-results,
  #page-fashion-style-quiz #look04 .little-arrow {
    color: #ae7983; }
  #page-fashion-style-quiz #look04 .social-your-results a {
    background-color: #ae7983; }
  #page-fashion-style-quiz #look04 .look-details > a {
    color: #ae7983; }
    #page-fashion-style-quiz #look04 .look-details > a.learn-more {
      color: #fff;
      background-color: #ae7983;
      border-color: #ae7983; }
      #page-fashion-style-quiz #look04 .look-details > a.learn-more:hover {
        background-color: transparent;
        color: #ae7983; }
    #page-fashion-style-quiz #look04 .look-details > a:not(.learn-more):hover {
      background-color: #ae7983;
      color: #fff;
      border-color: #ae7983; }
  #page-fashion-style-quiz #look05 #outfit-name {
    color: #968ea8; }
  #page-fashion-style-quiz #look05 .share-results,
  #page-fashion-style-quiz #look05 .little-arrow {
    color: #968ea8; }
  #page-fashion-style-quiz #look05 .social-your-results a {
    background-color: #968ea8; }
  #page-fashion-style-quiz #look05 .look-details > a {
    color: #968ea8; }
    #page-fashion-style-quiz #look05 .look-details > a.learn-more {
      color: #fff;
      background-color: #968ea8;
      border-color: #968ea8; }
      #page-fashion-style-quiz #look05 .look-details > a.learn-more:hover {
        background-color: transparent;
        color: #968ea8; }
    #page-fashion-style-quiz #look05 .look-details > a:not(.learn-more):hover {
      background-color: #968ea8;
      color: #fff;
      border-color: #968ea8; }
  #page-fashion-style-quiz #look06 #outfit-name {
    color: #dbc8a6; }
  #page-fashion-style-quiz #look06 .share-results,
  #page-fashion-style-quiz #look06 .little-arrow {
    color: #dbc8a6; }
  #page-fashion-style-quiz #look06 .social-your-results a {
    background-color: #dbc8a6; }
  #page-fashion-style-quiz #look06 .look-details > a {
    color: #dbc8a6; }
    #page-fashion-style-quiz #look06 .look-details > a.learn-more {
      color: #fff;
      background-color: #dbc8a6;
      border-color: #dbc8a6; }
      #page-fashion-style-quiz #look06 .look-details > a.learn-more:hover {
        background-color: transparent;
        color: #dbc8a6; }
    #page-fashion-style-quiz #look06 .look-details > a:not(.learn-more):hover {
      background-color: #dbc8a6;
      color: #fff;
      border-color: #dbc8a6; }
  #page-fashion-style-quiz #look07 #outfit-name {
    color: #c59f8e; }
  #page-fashion-style-quiz #look07 .share-results,
  #page-fashion-style-quiz #look07 .little-arrow {
    color: #c59f8e; }
  #page-fashion-style-quiz #look07 .social-your-results a {
    background-color: #c59f8e; }
  #page-fashion-style-quiz #look07 .look-details > a {
    color: #c59f8e; }
    #page-fashion-style-quiz #look07 .look-details > a.learn-more {
      color: #fff;
      background-color: #c59f8e;
      border-color: #c59f8e; }
      #page-fashion-style-quiz #look07 .look-details > a.learn-more:hover {
        background-color: transparent;
        color: #c59f8e; }
    #page-fashion-style-quiz #look07 .look-details > a:not(.learn-more):hover {
      background-color: #c59f8e;
      color: #fff;
      border-color: #c59f8e; }
  @media screen and (max-width: 999px) {
    #page-fashion-style-quiz {
      /*table portrait */
      margin-bottom: 0; }
      #page-fashion-style-quiz #intro {
        margin-bottom: 50px; }
      #page-fashion-style-quiz .hero {
        height: 515px;
        background-size: 145%;
        margin-left: -20px;
        margin-right: -20px;
        background: transparent url("../../images/whats-your-mood/hero.png") no-repeat center bottom; }
        #page-fashion-style-quiz .hero .how-do-you-feel {
          background: transparent url("../../images/whats-your-mood/how-do-you-feel-mobile.png") no-repeat center bottom;
          height: inherit;
          background-size: 50%;
          margin-bottom: 73px; }
          #page-fashion-style-quiz .hero .how-do-you-feel img {
            display: none; }
        #page-fashion-style-quiz .hero > img {
          display: none; }
      #page-fashion-style-quiz .hide-on-mobile {
        display: none !important; }
      #page-fashion-style-quiz h2 {
        font-size: 1.5em;
        line-height: 1.7em;
        margin-bottom: 10px;
        margin-left: 0;
        margin-right: 0; }
      #page-fashion-style-quiz .underline {
        margin-bottom: 30px; }
      #page-fashion-style-quiz .question-area {
        margin-bottom: 50px; }
        #page-fashion-style-quiz .question-area .wrapper {
          width: 90%;
          height: auto; }
      #page-fashion-style-quiz .question {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 29px; }
      #page-fashion-style-quiz .answers-container {
        width: 94%;
        margin: 0 auto; }
      #page-fashion-style-quiz .input-row {
        float: none;
        padding-bottom: 10px;
        margin-bottom: 10px;
        width: 100%; }
        #page-fashion-style-quiz .input-row::after {
          clear: both;
          content: "";
          display: table; }
        #page-fashion-style-quiz .input-row:nth-child(1), #page-fashion-style-quiz .input-row:nth-child(2), #page-fashion-style-quiz .input-row:nth-child(3), #page-fashion-style-quiz .input-row:nth-child(4) {
          width: 100%; }
        #page-fashion-style-quiz .input-row span:first-child {
          width: 7%; }
      #page-fashion-style-quiz .height-extend {
        height: auto !important; }
      #page-fashion-style-quiz .error {
        font-size: 14px; }
      #page-fashion-style-quiz button {
        padding: 0 20px;
        height: 40px;
        line-height: 40px;
        font-size: 13px; }
      #page-fashion-style-quiz button.next-button {
        margin: 0 auto;
        position: static;
        height: 45px;
        padding: 0 33px;
        font-size: 15px;
        line-height: 45px; }
      #page-fashion-style-quiz .input-row,
      #page-fashion-style-quiz .q3 .input-row:nth-child(1),
      #page-fashion-style-quiz .q3 .input-row:nth-child(2),
      #page-fashion-style-quiz .q6 .input-row:nth-child(1),
      #page-fashion-style-quiz .q6 .input-row:nth-child(2) {
        padding-bottom: 13px; }
      #page-fashion-style-quiz label {
        font-size: 14px; }
      #page-fashion-style-quiz .colorful-progress-bar {
        width: auto; }
        #page-fashion-style-quiz .colorful-progress-bar .future-question {
          background-color: #eeefef; }
        #page-fashion-style-quiz .colorful-progress-bar.survey-complete {
          height: 5px; }
          #page-fashion-style-quiz .colorful-progress-bar.survey-complete div {
            height: 5px;
            background-color: #999; }
      #page-fashion-style-quiz .results-nav {
        width: 100%; }
      #page-fashion-style-quiz #look05 .results-nav,
      #page-fashion-style-quiz #look07 .results-nav {
        padding: 0; }
      #page-fashion-style-quiz .model figure {
        height: 427px; }
        #page-fashion-style-quiz .model figure img {
          max-height: 100%; }
      #page-fashion-style-quiz .results-nav ~ p {
        font-size: 15px;
        line-height: 18px; }
      #page-fashion-style-quiz .results-nav > .center-text {
        margin-bottom: 18px; }
      #page-fashion-style-quiz .look-links {
        display: none; }
      #page-fashion-style-quiz .look-links-mobile {
        border-top: 1px solid #999;
        margin-bottom: -40px;
        margin-left: -20px;
        margin-right: -20px;
        width: auto; }
        #page-fashion-style-quiz .look-links-mobile.show-on-mobile {
          display: block; }
        #page-fashion-style-quiz .look-links-mobile li {
          width: 49.7%;
          margin: 0;
          padding-left: 0;
          position: relative; }
          #page-fashion-style-quiz .look-links-mobile li::after {
            clear: both;
            content: "";
            display: table; }
          #page-fashion-style-quiz .look-links-mobile li a {
            color: #eeefef;
            float: left;
            position: absolute;
            left: 20px; }
            #page-fashion-style-quiz .look-links-mobile li a::after {
              clear: both;
              content: "";
              display: table; }
            #page-fashion-style-quiz .look-links-mobile li a .little-arrow {
              font-size: 18px; }
          #page-fashion-style-quiz .look-links-mobile li:first-child {
            padding-right: 0;
            border-right: 1px solid #999; }
            #page-fashion-style-quiz .look-links-mobile li:first-child a {
              right: 20px;
              left: auto; }
      #page-fashion-style-quiz .model {
        width: 100%;
        text-align: center; }
      #page-fashion-style-quiz .carousel-border-bottom {
        display: none; }
      #page-fashion-style-quiz .look-details .learn-more {
        font-size: 13px;
        margin-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    #page-fashion-style-quiz {
      /* phone landscape */ }
      #page-fashion-style-quiz .hero {
        height: 320px; }
      #page-fashion-style-quiz .input-row,
      #page-fashion-style-quiz .q3 .input-row:nth-child(1),
      #page-fashion-style-quiz .q3 .input-row:nth-child(2),
      #page-fashion-style-quiz .q6 .input-row:nth-child(1),
      #page-fashion-style-quiz .q6 .input-row:nth-child(2) {
        padding-bottom: 15px; }
      #page-fashion-style-quiz .input-row span:first-child {
        width: 10%; } }
  @media screen and (max-width: 375px) {
    #page-fashion-style-quiz .hero {
      height: 275px;
      background-size: 139%; } }
  @media screen and (max-width: 320px) {
    #page-fashion-style-quiz .hero {
      background-size: 152%;
      height: 255px; } }

/* end of page-what-your-mood */
/* Variables
================================================= */
/* Mixins
================================================= */
/* Modernizr
  ================================================= */
/* Styles
  ================================================= */
.old-faves-made-new .old-faves-made-new-header {
  background-color: #f8f6f4;
  padding-bottom: 2.5rem;
  text-align: center; }
  @media screen and (min-width: 1000px) {
    .old-faves-made-new .old-faves-made-new-header {
      padding-bottom: 10rem; } }

.old-faves-made-new #items-grid {
  margin: 50px auto;
  text-align: center; }
  @media screen and (min-width: 1000px) {
    .old-faves-made-new #items-grid {
      margin: -100px auto 50px; } }
  @media screen and (min-width: 768px) {
    .old-faves-made-new #items-grid .row {
      display: block;
      max-width: 940px;
      margin: 0 auto;
      background-color: white; }
      .old-faves-made-new #items-grid .row .mobile-row {
        display: inline-block;
        width: 49.5%; } }
  .old-faves-made-new #items-grid .clothing-details {
    background: #f8f6f4;
    display: none;
    position: relative;
    margin-top: 30px;
    text-align: right; }
    .old-faves-made-new #items-grid .clothing-details .details-container {
      position: relative;
      max-width: 940px;
      margin: 0 auto;
      padding: 7em 0;
      background-color: #f8f6f4; }
    .old-faves-made-new #items-grid .clothing-details #top-close {
      right: 5.5%; }
      @media screen and (min-width: 768px) {
        .old-faves-made-new #items-grid .clothing-details #top-close {
          position: absolute;
          right: 4.5%;
          top: 6%; } }
    .old-faves-made-new #items-grid .clothing-details #bottom-close {
      padding-bottom: 50px; }
      @media screen and (min-width: 768px) {
        .old-faves-made-new #items-grid .clothing-details #bottom-close {
          display: none; } }

.old-faves-made-new__title {
  font-family: Santorini Regular;
  text-align: center;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 80px;
  text-align: center;
  font-size: 36px;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .old-faves-made-new__title {
      font-size: 74px;
      margin-top: 20px;
      margin-bottom: 50px;
      line-height: 120px; } }

.old-faves-made-new__title-img {
  margin: 0 auto;
  margin-top: 30px; }
  @media screen and (min-width: 768px) {
    .old-faves-made-new__title-img {
      width: 100%;
      max-width: 572px;
      margin-top: 40px; } }

.old-faves-made-new__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%; }
  .old-faves-made-new__content strong {
    display: block; }

.old-faves-made-new .clothing-item {
  width: 49.5%;
  max-width: 250px;
  margin: 10px auto;
  display: inline-block;
  position: relative;
  cursor: pointer; }
  .old-faves-made-new .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; }
  .old-faves-made-new .clothing-item.active:before {
    opacity: 1; }
  @media screen and (min-width: 1000px) {
    .old-faves-made-new .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; } }
  .old-faves-made-new .clothing-item > div {
    display: block;
    width: 100%;
    padding-bottom: 125%;
    position: relative; }
    .old-faves-made-new .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%; }

.old-faves-made-new__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; }
  .old-faves-made-new__icon-lg:hover {
    opacity: 1; }
  @media screen and (min-width: 768px) {
    .old-faves-made-new__icon-lg.icon-close {
      position: absolute;
      right: 23px; } }
  .old-faves-made-new__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%; } }

.old-faves-made-new__details-header {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: normal;
  margin-bottom: 24px; }

.old-faves-made-new__details__title {
  font-size: 2em;
  line-height: 100%;
  padding: 15px 0 5px;
  font-weight: 300; }
  @media screen and (min-width: 768px) {
    .old-faves-made-new__details__title {
      padding: 40px 0px 10px; } }

.old-faves-made-new__item-number {
  font-size: 13px; }

.old-faves-made-new__shop-this-look {
  margin-bottom: 24px; }

.old-faves-made-new__shop-this-look-button {
  font-family: Montserrat;
  font-weight: 500;
  text-transform: uppercase; }
  @media screen and (max-width: 767px) {
    .old-faves-made-new__shop-this-look-button {
      height: 52px; } }

@media screen and (min-width: 768px) {
  .old-faves-made-new__share {
    margin-bottom: 36px; } }

.old-faves-made-new__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; }

.old-faves-made-new__details-body {
  width: 80%;
  margin: 0 auto;
  max-width: 940px;
  position: relative; }
  @media screen and (min-width: 768px) {
    .old-faves-made-new__details-body {
      display: table;
      width: 90%;
      margin-bottom: 30px; } }
  .old-faves-made-new__details-body .icon-arrowleft,
  .old-faves-made-new__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) {
      .old-faves-made-new__details-body .icon-arrowleft,
      .old-faves-made-new__details-body .icon-arrowright {
        display: block; } }
    .old-faves-made-new__details-body .icon-arrowleft.mobile,
    .old-faves-made-new__details-body .icon-arrowright.mobile {
      display: block; }
      @media screen and (min-width: 768px) {
        .old-faves-made-new__details-body .icon-arrowleft.mobile,
        .old-faves-made-new__details-body .icon-arrowright.mobile {
          display: none; } }
  .old-faves-made-new__details-body .icon-arrowleft {
    left: -15px; }
    .old-faves-made-new__details-body .icon-arrowleft.mobile {
      left: -10%; }
  .old-faves-made-new__details-body .icon-arrowright {
    right: -15px; }
    .old-faves-made-new__details-body .icon-arrowright.mobile {
      right: -10%; }
  .old-faves-made-new__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) {
      .old-faves-made-new__details-body .outfit-container {
        display: table-cell;
        vertical-align: top;
        width: 60%;
        margin-bottom: 30px;
        padding-bottom: 0;
        padding-left: 8%; } }
    .old-faves-made-new__details-body .outfit-container > div {
      width: 100%;
      position: relative; }
      .old-faves-made-new__details-body .outfit-container > div.static {
        padding-bottom: 76%; }
        .old-faves-made-new__details-body .outfit-container > div.static img {
          display: none; }
      .old-faves-made-new__details-body .outfit-container > div.outfit {
        position: absolute;
        top: 0px;
        padding-bottom: 75%; }
        .old-faves-made-new__details-body .outfit-container > div.outfit.active {
          height: auto; }
          .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
            .old-faves-made-new__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; }
          .old-faves-made-new__details-body .outfit-container > div.outfit.active.initial {
            opacity: 1; }
        .old-faves-made-new__details-body .outfit-container > div.outfit img {
          position: absolute;
          max-width: 405px;
          width: 80%;
          height: auto;
          opacity: 0; }
        .old-faves-made-new__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; }
          .old-faves-made-new__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; }
          .old-faves-made-new__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; }
          .old-faves-made-new__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; }
          .old-faves-made-new__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; }
          .old-faves-made-new__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; }
          .old-faves-made-new__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; }
          .old-faves-made-new__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; }
          .old-faves-made-new__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; }
          .old-faves-made-new__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; }
          .old-faves-made-new__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; }
          .old-faves-made-new__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; }
          .old-faves-made-new__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; }
          .old-faves-made-new__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; }
          .old-faves-made-new__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; }
          .old-faves-made-new__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; }
          .old-faves-made-new__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; }
          .old-faves-made-new__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; }
          .old-faves-made-new__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; }
          .old-faves-made-new__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; }
          .old-faves-made-new__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; }
          .old-faves-made-new__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; }
          .old-faves-made-new__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; }
          .old-faves-made-new__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; }
          .old-faves-made-new__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; }
          .old-faves-made-new__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; }
    .old-faves-made-new__details-body .outfit-container.fade > div.static img {
      opacity: 0.4; }
    .old-faves-made-new__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; }
      .old-faves-made-new__details-body .outfit-container.fade > div.outfit.active img.current {
        opacity: 1; }
  .old-faves-made-new__details-body .box-container {
    display: block;
    text-align: left;
    position: relative;
    z-index: 1; }
    @media screen and (min-width: 768px) {
      .old-faves-made-new__details-body .box-container {
        display: table-cell;
        vertical-align: middle;
        width: 40%; } }
    .old-faves-made-new__details-body .box-container ul {
      list-style: none; }
      .old-faves-made-new__details-body .box-container ul.active {
        padding: 0.5em 0 1.5em; }

.old-faves-made-new__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; }
  .old-faves-made-new__details__links-list.active {
    height: auto;
    opacity: 1;
    visibility: visible; }

.old-faves-made-new__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) {
    .old-faves-made-new__details__links-item {
      padding: 10px 0px; } }
  .old-faves-made-new__details__links-item:hover a {
    text-decoration: none; }

.old-faves-made-new__details__share-list {
  width: 100%;
  display: block;
  padding: 0.5em 0; }

.old-faves-made-new__details__share-item {
  display: inline-block;
  text-align: center; }
  .old-faves-made-new__details__share-item:last-child {
    margin-right: 0; }
  .old-faves-made-new__details__share-item a {
    display: inline-block;
    background: #000;
    height: 36px;
    width: 36px;
    font-size: 18px;
    text-decoration: none;
    line-height: 40px;
    cursor: pointer; }
    .old-faves-made-new__details__share-item a i {
      color: white; }
    .old-faves-made-new__details__share-item a:hover {
      background-color: #f4f4f4; }
      .old-faves-made-new__details__share-item a:hover i {
        color: #000; }

.old-faves-made-new__details__subheader {
  font-family: Montserrat;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 0.8em; }

.old-faves-made-new__outfit-thumbs {
  display: none; }
  @media screen and (min-width: 768px) {
    .old-faves-made-new__outfit-thumbs {
      display: block;
      max-width: 600px;
      width: 100%;
      margin: 0 auto;
      padding-bottom: 30px; }
      .old-faves-made-new__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; }
        .old-faves-made-new__outfit-thumbs > div img {
          width: 100%;
          height: auto; }
        .old-faves-made-new__outfit-thumbs > div.active {
          border: 4px solid #000;
          opacity: 1; }
        .old-faves-made-new__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-header {
  margin-bottom: 40px; }

.tax-styles__body {
  background-color: #fff; }

.tax-styles__header-container {
  padding: 0 1.3333333333em 1em;
  margin: 0 auto 2em;
  max-width: 750px; }
  @media screen and (min-width: 768px) {
    .tax-styles__header-container {
      margin: 0 auto 3em; } }

.tax-styles__header-title {
  color: #000000;
  font-family: Santorini Regular;
  font-size: 75px;
  line-height: 75px;
  text-align: center;
  transform: rotateZ(-9deg);
  padding: 40px 0 60px;
  font-weight: 400;
  padding: 0px 0 20px; }

.tax-styles__header-description {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.93px;
  line-height: 22px;
  text-align: center;
  width: auto; }
  @media screen and (max-width: 999px) {
    .tax-styles__header-description {
      width: 80%;
      margin: auto; } }

.tax-styles__container {
  padding-bottom: 1rem; }
  @media screen and (min-width: 1000px) {
    .tax-styles__container {
      padding-bottom: 0; } }

.tax-styles__header {
  margin: 0 auto; }
  .tax-styles__header--title {
    font-size: 4em; }

.tax-styles__nav {
  text-align: center;
  width: 100%;
  margin: 0 auto 40px;
  padding-top: 40px;
  background-color: #f8f6f4; }

.tax-styles__header .tax-styles__footer-table {
  position: relative;
  display: inline-block; }

.tax-styles__header .tax-styles__block {
  text-decoration: none;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.9em; }
  @media screen and (min-width: 768px) {
    .tax-styles__header .tax-styles__block {
      font-size: 1em; }
      .tax-styles__header .tax-styles__block:hover {
        text-decoration: underline; } }
  .tax-styles__header .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__header .tax-styles__block:first-child {
        left: -60px; } }
    .tax-styles__header .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__header .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__header .tax-styles__block:last-child {
        right: -60px; } }
    .tax-styles__header .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; }

.tax-styles__back-block-text {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  font-size: 0.8em; }
  .tax-styles__header .tax-styles__back-block-text br {
    display: none; }

.tax-styles__nav-container {
  position: relative;
  display: inline-block; }

.tax-styles__left-arrow {
  position: absolute;
  top: 0;
  left: -15px;
  -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__left-arrow {
      left: -60px; } }
  .tax-styles__left-arrow .icon-arrowleft {
    font-size: 0.5em;
    font-weight: bolder;
    vertical-align: middle; }

.tax-styles__right-arrow {
  position: absolute;
  top: 0;
  right: -15px;
  -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__right-arrow {
      right: -60px; } }
  .tax-styles__right-arrow .icon-arrowright {
    font-size: 0.5em;
    font-weight: bolder;
    vertical-align: middle; }

.tax-styles__nav-link {
  text-decoration: none;
  vertical-align: middle;
  font-size: 0.9em; }
  @media screen and (min-width: 768px) {
    .tax-styles__nav-link {
      font-size: 1em; } }
  .tax-styles__nav-link:hover {
    text-decoration: underline; }

.tax-styles__flex-outfit .tax-styles__header-break,
.tax-styles__header .tax-styles__header-break {
  width: 120px;
  height: 4px;
  background-color: #000;
  margin: 3.3333333333em auto;
  margin-bottom: 0;
  z-index: 2; }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-outfit .tax-styles__header-break--absolute,
    .tax-styles__header .tax-styles__header-break--absolute {
      position: absolute;
      left: 50%;
      transform: translateX(-50%); } }
  .tax-styles__flex-outfit .tax-styles__header-break--absolute--left,
  .tax-styles__header .tax-styles__header-break--absolute--left {
    left: 66%; }
  .tax-styles__flex-outfit .tax-styles__header-break--top,
  .tax-styles__header .tax-styles__header-break--top {
    top: 210px; }
  .tax-styles__flex-outfit .tax-styles__header-break--margin,
  .tax-styles__header .tax-styles__header-break--margin {
    margin: 3.333333em auto; }

.tax-styles__header-break--no-bm {
  margin: 3.3333333333em auto; }

.tax-styles__flex {
  position: relative;
  background-color: #fff; }
  @media screen and (max-width: 767px) {
    .tax-styles__flex.last-margin-up {
      margin-top: 15px; } }
  @media screen and (min-width: 768px) {
    .tax-styles__flex {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex; } }
  html:not(.flexbox) .tax-styles__flex::after {
    clear: both;
    content: "";
    display: table; }
  .tax-styles__flex--no-margin {
    margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    .tax-styles__flex--margin-bottom {
      margin-bottom: 6em; } }
  @media screen and (max-width: 767px) {
    .tax-styles__flex--padding-top {
      padding-top: 23px; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex--necklace-height {
      height: 650px; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex--move-up {
      top: -220px;
      z-index: 1;
      height: 570px; } }
  .tax-styles__flex--z-two {
    z-index: 2; }
  .tax-styles__flex--cover {
    overflow: hidden; }

.tax-styles__flex-v-center {
  -webkit-align-self: center;
  -moz-align-self: center;
  align-self: center;
  -ms-flex-item-align: center; }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-v-center {
      margin: 5.3333333333em auto; } }

.tax-styles__accessory {
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .tax-styles__accessory:before {
    content: "";
    float: left;
    padding-top: 67%; }
  .tax-styles__accessory img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%); }
  .tax-styles__accessory .img-up {
    top: -180px; }

.tax-styles__flex-col {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-col {
      width: 50%; }
      .tax-styles__flex-col--wide {
        width: 100%;
        margin: 6em auto; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-col--wide {
      width: 62%; }
    .tax-styles__flex-col--wider {
      width: 75%;
      height: 750px; }
    .tax-styles__flex-col--full-width {
      width: 100%; } }
  html:not(.flexbox) .tax-styles__flex-col {
    float: left;
    width: 50%; }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-col--stripes {
      margin: auto;
      width: 50%; } }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-col--casual-necklace {
      width: 100%; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-col--casual-necklace {
      width: auto;
      height: 600px;
      margin: 0 auto !important; } }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-col--casual-jacket {
      height: 680px;
      margin: 0; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-col--casual-jacket {
      width: auto;
      height: 660px;
      margin: 0 auto; } }
  .tax-styles__flex-col--scarf {
    margin: 0 auto; }
  .tax-styles__flex-col--casual-shirt {
    width: auto;
    margin: 0 auto; }
  .tax-styles__flex-col--margin-auto {
    margin: 4em auto; }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-col--jacket {
      width: 100%; } }

.tax-styles__flex-two-thirds-col {
  width: 100%;
  overflow: hidden;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-two-thirds-col {
      width: calc(66% - 20px); } }

.tax-styles__flex-outfit {
  position: relative;
  will-change: opacity;
  z-index: 1; }
  .tax-styles__flex-outfit--center-break {
    position: initial; }
  .tax-styles__flex-outfit--gold-necklace {
    width: 100%;
    height: 750px; }
  @media screen and (min-width: 768px) {
    .tax-styles__two-col .tax-styles__flex-outfit {
      -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%; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-outfit--box-alignment {
      margin: auto;
      height: 650px; } }
  .tax-styles__two-col--left .tax-styles__flex-outfit {
    z-index: 2; }
    .tax-styles__two-col--left .tax-styles__flex-outfit:first-child {
      position: relative; }
      @media screen and (max-width: 767px) {
        .tax-styles__two-col--left .tax-styles__flex-outfit:first-child {
          margin: 15px;
          max-width: calc(100vw - 60px); } }
      @media screen and (min-width: 768px) {
        .tax-styles__two-col--left .tax-styles__flex-outfit:first-child {
          max-width: 287px;
          margin: 33px; } }
      @media screen and (min-width: 1000px) {
        .tax-styles__two-col--left .tax-styles__flex-outfit:first-child {
          margin: 49px;
          max-width: 387px; } }
      .tax-styles__two-col--left .tax-styles__flex-outfit:first-child:before {
        content: "";
        width: 15px;
        height: 400px;
        background: #000000;
        position: absolute;
        left: -15px;
        top: 50%;
        transform: translateY(-50%); }
      .tax-styles__two-col--left .tax-styles__flex-outfit:first-child:after {
        content: "";
        width: 15px;
        height: 400px;
        background: #000000;
        position: absolute;
        right: -15px;
        top: 50%;
        transform: translateY(-50%); }
  @media screen and (max-width: 767px) {
    .tax-styles__two-col--right .tax-styles__flex-outfit:last-child {
      margin: 15px;
      max-width: calc(100vw - 60px); } }
  @media screen and (min-width: 768px) {
    .tax-styles__two-col--right .tax-styles__flex-outfit:last-child {
      max-width: 287px;
      margin: 33px; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__two-col--right .tax-styles__flex-outfit:last-child {
      margin: 49px;
      max-width: 387px; } }
  .tax-styles__two-col--right .tax-styles__flex-outfit:last-child:before {
    content: "";
    width: 15px;
    height: 400px;
    background: #000000;
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%); }
  .tax-styles__two-col--right .tax-styles__flex-outfit:last-child:after {
    content: "";
    width: 15px;
    height: 400px;
    background: #000000;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%); }
  .tax-styles__two-col--orange .tax-styles__flex-outfit:first-child:before, .tax-styles__two-col--orange .tax-styles__flex-outfit:first-child:after, .tax-styles__two-col--orange .tax-styles__flex-outfit:last-child:before, .tax-styles__two-col--orange .tax-styles__flex-outfit:last-child:after {
    background: #D1811E; }
  .tax-styles__two-col--yellow .tax-styles__flex-outfit:first-child:before, .tax-styles__two-col--yellow .tax-styles__flex-outfit:first-child:after, .tax-styles__two-col--yellow .tax-styles__flex-outfit:last-child:before, .tax-styles__two-col--yellow .tax-styles__flex-outfit:last-child:after {
    background: #F8C900; }
  .tax-styles__two-col--peach .tax-styles__flex-outfit:first-child:before, .tax-styles__two-col--peach .tax-styles__flex-outfit:first-child:after, .tax-styles__two-col--peach .tax-styles__flex-outfit:last-child:before, .tax-styles__two-col--peach .tax-styles__flex-outfit:last-child:after {
    background: #B3835C; }
  .tax-styles__two-col--grey .tax-styles__flex-outfit {
    border-color: #a39a94 !important; }
  .tax-styles__two-col--red .tax-styles__flex-outfit:first-child:before, .tax-styles__two-col--red .tax-styles__flex-outfit:first-child:after, .tax-styles__two-col--red .tax-styles__flex-outfit:last-child:before, .tax-styles__two-col--red .tax-styles__flex-outfit:last-child:after {
    background: #BB1937; }
  .tax-styles__two-col--pink .tax-styles__flex-outfit {
    border-color: #e6afc6 !important; }
  .tax-styles__two-col--dark-red .tax-styles__flex-outfit {
    border-color: #d4342a !important; }
  .tax-styles__two-col--green .tax-styles__flex-outfit:first-child:before, .tax-styles__two-col--green .tax-styles__flex-outfit:first-child:after, .tax-styles__two-col--green .tax-styles__flex-outfit:last-child:before, .tax-styles__two-col--green .tax-styles__flex-outfit:last-child:after {
    background: #576034; }
  .tax-styles__two-col--teal .tax-styles__flex-outfit {
    border-color: #7c9f9d !important; }
  .tax-styles__two-col--ocean-blue .tax-styles__flex-outfit {
    border-color: #006da8 !important; }
  .tax-styles__two-col--purple .tax-styles__flex-outfit:first-child:before, .tax-styles__two-col--purple .tax-styles__flex-outfit:first-child:after, .tax-styles__two-col--purple .tax-styles__flex-outfit:last-child:before, .tax-styles__two-col--purple .tax-styles__flex-outfit:last-child:after {
    background: #863076; }
  .tax-styles__two-col--blue .tax-styles__flex-outfit {
    border-color: #667590 !important; }
  .tax-styles__two-col--dark-blue .tax-styles__flex-outfit:first-child:before, .tax-styles__two-col--dark-blue .tax-styles__flex-outfit:first-child:after, .tax-styles__two-col--dark-blue .tax-styles__flex-outfit:last-child:before, .tax-styles__two-col--dark-blue .tax-styles__flex-outfit:last-child:after {
    background: #243B76; }
  .tax-styles__two-col--gold .tax-styles__flex-outfit {
    border-color: #b3835c !important; }
  .tax-styles__single .tax-styles__flex-outfit {
    margin: 0 auto;
    padding: 40px 0; }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-outfit--sm-height {
      height: 690px; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-outfit--height {
      height: 750px; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-outfit--thespian {
      height: 820px; } }
  @media screen and (max-width: 767px) {
    .tax-styles__flex-outfit--coco {
      padding-top: 3em; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-outfit--coco {
      height: 724px; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-outfit--honey {
      height: 800px; } }
  @media screen and (max-width: 767px) {
    .tax-styles__flex-outfit--slant-pocket-cardigan {
      padding-top: 3em; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-outfit--slant-pocket-cardigan {
      height: 836px; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-outfit--harbour-jacket {
      height: 635px; } }
  @media screen and (max-width: 767px) {
    .tax-styles__flex-outfit--playoff-hoodie {
      padding-top: 3em; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-outfit--playoff-hoodie {
      height: 717px; } }
  @media screen and (max-width: 767px) {
    .tax-styles__flex-outfit--bundle-up-scarf {
      padding-top: 3em; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-outfit--bundle-up-scarf {
      height: 635px; } }
  @media screen and (max-width: 767px) {
    .tax-styles__flex-outfit--rebel-shirt {
      padding-top: 3em; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-outfit--rebel-shirt {
      height: 690px; } }
  .tax-styles__flex-outfit--beige-pants {
    width: 100%; }
    @media screen and (min-width: 1000px) {
      .tax-styles__flex-outfit--beige-pants {
        height: 820px; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-outfit--tall {
      height: 930px; } }
  .tax-styles__flex-outfit--shirt {
    margin: auto; }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-outfit--necklace {
      width: 100%;
      height: 640px; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-outfit--necklace {
      height: 720px; } }
  .tax-styles__flex-outfit--trouser {
    width: 100%; }
  .tax-styles__flex-outfit--step-up-skirt {
    width: 100%; }
  .tax-styles__flex-outfit--sherlock {
    width: 100%; }
  .tax-styles__flex-outfit--skinny-pants {
    width: 100%; }
  .tax-styles__flex-outfit--reveal-shirt {
    width: 100%; }
  .tax-styles__flex-outfit--date-night-trouser {
    width: 100%; }
  .tax-styles__flex-outfit--dressy-shoes {
    height: 500px; }

.tax-styles__flex-outfit--center {
  text-align: center; }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-outfit--center {
      text-align: start; } }

.tax-styles__flex--single-margin {
  z-index: 2; }

@media screen and (max-width: 767px) {
  .tax-styles__flex-outfit--tudor-necklace {
    display: flex;
    flex-direction: column-reverse;
    align-items: center; } }

@media screen and (min-width: 768px) {
  .tax-styles__flex-outfit--tudor-necklace {
    height: 800px; } }

.tax-styles__flex-img {
  width: 100%;
  display: block;
  height: auto;
  max-width: 100%;
  min-height: 220px;
  will-change: opacity;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s; }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-img {
      width: 100%; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-img {
      width: 100%; } }
  .tax-styles__flex-img--casual-shirt {
    width: 660px;
    height: auto;
    position: relative; }
    @media screen and (max-width: 767px) {
      .tax-styles__flex-img--casual-shirt {
        margin: auto; } }
    @media screen and (min-width: 768px) {
      .tax-styles__flex-img--casual-shirt {
        left: 120px; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__flex-img--casual-shirt {
        top: 20px;
        left: 350px; } }
  .tax-styles__flex-img--dressy-bracelet {
    width: 450px;
    height: auto;
    position: relative; }
    @media screen and (min-width: 768px) {
      .tax-styles__flex-img--dressy-bracelet {
        left: 0px; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__flex-img--dressy-bracelet {
        left: 20px; } }
  .tax-styles__flex-img--tudor-necklace {
    width: 80%;
    height: auto;
    position: relative; }
    @media screen and (min-width: 768px) {
      .tax-styles__flex-img--tudor-necklace {
        left: 275px;
        width: 85%; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__flex-img--tudor-necklace {
        width: 100%;
        left: 138px; } }
  .tax-styles__flex-img--honey {
    width: 80%;
    height: auto;
    position: relative; }
    @media screen and (min-width: 768px) {
      .tax-styles__flex-img--honey {
        left: 303px;
        width: 53%; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__flex-img--honey {
        width: 100%;
        left: 470px;
        top: -441px; } }
  .tax-styles__flex-img--thespian {
    width: 80%;
    height: auto;
    position: relative; }
    @media screen and (min-width: 768px) {
      .tax-styles__flex-img--thespian {
        left: -140px;
        width: 70%; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__flex-img--thespian {
        width: 100%;
        left: -47px;
        top: 70px; } }
  .tax-styles__flex-img--coco {
    width: 80%;
    height: auto;
    position: relative; }
    @media screen and (min-width: 768px) {
      .tax-styles__flex-img--coco {
        left: 254px;
        width: 70%; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__flex-img--coco {
        width: 100%;
        left: 446px;
        top: 62px; } }
  .tax-styles__flex-img--tablet-resize {
    margin-bottom: 25px; }
    @media screen and (min-width: 768px) {
      .tax-styles__flex-img--tablet-resize {
        width: 85%;
        margin: auto; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__flex-img--tablet-resize {
        width: 100%;
        margin: 0; } }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-img--gold-necklace {
      position: absolute;
      left: 0px;
      width: auto; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-img--gold-necklace {
      right: 280px; } }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-img--img-resize {
      width: 90%;
      margin-left: auto; } }
  .tax-styles__flex-outfit:hover .tax-styles__flex-img {
    opacity: 0.5; }
    .tax-styles__flex-outfit:hover .tax-styles__flex-img + .tax-styles__hover-box {
      z-index: 5;
      opacity: 1; }
  .tax-styles__flex-img--red-shoes {
    position: relative;
    width: 70%;
    top: 5%;
    margin: auto;
    z-index: -1; }
    @media screen and (min-width: 768px) {
      .tax-styles__flex-img--red-shoes {
        margin: 0; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__flex-img--red-shoes {
        margin: auto; } }
  @media screen and (min-width: 768px) {
    .flexbox .tax-styles__flex-cell .tax-styles__flex-img {
      width: auto;
      height: 100%;
      min-height: auto;
      min-width: auto;
      display: block;
      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%); }
    html:not(.flexbox) .tax-styles__flex-cell .tax-styles__flex-img {
      width: 50%; } }
  @media screen and (min-width: 1000px) {
    body:not(.isMobileBrowser) .tax-styles__flex-img.tax-styles--js {
      -webkit-transform: translateY(150px);
      -moz-transform: translateY(150px);
      -ms-transform: translateY(150px);
      -o-transform: translateY(150px);
      transform: translateY(150px); } }
  @media screen and (min-width: 1000px) {
    body:not(.isMobileBrowser) .tax-styles__flex-img.tax-styles--js--high {
      -webkit-transform: translateY(-150px);
      -moz-transform: translateY(-150px);
      -ms-transform: translateY(-150px);
      -o-transform: translateY(-150px);
      transform: translateY(-150px); } }
  @media screen and (min-width: 1000px) {
    body:not(.isMobileBrowser) .tax-styles__flex-img.tax-styles--no-translate {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px); } }
  @media screen and (min-width: 1000px) {
    body:not(.isMobileBrowser) .tax-styles__flex-img.tax-styles--js-check-jacket {
      -webkit-transform: translateY(60px);
      -moz-transform: translateY(60px);
      -ms-transform: translateY(60px);
      -o-transform: translateY(60px);
      transform: translateY(60px); } }
  @media screen and (min-width: 1000px) {
    body:not(.isMobileBrowser) .tax-styles__flex-img.tax-styles--js-tudor-necklace {
      -webkit-transform: translateY(-150px);
      -moz-transform: translateY(-150px);
      -ms-transform: translateY(-150px);
      -o-transform: translateY(-150px);
      transform: translateY(-150px); } }
  .tax-styles__flex-img--shirt {
    position: relative; }
    @media screen and (min-width: 768px) {
      .tax-styles__flex-img--shirt {
        right: 130px; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__flex-img--shirt {
        top: 20px; } }
  .tax-styles__flex-img--necklace {
    position: relative; }
    @media screen and (min-width: 1000px) {
      .tax-styles__flex-img--necklace {
        bottom: 120px;
        right: 60px; } }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-img--necklace-gold {
      position: relative;
      left: 220px;
      width: 69%; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-img--necklace-gold {
      top: 80px;
      left: 320px;
      width: 100%; } }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-img--date-night-scarf {
      position: relative;
      left: 220px;
      width: 75%; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-img--date-night-scarf {
      top: 80px;
      left: 360px;
      width: 100%; } }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-img--dressy-shoes {
      position: relative;
      left: 223px;
      width: 75%; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-img--dressy-shoes {
      top: 220px;
      left: 430px;
      width: 100%; } }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-img--beige-pants {
      width: 50%;
      margin-left: auto; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-img--beige-pants {
      position: relative;
      margin: auto;
      width: 60%;
      top: 40px;
      left: 220px; } }
  .tax-styles__flex-img--casual-necklace {
    position: relative; }
    @media screen and (min-width: 768px) {
      .tax-styles__flex-img--casual-necklace {
        width: 50%;
        margin-left: auto; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__flex-img--casual-necklace {
        position: relative;
        width: auto;
        left: 30px;
        top: -280px;
        margin: 0 auto;
        max-width: none; } }
  .tax-styles__flex-img--date-night-scarf {
    position: relative; }
    @media screen and (min-width: 768px) {
      .tax-styles__flex-img--date-night-scarf {
        width: 50%;
        margin: auto; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__flex-img--date-night-scarf {
        position: relative;
        width: 110%;
        right: 0;
        top: 100px;
        margin: 0;
        max-width: none; } }
  .tax-styles__flex-img--jacket {
    position: relative;
    z-index: -1; }
    @media screen and (min-width: 768px) {
      .tax-styles__flex-img--jacket {
        width: 55%;
        left: 340px;
        bottom: 30px; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__flex-img--jacket {
        left: 410px; } }
  .tax-styles__flex-img--casual-pants {
    position: relative;
    z-index: -1; }
    @media screen and (min-width: 768px) {
      .tax-styles__flex-img--casual-pants {
        width: 720px;
        height: auto;
        top: 0;
        right: 160px;
        z-index: -1; } }
  .tax-styles__flex-img--casual-jacket {
    position: relative;
    z-index: -1; }
    @media screen and (min-width: 768px) {
      .tax-styles__flex-img--casual-jacket {
        width: auto;
        left: -120px; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__flex-img--casual-jacket {
        width: 720px;
        height: auto;
        top: 0;
        right: 160px;
        z-index: -1; } }
  .tax-styles__flex-img--casual-shoes {
    width: 720px;
    height: auto;
    position: relative;
    z-index: -1; }
    @media screen and (min-width: 768px) {
      .tax-styles__flex-img--casual-shoes {
        left: -60px;
        top: 180px; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__flex-img--casual-shoes {
        top: 100px;
        left: 100px;
        z-index: -1; } }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-img--trouser {
      position: relative;
      left: 0px;
      width: 72%; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-img--trouser {
      width: auto;
      top: 5px;
      left: -100px; } }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-img--step-up-skirt {
      position: relative;
      left: 327px;
      width: 55%; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-img--step-up-skirt {
      width: auto;
      top: 5px;
      left: 375px; } }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-img--harbour-jacket {
      position: relative;
      left: 327px;
      width: 55%; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-img--harbour-jacket {
      width: auto;
      top: 30px;
      height: 625px;
      left: 292px; } }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-img--sherlock {
      position: relative;
      left: 36px;
      width: 72%; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-img--sherlock {
      width: auto;
      top: 0px;
      left: 47px; } }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-img--slant-pocket-cardigan {
      position: relative;
      left: 36px;
      width: 72%; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-img--slant-pocket-cardigan {
      width: auto;
      top: 30px;
      left: 24px;
      height: 757px; } }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-img--skinny-pants {
      position: relative;
      left: 315px;
      width: 72%; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-img--skinny-pants {
      width: auto;
      top: 0px;
      transform: scale(0.8) !important;
      left: 420px; } }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-img--rebel-shirt {
      position: relative;
      left: 315px;
      width: 72%; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-img--rebel-shirt {
      width: auto;
      top: 35px;
      transform: scale(0.8) !important;
      left: 420px; } }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-img--spotted-jogger {
      position: relative;
      left: 315px;
      width: 72%; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-img--spotted-jogger {
      width: auto;
      top: 120px;
      transform: scale(1) !important;
      left: 337px;
      height: 471px; } }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-img--reveal-shirt {
      position: relative;
      left: 36px;
      width: 72%; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-img--reveal-shirt {
      width: auto;
      top: 0px;
      left: 50px; } }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-img--trio-sweater {
      position: relative;
      left: 36px;
      width: 72%; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-img--trio-sweater {
      width: auto;
      top: 87px;
      left: 13px;
      height: 610px; } }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-img--playoff-hoodie {
      position: relative;
      left: 36px;
      width: 72%; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-img--playoff-hoodie {
      transform: scale(0.8) !important;
      width: auto;
      top: 60px;
      left: 13px;
      height: 615px; } }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-img--date-night-trouser {
      position: relative;
      left: 0px;
      width: 75%; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__flex-img--date-night-trouser {
      width: auto;
      top: 5px;
      left: 110px; } }

.tax-styles__promotion-text {
  display: block;
  font-family: JustLovely;
  font-weight: normal;
  font-style: normal;
  height: auto;
  line-height: 1em;
  font-size: 2.6666666667em;
  padding-bottom: 0.75em;
  text-align: center;
  font-family: montserrat;
  font-weight: 800;
  text-align: center; }
  .tax-styles__promotion-text .item-number {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.9px;
    line-height: 21px; }
  .tax-styles__promotion-text p .btn-cta--black {
    margin: 0; }
  @media screen and (min-width: 768px) {
    .tax-styles__promotion-text {
      text-align: center;
      position: absolute;
      z-index: 2; } }
  .tax-styles__promotion-text--beige-pants {
    width: 100% !important; }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--beige-pants {
        top: 200px !important; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--beige-pants {
        top: 330px !important; } }
  .tax-styles__promotion-text--gold-necklace {
    width: 100%;
    font-size: 1em;
    line-height: 1.5em; }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--gold-necklace {
        width: 305px;
        top: 230px;
        left: calc(50% + 20px); } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--gold-necklace {
        left: 600px;
        top: 300px; } }
  .tax-styles__promotion-text--date-night-scarf {
    width: 100%;
    font-size: 1em;
    line-height: 1.5em; }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--date-night-scarf {
        top: 80px;
        left: 150px;
        width: 250px; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--date-night-scarf {
        top: 260px;
        left: 160px; } }
  .tax-styles__promotion-text--tilt {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    transform: rotate(-4deg); }
  .tax-styles__promotion-text--gold-shoes {
    width: 100% !important;
    font-weight: 800 !important; }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--gold-shoes {
        left: 50px !important;
        top: 110px !important;
        width: 250px !important; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--gold-shoes {
        top: 260px !important; } }
  .tax-styles__promotion-text--dressy-shoes {
    width: 100% !important;
    font-size: 1em;
    line-height: 21px;
    font-family: Montserrat !important;
    font-weight: 600; }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--dressy-shoes {
        left: 80px !important;
        top: 120px !important;
        width: 500px !important; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--dressy-shoes {
        left: 140px !important;
        top: 250px !important; } }
  .tax-styles__promotion-text--red-shoes {
    font-size: 1em;
    line-height: 1.5em; }
    @media screen and (max-width: 767px) {
      .tax-styles__promotion-text--red-shoes {
        padding-bottom: 3em; } }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--red-shoes {
        top: 130px;
        right: 10px; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--red-shoes {
        top: 230px;
        right: -10px; } }
  @media screen and (min-width: 768px) {
    .tax-styles__promotion-text--full-crush {
      top: 115px;
      left: 95px; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__promotion-text--full-crush {
      top: 254px;
      left: 365px; } }
  .tax-styles__promotion-text--scarf {
    font-size: 1em;
    line-height: 1.5em; }
    @media screen and (max-width: 767px) {
      .tax-styles__promotion-text--scarf {
        padding-bottom: 3em; } }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--scarf {
        top: 295px;
        left: 500px;
        width: 40%; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--scarf {
        top: 285px;
        left: 425px; } }
  .tax-styles__promotion-text--casual-shirt {
    font-size: 1em;
    line-height: 1.5em; }
    @media screen and (max-width: 767px) {
      .tax-styles__promotion-text--casual-shirt {
        padding-bottom: 3em; } }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--casual-shirt {
        top: 100px;
        left: 0; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--casual-shirt {
        top: 100px;
        left: 80px; } }
  .tax-styles__promotion-text--casual-pants {
    font-size: 1em;
    line-height: 1.5em;
    font-size: 1em;
    line-height: 1.5em; }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--casual-pants {
        top: 100px;
        left: 500px;
        width: 275px; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--casual-pants {
        top: 180px;
        left: 500px; } }
    @media screen and (max-width: 767px) {
      .tax-styles__promotion-text--casual-pants {
        padding-bottom: 3em; } }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--casual-pants {
        top: 185px;
        left: calc(50% + 140px);
        width: 260px; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--casual-pants {
        top: 185px;
        left: calc(50% + 140px); } }
  .tax-styles__promotion-text--casual-jacket {
    font-size: 1em;
    line-height: 1.5em; }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--casual-jacket {
        top: 100px;
        left: 500px;
        width: 275px; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--casual-jacket {
        top: 180px;
        left: 500px; } }
  .tax-styles__promotion-text--casual-shoes {
    text-align: center;
    font-size: 1em;
    line-height: 1.5em; }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--casual-shoes {
        top: 100px;
        left: 425px;
        width: 275px; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--casual-shoes {
        top: 180px;
        left: -100px; } }
  @media screen and (min-width: 768px) {
    .tax-styles__promotion-text--superheroes {
      top: 215px;
      left: 30px; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__promotion-text--superheroes {
      left: 130px; } }
  .tax-styles__promotion-text--casual-necklace {
    font-size: 1em;
    line-height: 1.5em;
    transform: translateY(-80px); }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--casual-necklace {
        top: 165px;
        left: 100px; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--casual-necklace {
        top: 185px;
        left: 80px; } }
  @media screen and (min-width: 768px) {
    .tax-styles__promotion-text--horse {
      top: 175px;
      left: 415px; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__promotion-text--horse {
      top: 295px;
      left: 390px; } }
  @media screen and (max-width: 767px) {
    .tax-styles__promotion-text--full-necklace {
      bottom: 230px;
      position: relative; } }
  @media screen and (min-width: 768px) {
    .tax-styles__promotion-text--full-necklace {
      top: 315px;
      left: 470px; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__promotion-text--full-necklace {
      left: 460px; } }
  @media screen and (min-width: 768px) {
    .tax-styles__promotion-text--pearls {
      top: 190px;
      left: 450px; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__promotion-text--pearls {
      top: 300px;
      left: 440px; } }
  .tax-styles__promotion-text--necklace {
    font-size: 1em;
    line-height: 1.5em; }
    @media screen and (max-width: 767px) {
      .tax-styles__promotion-text--necklace {
        padding-bottom: 3em; } }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--necklace {
        top: 340px;
        left: 410px;
        width: 100%; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--necklace {
        position: relative;
        left: 400px;
        top: -510px; } }
  .tax-styles__promotion-text--shirt {
    font-size: 1em; }
    @media screen and (max-width: 767px) {
      .tax-styles__promotion-text--shirt {
        padding-bottom: 3em; } }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--shirt {
        top: 230px;
        left: 410px;
        width: 100%; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--shirt {
        position: relative;
        left: 450px;
        top: -330px; } }
  .tax-styles__promotion-text--neck {
    font-size: 1em; }
    @media screen and (max-width: 767px) {
      .tax-styles__promotion-text--neck {
        position: relative;
        top: -69vw; } }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--neck {
        top: 340px;
        left: 410px;
        font-size: 1em; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--neck {
        position: relative;
        left: 560px;
        top: -900px; } }
  .tax-styles__promotion-text--jacket {
    font-size: 1em;
    line-height: 1.5em; }
    @media screen and (max-width: 767px) {
      .tax-styles__promotion-text--jacket {
        position: relative;
        left: -30px;
        padding-bottom: 3em; } }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--jacket {
        top: 165px;
        left: 70px;
        font-size: 1em; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--jacket {
        top: 280px;
        left: 95px; } }
  @media screen and (min-width: 768px) {
    .tax-styles__promotion-text--speakeasy {
      top: 400px;
      left: 610px; } }
  .tax-styles__promotion-text--trouser {
    width: 100%;
    line-height: 1.5em;
    font-size: 1em; }
    @media screen and (max-width: 767px) {
      .tax-styles__promotion-text--trouser {
        padding-bottom: 3.2em;
        margin-top: -1em; } }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--trouser {
        top: 100px;
        left: 480px;
        width: 275px; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--trouser {
        left: 660px;
        width: 350px; } }
  .tax-styles__promotion-text--step-up-skirt {
    width: 100%;
    line-height: 1.5em;
    font-size: 1em; }
    @media screen and (max-width: 767px) {
      .tax-styles__promotion-text--step-up-skirt {
        padding-bottom: 3.2em; } }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--step-up-skirt {
        top: 194px;
        left: 60px;
        width: 275px; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--step-up-skirt {
        top: 296px;
        left: 100px;
        width: 350px; } }
  .tax-styles__promotion-text--harbour-jacket {
    width: 100%;
    line-height: 1.5em;
    font-size: 1em; }
    @media screen and (max-width: 767px) {
      .tax-styles__promotion-text--harbour-jacket {
        padding-bottom: 3.2em; } }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--harbour-jacket {
        top: 114px;
        left: 60px;
        width: 275px; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--harbour-jacket {
        top: 293px;
        left: 64px;
        width: 350px; } }
  .tax-styles__promotion-text--sherlock {
    width: 100%;
    line-height: 1.5em;
    font-size: 1em; }
    @media screen and (max-width: 767px) {
      .tax-styles__promotion-text--sherlock {
        padding-bottom: 3.2em; } }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--sherlock {
        top: 200px;
        left: 385px;
        width: 275px; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--sherlock {
        left: 558px;
        top: 335px;
        width: 350px; } }
  .tax-styles__promotion-text--slant-pocket-cardigan {
    width: 100%;
    line-height: 1.5em;
    font-size: 1em; }
    @media screen and (max-width: 767px) {
      .tax-styles__promotion-text--slant-pocket-cardigan {
        padding-bottom: 3.2em; } }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--slant-pocket-cardigan {
        top: 200px;
        left: 415px;
        width: 275px; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--slant-pocket-cardigan {
        left: 587px;
        top: 339px;
        width: 363px; } }
  .tax-styles__promotion-text--skinny-pants {
    width: 100%;
    line-height: 1.5em;
    font-size: 1em; }
    @media screen and (max-width: 767px) {
      .tax-styles__promotion-text--skinny-pants {
        padding-bottom: 3.2em; } }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--skinny-pants {
        top: 50%;
        transform: translateY(-50%);
        left: 38px;
        width: 293px; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--skinny-pants {
        left: 60px;
        width: 350px; } }
  .tax-styles__promotion-text--spotted-jogger {
    width: 100%;
    line-height: 1.5em;
    font-size: 1em; }
    @media screen and (max-width: 767px) {
      .tax-styles__promotion-text--spotted-jogger {
        padding-bottom: 3.2em; } }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--spotted-jogger {
        top: 160px;
        left: 35px;
        width: 293px; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--spotted-jogger {
        left: 22px;
        top: 285px;
        width: 350px; } }
  .tax-styles__promotion-text--reveal-shirt {
    width: 100%;
    line-height: 1.5em;
    font-size: 1em; }
    @media screen and (max-width: 767px) {
      .tax-styles__promotion-text--reveal-shirt {
        padding-bottom: 3.2em; } }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--reveal-shirt {
        top: 200px;
        left: 385px;
        width: 275px; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--reveal-shirt {
        left: 532px;
        top: 340px;
        width: 350px; } }
  .tax-styles__promotion-text--trio-sweater {
    width: 100%;
    line-height: 1.5em;
    font-size: 1em; }
    @media screen and (max-width: 767px) {
      .tax-styles__promotion-text--trio-sweater {
        padding-bottom: 3.2em; } }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--trio-sweater {
        top: 50%;
        transform: translateY(-50%);
        left: 385px;
        width: 275px; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--trio-sweater {
        left: 570px;
        width: 350px; } }
  .tax-styles__promotion-text--date-night-trouser {
    width: 100%;
    line-height: 1.5em;
    font-size: 1em; }
    @media screen and (max-width: 767px) {
      .tax-styles__promotion-text--date-night-trouser {
        padding-bottom: 1.2em; } }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--date-night-trouser {
        top: 400px;
        left: 440px;
        width: 240px; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--date-night-trouser {
        left: 640px; } }
  .tax-styles__promotion-text--dressy-bracelet {
    width: 100%;
    line-height: 1.5em;
    font-size: 1em;
    line-height: 21px;
    font-family: Montserrat;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      .tax-styles__promotion-text--dressy-bracelet {
        padding-bottom: 1.2em; } }
    @media screen and (min-width: 480px) {
      .tax-styles__promotion-text--dressy-bracelet {
        transform: translateY(-480px) translateX(140px); } }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--dressy-bracelet {
        top: 250px;
        left: 440px;
        width: 240px;
        transform: none; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--dressy-bracelet {
        left: 567px;
        top: 220px; } }
  .tax-styles__promotion-text--tudor-necklace {
    width: 285px;
    line-height: 1.5em;
    font-size: 1em;
    line-height: 21px;
    text-align: center;
    font-family: Montserrat;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      .tax-styles__promotion-text--tudor-necklace {
        padding-bottom: 1.2em; } }
    @media screen and (max-width: 767px) {
      .tax-styles__promotion-text--tudor-necklace {
        position: relative;
        top: 40px; } }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--tudor-necklace {
        top: 350px;
        left: 60px;
        transform: none; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--tudor-necklace {
        left: 70px; } }
  .tax-styles__promotion-text--thespian {
    width: 285px;
    line-height: 1.5em;
    font-size: 1em;
    line-height: 21px;
    text-align: center;
    font-family: Montserrat;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      .tax-styles__promotion-text--thespian {
        padding-bottom: 1.2em;
        width: 100%;
        position: relative; } }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--thespian {
        top: 105px;
        left: 413px;
        transform: none; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--thespian {
        top: 322px;
        left: 615px; } }
  .tax-styles__promotion-text--coco {
    width: 285px;
    line-height: 1.5em;
    font-size: 1em;
    line-height: 21px;
    text-align: center;
    font-family: Montserrat;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      .tax-styles__promotion-text--coco {
        padding-bottom: 1.2em;
        width: 100%;
        position: relative; } }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--coco {
        top: 150px;
        left: 38px;
        transform: none; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--coco {
        top: 275px;
        left: 117px; } }
  .tax-styles__promotion-text--honey {
    width: 285px;
    line-height: 1.5em;
    font-size: 1em;
    line-height: 21px;
    text-align: center;
    font-family: Montserrat;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      .tax-styles__promotion-text--honey {
        position: relative;
        width: 100%;
        padding-bottom: 1.2em; } }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--honey {
        top: 255px;
        left: 50px;
        transform: none; } }
    @media screen and (min-width: 1000px) {
      .tax-styles__promotion-text--honey {
        left: 100px; } }
  .tax-styles__promotion-text--arrangement-one {
    font-family: Montserrat;
    font-weight: 500;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    font-size: 1em;
    width: 100%;
    line-height: 1.3em;
    margin-bottom: 30px;
    font-weight: 600 !important; }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--arrangement-one {
        width: 280px;
        top: 330px;
        left: 610px;
        margin-bottom: 0px; } }
  .tax-styles__promotion-text--arrangement-two {
    font-family: Montserrat;
    font-weight: 500;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    font-size: 1em;
    width: 100%;
    line-height: 1.3em; }
    @media screen and (min-width: 768px) {
      .tax-styles__promotion-text--arrangement-two {
        width: 480px;
        top: 330px;
        left: 510px; } }
  .tax-styles__promotion-text--align-left {
    left: 80px; }
  .tax-styles__promotion-text span {
    padding-left: 30px; }
    .tax-styles__promotion-text span.short--pad-least {
      padding-left: 5px !important; }
    .tax-styles__promotion-text span.short--pad-left {
      padding-left: 15px !important; }
    .tax-styles__promotion-text span.short--pad-more {
      padding-left: 25px !important; }
    .tax-styles__promotion-text span.short--pad-even-more {
      padding-left: 0px !important;
      line-height: 28px; }
    .tax-styles__promotion-text span.short--pad-cont-more {
      margin-top: 30px;
      display: block; }
    .tax-styles__promotion-text span.short--pad-cont-even-more {
      display: block;
      padding-left: 0px;
      margin-left: -39px;
      padding-top: 5px; }
    .tax-styles__promotion-text span.long--pad-left {
      padding-left: 28px !important;
      padding-top: 0px !important;
      margin-top: -15px; }
    .tax-styles__promotion-text span.long--pad-more {
      padding-left: 75px !important; }
    .tax-styles__promotion-text span.long--pad-even-more {
      padding-left: 75px !important; }
    .tax-styles__promotion-text span.longer--pad-left {
      padding-left: 100px !important; }
    .tax-styles__promotion-text span.longer--pad-more {
      padding-left: 115px !important; }
    .tax-styles__promotion-text span.tax-styles__message {
      display: block;
      padding-left: 0px;
      margin: 10px 0px 0px 10px;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 28px;
      letter-spacing: 0.01px;
      line-height: 40px;
      text-align: center;
      text-transform: capitalize;
      font-weight: 500; }
      .tax-styles__promotion-text span.tax-styles__message--lovely {
        font-family: JustLovely;
        font-weight: normal;
        font-style: normal;
        font-size: 3.3em;
        line-height: 1em; }
        .tax-styles__promotion-text span.tax-styles__message--lovely--smaller-font {
          font-size: 3em; }
      .tax-styles__promotion-text span.tax-styles__message--tilt {
        -webkit-transform: rotate(-4deg);
        -moz-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        -o-transform: rotate(-4deg);
        transform: rotate(-4deg);
        padding-top: 10px; }
      .tax-styles__promotion-text span.tax-styles__message--no-margin {
        margin: 0 !important; }
      @media screen and (min-width: 768px) {
        .tax-styles__promotion-text span.tax-styles__message {
          margin: 10px 0px 0px 0px; } }
    .tax-styles__promotion-text span.tax-styles__message--lovely.long--pad-more {
      margin: -27px 0px 0px -44px !important;
      font-size: 48px;
      line-height: 62px; }

@media screen and (min-width: 768px) {
  .tax-styles__message-copy--gold-necklace span.short--pad-left {
    padding-left: 75px; }
    .tax-styles__message-copy--gold-necklace span.short--pad-left:first-child {
      padding-left: 45px; } }

@media screen and (min-width: 768px) {
  .tax-styles__message-copy--gold-necklace span.short--seperate {
    padding: 0px;
    position: absolute;
    left: 280px;
    top: 70px; } }

.tax-styles__message-copy--gold-necklace .tax-styles__message {
  display: inline-block;
  margin-top: 3px; }
  @media screen and (min-width: 768px) {
    .tax-styles__message-copy--gold-necklace .tax-styles__message {
      position: absolute;
      top: 25px;
      left: 240px; } }

.tax-styles__flex-cell {
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .tax-styles__flex-cell {
      width: 50%;
      float: left; } }
  @media screen and (min-width: 768px) {
    .tax-styles__flex-cell {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1 auto;
      -moz-flex: 1 auto;
      -ms-flex: 1 auto;
      flex: 1 auto; } }

.tax-styles__hover-box {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  z-index: -1; }
  @media screen and (min-width: 1000px) {
    .tax-styles__hover-box--down {
      top: 60%; } }
  .tax-styles__hover-box--transition-none {
    transition: none; }
  .tax-styles__hover-box--top-down {
    top: 62%; }

.tax-styles__hover-box .btn-nopadding {
  width: 100%;
  max-width: 200px; }
  @media screen and (min-width: 768px) {
    .tax-styles__hover-box .btn-nopadding {
      min-width: 150px; } }

.tax-styles__footer {
  background-color: #fff;
  padding-top: 10px; }
  @media screen and (min-width: 768px) {
    .tax-styles__footer {
      background-color: #f5f5f5;
      padding: 2.9333333333em 0; } }

.tax-styles--margin-bot {
  margin-bottom: 100px; }
  @media screen and (min-width: 768px) {
    .tax-styles--margin-bot {
      margin-bottom: 200px; } }

.tax-styles__footer .tax-styles__footer-table {
  position: relative;
  height: 304px; }
  @media screen and (min-width: 768px) {
    .tax-styles__footer .tax-styles__footer-table {
      display: table;
      height: auto;
      margin: 0 auto;
      border-collapse: separate;
      border-spacing: 1em 0; } }

.tax-styles__footer .tax-styles__block {
  text-decoration: none; }
  @media screen and (min-width: 768px) {
    .tax-styles__footer .tax-styles__block {
      vertical-align: middle;
      position: relative;
      display: table-cell; } }
  @media screen and (min-width: 768px) {
    .tax-styles__footer .tax-styles__block--bordered {
      border: 1px solid #000; } }
  @media screen and (max-width: 767px) {
    .tax-styles__footer .tax-styles__block:first-child {
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      background: #f0f0f0;
      height: 170px;
      display: block;
      border-right: 5px solid #fff;
      text-align: right; } }
  .tax-styles__footer .tax-styles__block:first-child:before {
    font-family: FontAwesome;
    content: "";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 10%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 2em; }
    @media screen and (min-width: 768px) {
      .tax-styles__footer .tax-styles__block:first-child: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;
        font-size: 3em;
        font-weight: 900 !important;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        transition: opacity 0.2s;
        color: #fff;
        left: 50%; } }
  @media screen and (min-width: 768px) {
    .tax-styles__footer .tax-styles__block:first-child:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      -webkit-transition: background-color 0.2s;
      -moz-transition: background-color 0.2s;
      transition: background-color 0.2s;
      background-color: transparent; } }
  @media screen and (max-width: 767px) {
    .tax-styles__footer .tax-styles__block:last-child {
      position: absolute;
      top: 0;
      right: 0;
      width: 50%;
      background: #f0f0f0;
      height: 170px;
      display: block;
      border-left: 5px solid #fff;
      text-align: left; } }
  .tax-styles__footer .tax-styles__block:last-child:before {
    font-family: FontAwesome;
    content: "";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 90%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 2em; }
    @media screen and (min-width: 768px) {
      .tax-styles__footer .tax-styles__block:last-child: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;
        font-size: 3em;
        font-weight: 900 !important;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        transition: opacity 0.2s;
        color: #fff;
        left: 50%; } }
  @media screen and (min-width: 768px) {
    .tax-styles__footer .tax-styles__block:last-child:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      -webkit-transition: background-color 0.2s;
      -moz-transition: background-color 0.2s;
      transition: background-color 0.2s;
      background-color: transparent; } }
  @media screen and (min-width: 768px) {
    .tax-styles__footer .tax-styles__block:hover:before {
      opacity: 0; }
    .tax-styles__footer .tax-styles__block:hover:after {
      background-color: rgba(0, 0, 0, 0.7); } }

@media screen and (max-width: 767px) {
  .tax-styles__footer .tax-styles__block-text {
    -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 10%; }
    .tax-styles__footer .tax-styles__block-text .h2 {
      font-size: 1.6em; } }

@media screen and (min-width: 768px) {
  .tax-styles__footer .tax-styles__block-text {
    opacity: 0;
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    z-index: 1; } }

@media screen and (min-width: 768px) {
  .tax-styles__block:hover .tax-styles__block-text {
    opacity: 1; } }

@media screen and (max-width: 767px) {
  .tax-styles__footer .tax-styles__back-block-text {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 50%;
    font-size: 1.4666666667em; }
    .tax-styles__footer .tax-styles__back-block-text br {
      display: none; } }

.tax-styles__block-sup {
  font-weight: 700;
  font-size: 0.8em;
  letter-spacing: 0.01em;
  text-transform: uppercase; }
  .tax-styles__footer .tax-styles__block-sup {
    font-family: Montserrat;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.8em;
    margin-bottom: 0.5em; }
    @media screen and (min-width: 768px) {
      .tax-styles__footer .tax-styles__block-sup {
        font-size: 1.0666666667em;
        margin-bottom: 0; } }

.tax-styles__footer .tax-styles__block--square {
  position: relative;
  font-family: Montserrat;
  font-weight: 500;
  text-transform: uppercase; }
  @media screen and (max-width: 767px) {
    .tax-styles__footer .tax-styles__block--square {
      position: absolute;
      top: 180px;
      left: 0;
      width: 100%;
      background: #f0f0f0;
      height: 126px;
      display: block; } }
  @media screen and (min-width: 768px) {
    .tax-styles__footer .tax-styles__block--square {
      width: 207px;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
      .tax-styles__footer .tax-styles__block--square:hover {
        background-color: #000;
        color: #fff; } }

.tax-styles__margin-bottom {
  margin-bottom: 40px; }

.tax-styles--necklace {
  position: relative;
  bottom: 270px;
  z-index: -1; }
  @media screen and (min-width: 768px) {
    .tax-styles--necklace {
      width: 75%; } }
  @media screen and (min-width: 1000px) {
    .tax-styles--necklace {
      bottom: 400px; } }

@media screen and (max-width: 767px) {
  .tax-styles__grid--height {
    height: 500px; } }

.z-index-2 {
  z-index: 2; }

.tax-styles--scarf {
  z-index: -1; }
  @media screen and (min-width: 768px) {
    .tax-styles--scarf {
      width: 75%; } }
  @media screen and (min-width: 1000px) {
    .tax-styles--scarf {
      width: 80%;
      position: relative;
      right: 60px; } }

.tax-styles--casual-shirt {
  z-index: -1; }
  @media screen and (min-width: 768px) {
    .tax-styles--casual-shirt {
      width: 75%; } }
  @media screen and (min-width: 1000px) {
    .tax-styles--casual-shirt {
      width: 100%;
      position: relative;
      right: 140px; } }

.tax-styles--casual-pants {
  z-index: -1; }
  @media screen and (min-width: 768px) {
    .tax-styles--casual-pants {
      width: 75%; } }
  @media screen and (min-width: 1000px) {
    .tax-styles--casual-pants {
      width: 50%;
      right: 85px;
      position: relative;
      margin: 0 auto; } }

@media screen and (max-width: 767px) {
  .tax-styles__header-break--desktop {
    background-color: white !important; } }

.tax-styles__message--scarf {
  margin: 0 !important; }
  @media screen and (min-width: 768px) {
    .tax-styles__message--scarf {
      margin: 0 0 -18px !important; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__message--scarf {
      position: relative;
      bottom: 5px; } }

.tax-styles__message--gold-necklace {
  margin: 0 !important; }
  @media screen and (min-width: 1000px) {
    .tax-styles__message--gold-necklace {
      position: relative;
      bottom: 20px;
      line-height: 0.75;
      margin-top: 30px !important; } }

.tax-styles__message--gold-shoes {
  margin: 0 !important; }
  @media screen and (min-width: 768px) {
    .tax-styles__message--gold-shoes {
      margin: 25px 0 -10px !important; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__message--gold-shoes {
      position: relative;
      bottom: 20px; } }

.tax-styles__message--trouser {
  margin: 10px 0 -20px !important; }
  @media screen and (min-width: 1000px) {
    .tax-styles__message--trouser {
      position: relative;
      bottom: 0; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__message--trouser {
      position: relative;
      bottom: 15px; } }

.tax-styles__message--step-up-skirt {
  margin: 0px 0 0px !important; }
  @media screen and (min-width: 1000px) {
    .tax-styles__message--step-up-skirt {
      position: relative;
      bottom: 0; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__message--step-up-skirt {
      margin: 10px 0 -20px !important;
      position: relative;
      bottom: 15px; } }

.tax-styles__message--sherlock {
  margin: 0px 0 0px !important; }
  @media screen and (min-width: 1000px) {
    .tax-styles__message--sherlock {
      position: relative;
      bottom: 0; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__message--sherlock {
      margin: 10px 0 -20px !important;
      position: relative;
      bottom: 15px; } }

.tax-styles__message--skinny-pants {
  margin: 0px 0 0px !important; }
  @media screen and (min-width: 1000px) {
    .tax-styles__message--skinny-pants {
      position: relative;
      bottom: 0; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__message--skinny-pants {
      margin: 10px 0 -10px !important;
      position: relative;
      bottom: 15px; } }

.tax-styles__message--reveal-shirt {
  margin: 0px 0 0px !important; }
  @media screen and (min-width: 1000px) {
    .tax-styles__message--reveal-shirt {
      position: relative;
      bottom: 0; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__message--reveal-shirt {
      margin: 10px 0 -20px !important;
      position: relative;
      bottom: 15px; } }

.tax-styles__message--dressy-shoes {
  margin: 0 !important; }
  @media screen and (min-width: 1000px) {
    .tax-styles__message--dressy-shoes {
      position: relative; } }

.padding-top-mod {
  padding-top: 0; }
  @media screen and (min-width: 1000px) {
    .padding-top-mod {
      padding-top: 20px; } }

.tax-styles__message--tilt {
  margin-bottom: -21px !important; }

.tax-styles__message--dressy-bracelet {
  margin-top: 0 !important; }
  @media screen and (min-width: 1000px) {
    .tax-styles__message--dressy-bracelet {
      padding-top: 15px;
      position: relative;
      bottom: 25px; } }

.tax-styles__message--tudor-necklace {
  margin-top: 0 !important;
  text-transform: capitalize; }
  @media screen and (min-width: 1000px) {
    .tax-styles__message--tudor-necklace {
      padding-top: 5px;
      padding-bottom: 5px;
      position: relative; } }

.tax-styles__message--date-night-scarf {
  margin: 0 !important; }
  @media screen and (min-width: 1000px) {
    .tax-styles__message--date-night-scarf {
      position: relative; } }

.tax-styles__message--date-night-trouser {
  margin: 0 !important; }
  @media screen and (min-width: 1000px) {
    .tax-styles__message--date-night-trouser {
      position: relative;
      bottom: 5px; } }

.tax-styles__message--casual-shirt {
  margin: 0 !important; }
  @media screen and (min-width: 1000px) {
    .tax-styles__message--casual-shirt {
      position: relative;
      bottom: 5px; } }

.tax-styles__message--beige-pants {
  position: relative;
  bottom: -5px; }
  @media screen and (min-width: 768px) {
    .tax-styles__message--beige-pants {
      bottom: 15px; } }
  @media screen and (min-width: 1000px) {
    .tax-styles__message--beige-pants {
      bottom: 30px;
      left: 15px; } }

@media screen and (min-width: 768px) {
  .tax-styles__message--shirt {
    position: relative;
    top: 15px;
    padding-left: 0 !important; } }

.tax-styles__message--necklace {
  position: relative;
  bottom: -10px; }
  @media screen and (min-width: 1000px) {
    .tax-styles__message--necklace {
      bottom: 20px; } }

@media screen and (min-width: 768px) {
  .tax-styles__message--date-night-trouser {
    position: relative;
    bottom: 0; } }

@media screen and (min-width: 768px) {
  .tax-styles__message--gold-shoes {
    position: relative;
    bottom: 20px; } }

@media screen and (max-width: 767px) {
  .tax-styles__message--jacket {
    position: relative;
    left: 40px; } }

.tax-styles--js-1,
.tax-styles--js-2,
.tax-styles--js-3 {
  z-index: 1; }

.notion-story--container {
  background: #faf4f0; }

.notion-story {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  position: relative; }
  .notion-story::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 1000px) {
    .notion-story {
      width: inherit; } }
  .notion-story--top-it-off {
    max-width: 65em !important; }

.notion-story__video-wrapper {
  position: relative;
  padding-bottom: 56.25%; }
  .notion-story__video-wrapper .vimeo-video {
    position: absolute;
    width: 100%;
    height: 100%; }

@media screen and (min-width: 768px) {
  .notion-story__intro {
    padding: 0;
    position: absolute;
    z-index: 1;
    text-align: left;
    line-height: 1.35em; } }

.notion-story__intro--holiday {
  position: relative;
  text-align: center; }

@media screen and (min-width: 768px) {
  .notion-story__intro--top-it-off {
    padding: 0 30px; } }

@media screen and (min-width: 768px) {
  .notion-story__intro--like-a-boss {
    width: 35%;
    padding-top: 50px;
    padding-left: 15px; } }

@media screen and (min-width: 768px) {
  .notion-story__intro--dapper-darling {
    width: 35%;
    padding-top: 100px;
    padding-left: 15px;
    right: 0; } }

@media screen and (min-width: 768px) {
  .notion-story__intro--elegancia {
    width: 35%;
    padding-top: 50px;
    padding-left: 15px;
    left: 0; } }

@media screen and (min-width: 1000px) {
  .notion-story__intro--elegancia {
    padding-left: 15px;
    width: 28%;
    left: 6em; } }

@media screen and (min-width: 768px) {
  .notion-story__intro--boho-trend {
    right: 20px;
    width: 35%; } }

@media screen and (min-width: 768px) {
  .notion-story__intro--vacation {
    width: 35%;
    padding-top: 130px;
    padding-left: 15px;
    left: 0; } }

@media screen and (min-width: 1000px) {
  .notion-story__intro--vacation {
    padding-left: 0px;
    width: 40%;
    left: 6em; } }

@media screen and (min-width: 768px) {
  .notion-story__intro--left-margin {
    margin-left: 3em;
    width: 61%; } }

@media screen and (max-width: 999px) and (min-width: 768px) {
  .notion-story__intro--stack-1 {
    left: -25px; } }

@media screen and (min-width: 768px) {
  .notion-story__intro--stack-1 {
    width: 35%;
    margin-left: 30px; } }

@media screen and (min-width: 768px) {
  .notion-story__intro--new-arrivals, .notion-story__intro--new-arrivals-grace {
    left: 20px;
    width: 35%; } }

@media screen and (min-width: 768px) {
  .notion-story__intro--new-arrivals-blush {
    width: 25%;
    left: -12px; } }

@media screen and (max-width: 1160px) {
  .notion-story__intro--vip {
    width: 25%;
    left: 5px; } }

@media screen and (max-width: 768px) {
  .notion-story__intro--vip {
    width: 177px;
    margin: 0 auto; } }

@media screen and (max-width: 767px) {
  .notion-story__intro .notion-story__intro-description--line-height {
    display: none; } }

@media screen and (max-width: 767px) {
  .notion-story__intro .notion-story__intro-description--check-me-out {
    display: none; } }

@media screen and (max-width: 767px) {
  .notion-story__intro .notion-story__intro-description--best-weekend {
    display: none; } }

@media screen and (min-width: 1000px) {
  .notion-story__intro--stack-vip {
    width: 29%;
    margin-left: 30px; } }

@media screen and (max-width: 767px) {
  .notion-story__intro .notion-story__intro-description--gem-tones {
    display: none; } }

.notion-story__intro-description-wrapper--mobile {
  margin-top: -40px;
  padding: 0 30px;
  margin-bottom: 40px; }
  .notion-story__intro-description-wrapper--mobile p {
    color: #000000;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.08px;
    line-height: 20px; }
  @media screen and (min-width: 768px) {
    .notion-story__intro-description-wrapper--mobile {
      display: none; } }

.notion-story__intro-description-wrapper--check-me-out--mobile {
  padding: 0 30px; }
  .notion-story__intro-description-wrapper--check-me-out--mobile p {
    color: #000000;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    font-weight: 300;
    letter-spacing: 0.1px;
    line-height: 26px; }
  @media screen and (min-width: 768px) {
    .notion-story__intro-description-wrapper--check-me-out--mobile {
      display: none; } }

@media screen and (min-width: 1000px) {
  .notion-story__intro--new-arrivals-grace .notion-story__intro-description--line-height {
    padding-left: 70px; } }

@media screen and (min-width: 1000px) {
  .notion-story__intro--new-arrivals-grace .notion-story__intro-description--check-me-out {
    padding-left: 70px; } }

.notion-story__intro-title {
  padding-bottom: 1em;
  pointer-events: none;
  text-align: center; }
  .notion-story__intro-title--best-weekend {
    padding-bottom: 0; }
  @media screen and (min-width: 768px) {
    .notion-story__intro-title--align-right {
      text-align: left; } }
  @media screen and (min-width: 1000px) {
    .notion-story__intro-title--align-right {
      text-align: right; } }
  @media screen and (min-width: 768px) {
    .notion-story__intro-title--dapper-darling {
      height: 145px;
      position: relative; } }
  @media screen and (min-width: 1000px) {
    .notion-story__intro-title--dapper-darling {
      height: 200px; } }
  @media screen and (min-width: 768px) {
    .notion-story__intro-title--elegancia {
      height: 200px;
      position: relative; } }
  .notion-story__intro-title--top-it-off {
    text-align: left;
    margin-top: 60px; }
    @media screen and (max-width: 999px) {
      .notion-story__intro-title--top-it-off {
        margin-top: 0;
        padding: 20px 20px 20px; }
        .notion-story__intro-title--top-it-off img {
          width: 100% !important;
          max-width: unset !important; } }
  .notion-story__intro-title--boho-trend {
    text-align: center; }
    @media screen and (min-width: 768px) {
      .notion-story__intro-title--boho-trend {
        text-align: right;
        padding-bottom: 8em; } }
    @media screen and (min-width: 1000px) {
      .notion-story__intro-title--boho-trend {
        padding-bottom: 11em; } }
  @media screen and (min-width: 768px) {
    .notion-story__intro-title--vacation {
      height: 200px;
      position: relative; } }
  .notion-story__intro-title--9-to-5-trend, .notion-story__intro-title--new-arrivals-trend {
    text-align: center; }
    @media screen and (min-width: 768px) {
      .notion-story__intro-title--9-to-5-trend, .notion-story__intro-title--new-arrivals-trend {
        text-align: left;
        padding-bottom: 8em; } }
    @media screen and (min-width: 1000px) {
      .notion-story__intro-title--9-to-5-trend, .notion-story__intro-title--new-arrivals-trend {
        padding-bottom: 11em; } }
  @media screen and (min-width: 768px) {
    .notion-story__intro-title--new-arrivals-blooming-blush {
      text-align: left;
      padding-bottom: 8em; } }
  @media screen and (min-width: 1000px) {
    .notion-story__intro-title--new-arrivals-blooming-blush {
      padding-bottom: 11em; } }
  @media screen and (min-width: 768px) {
    .notion-story__intro-title--new-arrivals-check-me-out {
      text-align: left;
      padding-bottom: 8em; } }
  @media screen and (min-width: 1000px) {
    .notion-story__intro-title--new-arrivals-check-me-out {
      padding-bottom: 11em; } }
  @media screen and (min-width: 768px) {
    .notion-story__intro-title---holiday {
      text-align: center;
      padding-bottom: 20px; } }
  .notion-story__intro-title--spring-new-arrivals {
    text-align: left; }
    @media screen and (min-width: 768px) {
      .notion-story__intro-title--spring-new-arrivals {
        padding-bottom: 8em; } }
    @media screen and (min-width: 1000px) {
      .notion-story__intro-title--spring-new-arrivals {
        padding-bottom: 11em; } }
  @media screen and (min-width: 768px) {
    .notion-story__intro-title--winter-greens {
      text-align: left;
      padding-bottom: 8em; } }
  @media screen and (min-width: 1000px) {
    .notion-story__intro-title--winter-greens {
      padding-bottom: 11em; } }
  .notion-story__intro-title--safari-chic, .notion-story__intro-title--ready-set-glam {
    padding-bottom: 30px; }
    @media screen and (min-width: 768px) {
      .notion-story__intro-title--safari-chic, .notion-story__intro-title--ready-set-glam {
        padding-top: 70px; } }
    @media screen and (min-width: 1000px) {
      .notion-story__intro-title--safari-chic, .notion-story__intro-title--ready-set-glam {
        padding-top: 30px; } }
    @media screen and (min-width: 1250px) {
      .notion-story__intro-title--safari-chic, .notion-story__intro-title--ready-set-glam {
        padding-top: 120px; } }
  @media screen and (min-width: 768px) {
    .notion-story__intro-title--ready-set-glam {
      padding-left: 56px; } }
  .notion-story__intro-title--new-arrivals-lucy {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 26px;
    text-align: left; }
    @media screen and (min-width: 768px) {
      .notion-story__intro-title--new-arrivals-lucy {
        padding-top: 150px; } }
  .notion-story__intro-title--off-the-clock {
    font-size: 46px;
    line-height: 52px;
    letter-spacing: -0.56px;
    font-family: Montserrat;
    font-weight: 500;
    font-weight: 700;
    color: #658c84;
    padding-top: 0.75em;
    padding-bottom: 0;
    font-weight: 600; }
    @media screen and (min-width: 768px) {
      .notion-story__intro-title--off-the-clock {
        text-align: left;
        padding-top: 2em;
        font-size: 46px;
        line-height: 52px; } }

.notion-story__intro-sub-title--off-the-clock {
  color: #658c84;
  font-size: 32px;
  line-height: 33px;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .notion-story__intro-sub-title--off-the-clock {
      font-size: 22px; } }
  @media screen and (min-width: 1000px) {
    .notion-story__intro-sub-title--off-the-clock {
      font-size: 24px; } }

.notion-story__title-img {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .notion-story__title-img--dapper-darling {
      position: absolute;
      left: -5.75em; } }
  @media screen and (min-width: 1000px) {
    .notion-story__title-img--dapper-darling {
      left: -8em; } }
  @media screen and (min-width: 768px) {
    .notion-story__title-img--elegancia {
      position: relative;
      top: 7em;
      bottom: 1.75em;
      left: 0;
      width: 150%; } }
  @media screen and (min-width: 1000px) {
    .notion-story__title-img--elegancia {
      left: 0;
      width: 150%; } }
  .notion-story__title-img--boho-trend {
    width: 80%; }
    @media screen and (min-width: 768px) {
      .notion-story__title-img--boho-trend {
        position: relative;
        bottom: 1.75em;
        top: 7em;
        width: 100%;
        left: -75px; } }
    @media screen and (min-width: 1000px) {
      .notion-story__title-img--boho-trend {
        top: 10em;
        left: -107px; } }
  .notion-story__title-img--9-to-5-trend {
    width: 200px; }
    @media screen and (min-width: 768px) {
      .notion-story__title-img--9-to-5-trend {
        position: relative;
        bottom: 1.75em;
        top: 7em;
        width: 100%;
        width: 170px; } }
    @media screen and (min-width: 1000px) {
      .notion-story__title-img--9-to-5-trend {
        top: 10em;
        left: 0;
        max-width: 200px;
        width: 200px;
        height: auto; } }
  .notion-story__title-img--winter-greens {
    max-width: 270px;
    width: 270px;
    height: auto; }
    @media screen and (min-width: 768px) {
      .notion-story__title-img--winter-greens {
        position: relative;
        bottom: 1.75em;
        top: 7em;
        width: 100%;
        width: 170px; } }
    @media screen and (min-width: 1000px) {
      .notion-story__title-img--winter-greens {
        top: 10em;
        left: 0;
        max-width: 270px;
        width: 270px;
        height: auto; } }
  .notion-story__title-img--safari-chic {
    max-width: 164px;
    width: 164px;
    height: auto; }
    @media screen and (min-width: 1000px) {
      .notion-story__title-img--safari-chic {
        max-width: 220px;
        width: 220px; } }
  .notion-story__title-img--new-arrivals-lucy {
    width: 290px;
    margin-top: -80px;
    margin-left: 20px; }
    @media screen and (min-width: 768px) {
      .notion-story__title-img--new-arrivals-lucy {
        width: 480px;
        margin-top: -75px;
        margin-left: -10px; } }
  .notion-story__title-img--new-arrivals-vip {
    width: 100%;
    margin-top: 0px;
    margin-left: 0px; }
    @media screen and (min-width: 768px) {
      .notion-story__title-img--new-arrivals-vip {
        width: 420px;
        margin-top: 100px;
        margin-left: -30px; } }
    @media screen and (min-width: 1000px) {
      .notion-story__title-img--new-arrivals-vip {
        width: 520px;
        margin-left: -60px; } }
  .notion-story__title-img--ready-set-glam {
    max-width: 320px;
    width: 320px;
    height: auto; }
    @media screen and (min-width: 1000px) {
      .notion-story__title-img--ready-set-glam {
        max-width: 491px;
        width: 491px; } }
  .notion-story__title-img--top-it-off {
    max-width: 320px;
    width: 320px;
    height: auto; }
    @media screen and (min-width: 1000px) {
      .notion-story__title-img--top-it-off {
        max-width: 491px;
        width: 491px; } }
  .notion-story__title-img--jet-set {
    max-width: 75%;
    width: 100%;
    height: auto; }
    @media screen and (min-width: 768px) {
      .notion-story__title-img--jet-set {
        position: relative;
        max-width: 100%;
        bottom: 1.75em;
        top: 7em;
        width: 200px; } }
    @media screen and (min-width: 1000px) {
      .notion-story__title-img--jet-set {
        top: 10em;
        left: 0;
        max-width: 300px;
        width: 100%;
        height: auto; } }
  .notion-story__title-img--new-arrivals-trend {
    max-width: 480px;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .notion-story__title-img--new-arrivals-trend {
        position: relative;
        bottom: 1.75em;
        top: 7em;
        width: 100%;
        width: 200px; } }
    @media screen and (min-width: 1000px) {
      .notion-story__title-img--new-arrivals-trend {
        top: 10em;
        left: 0;
        max-width: 300px;
        width: 300px;
        height: auto; } }
    @media screen and (max-width: 767px) {
      .notion-story__title-img--new-arrivals-trend.show-desktop {
        display: none; } }
    .notion-story__title-img--new-arrivals-trend.show-mobile {
      display: none; }
      @media screen and (max-width: 767px) {
        .notion-story__title-img--new-arrivals-trend.show-mobile {
          display: initial; } }
  .notion-story__title-img--new-arrivals-blooming-blush {
    min-width: 230px;
    width: 60%; }
    @media screen and (min-width: 768px) {
      .notion-story__title-img--new-arrivals-blooming-blush {
        position: relative;
        bottom: 1.75em;
        top: 7em;
        width: 100%;
        width: 200px; } }
    @media screen and (min-width: 1000px) {
      .notion-story__title-img--new-arrivals-blooming-blush {
        top: 10em;
        left: 0;
        max-width: 300px;
        width: 300px;
        height: auto; } }
    @media screen and (max-width: 767px) {
      .notion-story__title-img--new-arrivals-blooming-blush.show-desktop {
        display: none; } }
    .notion-story__title-img--new-arrivals-blooming-blush.show-mobile {
      display: none; }
      @media screen and (max-width: 767px) {
        .notion-story__title-img--new-arrivals-blooming-blush.show-mobile {
          display: initial; } }
  .notion-story__title-img--new-arrivals-check-me-out {
    min-width: 230px;
    width: 60%; }
    @media screen and (min-width: 768px) {
      .notion-story__title-img--new-arrivals-check-me-out {
        position: relative;
        bottom: 1.75em;
        top: 7em;
        width: 100%;
        width: 200px; } }
    @media screen and (min-width: 1000px) {
      .notion-story__title-img--new-arrivals-check-me-out {
        top: 10em;
        left: 76px;
        max-width: 324px;
        width: 324px;
        height: auto; } }
    @media screen and (max-width: 767px) {
      .notion-story__title-img--new-arrivals-check-me-out.show-desktop {
        display: none; } }
    .notion-story__title-img--new-arrivals-check-me-out.show-mobile {
      display: none; }
      @media screen and (max-width: 767px) {
        .notion-story__title-img--new-arrivals-check-me-out.show-mobile {
          display: initial; } }
  .notion-story__title-img--new-arrivals-best-weekend {
    min-width: 230px;
    width: 60%; }
    @media screen and (min-width: 768px) {
      .notion-story__title-img--new-arrivals-best-weekend {
        position: relative;
        bottom: 1.75em;
        top: 7em;
        width: 100%;
        width: 200px; } }
    @media screen and (min-width: 1000px) {
      .notion-story__title-img--new-arrivals-best-weekend {
        top: 10em;
        left: 0px;
        max-width: 324px;
        width: 324px;
        height: auto; } }
    @media screen and (max-width: 767px) {
      .notion-story__title-img--new-arrivals-best-weekend.show-desktop {
        display: none; } }
    .notion-story__title-img--new-arrivals-best-weekend.show-mobile {
      display: none; }
      @media screen and (max-width: 767px) {
        .notion-story__title-img--new-arrivals-best-weekend.show-mobile {
          display: initial; } }
  .notion-story__title-img--new-arrivals-grace-trend {
    max-width: 270px;
    width: 100%;
    margin: 0 0 1.5em; }
    @media screen and (min-width: 768px) {
      .notion-story__title-img--new-arrivals-grace-trend {
        position: relative;
        bottom: 1.75em; } }
    @media screen and (min-width: 1000px) {
      .notion-story__title-img--new-arrivals-grace-trend {
        top: 10em;
        left: 0;
        max-width: 300px;
        width: 300px;
        height: auto; } }
    @media screen and (max-width: 767px) {
      .notion-story__title-img--new-arrivals-grace-trend.show-desktop {
        display: none; } }
    .notion-story__title-img--new-arrivals-grace-trend.show-mobile {
      display: none; }
      @media screen and (max-width: 767px) {
        .notion-story__title-img--new-arrivals-grace-trend.show-mobile {
          display: initial; } }
    @media screen and (min-width: 1000px) {
      .notion-story__title-img--new-arrivals-grace-trend {
        margin: 0 0 2em; } }
    @media screen and (min-width: 1000px) {
      .notion-story__title-img--new-arrivals-grace-trend--indent {
        padding-left: 70px; } }
  .notion-story__title-img--new-arrivals-gem-tones {
    min-width: 230px;
    width: 60%; }
    @media screen and (min-width: 768px) {
      .notion-story__title-img--new-arrivals-gem-tones {
        position: relative;
        width: 600px; } }
    @media screen and (min-width: 1000px) {
      .notion-story__title-img--new-arrivals-gem-tones {
        max-width: 600px;
        width: 600px;
        height: auto; } }
    @media screen and (max-width: 767px) {
      .notion-story__title-img--new-arrivals-gem-tones.show-desktop {
        display: none; } }
    .notion-story__title-img--new-arrivals-gem-tones.show-mobile {
      display: none; }
      @media screen and (max-width: 767px) {
        .notion-story__title-img--new-arrivals-gem-tones.show-mobile {
          display: initial; } }
  .notion-story__title-img--new-arrivals-holiday {
    min-width: 230px;
    width: 60%; }
    @media screen and (min-width: 768px) {
      .notion-story__title-img--new-arrivals-holiday {
        margin-top: 50px;
        position: relative;
        width: 600px; } }
    @media screen and (min-width: 1000px) {
      .notion-story__title-img--new-arrivals-holiday {
        max-width: 600px;
        width: 600px;
        height: auto; } }
    @media screen and (max-width: 767px) {
      .notion-story__title-img--new-arrivals-holiday.show-desktop {
        display: none; } }
    .notion-story__title-img--new-arrivals-holiday.show-mobile {
      display: none; }
      @media screen and (max-width: 767px) {
        .notion-story__title-img--new-arrivals-holiday.show-mobile {
          margin-top: 30px;
          display: initial; } }

.notion-story__intro-photo-credit {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: italic;
  font-size: 0.8em;
  margin: 0 0 1.5em; }
  @media screen and (min-width: 1000px) {
    .notion-story__intro-photo-credit {
      margin: 0 0 2em; } }
  @media screen and (min-width: 1000px) {
    .notion-story__intro-photo-credit--indent {
      padding-left: 70px; } }

@media screen and (max-width: 999px) {
  .notion-story__item-grid {
    padding: 30px; } }

.notion-story__item-grid--gem-tones {
  padding: 0; }

.notion-story__item-grid--vip {
  padding: 0;
  margin-bottom: 60px; }

.notion-story__item-grid--no-padding {
  padding: 0; }

.notion-story__grid-item {
  display: flex;
  margin-top: 132px;
  padding: 0 30px; }
  @media screen and (max-width: 1439px) {
    .notion-story__grid-item {
      margin-top: 80px; }
      .notion-story__grid-item-fullimage img {
        width: 100%; } }
  .notion-story__grid-item-left {
    padding-right: 25px; }
  .notion-story__grid-item-right {
    padding-left: 25px; }
  .notion-story__grid-item:first-of-type {
    margin-top: 80px; }
    @media screen and (max-width: 767px) {
      .notion-story__grid-item:first-of-type {
        margin-top: 0; } }
  @media screen and (max-width: 999px) {
    .notion-story__grid-item {
      margin-left: 0; } }
  @media screen and (max-width: 767px) {
    .notion-story__grid-item {
      flex-direction: column;
      padding: 0;
      margin: 80px 0 0; }
      .notion-story__grid-item--mobile-reverse {
        flex-direction: column-reverse; }
      .notion-story__grid-item-left, .notion-story__grid-item-right {
        padding: unset !important; } }
  @media screen and (max-width: 767px) {
    .notion-story__grid-item--tuesday {
      margin-top: 0; }
      .notion-story__grid-item--tuesday .notion-story__grid-item-info {
        padding-top: 20px; } }
  .notion-story__grid-item--quote {
    position: relative;
    color: #fff;
    padding: 105px 0;
    display: flex; }
    @media screen and (max-width: 999px) {
      .notion-story__grid-item--quote {
        padding-top: 50px;
        padding-bottom: 50px; } }
    @media screen and (max-width: 767px) {
      .notion-story__grid-item--quote {
        padding-top: 0;
        margin-top: 145px; } }
    .notion-story__grid-item--quote .notion-story__grid-item-fullimage {
      margin-left: 30px; }
      @media screen and (max-width: 767px) {
        .notion-story__grid-item--quote .notion-story__grid-item-fullimage {
          margin-top: -100px; } }
      @media screen and (max-width: 480px) {
        .notion-story__grid-item--quote .notion-story__grid-item-fullimage {
          margin-top: -65px; } }
      .notion-story__grid-item--quote .notion-story__grid-item-fullimage img.mobile-only {
        max-width: 200px; }
        @media screen and (max-width: 480px) {
          .notion-story__grid-item--quote .notion-story__grid-item-fullimage img.mobile-only {
            max-width: 130px; } }
    .notion-story__grid-item--quote:before {
      content: "";
      display: block;
      top: 0;
      position: absolute;
      width: 100vw;
      height: 100%;
      left: 50%;
      transform: translateX(-50%);
      z-index: -1;
      background: #000000; }
    .notion-story__grid-item--quote-wrapper {
      display: flex;
      flex-direction: column; }
      @media screen and (min-width: 768px) {
        .notion-story__grid-item--quote-wrapper {
          margin-left: 45px; } }
    .notion-story__grid-item--quote-text {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      position: relative;
      color: #ffffff;
      font-size: 25px;
      font-weight: 500;
      letter-spacing: -1.08px;
      line-height: 39px;
      max-width: 663px;
      padding-left: 45px; }
      .notion-story__grid-item--quote-text .quote-mark {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 86px;
        font-weight: 300;
        color: #ffffff;
        letter-spacing: -0.27px;
        line-height: 103px;
        position: absolute; }
        .notion-story__grid-item--quote-text .quote-mark:first-of-type {
          top: -25px;
          left: -5px; }
        .notion-story__grid-item--quote-text .quote-mark:last-of-type {
          right: -40px; }
      @media screen and (max-width: 999px) {
        .notion-story__grid-item--quote-text {
          font-size: 20px;
          letter-spacing: -0.06px;
          line-height: 29px; } }
      @media screen and (max-width: 767px) {
        .notion-story__grid-item--quote-text {
          padding: 30px 30px 0; }
          .notion-story__grid-item--quote-text .quote-mark {
            font-size: 66px;
            line-height: 79px;
            letter-spacing: -0.2px; }
            .notion-story__grid-item--quote-text .quote-mark:first-of-type {
              top: 11px; }
            .notion-story__grid-item--quote-text .quote-mark:last-of-type {
              right: 6px; } }
    .notion-story__grid-item--quote-sig {
      color: #ffffff;
      font-family: JustLovely;
      font-weight: normal;
      font-style: normal;
      font-size: 55px;
      letter-spacing: -0.17px;
      line-height: 71px;
      align-self: flex-end;
      margin-top: 15px;
      margin-right: 100px; }
      @media screen and (max-width: 999px) {
        .notion-story__grid-item--quote-sig {
          align-self: flex-start;
          margin-right: 0;
          font-size: 45px;
          letter-spacing: -0.14px;
          line-height: 59px;
          margin-left: 30px; } }
    .notion-story__grid-item--quote-pos {
      color: #ffffff;
      font-family: Montserrat;
      font-weight: 500;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: -0.04px;
      line-height: 18px;
      align-self: flex-end; }
      @media screen and (max-width: 999px) {
        .notion-story__grid-item--quote-pos {
          align-self: flex-start;
          margin-left: 30px;
          font-size: 12px;
          line-height: 15px; } }
  .notion-story__grid-item-info {
    padding-top: 30px; }
    @media screen and (max-width: 999px) {
      .notion-story__grid-item-info img {
        width: 100%; } }
  .notion-story__grid-item-title {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    margin-top: 40px;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 38px; }
  .notion-story__grid-item-desc {
    margin: 18px 0;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 20px;
    min-height: 60px;
    max-width: 362px; }
    @media screen and (max-width: 767px) {
      .notion-story__grid-item-desc {
        max-width: 100% !important; } }
  .notion-story__grid-item .btn-cta--black {
    margin-bottom: 35px; }
  .notion-story__grid-item--renaissance .notion-story__grid-item-desc {
    max-width: 288px; }
  .notion-story__grid-item--double-item {
    justify-content: space-between; }
    .notion-story__grid-item--double-item .notion-story__grid-item-info {
      padding-top: 0; }
      @media screen and (min-width: 768px) {
        .notion-story__grid-item--double-item .notion-story__grid-item-info {
          width: calc(50% - 40px); } }
      @media screen and (min-width: 1000px) {
        .notion-story__grid-item--double-item .notion-story__grid-item-info {
          width: calc(50% - 120px); } }
      @media screen and (max-width: 767px) {
        .notion-story__grid-item--double-item .notion-story__grid-item-info:last-of-type {
          margin-top: 80px; } }
    .notion-story__grid-item--double-item .notion-story__grid-item-title {
      margin-top: 0; }
  .notion-story__grid-item--josephine .notion-story__grid-item-fullimage {
    margin-right: 80px; }
    @media screen and (max-width: 999px) {
      .notion-story__grid-item--josephine .notion-story__grid-item-fullimage {
        margin-right: 0; } }
  .notion-story__grid-item--group-img {
    margin-bottom: 140px;
    margin-left: -50px;
    padding: 0; }
    @media screen and (max-width: 1439px) {
      .notion-story__grid-item--group-img {
        margin-left: 0; } }

.notion-story__intro-description {
  font-size: 20px;
  line-height: 1.6em;
  letter-spacing: 0.03em;
  text-align: left; }
  @media screen and (min-width: 1000px) {
    .notion-story__intro-description {
      padding-left: 15px; } }
  .notion-story__intro-description--line-height {
    line-height: 1.75em; }
  .notion-story__intro-description--check-me-out {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.1px;
    font-size: 17px;
    line-height: 26px;
    margin-top: 25px; }
  .notion-story__intro-description--best-weekend {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.1px;
    line-height: 26px;
    margin-top: 25px; }
    @media screen and (min-width: 1000px) {
      .notion-story__intro-description--best-weekend {
        width: 245px;
        font-size: 15px; } }
    @media screen and (max-width: 767px) {
      .notion-story__intro-description--best-weekend {
        margin: 30px 10px; } }
  .notion-story__intro-description--gem-tones {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.1px;
    font-size: 17px;
    line-height: 26px;
    margin-top: 25px; }
  .notion-story__intro-description--holiday {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.1px;
    line-height: 26px;
    text-align: center;
    max-width: 735px;
    padding-bottom: 50px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .notion-story__intro-description--holiday {
        font-size: 18px;
        font-weight: 300;
        line-height: 24px;
        text-align: center;
        max-width: 260px;
        padding-bottom: 15px; } }
  .notion-story__intro-description--new-arrivals-lucy.show-mobile {
    padding: 0 2em;
    margin-bottom: 80px; }
    @media screen and (min-width: 768px) {
      .notion-story__intro-description--new-arrivals-lucy.show-mobile {
        display: none; } }
  .notion-story__intro-description--new-arrivals-lucy.show-desktop {
    display: none; }
    @media screen and (min-width: 768px) {
      .notion-story__intro-description--new-arrivals-lucy.show-desktop {
        display: block; } }
  .notion-story__intro-description--new-arrivals-joan.show-mobile {
    padding: 0 2em; }
    @media screen and (min-width: 768px) {
      .notion-story__intro-description--new-arrivals-joan.show-mobile {
        display: none; } }
  .notion-story__intro-description--new-arrivals-joan.show-desktop {
    display: none; }
    @media screen and (min-width: 768px) {
      .notion-story__intro-description--new-arrivals-joan.show-desktop {
        display: block; } }
  .notion-story__intro-description--vip.show-mobile {
    padding: 0 2em;
    margin-bottom: 80px;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    letter-spacing: 0.6px;
    line-height: 22px; }
    @media screen and (min-width: 768px) {
      .notion-story__intro-description--vip.show-mobile {
        display: none; } }
  .notion-story__intro-description--vip.show-desktop {
    display: none; }
    @media screen and (min-width: 768px) {
      .notion-story__intro-description--vip.show-desktop {
        display: block; } }
  @media screen and (max-width: 767px) {
    .notion-story__intro-description--spring-new-arrivals {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-weight: 300;
      font-size: 14px;
      letter-spacing: 0.07px;
      line-height: 18px; } }
  .notion-story__intro-description--safari-chic span, .notion-story__intro-description--ready-set-glam span {
    font-style: italic; }
  @media screen and (max-width: 999px) {
    .notion-story__intro-description--safari-chic, .notion-story__intro-description--ready-set-glam {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 14px;
      font-weight: 300;
      letter-spacing: 0.07px;
      line-height: 18px; } }
  @media screen and (min-width: 768px) {
    .notion-story__intro-description--safari-chic, .notion-story__intro-description--ready-set-glam {
      padding-left: 56px; } }
  .notion-story__intro-description--top-it-off {
    padding-bottom: 1em;
    max-width: 460px;
    padding: 0 10px 20px; }
    @media screen and (max-width: 999px) {
      .notion-story__intro-description--top-it-off {
        padding: 0 30px 30px; } }

.notion-story__item-wrapper__2-halfs--best-weekend-2-halfs {
  padding: 0 30px; }

.notion-story__item-wrapper__2-halfs::after {
  clear: both;
  content: "";
  display: table; }

.notion-story__item-wrapper__2-halfs--text-below {
  position: relative; }

.notion-story__item-wrapper__2-halfs--top {
  padding-top: 15%; }

.notion-story__item--white-bg {
  display: block;
  background: #ffffff; }

.notion-story__item {
  text-align: center;
  margin-bottom: 70px;
  position: relative; }
  @media screen and (min-width: 768px) {
    .notion-story__item--flip-vertically--boho-trend {
      margin-top: 290px; } }
  @media screen and (min-width: 1000px) {
    .notion-story__item--flip-vertically--boho-trend {
      margin-top: 450px; } }
  @media screen and (min-width: 1000px) {
    .notion-story__item--flip-vertically--vacation {
      margin-top: 20px; } }
  @media screen and (min-width: 768px) {
    .notion-story__item--flip-vertically--new-arrivals {
      margin-top: 190px; } }
  @media screen and (min-width: 1000px) {
    .notion-story__item--flip-vertically--new-arrivals {
      margin-top: 461px; } }
  @media screen and (min-width: 768px) {
    .notion-story__item--flip-vertically--reverse {
      margin-top: 100px; } }
  @media screen and (min-width: 1000px) {
    .notion-story__item--flip-vertically--reverse {
      margin-top: 140px; } }
  @media screen and (min-width: 1000px) {
    .notion-story__item--top-large {
      padding-top: 250px; } }
  @media screen and (min-width: 1000px) {
    .notion-story__item--top-small {
      padding-top: 100px; } }
  .notion-story__item--push-up {
    margin-top: 0; }
  .notion-story__item--text--mobile {
    display: block;
    padding: 0 30px 2em 30px; }
    @media screen and (min-width: 1000px) {
      .notion-story__item--text--mobile {
        display: none; } }
  .notion-story__item--text--desktop {
    display: none; }
    @media screen and (min-width: 1000px) {
      .notion-story__item--text--desktop {
        display: block;
        width: 50%;
        margin: auto;
        padding: 80px 0;
        text-align: left; } }
    .notion-story__item--text--desktop--elegancia {
      display: none; }
      @media screen and (min-width: 1000px) {
        .notion-story__item--text--desktop--elegancia {
          display: block;
          width: 60%;
          padding: 0 0 80px 0;
          text-align: left;
          margin: auto; } }
    .notion-story__item--text--desktop--boho-trend {
      display: none; }
      @media screen and (min-width: 1000px) {
        .notion-story__item--text--desktop--boho-trend {
          display: block;
          width: 60%;
          padding: 0 0 50px 0;
          text-align: left;
          margin: auto; } }
  @media screen and (min-width: 1000px) {
    .notion-story__item--no-bottom {
      margin-bottom: 0 !important; } }
  .notion-story__item--mobile {
    display: block; }
    @media screen and (min-width: 1000px) {
      .notion-story__item--mobile {
        display: none; } }
  .notion-story__item--desktop {
    display: none; }
    @media screen and (min-width: 1000px) {
      .notion-story__item--desktop {
        display: inline-block; } }
  .notion-story__item-wrapper__fullwidth .notion-story__item--best-weekend-5 {
    padding-left: 30px;
    padding-right: 30px; }
  @media screen and (min-width: 768px) {
    .notion-story__item-wrapper__fullwidth .notion-story__item {
      width: 60%;
      margin-right: 0;
      margin-left: auto; }
      .notion-story__item-wrapper__fullwidth .notion-story__item--best-weekend-5 {
        width: 53%;
        padding-left: 0px;
        padding-right: 0px; }
      .notion-story__item-wrapper__fullwidth .notion-story__item--blush {
        width: 93%; }
      .notion-story__item-wrapper__fullwidth .notion-story__item--fashion-flash {
        width: 70%; } }
    @media screen and (min-width: 768px) and (max-width: 999px) and (min-width: 768px) {
      .notion-story__item-wrapper__fullwidth .notion-story__item--fashion-flash {
        width: 68%; } }
  @media screen and (min-width: 768px) {
      .notion-story__item-wrapper__fullwidth .notion-story__item--left {
        margin-left: initial; }
      .notion-story__item-wrapper__fullwidth .notion-story__item--center {
        margin: 0 auto; }
        .notion-story__item-wrapper__fullwidth .notion-story__item--center.notion-story__item {
          margin-bottom: 50px; }
      .notion-story__item-wrapper__fullwidth .notion-story__item--flip {
        margin-left: 0;
        margin-right: auto; }
      .notion-story__item-wrapper__fullwidth .notion-story__item--flash {
        width: 80%;
        margin-left: initial;
        margin-left: 80px; }
      .notion-story__item-wrapper__fullwidth .notion-story__item--fullwidth {
        width: 100%;
        margin-left: initial; }
        .notion-story__item-wrapper__fullwidth .notion-story__item--fullwidth .notion-story__item__image {
          width: 100%; }
      .notion-story__item-wrapper__fullwidth .notion-story__item--gem-tones {
        width: 67%;
        margin-right: 49px; } }
  .notion-story__item-wrapper__fullwidth .notion-story__item--center-100 {
    width: 100%; }
  @media screen and (min-width: 768px) {
    .notion-story__item-wrapper__fullwidth--flip .notion-story__item {
      width: 60%;
      margin-left: 0;
      margin-right: auto; }
      .notion-story__item-wrapper__fullwidth--flip .notion-story__item--right {
        margin-left: initial; } }
  @media screen and (min-width: 768px) {
    .notion-story__item-wrapper__2-halfs .notion-story__item {
      float: left; }
      .notion-story__item-wrapper__2-halfs .notion-story__item:first-child {
        margin-right: 20px; }
      .notion-story__item-wrapper__2-halfs .notion-story__item:last-child {
        margin-left: 20px; }
      .notion-story__item-wrapper__2-halfs .notion-story__item.notion-story__item--flip-vertically {
        width: calc(45% - 20px); }
      .notion-story__item-wrapper__2-halfs .notion-story__item:not(.notion-story__item--flip-vertically) {
        width: calc(55% - 20px); }
      .notion-story__item-wrapper__2-halfs .notion-story__item.notion-story__item--overlap-left {
        width: 50%;
        z-index: 2; }
      .notion-story__item-wrapper__2-halfs .notion-story__item.notion-story__item--overlap-right {
        width: 50%;
        float: right;
        margin-top: -445px; }
      .notion-story__item-wrapper__2-halfs .notion-story__item.notion-story__item--flip-vertically.notion-story__item--flip-vertically--reverse {
        width: calc(45% - 20px); }
      .notion-story__item-wrapper__2-halfs .notion-story__item.notion-story__item--reverse {
        width: calc(55% - 20px); }
      .notion-story__item-wrapper__2-halfs .notion-story__item.notion-story__item--pad-right {
        width: calc(45% - 60px); }
      .notion-story__item-wrapper__2-halfs .notion-story__item.notion-story__item--pad-left {
        width: calc(45% - 60px);
        margin-left: 40px; }
      .notion-story__item-wrapper__2-halfs .notion-story__item.notion-story--two-thirds {
        width: calc(68% - 20px); }
      .notion-story__item-wrapper__2-halfs .notion-story__item.notion-story--reverse-wide {
        width: calc(90% - 20px); }
      .notion-story__item-wrapper__2-halfs .notion-story__item.notion-story--align-right {
        float: right; }
      .notion-story__item-wrapper__2-halfs .notion-story__item.notion-story__item--even {
        margin: 0; }
        .notion-story__item-wrapper__2-halfs .notion-story__item.notion-story__item--even:first-of-type {
          width: calc(50% - 10px);
          margin-right: 10px; }
        .notion-story__item-wrapper__2-halfs .notion-story__item.notion-story__item--even:last-of-type {
          width: calc(50% - 10px);
          margin-left: 10px; } }
  @media screen and (min-width: 1000px) {
    .notion-story__item-wrapper__2-halfs .notion-story__item.notion-story__item--overlap-left {
      width: 613px;
      z-index: 2; }
    .notion-story__item-wrapper__2-halfs .notion-story__item.notion-story__item--overlap-right {
      width: 574px;
      float: right;
      margin-top: -520px; }
    .notion-story__item-wrapper__2-halfs .notion-story__item.notion-story__item--even {
      width: 50%;
      margin: 0; } }
  .notion-story__item .notion-story__image-caption {
    padding-bottom: 1em; }
  .notion-story__item .notion-story__image-title {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 800;
    font-style: italic;
    font-size: 1.4em;
    padding-bottom: 0.5em; }
  .notion-story__item .notion-story__image-description {
    margin: auto;
    padding: 0 30px;
    font-size: 0.8em; }
    @media screen and (min-width: 768px) {
      .notion-story__item .notion-story__image-description {
        font-size: 1em; } }

.notion-story__item__description {
  font-size: 1em;
  text-align: left;
  padding: 0 30px;
  line-height: 1.6em;
  letter-spacing: 0.03em; }
  .notion-story__item__description--career-description {
    margin-bottom: 30px; }
    @media screen and (min-width: 768px) {
      .notion-story__item__description--career-description {
        width: 60%;
        margin: 50px 0px 90px 50px; } }
  .notion-story__item-wrapper__2-halfs--text-below .notion-story__item__description {
    margin-bottom: 80px; }
    @media screen and (min-width: 768px) {
      .notion-story__item-wrapper__2-halfs--text-below .notion-story__item__description {
        position: absolute;
        top: calc(50% + 325px);
        transform: translateY(-50%);
        right: 10px;
        width: 45%;
        margin-bottom: 0; }
        .notion-story__item-wrapper__2-halfs--text-below .notion-story__item__description:after {
          content: "";
          background-color: #000;
          display: block;
          height: 4px;
          margin-top: 40px;
          width: 92px; } }
    @media screen and (min-width: 1000px) {
      .notion-story__item-wrapper__2-halfs--text-below .notion-story__item__description {
        top: calc(50% + 410px);
        width: 33%;
        margin-bottom: 0; } }
  .notion-story__item-wrapper__2-halfs--text-above .notion-story__item__description {
    margin-bottom: 80px; }
    @media screen and (min-width: 768px) {
      .notion-story__item-wrapper__2-halfs--text-above .notion-story__item__description {
        margin-bottom: 0;
        position: absolute;
        top: -110px;
        left: 10px;
        width: 45%; }
        .notion-story__item-wrapper__2-halfs--text-above .notion-story__item__description:after {
          content: "";
          background-color: #000;
          display: block;
          height: 4px;
          margin-top: 40px;
          width: 92px; } }
    @media screen and (min-width: 1000px) {
      .notion-story__item-wrapper__2-halfs--text-above .notion-story__item__description {
        margin-bottom: 0;
        top: -90px;
        width: 33%; } }
  @media screen and (min-width: 768px) {
    .notion-story__item-wrapper__fullwidth--last .notion-story__item__description {
      position: absolute;
      left: 100%;
      width: 320px;
      top: 25%; } }
  @media screen and (min-width: 1000px) {
    .notion-story__item-wrapper__fullwidth--last .notion-story__item__description {
      top: 18%;
      width: 385px; } }

@media screen and (max-width: 767px) {
  .img-purr-blouse {
    max-width: 185px; } }

@media screen and (max-width: 767px) {
  .img-going-out-top {
    max-width: 150px; } }

.notion-story__item__image {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  padding: 0 0px; }
  @media screen and (max-width: 767px) {
    .notion-story__item__image.show-desktop {
      display: none; } }
  .notion-story__item__image.show-mobile {
    display: none; }
    @media screen and (max-width: 767px) {
      .notion-story__item__image.show-mobile {
        display: initial; } }
  .notion-story__item__image--tablet-only {
    display: none; }
    @media screen and (min-width: 768px) {
      .notion-story__item__image--tablet-only {
        display: block; } }
  .notion-story__item__image--mobile {
    margin: 0 auto;
    max-width: 100%;
    display: block; }
    @media screen and (min-width: 768px) {
      .notion-story__item__image--mobile {
        display: none; } }
  .notion-story__item__image--full-width {
    padding: 0px; }
  .notion-story__item__image--padding-top {
    padding-top: 30px !important; }
  .notion-story__item__image--padding-top-mobile {
    padding-top: 30px; }
    @media screen and (min-width: 1000px) {
      .notion-story__item__image--padding-top-mobile {
        padding-top: 0; } }
  .notion-story__item__image--padding-top-desktop {
    padding-top: 0; }
    @media screen and (min-width: 1000px) {
      .notion-story__item__image--padding-top-desktop {
        padding-top: 30px !important; } }
  @media screen and (min-width: 768px) {
    .notion-story__item__image--padding-top-large {
      padding-top: 100px !important; } }
  @media screen and (min-width: 768px) {
    .notion-story__item__image--border {
      border: 20px solid #ffffff; } }
  .notion-story__item__image--mobile-gutters {
    padding: 0 30px; }
  @media screen and (min-width: 768px) {
    .notion-story__item__image {
      padding: 0;
      width: 100%; } }
  @media screen and (min-width: 1000px) {
    .notion-story__item-wrapper__fullwidth .notion-story__item__image {
      padding: 0; } }

.notion-story__item__button {
  padding: 0;
  width: calc(100% - 60px); }
  .notion-story__item__button--margin-auto {
    margin: auto; }
  @media screen and (min-width: 768px) {
    .notion-story__item__button {
      width: 250px; } }
  @media screen and (min-width: 1000px) {
    .notion-story__item__button {
      width: 300px; } }
  @media screen and (min-width: 1000px) {
    .notion-story__item-wrapper .notion-story__item__button.notion-story__item__button--career-wear {
      top: 720px;
      left: -65%; } }
  .notion-story__item-wrapper .notion-story__item__button.notion-story__item__button--career-wear--position {
    top: 85%; }
    @media screen and (min-width: 1000px) {
      .notion-story__item-wrapper .notion-story__item__button.notion-story__item__button--career-wear--position {
        left: -56%; } }
  @media screen and (min-width: 768px) {
    .notion-story__item-wrapper__fullwidth--last .notion-story__item__button {
      position: absolute;
      top: 55%;
      left: 100%;
      margin-left: 30px; } }
  @media screen and (min-width: 1000px) {
    .notion-story__item-wrapper__fullwidth--last .notion-story__item__button {
      top: 36%; } }

.notion-story__product-details--content {
  margin: 0 auto; }

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

.notion-story__video-size {
  margin: auto; }
  @media screen and (min-width: 1000px) {
    .notion-story__video-size {
      width: 832px; } }

.career-goals__video-wrapper {
  margin: auto;
  padding: 0 0px 40px; }
  .career-goals__video-wrapper--joan {
    padding: 0; }
  @media screen and (max-width: 767px) {
    .career-goals__video-wrapper--fashion-flash {
      padding-top: 60px; } }
  .career-goals__video-wrapper--half-bottom {
    padding-bottom: 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__video-wrapper--elegancia {
    max-width: 832px;
    padding-top: 20px; }
  .career-goals__video-wrapper--extended {
    padding-top: 20px; }
    @media screen and (max-width: 767px) {
      .career-goals__video-wrapper--extended {
        margin-left: -30px;
        margin-right: -30px; } }
    @media screen and (min-width: 768px) {
      .career-goals__video-wrapper--extended {
        max-width: 650px; } }
  .career-goals__video-wrapper--best-weekend {
    max-width: 832px; }
    @media screen and (min-width: 1000px) {
      .career-goals__video-wrapper--best-weekend {
        padding-top: 20px; } }

.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--best-weekend:after {
    padding-top: 100%; }
    @media screen and (min-width: 768px) {
      .career-goals__promo--best-weekend:after {
        padding-top: 70%; } }
    @media screen and (min-width: 1000px) {
      .career-goals__promo--best-weekend:after {
        padding-top: 57.75%; } }
  .career-goals__promo .video-player-container {
    width: 100%;
    height: 100%; }
    .career-goals__promo .video-player-container--best-weekend {
      width: auto; }
    .career-goals__promo .video-player-container new-arrivals-video-player {
      display: block; }
    @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%; }

.notion-story__video-size {
  margin: auto; }
  @media screen and (min-width: 1000px) {
    .notion-story__video-size {
      width: 832px; } }

.notion-story--btn {
  color: #000000;
  font-family: Montserrat;
  font-size: 14px;
  letter-spacing: 0.35px;
  line-height: 18px;
  text-align: center;
  border: none;
  border-bottom: 2px solid black;
  width: auto;
  height: auto;
  padding: 3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: white; }
  .notion-story--btn:hover {
    border-bottom: none; }

.other-styles__title {
  font-size: 50px;
  line-height: 60px;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-weight: 300; }

.other-styles__subtitle {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 20px;
  font-weight: 300;
  margin-top: 1em; }

@media screen and (min-width: 768px) {
  .valentines-day-styles-image {
    width: 718px; } }

.valentines-day-styles-image--mobile {
  width: 80%; }

#fashion-flash {
  max-width: 832px; }
  @media screen and (max-width: 767px) {
    #fashion-flash .notion-story__item {
      margin-bottom: 70px; } }
  #fashion-flash .notion-story__item-grid {
    padding-top: 0; }
    @media screen and (max-width: 767px) {
      #fashion-flash .notion-story__item-grid {
        display: flex;
        flex-direction: column; } }
    @media screen and (min-width: 768px) {
      #fashion-flash .notion-story__item-grid {
        padding: 30px; } }
  #fashion-flash .mobile-description {
    display: block !important; }
    @media screen and (min-width: 768px) {
      #fashion-flash .mobile-description {
        display: none !important; } }
  #fashion-flash .notion-story__intro-title {
    text-align: left; }
  @media screen and (max-width: 767px) {
    #fashion-flash .notion-story__intro--stack-1 {
      padding: 0 30px 5px; } }
  @media screen and (min-width: 768px) {
    #fashion-flash .notion-story__intro--stack-1 {
      right: unset;
      left: 0;
      margin-left: 30px;
      width: 34.26%; } }
  @media screen and (min-width: 1000px) {
    #fashion-flash .notion-story__intro--stack-1 {
      margin-left: 30px;
      width: 34.26%; } }
  #fashion-flash .notion-story__free-stacks-grid-item--center,
  #fashion-flash .notion-story__free-stacks-grid-item--center--mobile {
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      #fashion-flash .notion-story__free-stacks-grid-item--center,
      #fashion-flash .notion-story__free-stacks-grid-item--center--mobile {
        width: 40%; } }
  @media screen and (min-width: 768px) {
    #fashion-flash .notion-story__free-stacks-grid-item--center--mobile {
      width: 33%; } }
  #fashion-flash .notion-story__free-stacks-grid--column-reverse {
    flex-direction: column-reverse; }
  #fashion-flash .notion-story__title-img {
    max-width: 250px;
    width: 250px;
    height: auto; }
    @media screen and (min-width: 768px) {
      #fashion-flash .notion-story__title-img {
        max-width: 250px;
        width: 100%;
        padding-top: 30px; } }
    @media screen and (min-width: 1000px) {
      #fashion-flash .notion-story__title-img {
        margin-left: 0;
        padding-left: 0; } }
  @media screen and (min-width: 768px) {
    #fashion-flash .notion-story__feature-img {
      width: 60%; } }
  @media screen and (max-width: 767px) {
    #fashion-flash .notion-story__feature-img {
      margin-left: -30px;
      margin-right: -30px; } }
  #fashion-flash .notion-story__intro-description {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 22px;
    padding: 0;
    display: none; }
    #fashion-flash .notion-story__intro-description span {
      font-style: italic; }
    @media screen and (min-width: 768px) {
      #fashion-flash .notion-story__intro-description {
        display: block;
        max-width: 300px;
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 0.09px;
        line-height: 22px; } }
    @media screen and (min-width: 1000px) {
      #fashion-flash .notion-story__intro-description {
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0.09px;
        line-height: 24px;
        padding-left: 0px;
        padding-right: 0; } }
  @media screen and (min-width: 768px) {
    #fashion-flash .career-goals__video-wrapper {
      padding-top: 60px;
      max-width: 832px; } }
  @media screen and (min-width: 1000px) {
    #fashion-flash .career-goals__video-wrapper {
      margin: 0 -30px; } }
  @media screen and (max-width: 767px) {
    #fashion-flash .career-goals__video-wrapper {
      padding-top: 20px;
      padding-bottom: 60px;
      margin: 0 -30px; } }
  #fashion-flash .notion-story__free-stacks-grid.order-1 {
    order: 1; }
  #fashion-flash .notion-story__free-stacks-grid.order-2 {
    order: 2; }
  #fashion-flash .notion-story__free-stacks-grid.order-3 {
    order: 3; }
  #fashion-flash .notion-story__free-stacks-grid.order-4 {
    order: 4; }
  #fashion-flash .notion-story__free-stacks-grid.order-5 {
    order: 5; }
  #fashion-flash .notion-story__free-stacks-grid-item--header .btn-cta--black {
    font-family: Montserrat;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.35px;
    line-height: 18px;
    text-align: center; }
  #fashion-flash .notion-story__free-stacks-grid-item--header h3 {
    font-size: 18px;
    font-style: italic;
    letter-spacing: 0.1px;
    line-height: 24px;
    font-weight: 700; }
  #fashion-flash .notion-story__free-stacks-grid-item--1 {
    width: 220px; }
    @media screen and (max-width: 767px) {
      #fashion-flash .notion-story__free-stacks-grid-item--1 {
        display: flex;
        flex-direction: column;
        align-items: center; } }
    @media screen and (min-width: 768px) {
      #fashion-flash .notion-story__free-stacks-grid-item--1 {
        width: 200px;
        margin: -326px auto 0;
        position: absolute;
        left: 44px; } }
    @media screen and (min-width: 1000px) {
      #fashion-flash .notion-story__free-stacks-grid-item--1 {
        width: 200px;
        left: 62px;
        margin: -312px auto 0; } }
    #fashion-flash .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
      position: relative;
      text-align: center; }
      @media screen and (min-width: 768px) {
        #fashion-flash .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
          right: -5px;
          top: -1px;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
      @media screen and (min-width: 1000px) {
        #fashion-flash .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
          right: -5px; } }
  #fashion-flash .notion-story__free-stacks-grid-item--2 {
    width: 245px; }
    @media screen and (min-width: 768px) {
      #fashion-flash .notion-story__free-stacks-grid-item--2 {
        position: relative;
        width: 195px;
        display: flex;
        margin-top: 70px;
        flex-direction: column-reverse;
        justify-content: flex-end;
        align-items: center; } }
    @media screen and (min-width: 1000px) {
      #fashion-flash .notion-story__free-stacks-grid-item--2 {
        width: 195px; } }
    #fashion-flash .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (min-width: 768px) {
        #fashion-flash .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (min-width: 768px) {
        #fashion-flash .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header:after {
          left: -20px;
          top: -1px;
          text-align: left;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg); } }
  @media screen and (min-width: 768px) {
    #fashion-flash .notion-story__free-stacks-grid-item--2-img {
      width: calc(54% - 20px);
      margin-top: 60px; } }
  #fashion-flash .notion-story__free-stacks-grid-item--3 {
    width: 165px;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      #fashion-flash .notion-story__free-stacks-grid-item--3 {
        width: 145px; } }
    @media screen and (min-width: 1000px) {
      #fashion-flash .notion-story__free-stacks-grid-item--3 {
        width: 145px;
        margin-top: 57px; } }
    #fashion-flash .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
      position: relative;
      padding-bottom: 12px; }
      @media screen and (min-width: 768px) {
        #fashion-flash .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (max-width: 767px) {
        #fashion-flash .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header h3 {
          left: 50%;
          position: relative;
          width: 200px;
          transform: translateX(-50%); } }
      @media screen and (min-width: 768px) {
        #fashion-flash .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header:after {
          right: -4px;
          top: -1px;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
  @media screen and (min-width: 768px) {
    #fashion-flash .notion-story__free-stacks-grid-item--3-img {
      margin-top: -34vw;
      width: calc(46.2% - 20px);
      margin-bottom: 0; } }
  @media screen and (min-width: 1000px) {
    #fashion-flash .notion-story__free-stacks-grid-item--3-img {
      margin-top: -250px; } }
  #fashion-flash .notion-story__free-stacks-grid-item--4 {
    width: 226px; }
    @media screen and (min-width: 768px) {
      #fashion-flash .notion-story__free-stacks-grid-item--4 {
        position: relative;
        width: 186px;
        display: flex;
        margin-top: 50px;
        flex-direction: column-reverse;
        justify-content: flex-end;
        align-items: center; } }
    @media screen and (min-width: 1000px) {
      #fashion-flash .notion-story__free-stacks-grid-item--4 {
        width: 186px; } }
    #fashion-flash .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (min-width: 768px) {
        #fashion-flash .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (min-width: 768px) {
        #fashion-flash .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header:after {
          left: -20px;
          top: -1px;
          text-align: left;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg); } }
  @media screen and (min-width: 768px) {
    #fashion-flash .notion-story__free-stacks-grid-item--4-img {
      width: calc(54% - 20px);
      margin-top: 0px; } }
  #fashion-flash .notion-story__free-stacks-grid-item--5 {
    width: 275px;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      #fashion-flash .notion-story__free-stacks-grid-item--5 {
        width: 235px; } }
    @media screen and (min-width: 1000px) {
      #fashion-flash .notion-story__free-stacks-grid-item--5 {
        width: 245px;
        margin-top: 57px; } }
    #fashion-flash .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
      position: relative;
      padding-bottom: 12px; }
      @media screen and (min-width: 768px) {
        #fashion-flash .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (max-width: 767px) {
        #fashion-flash .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header h3 {
          left: 50%;
          position: relative;
          width: 200px;
          transform: translateX(-50%); } }
      @media screen and (min-width: 768px) {
        #fashion-flash .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header:after {
          right: 35px;
          top: -1px;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
  @media screen and (min-width: 768px) {
    #fashion-flash .notion-story__free-stacks-grid-item--5-img {
      margin-top: -34vw;
      width: calc(46.2% - 20px); } }
  @media screen and (min-width: 1000px) {
    #fashion-flash .notion-story__free-stacks-grid-item--5-img {
      margin-top: -250px; } }
  #fashion-flash .notion-story__free-stacks-grid-item--6 {
    width: 100%; }
    @media screen and (max-width: 767px) {
      #fashion-flash .notion-story__free-stacks-grid-item--6 {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between; }
        #fashion-flash .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--content {
          min-width: 150px;
          width: 150px; } }
    @media screen and (min-width: 768px) {
      #fashion-flash .notion-story__free-stacks-grid-item--6 {
        display: flex;
        flex-direction: column-reverse;
        width: 210px;
        left: -15px;
        position: relative;
        margin-top: -270px; } }
    @media screen and (min-width: 1000px) {
      #fashion-flash .notion-story__free-stacks-grid-item--6 {
        width: 290px;
        left: -46px;
        margin-top: -414px; } }
    #fashion-flash .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (max-width: 767px) {
        #fashion-flash .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header {
          text-align: left;
          width: 100px;
          min-width: 100px;
          white-space: normal; } }
      @media screen and (min-width: 768px) {
        #fashion-flash .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (max-width: 767px) {
        #fashion-flash .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header:after {
          left: 0;
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg);
          top: 95px; } }
      @media screen and (min-width: 768px) {
        #fashion-flash .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header:after {
          right: 47%;
          transform: translateX(60%);
          top: 70px;
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg); } }
  @media screen and (max-width: 767px) {
    #fashion-flash .notion-story__free-stacks-grid-item--6-img {
      margin-left: -30px;
      margin-right: -30px; } }
  @media screen and (min-width: 768px) {
    #fashion-flash .notion-story__free-stacks-grid-item--6-img {
      width: 100%;
      margin-top: 75px; } }
  #fashion-flash .notion-story__free-stacks-grid-item--7 {
    width: 200px; }
    @media screen and (min-width: 768px) {
      #fashion-flash .notion-story__free-stacks-grid-item--7 {
        position: relative;
        width: 210px;
        left: 10px;
        display: flex;
        margin-top: 90px;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center; } }
    @media screen and (min-width: 1000px) {
      #fashion-flash .notion-story__free-stacks-grid-item--7 {
        margin-top: 175px;
        width: 280px;
        left: -38px; } }
    #fashion-flash .notion-story__free-stacks-grid-item--7 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (min-width: 768px) {
        #fashion-flash .notion-story__free-stacks-grid-item--7 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (min-width: 768px) {
        #fashion-flash .notion-story__free-stacks-grid-item--7 .notion-story__free-stacks-grid-item--header:after {
          left: 125px;
          top: -1px;
          text-align: left;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
  @media screen and (min-width: 768px) {
    #fashion-flash .notion-story__free-stacks-grid-item--7-img {
      width: calc(52% - 20px);
      margin-top: 60px; } }
  #fashion-flash .notion-story__free-stacks-grid-item--8 {
    width: 200px;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      #fashion-flash .notion-story__free-stacks-grid-item--8 {
        width: 210px;
        margin-right: 116px; } }
    @media screen and (min-width: 1000px) {
      #fashion-flash .notion-story__free-stacks-grid-item--8 {
        width: 280px;
        margin-top: 177px; } }
    #fashion-flash .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header {
      position: relative;
      padding-bottom: 12px; }
      @media screen and (min-width: 768px) {
        #fashion-flash .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (max-width: 767px) {
        #fashion-flash .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header h3 {
          left: 50%;
          position: relative;
          width: 200px;
          transform: translateX(-50%); } }
      @media screen and (min-width: 768px) {
        #fashion-flash .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header:after {
          right: 211px;
          top: -1px;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg); } }
  @media screen and (min-width: 768px) {
    #fashion-flash .notion-story__free-stacks-grid-item--8-img {
      margin-top: -30vw;
      width: calc(46.2% - 20px); } }
  @media screen and (min-width: 1000px) {
    #fashion-flash .notion-story__free-stacks-grid-item--8-img {
      margin-top: -192px; } }
  #fashion-flash .notion-story__free-stacks-grid-item--9 {
    width: 210px; }
    @media screen and (max-width: 767px) {
      #fashion-flash .notion-story__free-stacks-grid-item--9 {
        margin: 0 auto; } }
    @media screen and (min-width: 768px) {
      #fashion-flash .notion-story__free-stacks-grid-item--9 {
        display: flex;
        flex-direction: column;
        width: 210px;
        left: -15px;
        position: relative;
        margin-top: 46px; } }
    @media screen and (min-width: 1000px) {
      #fashion-flash .notion-story__free-stacks-grid-item--9 {
        width: 220px;
        left: 85px;
        margin-top: 46px; } }
    #fashion-flash .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (min-width: 768px) {
        #fashion-flash .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (min-width: 768px) {
        #fashion-flash .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--header:after {
          right: 50%;
          transform: translateX(60%);
          top: -31px; } }
  @media screen and (max-width: 767px) {
    #fashion-flash .notion-story__free-stacks-grid-item--9-img {
      margin-left: -30px;
      margin-right: -30px; } }
  @media screen and (min-width: 768px) {
    #fashion-flash .notion-story__free-stacks-grid-item--9-img {
      width: 100%;
      margin-top: 46px; } }
  #fashion-flash .notion-story__free-stacks-grid-item--10 {
    width: 117px; }
    @media screen and (min-width: 768px) {
      #fashion-flash .notion-story__free-stacks-grid-item--10 {
        position: relative;
        width: 151px;
        left: 10px;
        display: flex;
        margin-top: -280px;
        flex-direction: column-reverse;
        justify-content: flex-end;
        align-items: center; } }
    @media screen and (min-width: 1000px) {
      #fashion-flash .notion-story__free-stacks-grid-item--10 {
        width: 160px; } }
    #fashion-flash .notion-story__free-stacks-grid-item--10 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (min-width: 768px) {
        #fashion-flash .notion-story__free-stacks-grid-item--10 .notion-story__free-stacks-grid-item--header {
          text-align: left; } }
      @media screen and (min-width: 768px) {
        #fashion-flash .notion-story__free-stacks-grid-item--10 .notion-story__free-stacks-grid-item--header:after {
          left: -25px;
          top: -1px;
          text-align: left;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg); } }
  @media screen and (min-width: 768px) {
    #fashion-flash .notion-story__free-stacks-grid-item--10-img {
      width: calc(52% - 20px);
      margin-top: 60px; } }
  #fashion-flash .notion-story__free-stacks-grid-item--11 {
    width: 190px;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      #fashion-flash .notion-story__free-stacks-grid-item--11 {
        width: 210px;
        margin-top: 130px; } }
    @media screen and (min-width: 1000px) {
      #fashion-flash .notion-story__free-stacks-grid-item--11 {
        width: 230px;
        margin-top: 100px; } }
    #fashion-flash .notion-story__free-stacks-grid-item--11 .notion-story__free-stacks-grid-item--header {
      position: relative;
      padding-bottom: 12px;
      left: 6px;
      text-align: center; }
      @media screen and (max-width: 767px) {
        #fashion-flash .notion-story__free-stacks-grid-item--11 .notion-story__free-stacks-grid-item--header h3 {
          left: 50%;
          position: relative;
          width: 200px;
          transform: translateX(-50%); } }
      @media screen and (min-width: 768px) {
        #fashion-flash .notion-story__free-stacks-grid-item--11 .notion-story__free-stacks-grid-item--header:after {
          right: -5px;
          top: -1px;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
      @media screen and (min-width: 1000px) {
        #fashion-flash .notion-story__free-stacks-grid-item--11 .notion-story__free-stacks-grid-item--header:after {
          right: 8px; } }
  @media screen and (min-width: 768px) {
    #fashion-flash .notion-story__free-stacks-grid-item--11-img {
      margin-top: -30vw;
      width: calc(46.2% - 20px); } }
  @media screen and (min-width: 1000px) {
    #fashion-flash .notion-story__free-stacks-grid-item--11-img {
      margin-top: -192px; } }
  @media screen and (min-width: 768px) {
    #fashion-flash .mobile-only {
      display: none; } }
  #fashion-flash .desktop-only {
    display: none; }
    @media screen and (min-width: 768px) {
      #fashion-flash .desktop-only {
        display: block; } }

@media screen and (min-width: 768px) {
  .notion-story__item-grid img.mobile-only {
    display: none; } }

@media screen and (max-width: 767px) {
  .notion-story__item-grid img.desktop-only {
    display: none; } }

.notion-story__free-stacks-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  @media screen and (min-width: 768px) {
    .notion-story__free-stacks-grid--flipped-not-mobile {
      flex-direction: row-reverse; } }
  @media screen and (min-width: 1000px) {
    .notion-story__free-stacks-grid--intro {
      margin-bottom: 60px; } }
  @media screen and (min-width: 768px) {
    .notion-story__free-stacks-grid--space-evenly {
      justify-content: space-evenly; } }
  @media screen and (min-width: 768px) {
    .notion-story__free-stacks-grid--flex-end {
      justify-content: flex-end; } }

@media screen and (min-width: 768px) {
  .notion-story__free-stacks-grid-item--half-55 {
    width: calc(55% - 20px);
    align-self: start; } }

@media screen and (min-width: 768px) {
  .notion-story__free-stacks-grid-item--half-45 {
    width: calc(45% - 20px);
    align-self: start; } }

.notion-story__free-stacks-grid-item--half {
  width: 50%;
  padding: 0 15px; }
  @media screen and (min-width: 768px) {
    .notion-story__free-stacks-grid-item--half {
      width: auto; } }

@media screen and (max-width: 767px) {
  .notion-story__free-stacks-grid-item--full-width-mobile {
    width: 100%; } }

.notion-story__free-stacks-grid-item--full {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .notion-story__free-stacks-grid-item--full {
      width: calc(100% - 400px); } }
  @media screen and (min-width: 1000px) {
    .notion-story__free-stacks-grid-item--full {
      width: calc(100% - 600px); } }

.notion-story__free-stacks-grid-item--center {
  margin: 0 auto 80px; }

@media screen and (max-width: 767px) {
  .notion-story__free-stacks-grid-item--center--mobile {
    margin: 0 auto 80px; } }

@media screen and (min-width: 768px) {
  .notion-story__free-stacks-grid-item--expedition-jacket {
    width: 170px; } }

@media screen and (min-width: 1000px) {
  .notion-story__free-stacks-grid-item--expedition-jacket {
    width: 270px; } }

@media screen and (min-width: 768px) {
  .notion-story__free-stacks-grid-item--the-tracker {
    width: 170px; } }

@media screen and (min-width: 1000px) {
  .notion-story__free-stacks-grid-item--the-tracker {
    width: 270px; } }

@media screen and (min-width: 768px) {
  .notion-story__free-stacks-grid-item--twofer-pullover-img {
    margin-top: 60px; } }

.notion-story__free-stacks-grid-item--twofer-pullover {
  width: calc(50% - 30px); }
  @media screen and (min-width: 768px) {
    .notion-story__free-stacks-grid-item--twofer-pullover {
      width: 170px;
      margin: 0 0 0 20px;
      display: flex;
      flex-direction: column-reverse;
      justify-content: flex-end; } }
  @media screen and (min-width: 1000px) {
    .notion-story__free-stacks-grid-item--twofer-pullover {
      width: 220px;
      margin-left: 60px; } }

@media screen and (min-width: 768px) {
  .notion-story__free-stacks-grid-item--kiki-ankle-strap-img {
    margin-top: -200px; } }

.notion-story__free-stacks-grid-item--kiki-ankle-strap {
  width: calc(50% - 30px); }
  @media screen and (min-width: 768px) {
    .notion-story__free-stacks-grid-item--kiki-ankle-strap {
      width: 240px;
      margin: 60px 40px 40px 0; } }
  @media screen and (min-width: 1000px) {
    .notion-story__free-stacks-grid-item--kiki-ankle-strap {
      width: 300px;
      margin: 120px 80px 80px 0; } }

.notion-story__free-stacks-grid-item--wild-scarf {
  width: calc(50% - 30px); }
  @media screen and (min-width: 768px) {
    .notion-story__free-stacks-grid-item--wild-scarf {
      width: 200px;
      margin: 90px 30px 0 0; } }
  @media screen and (min-width: 1000px) {
    .notion-story__free-stacks-grid-item--wild-scarf {
      width: 320px;
      margin: 180px 40px 0 0; } }

@media screen and (max-width: 767px) {
  .notion-story__free-stacks-grid-item--bond-blazer {
    display: flex;
    flex-direction: column;
    align-items: center; } }

@media screen and (min-width: 768px) {
  .notion-story__free-stacks-grid-item--bond-blazer {
    width: 272px;
    margin-top: -240px; } }

@media screen and (min-width: 1000px) {
  .notion-story__free-stacks-grid-item--bond-blazer {
    width: 408px;
    margin-top: -300px; } }

@media screen and (min-width: 768px) {
  .notion-story__free-stacks-grid-item--josephine-coat {
    width: 256px;
    margin: 0 0 0 20px;
    margin-top: -40px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: center; } }

@media screen and (min-width: 1000px) {
  .notion-story__free-stacks-grid-item--josephine-coat {
    margin-top: -90px;
    width: 368px; } }

@media screen and (min-width: 768px) {
  .notion-story__free-stacks-grid-item--miranda-skirt {
    width: 240px; } }

@media screen and (min-width: 1000px) {
  .notion-story__free-stacks-grid-item--miranda-skirt {
    width: 368px; } }

@media screen and (max-width: 767px) {
  .notion-story__free-stacks-grid-item--turn-back-cardigan {
    display: flex;
    flex-direction: row-reverse;
    align-items: center; } }

@media screen and (min-width: 768px) {
  .notion-story__free-stacks-grid-item--turn-back-cardigan {
    width: 170px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center; } }

@media screen and (min-width: 768px) {
  .notion-story__free-stacks-grid-item--turn-back-cardigan {
    margin-bottom: 270px;
    width: 232px; } }

@media screen and (min-width: 1000px) {
  .notion-story__free-stacks-grid-item--turn-back-cardigan {
    margin-bottom: 200px;
    width: 412px; } }

@media screen and (max-width: 767px) {
  .notion-story__free-stacks-grid-item--tessa-tee {
    display: flex;
    flex-direction: row;
    align-items: center; } }

@media screen and (min-width: 768px) {
  .notion-story__free-stacks-grid-item--tessa-tee {
    width: 170px;
    margin: 0 0 0 20px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: center; } }

@media screen and (min-width: 768px) {
  .notion-story__free-stacks-grid-item--tessa-tee {
    margin-top: 170px;
    width: 270px; } }

@media screen and (min-width: 1000px) {
  .notion-story__free-stacks-grid-item--tessa-tee {
    margin-top: 200px;
    width: 470px; } }

.notion-story__free-stacks-grid-item--stack-1-1 {
  order: 1; }
  @media screen and (min-width: 768px) {
    .notion-story__free-stacks-grid-item--stack-1-1 {
      margin-top: -300px; } }

.notion-story__free-stacks-grid-item--stack-2-3 {
  order: 2; }
  @media screen and (min-width: 768px) {
    .notion-story__free-stacks-grid-item--stack-2-3 {
      order: 3; } }

.notion-story__free-stacks-grid-item--stack-3-2 {
  order: 3; }
  @media screen and (min-width: 768px) {
    .notion-story__free-stacks-grid-item--stack-3-2 {
      order: 2; } }

.notion-story__free-stacks-grid-item--header {
  padding-left: 15px;
  white-space: nowrap;
  position: relative; }
  .notion-story__free-stacks-grid-item--header:after {
    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;
    position: absolute;
    top: -1em; }
  .notion-story__free-stacks-grid-item--expedition-jacket .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      .notion-story__free-stacks-grid-item--expedition-jacket .notion-story__free-stacks-grid-item--header {
        padding-left: 60px; } }
    @media screen and (min-width: 768px) {
      .notion-story__free-stacks-grid-item--expedition-jacket .notion-story__free-stacks-grid-item--header:after {
        right: -60px;
        top: -1px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }
    @media screen and (min-width: 1000px) {
      .notion-story__free-stacks-grid-item--expedition-jacket .notion-story__free-stacks-grid-item--header:after {
        right: 40px; } }
  .notion-story__free-stacks-grid-item--the-tracker .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      .notion-story__free-stacks-grid-item--the-tracker .notion-story__free-stacks-grid-item--header {
        padding-left: 30px; } }
    @media screen and (min-width: 768px) {
      .notion-story__free-stacks-grid-item--the-tracker .notion-story__free-stacks-grid-item--header:after {
        right: 20px;
        top: -2px; } }
    @media screen and (min-width: 1000px) {
      .notion-story__free-stacks-grid-item--the-tracker .notion-story__free-stacks-grid-item--header:after {
        right: 116px; } }
  .notion-story__free-stacks-grid-item--twofer-pullover .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      .notion-story__free-stacks-grid-item--twofer-pullover .notion-story__free-stacks-grid-item--header {
        text-align: left;
        padding-left: 40px; } }
    @media screen and (min-width: 768px) {
      .notion-story__free-stacks-grid-item--twofer-pullover .notion-story__free-stacks-grid-item--header:after {
        left: 14px;
        top: -1px;
        text-align: left;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); } }
  .notion-story__free-stacks-grid-item--kiki-ankle-strap .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      .notion-story__free-stacks-grid-item--kiki-ankle-strap .notion-story__free-stacks-grid-item--header {
        text-align: left;
        padding-left: 80px; } }
    @media screen and (min-width: 1000px) {
      .notion-story__free-stacks-grid-item--kiki-ankle-strap .notion-story__free-stacks-grid-item--header {
        padding-left: 100px; } }
    @media screen and (min-width: 768px) {
      .notion-story__free-stacks-grid-item--kiki-ankle-strap .notion-story__free-stacks-grid-item--header:after {
        right: 0;
        top: -1px;
        text-align: left;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }
    @media screen and (min-width: 1000px) {
      .notion-story__free-stacks-grid-item--kiki-ankle-strap .notion-story__free-stacks-grid-item--header:after {
        right: 44px; } }
  .notion-story__free-stacks-grid-item--wild-scarf .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      .notion-story__free-stacks-grid-item--wild-scarf .notion-story__free-stacks-grid-item--header {
        text-align: left;
        padding-left: 70px; } }
    @media screen and (min-width: 1000px) {
      .notion-story__free-stacks-grid-item--wild-scarf .notion-story__free-stacks-grid-item--header {
        padding-left: 130px; } }
    @media screen and (min-width: 768px) {
      .notion-story__free-stacks-grid-item--wild-scarf .notion-story__free-stacks-grid-item--header:after {
        right: 16px;
        top: -2px;
        text-align: left;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }
    @media screen and (min-width: 1000px) {
      .notion-story__free-stacks-grid-item--wild-scarf .notion-story__free-stacks-grid-item--header:after {
        right: 76px; } }
  .notion-story__free-stacks-grid-item--bond-blazer .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      .notion-story__free-stacks-grid-item--bond-blazer .notion-story__free-stacks-grid-item--header {
        padding-left: 90px; } }
    @media screen and (min-width: 1000px) {
      .notion-story__free-stacks-grid-item--bond-blazer .notion-story__free-stacks-grid-item--header {
        padding-left: 120px; } }
    @media screen and (min-width: 768px) {
      .notion-story__free-stacks-grid-item--bond-blazer .notion-story__free-stacks-grid-item--header:after {
        right: 60px;
        top: -1px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }
    @media screen and (min-width: 1000px) {
      .notion-story__free-stacks-grid-item--bond-blazer .notion-story__free-stacks-grid-item--header:after {
        right: 160px; } }
  .notion-story__free-stacks-grid-item--josephine-coat .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      .notion-story__free-stacks-grid-item--josephine-coat .notion-story__free-stacks-grid-item--header {
        text-align: left;
        padding-left: 40px; } }
    @media screen and (min-width: 768px) {
      .notion-story__free-stacks-grid-item--josephine-coat .notion-story__free-stacks-grid-item--header:after {
        left: 14px;
        top: -1px;
        text-align: left;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); } }
  .notion-story__free-stacks-grid-item--miranda-skirt .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      .notion-story__free-stacks-grid-item--miranda-skirt .notion-story__free-stacks-grid-item--header {
        padding-left: 90px; } }
    @media screen and (min-width: 1000px) {
      .notion-story__free-stacks-grid-item--miranda-skirt .notion-story__free-stacks-grid-item--header {
        padding-left: 120px; } }
    @media screen and (min-width: 768px) {
      .notion-story__free-stacks-grid-item--miranda-skirt .notion-story__free-stacks-grid-item--header:after {
        right: 12px;
        top: -1px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }
    @media screen and (min-width: 1000px) {
      .notion-story__free-stacks-grid-item--miranda-skirt .notion-story__free-stacks-grid-item--header:after {
        right: 105px; } }
  .notion-story__free-stacks-grid-item--turn-back-cardigan .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      .notion-story__free-stacks-grid-item--turn-back-cardigan .notion-story__free-stacks-grid-item--header {
        padding-left: 60px; } }
    @media screen and (min-width: 768px) {
      .notion-story__free-stacks-grid-item--turn-back-cardigan .notion-story__free-stacks-grid-item--header:after {
        left: 60px;
        top: -24px; } }
  .notion-story__free-stacks-grid-item--tessa-tee .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      .notion-story__free-stacks-grid-item--tessa-tee .notion-story__free-stacks-grid-item--header {
        padding-left: 0; } }
    @media screen and (max-width: 767px) {
      .notion-story__free-stacks-grid-item--tessa-tee .notion-story__free-stacks-grid-item--header:after {
        bottom: -24px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); } }
    @media screen and (min-width: 768px) {
      .notion-story__free-stacks-grid-item--tessa-tee .notion-story__free-stacks-grid-item--header:after {
        top: auto;
        right: auto;
        bottom: -24px;
        left: 0;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); } }
  @media screen and (max-width: 767px) {
    .notion-story__free-stacks-grid-item--center .notion-story__free-stacks-grid-item--header {
      text-align: center;
      padding: 0; }
      .notion-story__free-stacks-grid-item--center .notion-story__free-stacks-grid-item--header:after {
        width: 100%;
        text-align: center; } }
  .notion-story__free-stacks-grid-item--header h3 {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    letter-spacing: 0.08px;
    line-height: 21px; }

.notion-story__free-stacks-grid-item--content {
  padding-top: 20px; }
  @media screen and (min-width: 768px) {
    .notion-story__free-stacks-grid-item--content .mobile-only {
      display: none; } }
  @media screen and (max-width: 767px) {
    .notion-story__free-stacks-grid-item--content .desktop-only {
      display: none; } }

.placeholder-safari-chic {
  position: relative;
  width: 100%;
  height: 0;
  display: block;
  margin: 0 auto;
  padding-top: 62.5%; }
  @media screen and (min-width: 768px) {
    .placeholder-safari-chic {
      width: 255px;
      width: 255px;
      padding: 15px; } }
  @media screen and (min-width: 1000px) {
    .placeholder-safari-chic {
      margin-top: 80px;
      width: 400px;
      height: 400px;
      padding: 15px; } }
  .placeholder-safari-chic .video-player__player {
    padding-top: 100%; }
  .placeholder-safari-chic .mobile-video-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  @media screen and (min-width: 768px) {
    .placeholder-safari-chic .mobile-only {
      display: none; } }
  @media screen and (max-width: 767px) {
    .placeholder-safari-chic .desktop-only {
      display: none; } }

.travel-outfits-item-wrapper__2-1::after {
  clear: both;
  content: "";
  display: table; }

.travel-outfits-item-wrapper__1-2::after {
  clear: both;
  content: "";
  display: table; }

.travel-outfits__intro {
  padding: 2em 30px; }
  @media screen and (min-width: 768px) {
    .travel-outfits__intro {
      padding: 0;
      position: absolute;
      top: 46px;
      width: 34%;
      z-index: 1;
      text-align: left;
      line-height: 1.35em;
      left: 63%; } }
  @media screen and (min-width: 1000px) {
    .travel-outfits__intro {
      top: 185px;
      width: 28%; } }
  .travel-outfits__intro h1 {
    padding-bottom: 20px; }

.travel-outfits__intro-title {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: italic;
  font-size: 2.5em;
  line-height: 1.25em;
  padding-bottom: .25em;
  letter-spacing: -.0125em; }
  @media screen and (min-width: 768px) {
    .travel-outfits__intro-title {
      font-size: 3.25em;
      max-width: 200px; } }

.travel-outfits__intro-photo-credit {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: italic;
  font-size: 0.8em;
  margin: 0 0 1.5em; }
  @media screen and (min-width: 1000px) {
    .travel-outfits__intro-photo-credit {
      margin: 0 0 2em; } }

.travel-outfits__intro-description {
  font-size: .9em;
  line-height: 1.6em;
  letter-spacing: .03em;
  text-align: left;
  margin-bottom: 1.5em; }
  @media screen and (min-width: 1000px) {
    .travel-outfits__intro-description {
      font-size: 1em; } }

.travel-outfit-item {
  position: relative;
  text-align: center;
  margin-bottom: 80px; }
  @media screen and (min-width: 768px) {
    .travel-outfits-item-wrapper__fullwidth .travel-outfit-item {
      width: 60%;
      margin-right: 0; } }
  .travel-outfits-item-wrapper__fullwidth .travel-outfit-item img {
    padding: 0; }
  @media screen and (min-width: 768px) {
    .travel-outfits-item-wrapper__2-1 .travel-outfit-item {
      float: left;
      width: calc(67% - 20px); }
      .travel-outfits-item-wrapper__2-1 .travel-outfit-item:first-child {
        margin-right: 20px; }
      .travel-outfits-item-wrapper__2-1 .travel-outfit-item:last-child {
        margin-left: 20px; } }
  @media screen and (min-width: 1000px) {
    .travel-outfits-item-wrapper__2-1 .travel-outfit-item {
      margin-bottom: 30px; } }
  .travel-outfits-item-wrapper__2-1 .travel-outfit-item img {
    padding: 0; }
  @media screen and (min-width: 768px) {
    .travel-outfits-item-wrapper__1-2 .travel-outfit-item {
      float: right;
      width: calc(67% - 20px); } }
  @media screen and (min-width: 1000px) {
    .travel-outfits-item-wrapper__1-2 .travel-outfit-item {
      margin-bottom: 30px; } }
  .travel-outfits-item-wrapper__1-2 .travel-outfit-item img {
    padding: 0; }

.travel-outfits__description {
  padding: 0 30px;
  margin-bottom: 20px;
  font-size: 0.8em; }
  @media screen and (min-width: 1000px) {
    .travel-outfits__description {
      position: absolute;
      width: 30%;
      left: 12.5%;
      top: 51.5%;
      font-size: 1em;
      padding: 0; } }

@media screen and (min-width: 768px) {
  .travel-outfits__button {
    top: 74%;
    left: 105%;
    width: 280px; }
    .travel-outfits__button.btn {
      position: absolute; } }

@media screen and (min-width: 1000px) {
  .travel-outfits__button {
    top: 72%; } }

@media screen and (min-width: 768px) {
  .notion-story__intro--anorak {
    padding-top: 100px; } }

.notion-story__intro-title--anorak-utility-jacket {
  margin-bottom: 2em; }

@media screen and (max-width: 767px) {
  .notion-story__item__image.image-mobile-up {
    display: none; } }

@media screen and (min-width: 768px) {
  .notion-story__item__image.image-mobile-down {
    display: none; } }

@media screen and (max-width: 767px) {
  .notion-story__item-wrapper__fullwidth--alt .notion-story__item {
    margin-bottom: 40px; } }

@media screen and (min-width: 768px) {
  .notion-story__item-wrapper__fullwidth--alt .notion-story__item {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    flex-wrap: nowrap; } }

@media screen and (min-width: 1000px) {
  .notion-story__item-wrapper__fullwidth--alt .notion-story__item {
    width: 70%; } }

@media screen and (min-width: 768px) {
  .notion-story__item-wrapper__fullwidth--alt .notion-story__item--flip {
    flex-direction: row; } }

.notion-story__item-wrapper__fullwidth .notion-story__item--center--alt {
  position: relative;
  width: 74%; }
  @media screen and (max-width: 767px) {
    .notion-story__item-wrapper__fullwidth .notion-story__item--center--alt {
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 0; } }
  .notion-story__item-wrapper__fullwidth .notion-story__item--center--alt .notion-story__item--details {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 280px;
    text-align: center;
    -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%); }
    @media screen and (max-width: 480px) {
      .notion-story__item-wrapper__fullwidth .notion-story__item--center--alt .notion-story__item--details {
        width: 220px;
        height: 200px; } }

.notion-story__item--details {
  text-align: left; }
  @media screen and (max-width: 767px) {
    .notion-story__item--details {
      padding: 0 30px; } }
  @media screen and (max-width: 767px) {
    .notion-story__item--details .image-title-container--monday {
      width: 80%;
      max-width: 190px; } }
  @media screen and (max-width: 767px) {
    .notion-story__item--details .image-title-container--tuesday {
      width: 80%;
      max-width: 150px; } }
  @media screen and (max-width: 767px) {
    .notion-story__item--details .image-title-container--wednesday {
      width: 80%;
      max-width: 210px; } }
  @media screen and (max-width: 767px) {
    .notion-story__item--details .image-title-container--thursday {
      width: 80%;
      max-width: 210px; } }
  @media screen and (max-width: 767px) {
    .notion-story__item--details .image-title-container--friday {
      width: 80%;
      max-width: 180px; } }
  @media screen and (max-width: 767px) {
    .notion-story__item--details .image-title-container--saturday {
      width: 80%;
      max-width: 172px; } }
  @media screen and (max-width: 767px) {
    .notion-story__item--details .image-title-container--sunday {
      width: 80%;
      max-width: 140px; } }
  .notion-story__item--details .c-social-share-buttons {
    text-align: center; }
    @media screen and (max-width: 767px) {
      .notion-story__item--details .c-social-share-buttons {
        display: none; } }

.arrow-monday:after, .arrow-tuesday:after, .arrow-thursday:after, .arrow-friday:after, .arrow-saturday:after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1; }
  @media screen and (max-width: 999px) {
    .arrow-monday:after, .arrow-tuesday:after, .arrow-thursday:after, .arrow-friday:after, .arrow-saturday:after {
      display: none; } }

.arrow-monday:after {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s19/notion-stories/anorak-utility-jacket/expedition-jacket-arrow-1.png);
  width: 309px;
  height: 525px;
  left: 50%;
  bottom: -262.5px; }

.arrow-tuesday:after {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s19/notion-stories/anorak-utility-jacket/expedition-jacket-arrow-2.png);
  width: 359px;
  height: 540px;
  left: 20px;
  bottom: -360px; }

.arrow-thursday:after {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s19/notion-stories/anorak-utility-jacket/expedition-jacket-arrow-3.png);
  width: 333px;
  height: 555px;
  left: 50px;
  bottom: -320px; }

.arrow-friday:after {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s19/notion-stories/anorak-utility-jacket/expedition-jacket-arrow-4.png);
  width: 351px;
  height: 539px;
  left: calc(50% - 40px);
  bottom: -272px; }

.arrow-saturday:after {
  background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s19/notion-stories/anorak-utility-jacket/expedition-jacket-arrow-5.png);
  width: 333px;
  height: 555px;
  left: 20px;
  bottom: -300px; }

@media screen and (max-width: 767px) {
  .mobile-mb0 {
    margin-bottom: 0; } }

.white-denim {
  padding-bottom: 100px; }
  @media screen and (max-width: 767px) {
    .white-denim__container {
      overflow-x: hidden; } }
  @media screen and (min-width: 768px) {
    .white-denim__container {
      max-width: 1440px;
      margin: 0 auto;
      padding-top: 40px;
      padding-bottom: 40px; } }
  .white-denim__block {
    padding: 30px 15px;
    margin-bottom: 50px; }
    @media screen and (max-width: 767px) {
      .white-denim__block {
        margin-bottom: 0; } }
    .white-denim__block .notion-story--btn {
      background-color: transparent; }
    @media screen and (min-width: 768px) {
      .white-denim__block {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-end;
        margin-bottom: 100px; }
        .white-denim__block--section:nth-of-type(1) {
          order: 2;
          margin-bottom: 40px; }
        .white-denim__block--section:nth-of-type(2) {
          order: 1;
          margin-bottom: 30px; }
        .white-denim__block--section:nth-of-type(3) {
          order: 3;
          margin-bottom: 30px; } }
    .white-denim__block--section {
      margin-bottom: 80px; }
      .white-denim__block--section:nth-of-type(3) {
        margin-bottom: 40px; }
      @media screen and (min-width: 768px) {
        .white-denim__block--section {
          margin-bottom: 0;
          text-align: center; } }
      .white-denim__block--section.outfits {
        position: relative;
        text-align: center; }
        .white-denim__block--section.outfits:first-of-item {
          margin-bottom: 80px; }
    .white-denim__block--title {
      color: #000;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-weight: 300;
      font-size: 40px;
      letter-spacing: 0.19px;
      line-height: 48px;
      margin-bottom: 10px; }
      @media screen and (max-width: 767px) {
        .white-denim__block--title {
          font-size: 36px; } }
    .white-denim__block--description {
      color: #000;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-weight: 300;
      font-size: 14px;
      letter-spacing: 0.07px;
      line-height: 18px; }
      @media screen and (min-width: 768px) {
        .white-denim__block--description {
          font-size: 16px;
          letter-spacing: 0.08px;
          line-height: 24px; } }
    .white-denim__block--item-info {
      margin-bottom: 55px; }
      @media screen and (min-width: 768px) {
        .white-denim__block--item-info {
          text-align: center;
          max-width: 400px; } }
      @media screen and (max-width: 999px) and (min-width: 768px) {
        .white-denim__block--item-info {
          margin-left: -65px;
          margin-right: -65px; } }
    .white-denim__block--img-container {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center; }
      .white-denim__block--img-container:after {
        content: "";
        display: block;
        position: absolute;
        background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s19/notion-stories/white-denim/rounded-diamond.svg);
        content: "";
        width: 1143px;
        height: 1143px;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        z-index: -1; }
        @media screen and (min-width: 768px) {
          .white-denim__block--img-container:after {
            left: 75px; } }
      .white-denim__block--img-container--flip:after {
        left: auto;
        right: 0; }
        @media screen and (min-width: 768px) {
          .white-denim__block--img-container--flip:after {
            right: 75px; } }
      .white-denim__block--img-container img {
        max-width: 60%; }
        @media screen and (max-width: 999px) and (min-width: 768px) {
          .white-denim__block--img-container img {
            max-width: 80%; } }
    .white-denim__block--img {
      max-width: 100%;
      height: auto; }
      @media screen and (min-width: 768px) {
        .white-denim__block--img.mobile-only {
          display: none; } }
      @media screen and (max-width: 767px) {
        .white-denim__block--img.desktop-only {
          display: none; } }
  @media screen and (min-width: 768px) {
    .white-denim__intro {
      flex-direction: column;
      max-width: 640px;
      margin: 0 auto 50px;
      align-items: center;
      text-align: center; } }
  .white-denim__intro--heading {
    color: #000;
    font-family: Montserrat;
    font-weight: 500;
    font-weight: 500;
    letter-spacing: 1.65px;
    font-size: 38px;
    line-height: 69px;
    margin-bottom: 30px; }
    .white-denim__intro--heading span {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      letter-spacing: 1.14px;
      font-size: 58px;
      line-height: 70px; }
    @media screen and (min-width: 768px) {
      .white-denim__intro--heading {
        font-size: 45px;
        letter-spacing: 0;
        line-height: 70px; }
        .white-denim__intro--heading span {
          font-size: 58px; } }
    @media screen and (max-width: 480px) {
      .white-denim__intro--heading {
        font-size: 32px;
        line-height: 40px; }
        .white-denim__intro--heading span {
          font-size: 45px;
          line-height: 60px; } }
  .white-denim__intro--body {
    color: #000;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.07px;
    line-height: 18px; }
    @media screen and (min-width: 768px) {
      .white-denim__intro--body {
        font-size: 20px;
        letter-spacing: 0.1px;
        line-height: 26px; } }
  @media screen and (min-width: 768px) {
    .white-denim__grow--from-center {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      opacity: 0; } }
  @media screen and (min-width: 768px) {
    .white-denim__grow--from-left {
      -webkit-transform: translateX(calc(-100% + 200px)) scale(0);
      -moz-transform: translateX(calc(-100% + 200px)) scale(0);
      -ms-transform: translateX(calc(-100% + 200px)) scale(0);
      -o-transform: translateX(calc(-100% + 200px)) scale(0);
      transform: translateX(calc(-100% + 200px)) scale(0);
      opacity: 0;
      transform-origin: center left; } }
  @media screen and (min-width: 768px) {
    .white-denim__grow--from-right {
      -webkit-transform: translateX(calc(100% - 200px)) scale(0);
      -moz-transform: translateX(calc(100% - 200px)) scale(0);
      -ms-transform: translateX(calc(100% - 200px)) scale(0);
      -o-transform: translateX(calc(100% - 200px)) scale(0);
      transform: translateX(calc(100% - 200px)) scale(0);
      opacity: 0;
      transform-origin: center right; } }
  .white-denim__position {
    z-index: 1; }

.notion-story__product-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.notion-story__product-row-center {
  justify-content: center; }

.notion-story__product-row-reversed {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap; }

.notion-story__product-intro {
  position: relative;
  margin-bottom: 80px;
  text-align: center; }

.notion-story__product-intro-top-offset {
  margin-top: -200px; }

.notion-story__product-intro-100 {
  width: 100%; }

.notion-story__product-intro-80 {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .notion-story__product-intro-80 {
      width: calc(80% - 40px);
      align-self: flex-start; } }

.notion-story__product-intro-55 {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .notion-story__product-intro-55 {
      width: calc(55% - 40px);
      align-self: flex-start; } }

.notion-story__product-intro-45 {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .notion-story__product-intro-45 {
      width: calc(45% - 40px);
      align-self: flex-start; } }

.notion-story__product-details {
  display: flex;
  flex-direction: column-reverse;
  align-items: center; }

.notion-story__product-details-align-right {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .notion-story__product-details-align-right {
      width: auto;
      max-width: calc(50% - 60px);
      margin-left: 60px; } }

.notion-story__product-details-align-left {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .notion-story__product-details-align-left {
      width: auto;
      max-width: calc(50% - 60px);
      margin-right: 60px; } }

.notion-story__product-details-header,
.notion-story__free-stacks-grid-item--header {
  padding-left: 0;
  text-align: center; }
  .notion-story__product-details-header:after,
  .notion-story__free-stacks-grid-item--header:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
  @media screen and (min-width: 768px) {
    .notion-story__product-details-header,
    .notion-story__free-stacks-grid-item--header {
      text-align: left; }
      .notion-story__product-details-header:after,
      .notion-story__free-stacks-grid-item--header:after {
        left: auto; } }

.notion-story__free-stacks-grid-item--header--holiday {
  padding-left: 0;
  text-align: center;
  position: absolute;
  bottom: 30px; }
  .notion-story__free-stacks-grid-item--header--holiday span {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 12px; }
  .notion-story__free-stacks-grid-item--header--holiday h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    text-align: center; }
  @media screen and (min-width: 768px) {
    .notion-story__free-stacks-grid-item--header--holiday {
      text-align: center; }
      .notion-story__free-stacks-grid-item--header--holiday:after {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); } }

@media screen and (max-width: 767px) {
  .notion-story__product-details--mobile-on-top {
    flex-direction: column; } }

.notion-story__product-details--mobile-on-bottom .notion-story__free-stacks-grid-item--header:after {
  top: auto;
  bottom: -1em;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

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

.notion-story__item__image--desktop-only {
  display: none; }
  @media screen and (min-width: 768px) {
    .notion-story__item__image--desktop-only {
      display: block; } }

.notion-story__offset-top {
  margin-top: 40px; }

@media screen and (min-width: 768px) {
  .drape-front-cardigan-col {
    margin-top: 100px; } }

@media screen and (min-width: 768px) {
  .drape-front-cardigan {
    flex-direction: column-reverse;
    justify-content: flex-end; }
    .drape-front-cardigan .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      right: -1em;
      -webkit-transform: translateY(-1px) rotate(90deg);
      -moz-transform: translateY(-1px) rotate(90deg);
      -ms-transform: translateY(-1px) rotate(90deg);
      -o-transform: translateY(-1px) rotate(90deg);
      transform: translateY(-1px) rotate(90deg); } }

@media screen and (min-width: 768px) {
  .going-out-dress {
    flex-direction: column;
    margin-bottom: 180px; }
    .going-out-dress .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      left: -1em;
      -webkit-transform: translateY(-1px) rotate(-90deg);
      -moz-transform: translateY(-1px) rotate(-90deg);
      -ms-transform: translateY(-1px) rotate(-90deg);
      -o-transform: translateY(-1px) rotate(-90deg);
      transform: translateY(-1px) rotate(-90deg); } }

@media screen and (min-width: 768px) {
  .going-out-dress--offset {
    margin-top: -240px; } }

@media screen and (min-width: 768px) {
  .senenity-tee {
    flex-direction: column-reverse;
    justify-content: flex-end;
    margin-top: -200px; }
    .senenity-tee .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      right: -1em;
      -webkit-transform: translateY(-1px) rotate(90deg);
      -moz-transform: translateY(-1px) rotate(90deg);
      -ms-transform: translateY(-1px) rotate(90deg);
      -o-transform: translateY(-1px) rotate(90deg);
      transform: translateY(-1px) rotate(90deg); } }

@media screen and (min-width: 768px) {
  .luxe-turtleneck {
    flex-direction: column;
    margin-top: 180px; }
    .luxe-turtleneck .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      left: -1em;
      -webkit-transform: translateY(-1px) rotate(-90deg);
      -moz-transform: translateY(-1px) rotate(-90deg);
      -ms-transform: translateY(-1px) rotate(-90deg);
      -o-transform: translateY(-1px) rotate(-90deg);
      transform: translateY(-1px) rotate(-90deg); } }

@media screen and (min-width: 768px) {
  .luxe-turtleneck--offset {
    margin-top: -240px; } }

@media screen and (min-width: 768px) {
  .fringe-poncho {
    flex-direction: column; }
    .fringe-poncho .notion-story__free-stacks-grid-item--header:after {
      left: 0;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none; } }

@media screen and (min-width: 768px) {
  .highlands-cardigan {
    flex-direction: column-reverse;
    justify-content: flex-end;
    margin-top: 120px;
    margin-bottom: 60px; } }

@media screen and (min-width: 768px) {
  .horizon-pullover {
    flex-direction: column-reverse;
    justify-content: flex-end;
    margin-top: -60px; }
    .horizon-pullover .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      right: -1em;
      -webkit-transform: translateY(-1px) rotate(90deg);
      -moz-transform: translateY(-1px) rotate(90deg);
      -ms-transform: translateY(-1px) rotate(90deg);
      -o-transform: translateY(-1px) rotate(90deg);
      transform: translateY(-1px) rotate(90deg); } }

@media screen and (min-width: 768px) {
  .juliet-blouse {
    flex-direction: column;
    margin-bottom: 180px; }
    .juliet-blouse .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      left: -1em;
      -webkit-transform: translateY(-1px) rotate(-90deg);
      -moz-transform: translateY(-1px) rotate(-90deg);
      -ms-transform: translateY(-1px) rotate(-90deg);
      -o-transform: translateY(-1px) rotate(-90deg);
      transform: translateY(-1px) rotate(-90deg); } }

@media screen and (min-width: 768px) {
  .juliet-blouse--offset {
    margin-top: -240px; } }

@media screen and (min-width: 768px) {
  .candlelight-blouse {
    flex-direction: column-reverse;
    justify-content: flex-end;
    margin-top: -200px; }
    .candlelight-blouse .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      right: -1em;
      -webkit-transform: translateY(-1px) rotate(90deg);
      -moz-transform: translateY(-1px) rotate(90deg);
      -ms-transform: translateY(-1px) rotate(90deg);
      -o-transform: translateY(-1px) rotate(90deg);
      transform: translateY(-1px) rotate(90deg); } }

@media screen and (min-width: 768px) {
  .long-sleeve-kknot-blouse {
    flex-direction: column;
    margin-top: 150px; }
    .long-sleeve-kknot-blouse .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      left: -1em;
      -webkit-transform: translateY(-1px) rotate(-90deg);
      -moz-transform: translateY(-1px) rotate(-90deg);
      -ms-transform: translateY(-1px) rotate(-90deg);
      -o-transform: translateY(-1px) rotate(-90deg);
      transform: translateY(-1px) rotate(-90deg); } }

@media screen and (min-width: 768px) {
  .long-sleeve-kknot-blouse--offset {
    margin-top: -240px; } }

@media screen and (min-width: 768px) {
  .apres-ski-hoodie {
    flex-direction: column; }
    .apres-ski-hoodie .notion-story__free-stacks-grid-item--header:after {
      left: 0;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none; } }

@media screen and (min-width: 768px) {
  .snow-valley-jacket {
    flex-direction: column-reverse;
    justify-content: flex-end;
    margin-top: 120px;
    margin-bottom: 60px; } }

@media screen and (min-width: 768px) {
  .high-legging {
    flex-direction: column-reverse;
    justify-content: flex-end;
    margin-top: -60px; }
    .high-legging .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      right: -1em;
      -webkit-transform: translateY(-1px) rotate(90deg);
      -moz-transform: translateY(-1px) rotate(90deg);
      -ms-transform: translateY(-1px) rotate(90deg);
      -o-transform: translateY(-1px) rotate(90deg);
      transform: translateY(-1px) rotate(90deg); } }

@media screen and (min-width: 768px) {
  .decked-out-dress img,
  .holiday-blazer img,
  .snap-cowl img,
  .going-out-top img,
  .victoria-blouse img,
  .cozy-cowl img,
  .fireside-hoodie img {
    width: 240px; } }

@media screen and (min-width: 1000px) {
  .decked-out-dress img,
  .holiday-blazer img,
  .snap-cowl img,
  .going-out-top img,
  .victoria-blouse img,
  .cozy-cowl img,
  .fireside-hoodie img {
    width: 300px; } }

#new-arrivals-joan-page .notion-story__intro-title--new-arrivals-joan {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 26px;
  text-align: left; }
  @media screen and (min-width: 768px) {
    #new-arrivals-joan-page .notion-story__intro-title--new-arrivals-joan {
      padding-top: 150px; } }
  @media screen and (max-width: 767px) {
    #new-arrivals-joan-page .notion-story__intro-title--new-arrivals-joan {
      display: none; } }

@media screen and (max-width: 767px) {
  #new-arrivals-joan-page .notion-story__title-img--new-arrivals-joan {
    display: none; } }

@media screen and (min-width: 1000px) {
  #new-arrivals-joan-page .notion-story__title-img--new-arrivals-joan {
    width: 350px;
    margin-left: -20px;
    margin-bottom: 20px; } }

@media screen and (min-width: 1000px) {
  #new-arrivals-joan-page .notion-story__title-img--new-arrivals-joan {
    width: 475px; } }

#new-arrivals-joan-page .notion-story__title-img--new-arrivals-joan-mobile {
  max-width: 540px;
  width: calc(100% - 60px);
  margin: 0 30px; }
  @media screen and (min-width: 768px) {
    #new-arrivals-joan-page .notion-story__title-img--new-arrivals-joan-mobile {
      display: none; } }

@media screen and (min-width: 1000px) {
  #new-arrivals-joan-page .notion-story__intro-description--new-arrivals-lucy.show-desktop {
    width: 340px; } }

@media screen and (min-width: 768px) {
  #new-arrivals-joan-page .notion-story__product-intro {
    margin-bottom: 40px; } }

@media screen and (min-width: 1000px) {
  #new-arrivals-joan-page .notion-story__product-intro {
    margin-bottom: 80px; } }

#new-arrivals-joan-page .notion-story__product-details-align-right {
  width: 100%; }
  @media screen and (min-width: 1000px) {
    #new-arrivals-joan-page .notion-story__product-details-align-right {
      width: auto;
      max-width: calc(50% - 120px);
      margin-left: 120px; } }

#new-arrivals-joan-page .notion-story__product-details-align-left {
  width: 100%; }
  @media screen and (min-width: 1000px) {
    #new-arrivals-joan-page .notion-story__product-details-align-left {
      width: auto;
      max-width: calc(50% - 120px);
      margin-right: 120px; } }

@media screen and (min-width: 768px) {
  #new-arrivals-joan-page .notion-story__product-row-center .notion-story__product-details-align-right {
    width: auto;
    max-width: calc(50% - 30px);
    margin-left: 30px; } }

@media screen and (min-width: 768px) {
  #new-arrivals-joan-page .notion-story__product-row-center .notion-story__product-details-align-left {
    width: auto;
    max-width: calc(50% - 30px);
    margin-right: 30px; } }

@media screen and (max-width: 767px) {
  #new-arrivals-joan-page .notion-story__product-row,
  #new-arrivals-joan-page .notion-story__product-row-reversed {
    padding: unset; } }

@media screen and (max-width: 767px) {
  #new-arrivals-joan-page .mobile-stack-1-adjustment {
    margin: 0 -30px;
    margin-top: -40px; } }

@media screen and (max-width: 767px) {
  #new-arrivals-joan-page .mobile-full-width {
    margin: 0 -30px; } }

@media screen and (min-width: 768px) {
  #new-arrivals-joan-page .decked-out-dress-col {
    margin-top: 100px; } }

@media screen and (min-width: 768px) {
  #new-arrivals-joan-page .decked-out-dress {
    flex-direction: column-reverse;
    justify-content: flex-end; }
    #new-arrivals-joan-page .decked-out-dress .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      right: -1em;
      -webkit-transform: translateY(-1px) rotate(90deg);
      -moz-transform: translateY(-1px) rotate(90deg);
      -ms-transform: translateY(-1px) rotate(90deg);
      -o-transform: translateY(-1px) rotate(90deg);
      transform: translateY(-1px) rotate(90deg); } }

@media screen and (min-width: 768px) {
  #new-arrivals-joan-page .decked-out-dress img {
    width: 180px; } }

@media screen and (min-width: 1000px) {
  #new-arrivals-joan-page .decked-out-dress img {
    width: 260px; } }

@media screen and (min-width: 768px) {
  #new-arrivals-joan-page .holiday-blazer {
    flex-direction: column; }
    #new-arrivals-joan-page .holiday-blazer .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      left: -1em;
      -webkit-transform: translateY(-1px) rotate(-90deg);
      -moz-transform: translateY(-1px) rotate(-90deg);
      -ms-transform: translateY(-1px) rotate(-90deg);
      -o-transform: translateY(-1px) rotate(-90deg);
      transform: translateY(-1px) rotate(-90deg); } }

@media screen and (min-width: 1000px) {
  #new-arrivals-joan-page .holiday-blazer {
    margin-bottom: 180px; } }

@media screen and (min-width: 1000px) {
  #new-arrivals-joan-page .holiday-blazer--offset {
    margin-top: 80px;
    margin-bottom: 60px; } }

@media screen and (min-width: 768px) {
  #new-arrivals-joan-page .snap-blouse {
    flex-direction: column-reverse;
    justify-content: flex-end;
    margin-top: -160px; }
    #new-arrivals-joan-page .snap-blouse .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      right: -1em;
      -webkit-transform: translateY(-1px) rotate(90deg);
      -moz-transform: translateY(-1px) rotate(90deg);
      -ms-transform: translateY(-1px) rotate(90deg);
      -o-transform: translateY(-1px) rotate(90deg);
      transform: translateY(-1px) rotate(90deg); } }

@media screen and (min-width: 1000px) {
  #new-arrivals-joan-page .snap-blouse {
    margin-top: 60px;
    margin-right: 180px; } }

@media screen and (min-width: 768px) {
  #new-arrivals-joan-page .snap-blouse img {
    width: 180px; } }

@media screen and (min-width: 1000px) {
  #new-arrivals-joan-page .snap-blouse img {
    width: 240px; } }

@media screen and (min-width: 1000px) {
  #new-arrivals-joan-page .snap-blouse--offset {
    margin-top: 200px; } }

@media screen and (min-width: 768px) {
  #new-arrivals-joan-page .snap-cowl {
    flex-direction: column; }
    #new-arrivals-joan-page .snap-cowl .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      left: -1em;
      -webkit-transform: translateY(-1px) rotate(-90deg);
      -moz-transform: translateY(-1px) rotate(-90deg);
      -ms-transform: translateY(-1px) rotate(-90deg);
      -o-transform: translateY(-1px) rotate(-90deg);
      transform: translateY(-1px) rotate(-90deg); } }

@media screen and (min-width: 1000px) {
  #new-arrivals-joan-page .snap-cowl {
    margin-top: 180px; } }

@media screen and (min-width: 768px) {
  #new-arrivals-joan-page .snap-cowl--offset {
    margin-top: -240px; } }

@media screen and (min-width: 768px) {
  #new-arrivals-joan-page .going-out-top {
    flex-direction: column; }
    #new-arrivals-joan-page .going-out-top .notion-story__free-stacks-grid-item--header:after {
      left: 0;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none; }
    #new-arrivals-joan-page .going-out-top.notion-story__product-details-align-left {
      max-width: calc(50% - 90px);
      margin-right: 90px; } }

@media screen and (max-width: 767px) {
  #new-arrivals-joan-page .going-out-top h3 {
    white-space: pre-wrap;
    width: 85px; } }

#new-arrivals-joan-page .windchill-wrap {
  margin-top: 20px;
  margin-bottom: 80px; }
  @media screen and (min-width: 768px) {
    #new-arrivals-joan-page .windchill-wrap {
      margin-top: 80px;
      margin-bottom: 80px; }
      #new-arrivals-joan-page .windchill-wrap.notion-story__product-details-align-right {
        max-width: calc(50% - 90px);
        margin-left: 90px; } }
  @media screen and (max-width: 767px) {
    #new-arrivals-joan-page .windchill-wrap h3 {
      white-space: pre-wrap;
      width: 85px; } }
  @media screen and (min-width: 768px) {
    #new-arrivals-joan-page .windchill-wrap img {
      width: 290px; } }
  @media screen and (min-width: 1000px) {
    #new-arrivals-joan-page .windchill-wrap img {
      width: 370px; } }

@media screen and (min-width: 768px) {
  #new-arrivals-joan-page .victoria-blouse {
    flex-direction: column-reverse;
    justify-content: flex-end; }
    #new-arrivals-joan-page .victoria-blouse .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      right: -1em;
      -webkit-transform: translateY(-1px) rotate(90deg);
      -moz-transform: translateY(-1px) rotate(90deg);
      -ms-transform: translateY(-1px) rotate(90deg);
      -o-transform: translateY(-1px) rotate(90deg);
      transform: translateY(-1px) rotate(90deg); } }

@media screen and (min-width: 768px) {
  #new-arrivals-joan-page .cozy-cowl {
    flex-direction: column;
    margin-bottom: 80px; }
    #new-arrivals-joan-page .cozy-cowl .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      left: -1em;
      -webkit-transform: translateY(-1px) rotate(-90deg);
      -moz-transform: translateY(-1px) rotate(-90deg);
      -ms-transform: translateY(-1px) rotate(-90deg);
      -o-transform: translateY(-1px) rotate(-90deg);
      transform: translateY(-1px) rotate(-90deg); } }

@media screen and (min-width: 768px) {
  #new-arrivals-joan-page .cozy-cowl--offset {
    margin-top: -240px; } }

@media screen and (min-width: 768px) {
  #new-arrivals-joan-page .purr-blouse {
    flex-direction: column; }
    #new-arrivals-joan-page .purr-blouse .notion-story__free-stacks-grid-item--header:after {
      left: 0;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none; }
    #new-arrivals-joan-page .purr-blouse.notion-story__product-details-align-left {
      max-width: calc(50% - 90px);
      margin-right: 90px; } }

@media screen and (min-width: 1000px) {
  #new-arrivals-joan-page .purr-blouse img {
    width: 360px; } }

#new-arrivals-joan-page .dressed-up-shrug {
  margin-top: 20px;
  margin-bottom: 80px; }
  @media screen and (min-width: 768px) {
    #new-arrivals-joan-page .dressed-up-shrug {
      margin-top: 170px;
      margin-bottom: 80px; }
      #new-arrivals-joan-page .dressed-up-shrug.notion-story__product-details-align-right {
        max-width: calc(50% - 90px);
        margin-left: 90px; } }
  @media screen and (max-width: 767px) {
    #new-arrivals-joan-page .dressed-up-shrug h3 {
      width: 95px;
      white-space: pre-wrap; } }
  @media screen and (min-width: 1000px) {
    #new-arrivals-joan-page .dressed-up-shrug {
      margin-top: 200px; } }
  @media screen and (min-width: 1000px) {
    #new-arrivals-joan-page .dressed-up-shrug img {
      width: 360px; } }

@media screen and (min-width: 768px) {
  #new-arrivals-joan-page .fireside-hoodie {
    flex-direction: column;
    margin-top: 60px;
    margin-bottom: 80px; }
    #new-arrivals-joan-page .fireside-hoodie .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      left: -1em;
      -webkit-transform: translateY(-1px) rotate(-90deg);
      -moz-transform: translateY(-1px) rotate(-90deg);
      -ms-transform: translateY(-1px) rotate(-90deg);
      -o-transform: translateY(-1px) rotate(-90deg);
      transform: translateY(-1px) rotate(-90deg); } }

@media screen and (min-width: 768px) {
  #new-arrivals-joan-page .fireside-hoodie--offset {
    margin-top: -220px; } }

@media screen and (min-width: 1000px) {
  #new-arrivals-joan-page .fireside-hoodie--offset {
    margin-top: -450px; } }

.btn-cta--black {
  margin: 18px 0; }

.notion-story__product-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  @media screen and (max-width: 767px) {
    .notion-story__product-row {
      padding: 0 30px; } }
  @media screen and (max-width: 767px) {
    .notion-story__product-row .notion-story__product-details {
      padding: 0 30px; } }

.notion-story__product-row-solo {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 720px;
  margin: -120px auto 0; }
  @media screen and (max-width: 767px) {
    .notion-story__product-row-solo {
      margin-top: 0; } }

.notion-story__product-row-center {
  justify-content: center;
  flex-wrap: nowrap; }
  @media screen and (max-width: 767px) {
    .notion-story__product-row-center {
      padding: 0 30px; } }
  .notion-story__product-row-center--wrap {
    flex-wrap: wrap; }
  @media screen and (max-width: 767px) {
    .notion-story__product-row-center .notion-story__product-details {
      padding: unset; } }
  @media screen and (max-width: 767px) {
    .notion-story__product-row-center--mobile-wrap {
      position: relative;
      flex-wrap: wrap;
      z-index: 2; } }
  .notion-story__product-row-center .notion-story__product-details--holiday {
    background: #ffffff;
    margin-bottom: 30px;
    position: relative;
    max-width: 400px; }
    @media screen and (min-width: 768px) {
      .notion-story__product-row-center .notion-story__product-details--holiday.notion-story__product-details-align-left {
        margin-right: 15px; } }
    @media screen and (min-width: 768px) {
      .notion-story__product-row-center .notion-story__product-details--holiday.notion-story__product-details-align-right {
        margin-left: 15px; } }

.notion-story__product-row-end {
  justify-content: flex-end;
  flex-wrap: nowrap;
  margin-bottom: 100px; }
  @media screen and (max-width: 767px) {
    .notion-story__product-row-end .notion-story__product-details {
      padding: unset; } }
  @media screen and (max-width: 767px) {
    .notion-story__product-row-end {
      padding: 0 30px;
      margin-bottom: 50px;
      margin-right: 0; } }
  @media screen and (min-width: 768px) {
    .notion-story__product-row-end {
      max-width: 67%;
      margin-left: auto; } }
  @media screen and (min-width: screen-desktop-lg) {
    .notion-story__product-row-end {
      max-width: unset;
      margin: auto;
      margin-right: -50px; } }

.notion-story__product-row-reversed {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap; }
  @media screen and (max-width: 767px) {
    .notion-story__product-row-reversed {
      padding: 0 30px; } }
  @media screen and (max-width: 767px) {
    .notion-story__product-row-reversed .notion-story__product-details {
      padding: 0 30px; } }

.notion-story__product-intro {
  position: relative;
  margin-bottom: 80px;
  text-align: center; }

.notion-story__product-intro-top-offset {
  margin-top: -200px; }

.notion-story__product-intro-100 {
  width: 100%; }

.notion-story__product-intro-55 {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .notion-story__product-intro-55 {
      width: calc(55% - 40px);
      align-self: flex-start; } }

.notion-story__product-intro-45 {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .notion-story__product-intro-45 {
      width: calc(45% - 40px);
      align-self: flex-start; } }

.notion-story__product-details {
  display: flex;
  flex-direction: column-reverse;
  align-items: center; }

.notion-story__product-details-align-right {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .notion-story__product-details-align-right {
      width: auto;
      max-width: calc(50% - 60px);
      margin-left: 60px; } }

.notion-story__product-details-align-left {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .notion-story__product-details-align-left {
      width: auto;
      max-width: calc(50% - 60px);
      margin-right: 60px; } }

.notion-story__product-details-header,
.notion-story__free-stacks-grid-item--header {
  padding-left: 0;
  text-align: center; }
  .notion-story__product-details-header:after,
  .notion-story__free-stacks-grid-item--header:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
  @media screen and (min-width: 768px) {
    .notion-story__product-details-header,
    .notion-story__free-stacks-grid-item--header {
      text-align: left; }
      .notion-story__product-details-header:after,
      .notion-story__free-stacks-grid-item--header:after {
        left: auto; } }

@media screen and (max-width: 767px) {
  .notion-story__product-details--mobile-on-top {
    flex-direction: column; } }

.notion-story__product-details--mobile-on-bottom .notion-story__free-stacks-grid-item--header:after {
  top: auto;
  bottom: -1em;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

@media screen and (max-width: 767px) {
  .notion-story__product-details--mobile-left-up {
    flex-direction: row-reverse; }
    .notion-story__product-details--mobile-left-up .notion-story__free-stacks-grid-item--header {
      text-align: left;
      margin: 16px; } }

.notion-story__product-details--mobile-left-up .notion-story__free-stacks-grid-item--header:after {
  left: 8px;
  top: -33px; }

@media screen and (max-width: 767px) {
  .notion-story__product-details--mobile-right-down {
    flex-direction: row; }
    .notion-story__product-details--mobile-right-down .notion-story__free-stacks-grid-item--header {
      text-align: left;
      margin: 16px; } }

.notion-story__product-details--mobile-right-down .notion-story__free-stacks-grid-item--header:after {
  top: auto;
  bottom: -1em;
  left: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

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

.notion-story__item__image--desktop-only {
  display: none; }
  @media screen and (min-width: 768px) {
    .notion-story__item__image--desktop-only {
      display: block; } }

.notion-story__offset-top {
  margin-top: 40px; }

@media screen and (min-width: 768px) {
  .josephine-coat-col {
    margin-top: 0px; } }

@media screen and (min-width: 768px) {
  .josephine-coat {
    flex-direction: column-reverse;
    justify-content: flex-end; }
    .josephine-coat .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      left: -1em;
      -webkit-transform: translateY(-1px) rotate(-90deg);
      -moz-transform: translateY(-1px) rotate(-90deg);
      -ms-transform: translateY(-1px) rotate(-90deg);
      -o-transform: translateY(-1px) rotate(-90deg);
      transform: translateY(-1px) rotate(-90deg); } }

@media screen and (min-width: 768px) {
  .peek-pullover {
    flex-direction: column;
    margin-bottom: 180px; }
    .peek-pullover .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      right: -1em;
      -webkit-transform: translateY(-1px) rotate(90deg);
      -moz-transform: translateY(-1px) rotate(90deg);
      -ms-transform: translateY(-1px) rotate(90deg);
      -o-transform: translateY(-1px) rotate(90deg);
      transform: translateY(-1px) rotate(90deg); } }

@media screen and (min-width: 768px) {
  .peek-pullover--offset {
    margin-top: -160px; } }

@media screen and (min-width: 768px) {
  .senenity-tee {
    flex-direction: column-reverse;
    justify-content: flex-end;
    margin-top: -200px; }
    .senenity-tee .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      right: -1em;
      -webkit-transform: translateY(-1px) rotate(90deg);
      -moz-transform: translateY(-1px) rotate(90deg);
      -ms-transform: translateY(-1px) rotate(90deg);
      -o-transform: translateY(-1px) rotate(90deg);
      transform: translateY(-1px) rotate(90deg); } }

@media screen and (min-width: 768px) {
  .luxe-turtleneck {
    flex-direction: column;
    margin-top: 180px; }
    .luxe-turtleneck .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      left: -1em;
      -webkit-transform: translateY(-1px) rotate(-90deg);
      -moz-transform: translateY(-1px) rotate(-90deg);
      -ms-transform: translateY(-1px) rotate(-90deg);
      -o-transform: translateY(-1px) rotate(-90deg);
      transform: translateY(-1px) rotate(-90deg); } }

@media screen and (min-width: 768px) {
  .luxe-turtleneck--offset {
    margin-top: -240px; } }

@media screen and (min-width: 768px) {
  .deco-cardigan {
    flex-direction: column; }
    .deco-cardigan .notion-story__free-stacks-grid-item--header:after {
      left: 0;
      top: -36px;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none; } }

@media screen and (min-width: 768px) {
  .repose-cape {
    flex-direction: column; }
    .repose-cape .notion-story__free-stacks-grid-item--header:after {
      left: 0;
      top: -36px;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none; } }

@media screen and (min-width: 768px) {
  .fusion-sweatshirt {
    flex-direction: column; }
    .fusion-sweatshirt .notion-story__free-stacks-grid-item--header:after {
      left: 0;
      top: -36px;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none; } }

@media screen and (min-width: 768px) {
  .serpentine-blouse {
    flex-direction: column; }
    .serpentine-blouse .notion-story__free-stacks-grid-item--header:after {
      left: 0;
      top: -36px;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none; } }

@media screen and (min-width: 768px) {
  .horizon-pullover {
    flex-direction: column-reverse;
    justify-content: flex-end;
    margin-top: -60px; }
    .horizon-pullover .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      right: -1em;
      -webkit-transform: translateY(-1px) rotate(90deg);
      -moz-transform: translateY(-1px) rotate(90deg);
      -ms-transform: translateY(-1px) rotate(90deg);
      -o-transform: translateY(-1px) rotate(90deg);
      transform: translateY(-1px) rotate(90deg); } }

@media screen and (min-width: 768px) {
  .juliet-blouse {
    flex-direction: column;
    margin-bottom: 180px; }
    .juliet-blouse .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      left: -1em;
      -webkit-transform: translateY(-1px) rotate(-90deg);
      -moz-transform: translateY(-1px) rotate(-90deg);
      -ms-transform: translateY(-1px) rotate(-90deg);
      -o-transform: translateY(-1px) rotate(-90deg);
      transform: translateY(-1px) rotate(-90deg); } }

@media screen and (min-width: 768px) {
  .juliet-blouse--offset {
    margin-top: -240px; } }

@media screen and (min-width: 768px) {
  .candlelight-blouse {
    flex-direction: column-reverse;
    justify-content: flex-end;
    margin-top: -200px; }
    .candlelight-blouse .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      right: -1em;
      -webkit-transform: translateY(-1px) rotate(90deg);
      -moz-transform: translateY(-1px) rotate(90deg);
      -ms-transform: translateY(-1px) rotate(90deg);
      -o-transform: translateY(-1px) rotate(90deg);
      transform: translateY(-1px) rotate(90deg); } }

@media screen and (min-width: 768px) {
  .long-sleeve-kknot-blouse {
    flex-direction: column;
    margin-top: 150px; }
    .long-sleeve-kknot-blouse .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      left: -1em;
      -webkit-transform: translateY(-1px) rotate(-90deg);
      -moz-transform: translateY(-1px) rotate(-90deg);
      -ms-transform: translateY(-1px) rotate(-90deg);
      -o-transform: translateY(-1px) rotate(-90deg);
      transform: translateY(-1px) rotate(-90deg); } }

@media screen and (min-width: 768px) {
  .long-sleeve-kknot-blouse--offset {
    margin-top: -240px; } }

@media screen and (min-width: 768px) {
  .apres-ski-hoodie {
    flex-direction: column; }
    .apres-ski-hoodie .notion-story__free-stacks-grid-item--header:after {
      left: 0;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none; } }

@media screen and (min-width: 768px) {
  .snow-valley-jacket {
    flex-direction: column-reverse;
    justify-content: flex-end;
    margin-top: 120px;
    margin-bottom: 60px; } }

@media screen and (min-width: 768px) {
  .high-legging {
    flex-direction: column-reverse;
    justify-content: flex-end;
    margin-top: -60px; }
    .high-legging .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      right: -1em;
      -webkit-transform: translateY(-1px) rotate(90deg);
      -moz-transform: translateY(-1px) rotate(90deg);
      -ms-transform: translateY(-1px) rotate(90deg);
      -o-transform: translateY(-1px) rotate(90deg);
      transform: translateY(-1px) rotate(90deg); } }

#back-to-black-page .notion-story__product-details-align-right {
  width: 100%; }
  @media screen and (min-width: 1000px) {
    #back-to-black-page .notion-story__product-details-align-right {
      width: auto;
      max-width: calc(50% - 120px);
      margin-left: 120px; } }

#back-to-black-page .notion-story__product-details-align-left {
  width: 100%; }
  @media screen and (min-width: 1000px) {
    #back-to-black-page .notion-story__product-details-align-left {
      width: auto;
      max-width: calc(50% - 120px);
      margin-right: 120px; } }

@media screen and (max-width: 767px) {
  #back-to-black-page .notion-story__title-img--back-to-black {
    display: block;
    max-width: 400px;
    width: calc(100% - 60px);
    margin: 0 auto; } }

@media screen and (min-width: 768px) {
  #back-to-black-page .notion-story__title-img--back-to-black {
    margin-top: 120px;
    margin-left: 80px;
    margin-bottom: 20px;
    width: 320px; } }

@media screen and (min-width: 1000px) {
  #back-to-black-page .notion-story__title-img--back-to-black {
    margin-top: 140px;
    margin-left: 150px;
    margin-bottom: 30px;
    width: 380px; } }

@media screen and (min-width: 768px) {
  #back-to-black-page .notion-story__intro-description--back-to-black {
    width: 295px;
    margin-left: 75px; } }

@media screen and (min-width: 768px) {
  #back-to-black-page .notion-story__intro-description--back-to-black.show-mobile {
    display: none; } }

@media screen and (max-width: 767px) {
  #back-to-black-page .notion-story__item--back-to-black {
    margin-bottom: 40px; } }

@media screen and (max-width: 767px) {
  #back-to-black-page .notion-story__product-row,
  #back-to-black-page .notion-story__product-row-reversed {
    padding: unset; } }

@media screen and (max-width: 767px) {
  #back-to-black-page .full-mobile-row-adjustment {
    margin: 0 -30px;
    margin-bottom: 40px; } }

@media screen and (max-width: 767px) {
  #back-to-black-page .full-mobile-row {
    margin: 0 -30px; } }

@media screen and (min-width: 768px) {
  #back-to-black-page .swanky-tee {
    flex-direction: column-reverse;
    justify-content: flex-end; }
    #back-to-black-page .swanky-tee .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      left: -1em;
      -webkit-transform: translateY(-1px) rotate(-90deg);
      -moz-transform: translateY(-1px) rotate(-90deg);
      -ms-transform: translateY(-1px) rotate(-90deg);
      -o-transform: translateY(-1px) rotate(-90deg);
      transform: translateY(-1px) rotate(-90deg); } }

@media screen and (min-width: 768px) {
  #back-to-black-page .swanky-tee img {
    width: 190px; } }

@media screen and (min-width: 1000px) {
  #back-to-black-page .swanky-tee img {
    width: 280px; } }

@media screen and (min-width: 768px) {
  #back-to-black-page .swanky-tee--offset {
    margin-top: 30px; } }

@media screen and (min-width: 1000px) {
  #back-to-black-page .swanky-tee--offset {
    margin-top: 30px; } }

@media screen and (min-width: 768px) {
  #back-to-black-page .madison-cardigan {
    flex-direction: column;
    justify-content: flex-start; }
    #back-to-black-page .madison-cardigan .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      right: -1em;
      -webkit-transform: translateY(-1px) rotate(90deg);
      -moz-transform: translateY(-1px) rotate(90deg);
      -ms-transform: translateY(-1px) rotate(90deg);
      -o-transform: translateY(-1px) rotate(90deg);
      transform: translateY(-1px) rotate(90deg); } }

@media screen and (min-width: 768px) {
  #back-to-black-page .madison-cardigan img {
    width: 190px; } }

@media screen and (min-width: 1000px) {
  #back-to-black-page .madison-cardigan img {
    width: 240px; } }

@media screen and (min-width: 1000px) {
  #back-to-black-page .madison-cardigan {
    margin-top: 110px; } }

@media screen and (min-width: 768px) {
  #back-to-black-page .madison-cardigan--offset {
    margin-top: -260px; } }

@media screen and (min-width: 1000px) {
  #back-to-black-page .madison-cardigan--offset {
    margin-top: -370px; } }

@media screen and (min-width: 768px) {
  #back-to-black-page .chance-bomber {
    flex-direction: column-reverse;
    justify-content: flex-end; }
    #back-to-black-page .chance-bomber .notion-story__free-stacks-grid-item--header:after {
      top: auto;
      bottom: -1em;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); } }

@media screen and (min-width: 768px) {
  #back-to-black-page .chance-bomber img {
    width: 190px; } }

@media screen and (min-width: 1000px) {
  #back-to-black-page .chance-bomber img {
    width: 270px; } }

@media screen and (min-width: 768px) {
  #back-to-black-page .chance-bomber {
    margin-top: -160px;
    margin-left: calc(50% + 60px);
    margin-bottom: 70px; } }

@media screen and (min-width: 1000px) {
  #back-to-black-page .chance-bomber {
    margin-left: calc(50% + 120px); } }

@media screen and (min-width: 768px) {
  #back-to-black-page .chance-bomber--offset {
    order: 1;
    margin: auto;
    margin-bottom: 40px; }
  #back-to-black-page .chance-bomber img {
    order: 0; } }

@media screen and (min-width: 768px) {
  #back-to-black-page .st-regis-blouse {
    flex-direction: column;
    justify-content: flex-start; }
    #back-to-black-page .st-regis-blouse .notion-story__free-stacks-grid-item--header:after {
      top: 0;
      right: -1em;
      -webkit-transform: translateY(-1px) rotate(90deg);
      -moz-transform: translateY(-1px) rotate(90deg);
      -ms-transform: translateY(-1px) rotate(90deg);
      -o-transform: translateY(-1px) rotate(90deg);
      transform: translateY(-1px) rotate(90deg); } }

@media screen and (min-width: 768px) {
  #back-to-black-page .st-regis-blouse img {
    width: 190px; } }

@media screen and (min-width: 1000px) {
  #back-to-black-page .st-regis-blouse img {
    width: 280px; } }

@media screen and (min-width: 768px) {
  #back-to-black-page .st-regis-blouse {
    margin-top: 100px; } }

@media screen and (min-width: 1000px) {
  #back-to-black-page .st-regis-blouse {
    margin-top: 180px; } }

@media screen and (min-width: 768px) {
  #back-to-black-page .st-regis-blouse--offset {
    margin-top: 0; } }

@media screen and (min-width: 1000px) {
  #back-to-black-page .st-regis-blouse--offset {
    margin-top: 60px; } }

#belt-it-out .notion-story__item-grid {
  padding-top: 0; }

#belt-it-out .notion-story__free-stacks-grid-item--center,
#belt-it-out .notion-story__free-stacks-grid-item--center--mobile {
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    #belt-it-out .notion-story__free-stacks-grid-item--center,
    #belt-it-out .notion-story__free-stacks-grid-item--center--mobile {
      margin-top: 20px; } }

#belt-it-out .notion-story__intro-title {
  padding-top: 30px;
  padding-bottom: 30px; }
  @media screen and (min-width: 768px) {
    #belt-it-out .notion-story__intro-title {
      padding-top: 40px;
      text-align: right; } }
  @media screen and (min-width: 1000px) {
    #belt-it-out .notion-story__intro-title {
      padding-top: 40px;
      padding-right: 54px; } }

#belt-it-out .notion-story__title-img {
  max-width: 150px;
  width: 150px;
  height: auto; }
  @media screen and (min-width: 768px) {
    #belt-it-out .notion-story__title-img {
      max-width: 210px;
      width: 210px; } }
  @media screen and (min-width: 1000px) {
    #belt-it-out .notion-story__title-img {
      max-width: 210px;
      width: 210px; } }

@media screen and (max-width: 767px) {
  #belt-it-out .notion-story__feature-img {
    margin-left: -30px;
    margin-right: -30px; } }

#belt-it-out .notion-story__intro-description {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 26px;
  max-width: 325px; }
  #belt-it-out .notion-story__intro-description span {
    font-style: italic; }
  @media screen and (max-width: 999px) {
    #belt-it-out .notion-story__intro-description {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 0.07px;
      line-height: 20px;
      padding-left: 30px; } }
  @media screen and (max-width: 767px) {
    #belt-it-out .notion-story__intro-description {
      padding-left: 0px; } }

#belt-it-out .notion-story__free-stacks-grid-item--header .btn-cta--black {
  margin-bottom: 0; }

#belt-it-out .notion-story__free-stacks-grid-item--header h3 {
  font-size: 20px;
  font-style: italic;
  font-weight: 700;
  letter-spacing: 0.1px;
  line-height: 24px; }

@media screen and (max-width: 767px) {
  #belt-it-out .notion-story__free-stacks-grid-item--1 {
    display: flex;
    flex-direction: column;
    align-items: center; } }

@media screen and (min-width: 768px) {
  #belt-it-out .notion-story__free-stacks-grid-item--1 {
    width: 243px;
    margin-top: -170px; } }

@media screen and (min-width: 1000px) {
  #belt-it-out .notion-story__free-stacks-grid-item--1 {
    width: 243px;
    margin-top: -290px;
    margin-left: 90px; } }

#belt-it-out .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
  position: relative; }
  @media screen and (min-width: 768px) {
    #belt-it-out .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
      padding-left: 28px; } }
  @media screen and (min-width: 1000px) {
    #belt-it-out .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
      padding-left: 33px; } }
  @media screen and (min-width: 768px) {
    #belt-it-out .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
      right: 60px;
      top: -1px;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); } }
  @media screen and (min-width: 1000px) {
    #belt-it-out .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
      right: 45px; } }

@media screen and (min-width: 768px) {
  #belt-it-out .notion-story__free-stacks-grid-item--2 {
    position: relative;
    width: 148px;
    left: 40px;
    margin-top: -185px;
    margin-left: 110px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: center; } }

@media screen and (min-width: 1000px) {
  #belt-it-out .notion-story__free-stacks-grid-item--2 {
    margin-top: -90px;
    margin-left: 140px;
    width: 148px; } }

#belt-it-out .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
  position: relative; }
  @media screen and (min-width: 768px) {
    #belt-it-out .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
      text-align: left; } }
  @media screen and (min-width: 768px) {
    #belt-it-out .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header:after {
      left: -26px;
      top: -1px;
      text-align: left;
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      transform: rotate(-90deg); } }

@media screen and (min-width: 768px) {
  #belt-it-out .notion-story__free-stacks-grid-item--2-img {
    margin-top: 35px; } }

@media screen and (min-width: 768px) {
  #belt-it-out .notion-story__free-stacks-grid-item--3 {
    width: 198px; } }

@media screen and (min-width: 1000px) {
  #belt-it-out .notion-story__free-stacks-grid-item--3 {
    width: 198px;
    margin-top: 41px; } }

#belt-it-out .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
  position: relative; }
  @media screen and (min-width: 768px) {
    #belt-it-out .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
      padding-left: 16px; } }
  @media screen and (min-width: 1000px) {
    #belt-it-out .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
      padding-left: 16px; } }
  @media screen and (min-width: 768px) {
    #belt-it-out .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header:after {
      right: 10px;
      top: -1px;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); } }
  @media screen and (min-width: 1000px) {
    #belt-it-out .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header:after {
      right: 33px; } }

@media screen and (min-width: 768px) {
  #belt-it-out .notion-story__free-stacks-grid-item--3-img {
    margin-top: -375px;
    max-width: 460px; } }

@media screen and (min-width: 1000px) {
  #belt-it-out .notion-story__free-stacks-grid-item--3-img {
    margin-top: -502px;
    max-width: 460px; } }

#belt-it-out .notion-story__free-stacks-grid-item--4 {
  display: flex;
  flex-direction: column-reverse; }
  @media screen and (min-width: 768px) {
    #belt-it-out .notion-story__free-stacks-grid-item--4 {
      position: relative;
      width: 232px;
      left: 40px;
      margin-top: -217px;
      margin-right: 114px;
      justify-content: flex-end;
      align-items: center; } }
  @media screen and (min-width: 1000px) {
    #belt-it-out .notion-story__free-stacks-grid-item--4 {
      margin-top: -322px;
      width: 232px;
      margin-right: 215px; } }
  #belt-it-out .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
    position: relative;
    padding-bottom: 30px; }
    @media screen and (min-width: 768px) {
      #belt-it-out .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
        text-align: left;
        padding-bottom: 0; } }
    #belt-it-out .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header:after {
      -webkit-transform: rotate(-180deg);
      -moz-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      -o-transform: rotate(-180deg);
      transform: rotate(-180deg);
      bottom: 0;
      bottom: 0;
      margin-left: -7px;
      top: unset; }
      @media screen and (min-width: 768px) {
        #belt-it-out .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header:after {
          left: -26px;
          top: -1px;
          bottom: unset;
          text-align: left; } }

@media screen and (min-width: 768px) {
  #belt-it-out .notion-story__free-stacks-grid-item--4-img {
    margin-top: 60px; } }

@media screen and (min-width: 768px) {
  #belt-it-out .mobile-only {
    display: none; } }

#belt-it-out .desktop-only {
  display: none; }
  @media screen and (min-width: 768px) {
    #belt-it-out .desktop-only {
      display: block; } }

#pink-out-loud .notion-story__item-grid {
  padding-top: 0; }
  @media screen and (min-width: 768px) {
    #pink-out-loud .notion-story__item-grid {
      padding: 30px; } }

#pink-out-loud .notion-story__free-stacks-grid-item--center,
#pink-out-loud .notion-story__free-stacks-grid-item--center--mobile {
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    #pink-out-loud .notion-story__free-stacks-grid-item--center,
    #pink-out-loud .notion-story__free-stacks-grid-item--center--mobile {
      width: 40%; } }

#pink-out-loud .notion-story__intro-title {
  padding-top: 30px;
  padding-bottom: 30px; }
  @media screen and (min-width: 768px) {
    #pink-out-loud .notion-story__intro-title {
      padding-top: 40px; } }
  @media screen and (min-width: 1000px) {
    #pink-out-loud .notion-story__intro-title {
      padding-top: 40px; } }

#pink-out-loud .notion-story__title-img {
  max-width: 150px;
  width: 150px;
  height: auto; }
  @media screen and (min-width: 768px) {
    #pink-out-loud .notion-story__title-img {
      max-width: 228px;
      width: 228px; } }
  @media screen and (min-width: 1000px) {
    #pink-out-loud .notion-story__title-img {
      max-width: 350px;
      width: 350px; } }

@media screen and (max-width: 767px) {
  #pink-out-loud .notion-story__feature-img {
    margin-left: -30px;
    margin-right: -30px; } }

#pink-out-loud .notion-story__intro-description {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 26px;
  max-width: 348px;
  padding-left: 30px; }
  #pink-out-loud .notion-story__intro-description span {
    font-style: italic; }
  @media screen and (max-width: 999px) {
    #pink-out-loud .notion-story__intro-description {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 0.07px;
      line-height: 20px; } }
  @media screen and (min-width: 1000px) {
    #pink-out-loud .notion-story__intro-description {
      padding-left: 15px; } }
  @media screen and (max-width: 767px) {
    #pink-out-loud .notion-story__intro-description {
      font-weight: 300;
      line-height: 18px;
      max-width: unset;
      padding: 0; } }

#pink-out-loud .notion-story__free-stacks-grid-item--header .btn-cta--black {
  margin-bottom: 0; }

#pink-out-loud .notion-story__free-stacks-grid-item--header h3 {
  font-size: 20px;
  font-style: italic;
  font-weight: 700;
  letter-spacing: 0.1px;
  line-height: 24px; }

@media screen and (max-width: 767px) {
  #pink-out-loud .notion-story__free-stacks-grid-item--1 {
    display: flex;
    flex-direction: column;
    align-items: center; } }

@media screen and (min-width: 768px) {
  #pink-out-loud .notion-story__free-stacks-grid-item--1 {
    width: 272px;
    margin: -240px auto 0; } }

@media screen and (min-width: 1000px) {
  #pink-out-loud .notion-story__free-stacks-grid-item--1 {
    width: 372px;
    margin: -340px auto 0; } }

#pink-out-loud .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
  position: relative; }
  @media screen and (min-width: 768px) {
    #pink-out-loud .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
      padding-left: 28px; } }
  @media screen and (min-width: 1000px) {
    #pink-out-loud .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
      padding-left: 93px; } }
  @media screen and (min-width: 768px) {
    #pink-out-loud .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
      right: 60px;
      top: -1px;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); } }
  @media screen and (min-width: 1000px) {
    #pink-out-loud .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
      right: 100px; } }

@media screen and (min-width: 768px) {
  #pink-out-loud .notion-story__free-stacks-grid-item--2 {
    position: relative;
    width: 256px;
    left: 40px;
    margin-top: -40px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: center; } }

@media screen and (min-width: 1000px) {
  #pink-out-loud .notion-story__free-stacks-grid-item--2 {
    margin-top: -90px;
    width: 441px;
    left: 15px; } }

@media screen and (min-width: 1440px) {
  #pink-out-loud .notion-story__free-stacks-grid-item--2 {
    left: 40px; } }

#pink-out-loud .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
  position: relative; }
  @media screen and (min-width: 768px) {
    #pink-out-loud .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
      text-align: left; } }
  @media screen and (min-width: 768px) {
    #pink-out-loud .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header:after {
      left: -26px;
      top: -1px;
      text-align: left;
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      transform: rotate(-90deg); } }

@media screen and (min-width: 768px) {
  #pink-out-loud .notion-story__free-stacks-grid-item--2-img {
    margin-top: 60px; } }

@media screen and (min-width: 768px) {
  #pink-out-loud .notion-story__free-stacks-grid-item--3 {
    width: 335px; } }

@media screen and (min-width: 1000px) {
  #pink-out-loud .notion-story__free-stacks-grid-item--3 {
    width: 514px;
    margin-top: 41px; } }

#pink-out-loud .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
  position: relative; }
  @media screen and (min-width: 768px) {
    #pink-out-loud .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
      padding-left: 90px; } }
  @media screen and (min-width: 1000px) {
    #pink-out-loud .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
      padding-left: 220px; } }
  @media screen and (min-width: 768px) {
    #pink-out-loud .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header:after {
      right: 93px;
      top: -1px;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); } }
  @media screen and (min-width: 1000px) {
    #pink-out-loud .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header:after {
      right: 142px; } }

@media screen and (min-width: 768px) {
  #pink-out-loud .notion-story__free-stacks-grid-item--3-img {
    margin-top: -360px;
    max-width: 460px; } }

@media screen and (min-width: 768px) {
  #pink-out-loud .notion-story__free-stacks-grid-item--4 {
    position: relative;
    width: 256px;
    left: 40px;
    margin-top: -40px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: center; } }

@media screen and (min-width: 1000px) {
  #pink-out-loud .notion-story__free-stacks-grid-item--4 {
    margin-top: -140px;
    width: 440px; } }

#pink-out-loud .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
  position: relative; }
  @media screen and (min-width: 768px) {
    #pink-out-loud .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
      text-align: left; } }
  @media screen and (min-width: 768px) {
    #pink-out-loud .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header:after {
      left: -26px;
      top: -1px;
      text-align: left;
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      transform: rotate(-90deg); } }

@media screen and (min-width: 768px) {
  #pink-out-loud .notion-story__free-stacks-grid-item--4-img {
    margin-top: 60px; } }

@media screen and (min-width: 768px) {
  #pink-out-loud .notion-story__free-stacks-grid-item--5 {
    width: 335px; } }

@media screen and (min-width: 1000px) {
  #pink-out-loud .notion-story__free-stacks-grid-item--5 {
    width: 470px;
    margin-top: 41px; } }

#pink-out-loud .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
  position: relative; }
  @media screen and (min-width: 768px) {
    #pink-out-loud .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
      padding-left: 90px; } }
  @media screen and (min-width: 1000px) {
    #pink-out-loud .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
      padding-left: 195px; } }
  @media screen and (min-width: 768px) {
    #pink-out-loud .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header:after {
      right: 95px;
      top: -1px;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); } }
  @media screen and (min-width: 1000px) {
    #pink-out-loud .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header:after {
      right: 120px; } }

@media screen and (min-width: 768px) {
  #pink-out-loud .notion-story__free-stacks-grid-item--5-img {
    margin-top: -325px;
    max-width: 460px; } }

@media screen and (min-width: 768px) {
  #pink-out-loud .mobile-only {
    display: none; } }

#pink-out-loud .desktop-only {
  display: none; }
  @media screen and (min-width: 768px) {
    #pink-out-loud .desktop-only {
      display: block; } }

#leg-work .notion-story__item-grid {
  padding-top: 0; }
  @media screen and (min-width: 768px) {
    #leg-work .notion-story__item-grid {
      padding: 30px; } }

#leg-work .mobile-description {
  display: block !important; }
  @media screen and (max-width: 767px) {
    #leg-work .mobile-description {
      padding: 0 30px 30px !important; } }

#leg-work .notion-story__free-stacks-grid-item--center,
#leg-work .notion-story__free-stacks-grid-item--center--mobile {
  margin-bottom: 0;
  margin-top: 30px; }
  @media screen and (min-width: 768px) {
    #leg-work .notion-story__free-stacks-grid-item--center,
    #leg-work .notion-story__free-stacks-grid-item--center--mobile {
      margin-top: 0;
      width: 40%; } }

#leg-work .notion-story__intro-title {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: left;
  padding-left: 30px; }
  @media screen and (min-width: 768px) {
    #leg-work .notion-story__intro-title {
      padding-top: 40px;
      padding-left: 0; } }
  @media screen and (min-width: 1000px) {
    #leg-work .notion-story__intro-title {
      margin-top: 80px;
      padding-top: 40px; } }

#leg-work .notion-story__title-img {
  max-width: 268px;
  width: 268px;
  height: auto; }
  @media screen and (min-width: 768px) {
    #leg-work .notion-story__title-img {
      max-width: 300px;
      width: 300px;
      padding-left: 30px; } }
  @media screen and (min-width: 1000px) {
    #leg-work .notion-story__title-img {
      max-width: 450px;
      width: 450px;
      padding-left: 0px; } }

@media screen and (min-width: 1000px) {
  #leg-work .notion-story__feature-img {
    width: 68.97%; } }

@media screen and (max-width: 767px) {
  #leg-work .notion-story__feature-img {
    margin-left: -30px;
    margin-right: -30px; } }

#leg-work .notion-story__intro-description {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 26px;
  max-width: 348px;
  padding-left: 30px; }
  #leg-work .notion-story__intro-description span {
    font-style: italic; }
  @media screen and (max-width: 999px) {
    #leg-work .notion-story__intro-description {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 16px;
      font-weight: 500;
      letter-spacing: 0.07px;
      line-height: 24px; } }
  @media screen and (min-width: 1000px) {
    #leg-work .notion-story__intro-description {
      padding-left: 15px; } }
  @media screen and (max-width: 767px) {
    #leg-work .notion-story__intro-description {
      font-weight: 300;
      line-height: 24px;
      max-width: unset;
      padding: 0; } }

#leg-work .notion-story__free-stacks-grid-item--header .btn-cta--black {
  margin-bottom: 0; }

#leg-work .notion-story__free-stacks-grid-item--header h3 {
  font-size: 20px;
  font-style: italic;
  font-weight: 700;
  letter-spacing: 0.1px;
  line-height: 24px; }
  @media screen and (max-width: 999px) {
    #leg-work .notion-story__free-stacks-grid-item--header h3 {
      font-size: 16px; } }

@media screen and (max-width: 767px) {
  #leg-work .notion-story__free-stacks-grid-item--1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 150px; } }

@media screen and (min-width: 768px) {
  #leg-work .notion-story__free-stacks-grid-item--1 {
    width: 170px;
    margin: -310px auto 0; } }

@media screen and (min-width: 1000px) {
  #leg-work .notion-story__free-stacks-grid-item--1 {
    width: 253px;
    margin: -500px 0px 0; } }

#leg-work .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
  position: relative; }
  @media screen and (min-width: 768px) {
    #leg-work .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
      text-align: center; } }
  @media screen and (min-width: 768px) {
    #leg-work .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
      right: -18px;
      top: -1px;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); } }
  @media screen and (min-width: 1000px) {
    #leg-work .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
      right: 20px; } }

#leg-work .notion-story__free-stacks-grid-item--2 {
  width: 150px; }
  @media screen and (min-width: 768px) {
    #leg-work .notion-story__free-stacks-grid-item--2 {
      position: relative;
      width: 170px;
      left: 40px;
      margin-top: 75px;
      display: flex;
      flex-direction: column-reverse;
      justify-content: flex-end;
      align-items: center; } }
  @media screen and (min-width: 1000px) {
    #leg-work .notion-story__free-stacks-grid-item--2 {
      margin-top: 203px;
      width: 250px;
      left: 15px; } }
  @media screen and (min-width: 1440px) {
    #leg-work .notion-story__free-stacks-grid-item--2 {
      left: 40px; } }
  #leg-work .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #leg-work .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (min-width: 768px) {
      #leg-work .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header:after {
        left: -26px;
        top: -1px;
        text-align: left;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); } }

@media screen and (min-width: 1000px) {
  #leg-work .notion-story__free-stacks-grid-item--2-img {
    width: 710px;
    max-width: 710px; } }

#leg-work .notion-story__free-stacks-grid-item--3 {
  width: 150px; }
  @media screen and (min-width: 768px) {
    #leg-work .notion-story__free-stacks-grid-item--3 {
      width: 170px; } }
  @media screen and (min-width: 1000px) {
    #leg-work .notion-story__free-stacks-grid-item--3 {
      width: 250px;
      margin-top: 280px; } }
  #leg-work .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media screen and (min-width: 768px) {
      #leg-work .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
        margin-top: 136px; } }
    @media screen and (min-width: 1000px) {
      #leg-work .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
        margin-top: 0; } }
    @media screen and (min-width: 768px) {
      #leg-work .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header:after {
        right: -42px;
        top: -1px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }
    @media screen and (min-width: 1000px) {
      #leg-work .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header:after {
        right: -12px; } }

@media screen and (min-width: 768px) {
  #leg-work .notion-story__free-stacks-grid-item--3-img {
    margin-top: 60px;
    width: calc(55% - 20px); } }

@media screen and (min-width: 1000px) {
  #leg-work .notion-story__free-stacks-grid-item--3-img {
    max-width: 655px;
    width: 655px; } }

@media screen and (min-width: 768px) {
  #leg-work .mobile-only {
    display: none; } }

#leg-work .desktop-only {
  display: none; }
  @media screen and (min-width: 768px) {
    #leg-work .desktop-only {
      display: block; } }

@media screen and (max-width: 767px) {
  #smile .notion-story__item {
    margin-bottom: 70px; } }

#smile .notion-story__item-grid {
  padding-top: 0; }
  @media screen and (max-width: 767px) {
    #smile .notion-story__item-grid {
      display: flex;
      flex-direction: column; } }
  @media screen and (min-width: 768px) {
    #smile .notion-story__item-grid {
      padding: 30px; } }

@media screen and (max-width: 767px) {
  #smile .notion-story__intro--stack-1 {
    padding: 0 30px 50px; } }

@media screen and (min-width: 768px) {
  #smile .notion-story__intro--stack-1 {
    left: 0;
    margin-left: 0;
    width: 34.1%; } }

@media screen and (min-width: 1000px) {
  #smile .notion-story__intro--stack-1 {
    margin-left: 30px;
    width: 31.2%; } }

#smile .notion-story__free-stacks-grid-item--center,
#smile .notion-story__free-stacks-grid-item--center--mobile {
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    #smile .notion-story__free-stacks-grid-item--center,
    #smile .notion-story__free-stacks-grid-item--center--mobile {
      width: 40%; } }

@media screen and (min-width: 768px) {
  #smile .notion-story__free-stacks-grid-item--center--mobile {
    width: 33%; } }

#smile .notion-story__intro-title {
  padding-top: 30px;
  padding-bottom: 15px;
  text-align: left; }
  @media screen and (min-width: 768px) {
    #smile .notion-story__intro-title {
      padding-top: 40px;
      padding-bottom: 30px; } }

#smile .notion-story__title-img {
  max-width: 200px;
  width: 200px;
  height: auto; }
  @media screen and (min-width: 768px) {
    #smile .notion-story__title-img {
      max-width: 340px;
      width: 100%;
      padding-right: 40px;
      padding-left: 30px; } }
  @media screen and (min-width: 1000px) {
    #smile .notion-story__title-img {
      margin-top: 140px;
      margin-left: 0;
      padding-left: 0; } }

@media screen and (min-width: 768px) {
  #smile .notion-story__feature-img {
    width: 67%; } }

@media screen and (max-width: 767px) {
  #smile .notion-story__feature-img {
    margin-left: -30px;
    margin-right: -30px; } }

#smile .notion-story__intro-description {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.6px;
  line-height: 22px;
  padding: 0; }
  #smile .notion-story__intro-description span {
    font-style: italic; }
  @media screen and (min-width: 768px) {
    #smile .notion-story__intro-description {
      max-width: 300px;
      font-size: 16px;
      padding-left: 30px;
      padding-right: 40px; } }
  @media screen and (min-width: 1000px) {
    #smile .notion-story__intro-description {
      font-size: 16px;
      font-weight: 300;
      letter-spacing: 0.1px;
      line-height: 26px;
      padding-left: 0px;
      padding-right: 0; } }

@media screen and (min-width: 768px) {
  #smile .career-goals__video-wrapper {
    padding-top: 60px;
    max-width: 832px; } }

@media screen and (max-width: 767px) {
  #smile .career-goals__video-wrapper {
    padding-top: 20px;
    padding-bottom: 60px;
    margin: 0 -30px; } }

#smile .notion-story__free-stacks-grid.order-1 {
  order: 1; }

#smile .notion-story__free-stacks-grid.order-2 {
  order: 2; }

#smile .notion-story__free-stacks-grid.order-3 {
  order: 3; }

#smile .notion-story__free-stacks-grid.order-4 {
  order: 4; }

#smile .notion-story__free-stacks-grid.order-5 {
  order: 5; }

#smile .notion-story__free-stacks-grid-item--header .btn-cta--black {
  margin-bottom: 0; }

#smile .notion-story__free-stacks-grid-item--header h3 {
  font-size: 18px;
  font-style: italic;
  letter-spacing: 0.1px;
  line-height: 24px;
  font-weight: 700; }

#smile .notion-story__free-stacks-grid-item--1 {
  width: 140px; }
  @media screen and (max-width: 767px) {
    #smile .notion-story__free-stacks-grid-item--1 {
      display: flex;
      flex-direction: column;
      align-items: center; } }
  @media screen and (min-width: 768px) {
    #smile .notion-story__free-stacks-grid-item--1 {
      width: 180px;
      margin: -330px auto 0;
      position: relative;
      left: -15px; } }
  @media screen and (min-width: 1000px) {
    #smile .notion-story__free-stacks-grid-item--1 {
      width: 180px;
      margin: -340px auto 0;
      left: -40px; } }
  #smile .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #smile .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
        padding-left: 24px; } }
    @media screen and (min-width: 768px) {
      #smile .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
        right: 15px;
        top: -1px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }
    @media screen and (min-width: 1000px) {
      #smile .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
        right: 15px; } }

#smile .notion-story__free-stacks-grid-item--2 {
  width: 210px; }
  @media screen and (min-width: 768px) {
    #smile .notion-story__free-stacks-grid-item--2 {
      position: relative;
      width: 280px;
      left: 10px;
      display: flex;
      margin-top: 70px;
      flex-direction: column-reverse;
      justify-content: flex-end;
      align-items: center; } }
  @media screen and (min-width: 1000px) {
    #smile .notion-story__free-stacks-grid-item--2 {
      width: 315px;
      left: -38px; } }
  #smile .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #smile .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
        text-align: left;
        left: -25px; } }
    @media screen and (min-width: 768px) {
      #smile .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header:after {
        left: -26px;
        top: -1px;
        text-align: left;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); } }

@media screen and (min-width: 768px) {
  #smile .notion-story__free-stacks-grid-item--2-img {
    width: calc(52% - 20px);
    margin-top: 60px; } }

#smile .notion-story__free-stacks-grid-item--3 {
  width: 120px;
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    #smile .notion-story__free-stacks-grid-item--3 {
      width: 150px;
      margin-right: 116px; } }
  @media screen and (min-width: 1000px) {
    #smile .notion-story__free-stacks-grid-item--3 {
      width: 150px;
      margin-top: 41px; } }
  #smile .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
    position: relative;
    padding-bottom: 12px; }
    @media screen and (max-width: 767px) {
      #smile .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header h3 {
        left: 50%;
        position: relative;
        width: 200px;
        transform: translateX(-50%); } }
    @media screen and (min-width: 768px) {
      #smile .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header:after {
        right: -40px;
        top: -1px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }

@media screen and (min-width: 768px) {
  #smile .notion-story__free-stacks-grid-item--3-img {
    margin-top: -30vw;
    width: calc(46.2% - 20px); } }

@media screen and (min-width: 1000px) {
  #smile .notion-story__free-stacks-grid-item--3-img {
    margin-top: -305px; } }

#smile .notion-story__free-stacks-grid-item--4 {
  width: 210px;
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    #smile .notion-story__free-stacks-grid-item--4 {
      position: relative;
      left: 15px;
      margin-top: 200px;
      width: 256px;
      margin-bottom: 0;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: center; } }
  @media screen and (min-width: 1000px) {
    #smile .notion-story__free-stacks-grid-item--4 {
      width: 340px;
      left: 40px;
      margin-top: 286px; } }
  #smile .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #smile .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
        text-align: left;
        left: -6px;
        padding-bottom: 12px; } }
    @media screen and (min-width: 768px) {
      #smile .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header:after {
        left: -26px;
        top: -1px;
        text-align: left;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); } }

@media screen and (min-width: 768px) {
  #smile .notion-story__free-stacks-grid-item--4-img {
    margin-top: 60px;
    width: calc(57.5% - 20px); } }

#smile .notion-story__free-stacks-grid-item--5 {
  width: 210px; }
  @media screen and (min-width: 768px) {
    #smile .notion-story__free-stacks-grid-item--5 {
      display: flex;
      flex-direction: column-reverse;
      width: 260px;
      left: -15px;
      position: relative;
      margin-top: 70px; } }
  @media screen and (min-width: 1000px) {
    #smile .notion-story__free-stacks-grid-item--5 {
      width: 305px;
      left: 0;
      margin-top: 206px; } }
  #smile .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #smile .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
        padding-left: 56px; } }
    @media screen and (min-width: 1000px) {
      #smile .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
        padding-left: 102px; } }
    @media screen and (min-width: 768px) {
      #smile .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header:after {
        right: 38px;
        top: -1px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }
    @media screen and (min-width: 1000px) {
      #smile .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header:after {
        right: 38px; } }

@media screen and (min-width: 768px) {
  #smile .notion-story__free-stacks-grid-item--5-img {
    width: calc(57.5% - 20px); } }

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

#smile .desktop-only {
  display: none; }
  @media screen and (min-width: 768px) {
    #smile .desktop-only {
      display: block; } }

@media screen and (max-width: 767px) {
  #emma .notion-story__item {
    margin-bottom: 70px; } }

#emma .notion-story__item-grid {
  padding-top: 0; }
  @media screen and (max-width: 767px) {
    #emma .notion-story__item-grid {
      display: flex;
      flex-direction: column; } }
  @media screen and (min-width: 768px) {
    #emma .notion-story__item-grid {
      padding: 30px; } }

#emma .mobile-description {
  display: block !important; }
  @media screen and (min-width: 768px) {
    #emma .mobile-description {
      display: none !important; } }

@media screen and (max-width: 767px) {
  #emma .notion-story__intro--stack-1 {
    padding: 0 30px 5px; } }

@media screen and (min-width: 768px) {
  #emma .notion-story__intro--stack-1 {
    right: 0;
    left: unset;
    margin-left: 0;
    width: 31.2%; } }

@media screen and (min-width: 1000px) {
  #emma .notion-story__intro--stack-1 {
    margin-left: 30px;
    width: 31.2%; } }

#emma .notion-story__free-stacks-grid-item--center,
#emma .notion-story__free-stacks-grid-item--center--mobile {
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    #emma .notion-story__free-stacks-grid-item--center,
    #emma .notion-story__free-stacks-grid-item--center--mobile {
      width: 40%; } }

@media screen and (min-width: 768px) {
  #emma .notion-story__free-stacks-grid-item--center--mobile {
    width: 33%; } }

#emma .notion-story__free-stacks-grid--column-reverse {
  flex-direction: column-reverse; }

#emma .notion-story__intro-title {
  padding-top: 30px;
  padding-bottom: 15px;
  text-align: left; }
  @media screen and (min-width: 768px) {
    #emma .notion-story__intro-title {
      padding-top: 40px;
      padding-bottom: 30px; } }

#emma .notion-story__title-img {
  max-width: 200px;
  width: 200px;
  height: auto; }
  @media screen and (min-width: 768px) {
    #emma .notion-story__title-img {
      max-width: 340px;
      width: 100%;
      padding-right: 40px;
      padding-left: 30px; } }
  @media screen and (min-width: 1000px) {
    #emma .notion-story__title-img {
      margin-top: 140px;
      margin-left: 0;
      padding-left: 0; } }

@media screen and (min-width: 768px) {
  #emma .notion-story__feature-img {
    width: 67%; } }

@media screen and (max-width: 767px) {
  #emma .notion-story__feature-img {
    margin-left: -30px;
    margin-right: -30px; } }

#emma .notion-story__intro-description {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.6px;
  line-height: 22px;
  padding: 0;
  display: none; }
  #emma .notion-story__intro-description span {
    font-style: italic; }
  @media screen and (min-width: 768px) {
    #emma .notion-story__intro-description {
      display: block;
      max-width: 300px;
      font-size: 16px;
      padding-left: 30px;
      padding-right: 40px; } }
  @media screen and (min-width: 1000px) {
    #emma .notion-story__intro-description {
      font-size: 16px;
      font-weight: 300;
      letter-spacing: 0.1px;
      line-height: 26px;
      padding-left: 0px;
      padding-right: 0; } }

@media screen and (min-width: 768px) {
  #emma .career-goals__video-wrapper {
    padding-top: 60px;
    max-width: 832px; } }

@media screen and (max-width: 767px) {
  #emma .career-goals__video-wrapper {
    padding-top: 20px;
    padding-bottom: 60px;
    margin: 0 -30px; } }

#emma .notion-story__free-stacks-grid.order-1 {
  order: 1; }

#emma .notion-story__free-stacks-grid.order-2 {
  order: 2; }

#emma .notion-story__free-stacks-grid.order-3 {
  order: 3; }

#emma .notion-story__free-stacks-grid.order-4 {
  order: 4; }

#emma .notion-story__free-stacks-grid.order-5 {
  order: 5; }

#emma .notion-story__free-stacks-grid-item--header .btn-cta--black {
  margin-bottom: 0; }

#emma .notion-story__free-stacks-grid-item--header h3 {
  font-size: 18px;
  font-style: italic;
  letter-spacing: 0.1px;
  line-height: 24px;
  font-weight: 700; }

#emma .notion-story__free-stacks-grid-item--1 {
  width: 170px; }
  @media screen and (max-width: 767px) {
    #emma .notion-story__free-stacks-grid-item--1 {
      display: flex;
      flex-direction: column;
      align-items: center; } }
  @media screen and (min-width: 768px) {
    #emma .notion-story__free-stacks-grid-item--1 {
      width: 175px;
      margin: -405px auto 0;
      position: absolute;
      left: unset;
      right: 20px; } }
  @media screen and (min-width: 1000px) {
    #emma .notion-story__free-stacks-grid-item--1 {
      width: 206px;
      right: 15px;
      margin: -440px auto 0; } }
  #emma .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
    position: relative;
    text-align: center; }
    @media screen and (min-width: 768px) {
      #emma .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
        right: 170px;
        top: -1px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); } }
    @media screen and (min-width: 1000px) {
      #emma .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
        right: 205px; } }

#emma .notion-story__free-stacks-grid-item--2 {
  width: 210px; }
  @media screen and (min-width: 768px) {
    #emma .notion-story__free-stacks-grid-item--2 {
      position: relative;
      width: 234px;
      left: 10px;
      display: flex;
      margin-top: 70px;
      flex-direction: column-reverse;
      justify-content: flex-end;
      align-items: center; } }
  @media screen and (min-width: 1000px) {
    #emma .notion-story__free-stacks-grid-item--2 {
      width: 270px;
      left: -38px; } }
  #emma .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #emma .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (min-width: 768px) {
      #emma .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header:after {
        left: 200px;
        top: -1px;
        text-align: left;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }

@media screen and (min-width: 768px) {
  #emma .notion-story__free-stacks-grid-item--2-img {
    width: calc(52% - 20px);
    margin-top: 60px; } }

#emma .notion-story__free-stacks-grid-item--3 {
  width: 215px;
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    #emma .notion-story__free-stacks-grid-item--3 {
      width: 240px; } }
  @media screen and (min-width: 1000px) {
    #emma .notion-story__free-stacks-grid-item--3 {
      width: 290px;
      margin-top: 120px; } }
  #emma .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
    position: relative;
    padding-bottom: 12px; }
    @media screen and (min-width: 768px) {
      #emma .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (max-width: 767px) {
      #emma .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header h3 {
        left: 50%;
        position: relative;
        width: 200px;
        transform: translateX(-50%); } }
    @media screen and (min-width: 768px) {
      #emma .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header:after {
        right: 190px;
        top: -1px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); } }

@media screen and (min-width: 768px) {
  #emma .notion-story__free-stacks-grid-item--3-img {
    margin-top: -23vw;
    width: calc(46.2% - 20px); } }

@media screen and (min-width: 1000px) {
  #emma .notion-story__free-stacks-grid-item--3-img {
    margin-top: -192px; } }

#emma .notion-story__free-stacks-grid-item--4 {
  width: 136px;
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    #emma .notion-story__free-stacks-grid-item--4 {
      position: relative;
      left: 15px;
      margin-top: -30px;
      width: 212px;
      margin-bottom: 0;
      display: flex;
      flex-direction: column-reverse;
      justify-content: flex-end;
      align-items: center; } }
  @media screen and (min-width: 1000px) {
    #emma .notion-story__free-stacks-grid-item--4 {
      width: 212px;
      left: 40px;
      margin-top: 20px; } }
  #emma .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #emma .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
        text-align: center;
        padding-bottom: 12px; } }
    @media screen and (min-width: 768px) {
      #emma .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header:after {
        left: 140px;
        top: -1px;
        text-align: left;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }

@media screen and (min-width: 768px) {
  #emma .notion-story__free-stacks-grid-item--4-img {
    margin-top: 160px;
    margin-left: auto;
    margin-right: 0;
    width: 300px; } }

@media screen and (min-width: 1000px) {
  #emma .notion-story__free-stacks-grid-item--4-img {
    width: 460px; } }

#emma .notion-story__free-stacks-grid-item--5 {
  width: 100%; }
  @media screen and (max-width: 767px) {
    #emma .notion-story__free-stacks-grid-item--5 {
      display: flex;
      flex-direction: row-reverse;
      align-items: center;
      justify-content: space-between; }
      #emma .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--content {
        min-width: 150px;
        width: 150px; } }
  @media screen and (min-width: 768px) {
    #emma .notion-story__free-stacks-grid-item--5 {
      display: flex;
      flex-direction: column;
      width: 210px;
      left: -15px;
      position: relative;
      margin-top: 46px; } }
  @media screen and (min-width: 1000px) {
    #emma .notion-story__free-stacks-grid-item--5 {
      width: 300px;
      left: 85px;
      margin-top: 46px; } }
  #emma .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (max-width: 767px) {
      #emma .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
        text-align: left;
        width: 100px;
        min-width: 100px;
        white-space: normal; } }
    @media screen and (min-width: 768px) {
      #emma .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (max-width: 767px) {
      #emma .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header:after {
        left: 0;
        transform: translateX(0); } }
    @media screen and (min-width: 768px) {
      #emma .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header:after {
        right: 50%;
        transform: translateX(60%);
        top: -31px; } }

@media screen and (max-width: 767px) {
  #emma .notion-story__free-stacks-grid-item--5-img {
    margin-left: -30px;
    margin-right: -30px; } }

@media screen and (min-width: 768px) {
  #emma .notion-story__free-stacks-grid-item--5-img {
    width: 100%;
    margin-top: 46px; } }

#emma .notion-story__free-stacks-grid-item--6 {
  width: 100%; }
  @media screen and (max-width: 767px) {
    #emma .notion-story__free-stacks-grid-item--6 {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between; }
      #emma .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--content {
        min-width: 150px;
        width: 150px; } }
  @media screen and (min-width: 768px) {
    #emma .notion-story__free-stacks-grid-item--6 {
      display: flex;
      flex-direction: column-reverse;
      width: 210px;
      left: -15px;
      position: relative;
      margin-top: -270px; } }
  @media screen and (min-width: 1000px) {
    #emma .notion-story__free-stacks-grid-item--6 {
      width: 290px;
      left: -46px;
      margin-top: -414px; } }
  #emma .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (max-width: 767px) {
      #emma .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header {
        text-align: left;
        width: 100px;
        min-width: 100px;
        white-space: normal; } }
    @media screen and (min-width: 768px) {
      #emma .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (max-width: 767px) {
      #emma .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header:after {
        left: 0;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        top: 95px; } }
    @media screen and (min-width: 768px) {
      #emma .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header:after {
        right: 47%;
        transform: translateX(60%);
        top: 70px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); } }

@media screen and (max-width: 767px) {
  #emma .notion-story__free-stacks-grid-item--6-img {
    margin-left: -30px;
    margin-right: -30px; } }

@media screen and (min-width: 768px) {
  #emma .notion-story__free-stacks-grid-item--6-img {
    width: 100%;
    margin-top: 75px; } }

#emma .notion-story__free-stacks-grid-item--7 {
  width: 200px; }
  @media screen and (min-width: 768px) {
    #emma .notion-story__free-stacks-grid-item--7 {
      position: relative;
      width: 210px;
      left: 10px;
      display: flex;
      margin-top: 90px;
      flex-direction: column;
      justify-content: flex-end;
      align-items: center; } }
  @media screen and (min-width: 1000px) {
    #emma .notion-story__free-stacks-grid-item--7 {
      margin-top: 175px;
      width: 280px;
      left: -38px; } }
  #emma .notion-story__free-stacks-grid-item--7 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #emma .notion-story__free-stacks-grid-item--7 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (min-width: 768px) {
      #emma .notion-story__free-stacks-grid-item--7 .notion-story__free-stacks-grid-item--header:after {
        left: 125px;
        top: -1px;
        text-align: left;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }

@media screen and (min-width: 768px) {
  #emma .notion-story__free-stacks-grid-item--7-img {
    width: calc(52% - 20px);
    margin-top: 60px; } }

#emma .notion-story__free-stacks-grid-item--8 {
  width: 200px;
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    #emma .notion-story__free-stacks-grid-item--8 {
      width: 210px;
      margin-right: 116px; } }
  @media screen and (min-width: 1000px) {
    #emma .notion-story__free-stacks-grid-item--8 {
      width: 280px;
      margin-top: 177px; } }
  #emma .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header {
    position: relative;
    padding-bottom: 12px; }
    @media screen and (min-width: 768px) {
      #emma .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (max-width: 767px) {
      #emma .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header h3 {
        left: 50%;
        position: relative;
        width: 200px;
        transform: translateX(-50%); } }
    @media screen and (min-width: 768px) {
      #emma .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header:after {
        right: 211px;
        top: -1px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); } }

@media screen and (min-width: 768px) {
  #emma .notion-story__free-stacks-grid-item--8-img {
    margin-top: -30vw;
    width: calc(46.2% - 20px); } }

@media screen and (min-width: 1000px) {
  #emma .notion-story__free-stacks-grid-item--8-img {
    margin-top: -192px; } }

#emma .notion-story__free-stacks-grid-item--9 {
  width: 210px; }
  @media screen and (max-width: 767px) {
    #emma .notion-story__free-stacks-grid-item--9 {
      margin: 0 auto; } }
  @media screen and (min-width: 768px) {
    #emma .notion-story__free-stacks-grid-item--9 {
      display: flex;
      flex-direction: column;
      width: 210px;
      left: -15px;
      position: relative;
      margin-top: 46px; } }
  @media screen and (min-width: 1000px) {
    #emma .notion-story__free-stacks-grid-item--9 {
      width: 220px;
      left: 85px;
      margin-top: 46px; } }
  #emma .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #emma .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (min-width: 768px) {
      #emma .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--header:after {
        right: 50%;
        transform: translateX(60%);
        top: -31px; } }

@media screen and (max-width: 767px) {
  #emma .notion-story__free-stacks-grid-item--9-img {
    margin-left: -30px;
    margin-right: -30px; } }

@media screen and (min-width: 768px) {
  #emma .notion-story__free-stacks-grid-item--9-img {
    width: 100%;
    margin-top: 46px; } }

#emma .notion-story__free-stacks-grid-item--10 {
  width: 117px; }
  @media screen and (min-width: 768px) {
    #emma .notion-story__free-stacks-grid-item--10 {
      position: relative;
      width: 151px;
      left: 10px;
      display: flex;
      margin-top: -280px;
      flex-direction: column-reverse;
      justify-content: flex-end;
      align-items: center; } }
  @media screen and (min-width: 1000px) {
    #emma .notion-story__free-stacks-grid-item--10 {
      width: 160px; } }
  #emma .notion-story__free-stacks-grid-item--10 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #emma .notion-story__free-stacks-grid-item--10 .notion-story__free-stacks-grid-item--header {
        text-align: left; } }
    @media screen and (min-width: 768px) {
      #emma .notion-story__free-stacks-grid-item--10 .notion-story__free-stacks-grid-item--header:after {
        left: -25px;
        top: -1px;
        text-align: left;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); } }

@media screen and (min-width: 768px) {
  #emma .notion-story__free-stacks-grid-item--10-img {
    width: calc(52% - 20px);
    margin-top: 60px; } }

#emma .notion-story__free-stacks-grid-item--11 {
  width: 190px;
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    #emma .notion-story__free-stacks-grid-item--11 {
      width: 210px;
      margin-top: 130px; } }
  @media screen and (min-width: 1000px) {
    #emma .notion-story__free-stacks-grid-item--11 {
      width: 230px;
      margin-top: 100px; } }
  #emma .notion-story__free-stacks-grid-item--11 .notion-story__free-stacks-grid-item--header {
    position: relative;
    padding-bottom: 12px;
    left: 6px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      #emma .notion-story__free-stacks-grid-item--11 .notion-story__free-stacks-grid-item--header h3 {
        left: 50%;
        position: relative;
        width: 200px;
        transform: translateX(-50%); } }
    @media screen and (min-width: 768px) {
      #emma .notion-story__free-stacks-grid-item--11 .notion-story__free-stacks-grid-item--header:after {
        right: -5px;
        top: -1px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }
    @media screen and (min-width: 1000px) {
      #emma .notion-story__free-stacks-grid-item--11 .notion-story__free-stacks-grid-item--header:after {
        right: 8px; } }

@media screen and (min-width: 768px) {
  #emma .notion-story__free-stacks-grid-item--11-img {
    margin-top: -30vw;
    width: calc(46.2% - 20px); } }

@media screen and (min-width: 1000px) {
  #emma .notion-story__free-stacks-grid-item--11-img {
    margin-top: -192px; } }

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

#emma .desktop-only {
  display: none; }
  @media screen and (min-width: 768px) {
    #emma .desktop-only {
      display: block; } }

#wild {
  max-width: 832px; }
  #wild .btn-cta--black {
    line-height: 14px;
    margin: 0; }
  @media screen and (max-width: 767px) {
    #wild .notion-story__item {
      margin-bottom: 70px; } }
  #wild .notion-story__item-grid {
    padding-top: 0; }
    @media screen and (max-width: 767px) {
      #wild .notion-story__item-grid {
        display: flex;
        flex-direction: column; } }
    @media screen and (min-width: 768px) {
      #wild .notion-story__item-grid {
        padding: 30px; } }
  #wild .mobile-description {
    display: block !important; }
    @media screen and (min-width: 768px) {
      #wild .mobile-description {
        display: none !important; } }
  @media screen and (max-width: 767px) {
    #wild .notion-story__intro--stack-1 {
      padding: 0 30px 5px; } }
  @media screen and (min-width: 768px) {
    #wild .notion-story__intro--stack-1 {
      right: 0;
      left: unset;
      margin-left: 0;
      width: 31.2%; } }
  @media screen and (min-width: 1000px) {
    #wild .notion-story__intro--stack-1 {
      margin-left: 30px;
      width: 31.2%; } }
  #wild .notion-story__free-stacks-grid-item--center,
  #wild .notion-story__free-stacks-grid-item--center--mobile {
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      #wild .notion-story__free-stacks-grid-item--center,
      #wild .notion-story__free-stacks-grid-item--center--mobile {
        width: 40%; } }
  @media screen and (min-width: 768px) {
    #wild .notion-story__free-stacks-grid-item--center--mobile {
      width: 33%; } }
  #wild .notion-story__free-stacks-grid--column-reverse {
    flex-direction: column-reverse; }
  #wild .notion-story__intro-title {
    padding-top: 30px;
    padding-bottom: 15px;
    max-width: 200px;
    width: 125px;
    margin: 0 auto;
    text-align: left; }
    @media screen and (min-width: 768px) {
      #wild .notion-story__intro-title {
        max-width: 154px;
        width: 100%;
        padding-top: 40px;
        padding-bottom: 30px;
        margin: 0 auto; } }
    @media screen and (min-width: 1000px) {
      #wild .notion-story__intro-title {
        max-width: 242px;
        width: 100%;
        padding-top: 40px;
        padding-bottom: 30px;
        margin: 0 auto; } }
  #wild .notion-story__title-img {
    height: auto;
    width: 100%; }
    @media screen and (min-width: 768px) {
      #wild .notion-story__title-img {
        width: 100%; } }
    @media screen and (min-width: 1000px) {
      #wild .notion-story__title-img {
        margin-left: 0;
        padding-left: 0; } }
  @media screen and (min-width: 768px) {
    #wild .notion-story__feature-img {
      width: 67%; } }
  @media screen and (max-width: 767px) {
    #wild .notion-story__feature-img {
      margin-left: -30px;
      margin-right: -30px; } }
  #wild .notion-story__intro-description {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.6px;
    line-height: 22px;
    padding: 0;
    display: none; }
    #wild .notion-story__intro-description span {
      font-style: italic; }
    @media screen and (min-width: 768px) {
      #wild .notion-story__intro-description {
        display: block;
        max-width: 300px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.08px;
        line-height: 24px;
        text-align: center;
        padding-left: 0px;
        padding-right: 15px; } }
    @media screen and (min-width: 1000px) {
      #wild .notion-story__intro-description {
        padding-left: 0px;
        padding-right: 0; } }
  @media screen and (min-width: 768px) {
    #wild .career-goals__video-wrapper {
      padding-top: 90px;
      max-width: 832px; } }
  @media screen and (max-width: 767px) {
    #wild .career-goals__video-wrapper {
      padding-top: 20px;
      padding-bottom: 60px;
      margin: 0 -30px; } }
  #wild .notion-story__free-stacks-grid.order-1 {
    order: 1; }
  #wild .notion-story__free-stacks-grid.order-2 {
    order: 2; }
  #wild .notion-story__free-stacks-grid.order-3 {
    order: 3; }
  #wild .notion-story__free-stacks-grid.order-4 {
    order: 4; }
  #wild .notion-story__free-stacks-grid.order-5 {
    order: 5; }
  #wild .notion-story__free-stacks-grid-item--header .btn-cta--black {
    margin-bottom: 0; }
  #wild .notion-story__free-stacks-grid-item--header h3 {
    font-size: 18px;
    font-style: italic;
    letter-spacing: 0.1px;
    line-height: 24px;
    font-weight: 700; }
  #wild .notion-story__free-stacks-grid-item--1 {
    width: 200px; }
    @media screen and (max-width: 767px) {
      #wild .notion-story__free-stacks-grid-item--1 {
        display: flex;
        flex-direction: column;
        align-items: center; } }
    @media screen and (min-width: 768px) {
      #wild .notion-story__free-stacks-grid-item--1 {
        width: 200px;
        margin: -270px auto 0;
        position: absolute;
        left: unset;
        right: 25px; } }
    @media screen and (min-width: 1000px) {
      #wild .notion-story__free-stacks-grid-item--1 {
        width: 200px;
        right: 25px;
        margin: -270px auto 0; } }
    #wild .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
      position: relative;
      text-align: center; }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
          right: 185px;
          top: -1px;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg); } }
      @media screen and (min-width: 1000px) {
        #wild .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
          right: 185px; } }
  #wild .notion-story__free-stacks-grid-item--2 {
    width: 181px; }
    @media screen and (min-width: 768px) {
      #wild .notion-story__free-stacks-grid-item--2 {
        position: relative;
        width: 207px;
        left: 10px;
        display: flex;
        margin-top: 70px;
        flex-direction: column-reverse;
        justify-content: flex-end;
        align-items: center; } }
    @media screen and (min-width: 1000px) {
      #wild .notion-story__free-stacks-grid-item--2 {
        width: 181px;
        left: -38px; } }
    #wild .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header:after {
          left: 105px;
          top: -1px;
          text-align: left;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
  @media screen and (min-width: 768px) {
    #wild .notion-story__free-stacks-grid-item--2-img {
      width: calc(52% - 20px);
      margin-top: 60px; } }
  #wild .notion-story__free-stacks-grid-item--3 {
    width: 234px;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      #wild .notion-story__free-stacks-grid-item--3 {
        width: 298px; } }
    @media screen and (min-width: 1000px) {
      #wild .notion-story__free-stacks-grid-item--3 {
        width: 298px;
        margin-top: 0px; } }
    #wild .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
      position: relative;
      padding-bottom: 12px; }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (max-width: 767px) {
        #wild .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header h3 {
          left: 50%;
          position: relative;
          width: 200px;
          transform: translateX(-50%); } }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header:after {
          right: 237px;
          top: -1px;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg); } }
  @media screen and (min-width: 768px) {
    #wild .notion-story__free-stacks-grid-item--3-img {
      margin-top: -26vw;
      width: calc(46.2% - 20px); } }
  @media screen and (min-width: 1000px) {
    #wild .notion-story__free-stacks-grid-item--3-img {
      margin-top: -215px; } }
  #wild .notion-story__free-stacks-grid-item--4 {
    width: 243px;
    margin-bottom: 30px; }
    @media screen and (min-width: 768px) {
      #wild .notion-story__free-stacks-grid-item--4 {
        position: relative;
        left: 0px;
        margin-top: -30px;
        width: 240px;
        margin-bottom: 0;
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
        align-items: center;
        margin-top: 70px; } }
    @media screen and (min-width: 1000px) {
      #wild .notion-story__free-stacks-grid-item--4 {
        width: 265px;
        left: 0px;
        margin-top: 122px; } }
    #wild .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
          text-align: center;
          padding-bottom: 12px; } }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header:after {
          left: 180px;
          top: -1px;
          text-align: left;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
  @media screen and (min-width: 768px) {
    #wild .notion-story__free-stacks-grid-item--4-img {
      margin-top: 0px;
      margin-left: auto;
      margin-right: 0;
      width: 300px;
      width: calc(52% - 20px); } }
  @media screen and (min-width: 1000px) {
    #wild .notion-story__free-stacks-grid-item--4-img {
      width: 460px;
      width: calc(52% - 20px); } }
  #wild .notion-story__free-stacks-grid-item--14 {
    width: 200px;
    margin-bottom: 30px; }
    @media screen and (min-width: 768px) {
      #wild .notion-story__free-stacks-grid-item--14 {
        position: relative;
        left: 0px;
        margin-top: 75px;
        width: 240px;
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center; } }
    @media screen and (min-width: 1000px) {
      #wild .notion-story__free-stacks-grid-item--14 {
        width: 240px;
        left: 0px;
        margin-top: 122px; } }
    #wild .notion-story__free-stacks-grid-item--14 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--14 .notion-story__free-stacks-grid-item--header {
          text-align: center;
          padding-bottom: 12px; } }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--14 .notion-story__free-stacks-grid-item--header:after {
          left: 125px;
          top: -1px;
          text-align: left;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
  @media screen and (min-width: 768px) {
    #wild .notion-story__free-stacks-grid-item--14-img {
      margin-top: 0px;
      margin-left: auto;
      margin-right: 0;
      width: 300px;
      width: calc(52% - 20px); } }
  @media screen and (min-width: 1000px) {
    #wild .notion-story__free-stacks-grid-item--14-img {
      width: 460px;
      width: calc(52% - 20px); } }
  #wild .notion-story__free-stacks-grid-item--5 {
    width: 100%; }
    @media screen and (max-width: 767px) {
      #wild .notion-story__free-stacks-grid-item--5 {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-around; }
        #wild .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--content {
          min-width: 150px;
          width: 150px; } }
    @media screen and (min-width: 768px) {
      #wild .notion-story__free-stacks-grid-item--5 {
        display: flex;
        flex-direction: column;
        width: 221px;
        left: 55px;
        position: relative;
        margin-top: 46px; } }
    @media screen and (min-width: 1000px) {
      #wild .notion-story__free-stacks-grid-item--5 {
        width: 221px;
        left: 85px;
        margin-top: 46px; } }
    #wild .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (max-width: 767px) {
        #wild .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
          text-align: left;
          width: 100px;
          min-width: 100px;
          white-space: normal; } }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (max-width: 767px) {
        #wild .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header:after {
          left: 0;
          transform: translateX(0); } }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header:after {
          right: 50%;
          transform: translateX(60%);
          top: -31px; } }
  @media screen and (max-width: 767px) {
    #wild .notion-story__free-stacks-grid-item--5-img {
      margin-left: -30px;
      margin-right: -30px; } }
  @media screen and (min-width: 768px) {
    #wild .notion-story__free-stacks-grid-item--5-img {
      width: 100%;
      margin-top: 0px; } }
  #wild .notion-story__free-stacks-grid-item--6 {
    width: 100%; }
    @media screen and (max-width: 767px) {
      #wild .notion-story__free-stacks-grid-item--6 {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around; }
        #wild .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--content {
          min-width: 150px;
          width: 150px; } }
    @media screen and (min-width: 768px) {
      #wild .notion-story__free-stacks-grid-item--6 {
        display: flex;
        flex-direction: column-reverse;
        width: 240px;
        left: -55px;
        position: relative;
        margin-top: -270px; } }
    @media screen and (min-width: 1000px) {
      #wild .notion-story__free-stacks-grid-item--6 {
        width: 240px;
        left: -46px;
        margin-top: -414px; } }
    #wild .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (max-width: 767px) {
        #wild .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header {
          text-align: left;
          width: 100px;
          min-width: 100px;
          white-space: normal; } }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (max-width: 767px) {
        #wild .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header:after {
          left: 0;
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg);
          top: 35px; } }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header:after {
          right: 47%;
          transform: translateX(60%);
          top: 30px;
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg); } }
      @media screen and (min-width: 1000px) {
        #wild .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header:after {
          top: 30px; } }
  @media screen and (max-width: 767px) {
    #wild .notion-story__free-stacks-grid-item--6-img {
      margin-left: -30px;
      margin-right: -30px; } }
  @media screen and (min-width: 768px) {
    #wild .notion-story__free-stacks-grid-item--6-img {
      width: 100%;
      margin-top: 60px; } }
  #wild .notion-story__free-stacks-grid-item--7 {
    width: 200px; }
    @media screen and (min-width: 768px) {
      #wild .notion-story__free-stacks-grid-item--7 {
        position: relative;
        width: 240px;
        left: 10px;
        display: flex;
        margin-top: -2px;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center; } }
    @media screen and (min-width: 1000px) {
      #wild .notion-story__free-stacks-grid-item--7 {
        margin-top: 60px;
        width: 240px;
        left: -15px; } }
    #wild .notion-story__free-stacks-grid-item--7 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--7 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--7 .notion-story__free-stacks-grid-item--header:after {
          left: 175px;
          top: -1px;
          text-align: left;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
  @media screen and (min-width: 768px) {
    #wild .notion-story__free-stacks-grid-item--7-img {
      width: calc(52% - 20px);
      margin-top: -30px; } }
  #wild .notion-story__free-stacks-grid-item--8 {
    width: 200px;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      #wild .notion-story__free-stacks-grid-item--8 {
        width: 235px;
        margin-right: 116px; } }
    @media screen and (min-width: 1000px) {
      #wild .notion-story__free-stacks-grid-item--8 {
        width: 235px;
        margin-top: 55px; } }
    #wild .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header {
      position: relative;
      padding-bottom: 12px; }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (max-width: 767px) {
        #wild .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header h3 {
          left: 50%;
          position: relative;
          width: 200px;
          transform: translateX(-50%); } }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header:after {
          right: 200px;
          top: -1px;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg); } }
  @media screen and (min-width: 768px) {
    #wild .notion-story__free-stacks-grid-item--8-img {
      margin-top: -30vw;
      width: calc(46.2% - 20px); } }
  @media screen and (min-width: 1000px) {
    #wild .notion-story__free-stacks-grid-item--8-img {
      margin-top: -192px; } }
  #wild .notion-story__free-stacks-grid-item--9 {
    width: 210px; }
    @media screen and (max-width: 767px) {
      #wild .notion-story__free-stacks-grid-item--9 {
        margin: 0 auto; } }
    @media screen and (min-width: 768px) {
      #wild .notion-story__free-stacks-grid-item--9 {
        display: flex;
        flex-direction: column;
        width: 240px;
        left: -15px;
        position: relative;
        margin-top: 0px; } }
    @media screen and (min-width: 1000px) {
      #wild .notion-story__free-stacks-grid-item--9 {
        width: 277px;
        left: 85px;
        margin-top: 0px; } }
    #wild .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--header:after {
          right: 50%;
          transform: translateX(60%);
          top: -31px; } }
  @media screen and (max-width: 767px) {
    #wild .notion-story__free-stacks-grid-item--9-img {
      margin-left: -30px;
      margin-right: -30px; } }
  @media screen and (min-width: 768px) {
    #wild .notion-story__free-stacks-grid-item--9-img {
      width: 100%;
      margin-top: 0px; } }
  #wild .notion-story__free-stacks-grid-item--10 {
    width: 117px; }
    @media screen and (min-width: 768px) {
      #wild .notion-story__free-stacks-grid-item--10 {
        position: relative;
        width: 164px;
        left: 10px;
        display: flex;
        margin-top: -280px;
        flex-direction: column-reverse;
        justify-content: flex-end;
        align-items: center; } }
    @media screen and (min-width: 1000px) {
      #wild .notion-story__free-stacks-grid-item--10 {
        width: 160px; } }
    #wild .notion-story__free-stacks-grid-item--10 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--10 .notion-story__free-stacks-grid-item--header {
          text-align: left; } }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--10 .notion-story__free-stacks-grid-item--header:after {
          left: -25px;
          top: -1px;
          text-align: left;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg); } }
  @media screen and (min-width: 768px) {
    #wild .notion-story__free-stacks-grid-item--10-img {
      width: calc(52% - 20px);
      margin-top: 0px; } }
  #wild .notion-story__free-stacks-grid-item--11 {
    width: 190px;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      #wild .notion-story__free-stacks-grid-item--11 {
        width: 210px;
        margin-top: 25px; } }
    @media screen and (min-width: 1000px) {
      #wild .notion-story__free-stacks-grid-item--11 {
        width: 218px;
        margin-top: 25px; } }
    #wild .notion-story__free-stacks-grid-item--11 .notion-story__free-stacks-grid-item--header {
      position: relative;
      padding-bottom: 12px;
      left: 6px;
      text-align: center; }
      @media screen and (max-width: 767px) {
        #wild .notion-story__free-stacks-grid-item--11 .notion-story__free-stacks-grid-item--header h3 {
          left: 50%;
          position: relative;
          width: 200px;
          transform: translateX(-50%); } }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--11 .notion-story__free-stacks-grid-item--header:after {
          right: -5px;
          top: -1px;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
      @media screen and (min-width: 1000px) {
        #wild .notion-story__free-stacks-grid-item--11 .notion-story__free-stacks-grid-item--header:after {
          right: 8px; } }
  @media screen and (min-width: 768px) {
    #wild .notion-story__free-stacks-grid-item--11-img {
      margin-top: -30vw;
      width: calc(46.2% - 20px); } }
  @media screen and (min-width: 1000px) {
    #wild .notion-story__free-stacks-grid-item--11-img {
      margin-top: -270px; } }
  #wild .notion-story__free-stacks-grid-item--12 {
    width: 117px; }
    @media screen and (min-width: 768px) {
      #wild .notion-story__free-stacks-grid-item--12 {
        position: relative;
        width: 160px;
        left: 10px;
        display: flex;
        margin-top: -120px;
        flex-direction: column-reverse;
        justify-content: flex-end;
        align-items: center; } }
    @media screen and (min-width: 1000px) {
      #wild .notion-story__free-stacks-grid-item--12 {
        width: 164px; } }
    #wild .notion-story__free-stacks-grid-item--12 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--12 .notion-story__free-stacks-grid-item--header {
          text-align: left; } }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--12 .notion-story__free-stacks-grid-item--header:after {
          left: -25px;
          top: -1px;
          text-align: left;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg); } }
  @media screen and (min-width: 768px) {
    #wild .notion-story__free-stacks-grid-item--12-img {
      width: calc(52% - 20px);
      margin-top: 0px; } }
  #wild .notion-story__free-stacks-grid-item--13 {
    width: 190px;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      #wild .notion-story__free-stacks-grid-item--13 {
        width: 240px;
        margin-top: 25px; } }
    @media screen and (min-width: 1000px) {
      #wild .notion-story__free-stacks-grid-item--13 {
        width: 254px;
        margin-top: 25px; } }
    #wild .notion-story__free-stacks-grid-item--13 .notion-story__free-stacks-grid-item--header {
      position: relative;
      padding-bottom: 12px;
      left: 6px;
      text-align: center; }
      @media screen and (max-width: 767px) {
        #wild .notion-story__free-stacks-grid-item--13 .notion-story__free-stacks-grid-item--header h3 {
          left: 50%;
          position: relative;
          width: 200px;
          transform: translateX(-50%); } }
      @media screen and (min-width: 768px) {
        #wild .notion-story__free-stacks-grid-item--13 .notion-story__free-stacks-grid-item--header:after {
          right: 21px;
          top: -1px;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
      @media screen and (min-width: 1000px) {
        #wild .notion-story__free-stacks-grid-item--13 .notion-story__free-stacks-grid-item--header:after {
          right: 8px; } }
  @media screen and (min-width: 768px) {
    #wild .notion-story__free-stacks-grid-item--13-img {
      margin-top: -30vw;
      width: calc(46.2% - 20px); } }
  @media screen and (min-width: 1000px) {
    #wild .notion-story__free-stacks-grid-item--13-img {
      margin-top: -270px; } }
  @media screen and (min-width: 768px) {
    #wild .mobile-only {
      display: none; } }
  #wild .desktop-only {
    display: none; }
    @media screen and (min-width: 768px) {
      #wild .desktop-only {
        display: block; } }

#ocean {
  max-width: 832px; }
  #ocean .btn-cta--black {
    line-height: 14px;
    margin: 0; }
  @media screen and (max-width: 767px) {
    #ocean .notion-story__item {
      margin-bottom: 70px; } }
  #ocean .notion-story__item-grid {
    padding-top: 0; }
    @media screen and (max-width: 767px) {
      #ocean .notion-story__item-grid {
        display: flex;
        flex-direction: column; } }
    @media screen and (min-width: 768px) {
      #ocean .notion-story__item-grid {
        padding: 30px; } }
  #ocean .mobile-description {
    display: block !important; }
    @media screen and (min-width: 768px) {
      #ocean .mobile-description {
        display: none !important; } }
  @media screen and (max-width: 767px) {
    #ocean .notion-story__intro--stack-1 {
      padding: 0 30px 5px; } }
  @media screen and (min-width: 768px) {
    #ocean .notion-story__intro--stack-1 {
      right: 0;
      left: unset;
      margin-left: 0;
      width: 31.2%; } }
  @media screen and (min-width: 1000px) {
    #ocean .notion-story__intro--stack-1 {
      margin-left: 30px;
      width: 31.2%; } }
  #ocean .notion-story__free-stacks-grid-item--center,
  #ocean .notion-story__free-stacks-grid-item--center--mobile {
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      #ocean .notion-story__free-stacks-grid-item--center,
      #ocean .notion-story__free-stacks-grid-item--center--mobile {
        width: 40%; } }
  @media screen and (min-width: 768px) {
    #ocean .notion-story__free-stacks-grid-item--center--mobile {
      width: 33%; } }
  #ocean .notion-story__free-stacks-grid--column-reverse {
    flex-direction: column-reverse; }
  #ocean .notion-story__intro-title {
    padding-top: 30px;
    padding-bottom: 15px;
    width: 100%;
    margin: 0 auto;
    text-align: left; }
    @media screen and (min-width: 768px) {
      #ocean .notion-story__intro-title {
        max-width: 200px;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 30px;
        margin: 0 auto; } }
    @media screen and (min-width: 1000px) {
      #ocean .notion-story__intro-title {
        max-width: 300px;
        width: 300px;
        position: relative;
        left: 50%;
        transform: translateX(-50%); } }
    @media screen and (min-width: 1080px) {
      #ocean .notion-story__intro-title {
        max-width: 465px;
        width: 465px;
        padding-top: 90px;
        padding-bottom: 30px;
        margin: 0 auto; } }
  #ocean .notion-story__title-img {
    height: auto;
    width: 100%; }
    @media screen and (min-width: 768px) {
      #ocean .notion-story__title-img {
        width: 100%; } }
    @media screen and (min-width: 1000px) {
      #ocean .notion-story__title-img {
        margin-left: 0;
        padding-left: 0; } }
  @media screen and (min-width: 768px) {
    #ocean .notion-story__feature-img {
      width: 67%; } }
  @media screen and (max-width: 767px) {
    #ocean .notion-story__feature-img {
      margin-left: -30px;
      margin-right: -30px; } }
  #ocean .notion-story__intro-description {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.6px;
    line-height: 26px;
    padding: 0;
    display: none; }
    #ocean .notion-story__intro-description span {
      font-style: italic; }
    @media screen and (min-width: 768px) {
      #ocean .notion-story__intro-description {
        display: block;
        max-width: 300px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.08px;
        line-height: 24px;
        text-align: center;
        padding-left: 0px;
        padding-right: 15px; } }
    @media screen and (min-width: 1000px) {
      #ocean .notion-story__intro-description {
        padding-left: 0px;
        padding-right: 0; } }
  @media screen and (min-width: 768px) {
    #ocean .career-goals__video-wrapper {
      padding-top: 90px;
      max-width: 832px; } }
  @media screen and (max-width: 767px) {
    #ocean .career-goals__video-wrapper {
      padding-top: 20px;
      padding-bottom: 60px;
      margin: 0 -30px; } }
  #ocean .notion-story__free-stacks-grid.order-1 {
    order: 1; }
  #ocean .notion-story__free-stacks-grid.order-2 {
    order: 2; }
  #ocean .notion-story__free-stacks-grid.order-3 {
    order: 3; }
  #ocean .notion-story__free-stacks-grid.order-4 {
    order: 4; }
  #ocean .notion-story__free-stacks-grid.order-5 {
    order: 5; }
  #ocean .notion-story__free-stacks-grid-item--header .btn-cta--black {
    margin-bottom: 0; }
  #ocean .notion-story__free-stacks-grid-item--header h3 {
    font-size: 18px;
    font-style: italic;
    letter-spacing: 0.1px;
    line-height: 24px;
    font-weight: 700; }
  #ocean .notion-story__free-stacks-grid-item--1 {
    width: 196px; }
    @media screen and (max-width: 767px) {
      #ocean .notion-story__free-stacks-grid-item--1 {
        display: flex;
        flex-direction: column;
        align-items: center; } }
    @media screen and (min-width: 768px) {
      #ocean .notion-story__free-stacks-grid-item--1 {
        width: 196px;
        margin: -270px auto 0;
        position: absolute;
        left: unset;
        right: 25px; } }
    @media screen and (min-width: 1000px) {
      #ocean .notion-story__free-stacks-grid-item--1 {
        width: 196px;
        right: 25px;
        margin: -270px auto 0; } }
    #ocean .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
      position: relative;
      text-align: center; }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
          right: 185px;
          top: -1px;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg); } }
      @media screen and (min-width: 1000px) {
        #ocean .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
          right: 185px; } }
  #ocean .notion-story__free-stacks-grid-item--2 {
    width: 175px; }
    @media screen and (min-width: 768px) {
      #ocean .notion-story__free-stacks-grid-item--2 {
        position: relative;
        width: 185px;
        left: 10px;
        display: flex;
        margin-top: 70px;
        flex-direction: column-reverse;
        justify-content: flex-end;
        align-items: center; } }
    @media screen and (min-width: 1000px) {
      #ocean .notion-story__free-stacks-grid-item--2 {
        width: 185px;
        left: -38px; } }
    #ocean .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header:after {
          left: 130px;
          top: -1px;
          text-align: left;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
  @media screen and (min-width: 768px) {
    #ocean .notion-story__free-stacks-grid-item--2-img {
      width: calc(52% - 20px);
      margin-top: 60px; } }
  #ocean .notion-story__free-stacks-grid-item--3 {
    width: 180px;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      #ocean .notion-story__free-stacks-grid-item--3 {
        width: 200px; } }
    @media screen and (min-width: 1000px) {
      #ocean .notion-story__free-stacks-grid-item--3 {
        width: 200px;
        margin-top: 0px; } }
    #ocean .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
      position: relative;
      padding-bottom: 12px; }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (max-width: 767px) {
        #ocean .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header h3 {
          left: 50%;
          position: relative;
          width: 200px;
          transform: translateX(-50%); } }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header:after {
          right: 155px;
          top: -1px;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg); } }
  @media screen and (min-width: 768px) {
    #ocean .notion-story__free-stacks-grid-item--3-img {
      margin-top: -26vw;
      width: calc(46.2% - 20px); } }
  @media screen and (min-width: 1000px) {
    #ocean .notion-story__free-stacks-grid-item--3-img {
      margin-top: -215px; } }
  #ocean .notion-story__free-stacks-grid-item--4 {
    width: 143px;
    margin-bottom: 30px; }
    @media screen and (min-width: 768px) {
      #ocean .notion-story__free-stacks-grid-item--4 {
        position: relative;
        left: 0px;
        margin-top: -30px;
        width: 173px;
        margin-bottom: 0;
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
        align-items: center;
        margin-top: 70px; } }
    @media screen and (min-width: 1000px) {
      #ocean .notion-story__free-stacks-grid-item--4 {
        width: 173px;
        left: 0px;
        margin-top: 122px; } }
    #ocean .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
          text-align: center;
          padding-bottom: 12px; } }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header:after {
          left: 100px;
          top: -1px;
          text-align: left;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
  @media screen and (min-width: 768px) {
    #ocean .notion-story__free-stacks-grid-item--4-img {
      margin-top: 0px;
      margin-left: auto;
      margin-right: 0;
      width: 300px;
      width: calc(52% - 20px); } }
  @media screen and (min-width: 1000px) {
    #ocean .notion-story__free-stacks-grid-item--4-img {
      width: 460px;
      width: calc(52% - 20px); } }
  #ocean .notion-story__free-stacks-grid-item--14 {
    width: 200px;
    margin-bottom: 30px; }
    @media screen and (min-width: 768px) {
      #ocean .notion-story__free-stacks-grid-item--14 {
        position: relative;
        left: 0px;
        margin-top: 75px;
        width: 220px;
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center; } }
    @media screen and (min-width: 1000px) {
      #ocean .notion-story__free-stacks-grid-item--14 {
        width: 220px;
        left: 0px;
        margin-top: 122px; } }
    #ocean .notion-story__free-stacks-grid-item--14 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--14 .notion-story__free-stacks-grid-item--header {
          text-align: center;
          padding-bottom: 12px; } }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--14 .notion-story__free-stacks-grid-item--header:after {
          left: 140px;
          top: -1px;
          text-align: left;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
  @media screen and (min-width: 768px) {
    #ocean .notion-story__free-stacks-grid-item--14-img {
      margin-top: 0px;
      margin-left: auto;
      margin-right: 0;
      width: 300px;
      width: calc(52% - 20px); } }
  @media screen and (min-width: 1000px) {
    #ocean .notion-story__free-stacks-grid-item--14-img {
      width: 460px;
      width: calc(52% - 20px); } }
  #ocean .notion-story__free-stacks-grid-item--5 {
    width: 100%; }
    @media screen and (max-width: 767px) {
      #ocean .notion-story__free-stacks-grid-item--5 {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-around; }
        #ocean .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--content {
          min-width: 150px;
          width: 150px; } }
    @media screen and (min-width: 768px) {
      #ocean .notion-story__free-stacks-grid-item--5 {
        display: flex;
        flex-direction: column;
        width: 221px;
        left: 55px;
        position: relative;
        margin-top: 46px; } }
    @media screen and (min-width: 1000px) {
      #ocean .notion-story__free-stacks-grid-item--5 {
        width: 262px;
        left: 85px;
        margin-top: 46px; } }
    #ocean .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (max-width: 767px) {
        #ocean .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
          text-align: cetner;
          width: 100px;
          min-width: 100px;
          white-space: normal; } }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (max-width: 767px) {
        #ocean .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header:after {
          left: 50%;
          transform: translateX(-50%); } }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header:after {
          right: 50%;
          transform: translateX(60%);
          top: -31px; } }
  @media screen and (max-width: 767px) {
    #ocean .notion-story__free-stacks-grid-item--5-img {
      margin-left: -30px;
      margin-right: -30px; } }
  @media screen and (min-width: 768px) {
    #ocean .notion-story__free-stacks-grid-item--5-img {
      width: 100%;
      margin-top: 0px; } }
  #ocean .notion-story__free-stacks-grid-item--6 {
    width: 100%; }
    @media screen and (max-width: 767px) {
      #ocean .notion-story__free-stacks-grid-item--6 {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around; }
        #ocean .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--content {
          min-width: 75px;
          width: 75px; } }
    @media screen and (min-width: 768px) {
      #ocean .notion-story__free-stacks-grid-item--6 {
        display: flex;
        flex-direction: column-reverse;
        width: 108px;
        left: -100px;
        position: relative;
        margin-top: -270px; } }
    @media screen and (min-width: 1000px) {
      #ocean .notion-story__free-stacks-grid-item--6 {
        width: 108px;
        left: -46px;
        margin-top: -414px; } }
    #ocean .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (max-width: 767px) {
        #ocean .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header {
          text-align: center;
          width: 100px;
          min-width: 103px;
          white-space: normal; } }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header {
          text-align: center; }
          #ocean .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header .btn-cta--black {
            left: 50%;
            position: relative;
            transform: translateX(-50%); } }
      @media screen and (max-width: 767px) {
        #ocean .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header:after {
          left: 50%;
          transform: translateX(-50%) rotate(180deg);
          top: 35px; } }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header:after {
          right: 47%;
          transform: translateX(60%);
          top: 30px;
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg); } }
      @media screen and (min-width: 1000px) {
        #ocean .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header:after {
          top: 30px; } }
  @media screen and (max-width: 767px) {
    #ocean .notion-story__free-stacks-grid-item--6-img {
      margin-left: -30px;
      margin-right: -30px; } }
  @media screen and (min-width: 768px) {
    #ocean .notion-story__free-stacks-grid-item--6-img {
      width: 100%;
      margin-top: 60px; } }
  #ocean .notion-story__free-stacks-grid-item--7 {
    width: 200px; }
    @media screen and (min-width: 768px) {
      #ocean .notion-story__free-stacks-grid-item--7 {
        position: relative;
        width: 200px;
        left: 10px;
        display: flex;
        margin-top: -2px;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center; } }
    @media screen and (min-width: 1000px) {
      #ocean .notion-story__free-stacks-grid-item--7 {
        margin-top: 60px;
        width: 200px;
        left: -15px; } }
    #ocean .notion-story__free-stacks-grid-item--7 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--7 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--7 .notion-story__free-stacks-grid-item--header:after {
          left: 150px;
          top: -1px;
          text-align: left;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
  @media screen and (min-width: 768px) {
    #ocean .notion-story__free-stacks-grid-item--7-img {
      width: calc(52% - 20px);
      margin-top: -30px; } }
  #ocean .notion-story__free-stacks-grid-item--8 {
    width: 200px;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      #ocean .notion-story__free-stacks-grid-item--8 {
        width: 235px;
        margin-right: 116px; } }
    @media screen and (min-width: 1000px) {
      #ocean .notion-story__free-stacks-grid-item--8 {
        width: 235px;
        margin-top: 55px; } }
    #ocean .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header {
      position: relative;
      padding-bottom: 12px; }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (max-width: 767px) {
        #ocean .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header h3 {
          left: 50%;
          position: relative;
          width: 200px;
          transform: translateX(-50%); } }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header:after {
          right: 185px;
          top: -1px;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg); } }
  @media screen and (min-width: 768px) {
    #ocean .notion-story__free-stacks-grid-item--8-img {
      margin-top: -30vw;
      width: calc(46.2% - 20px); } }
  @media screen and (min-width: 1000px) {
    #ocean .notion-story__free-stacks-grid-item--8-img {
      margin-top: -192px; } }
  #ocean .notion-story__free-stacks-grid-item--9 {
    width: 220px; }
    @media screen and (max-width: 767px) {
      #ocean .notion-story__free-stacks-grid-item--9 {
        margin: 0 auto; } }
    @media screen and (min-width: 768px) {
      #ocean .notion-story__free-stacks-grid-item--9 {
        display: flex;
        flex-direction: column;
        width: 220px;
        left: -15px;
        position: relative;
        margin-top: 0px; } }
    @media screen and (min-width: 1000px) {
      #ocean .notion-story__free-stacks-grid-item--9 {
        width: 220px;
        left: 85px;
        margin-top: 0px; } }
    #ocean .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--header:after {
          right: 50%;
          transform: translateX(60%);
          top: -31px; } }
  @media screen and (max-width: 767px) {
    #ocean .notion-story__free-stacks-grid-item--9-img {
      margin-left: -30px;
      margin-right: -30px; } }
  @media screen and (min-width: 768px) {
    #ocean .notion-story__free-stacks-grid-item--9-img {
      width: 100%;
      margin-top: 0px; } }
  #ocean .notion-story__free-stacks-grid-item--10 {
    width: 200px; }
    @media screen and (min-width: 768px) {
      #ocean .notion-story__free-stacks-grid-item--10 {
        position: relative;
        width: 210px;
        left: 10px;
        display: flex;
        margin-top: 70px;
        flex-direction: column-reverse;
        justify-content: flex-end;
        align-items: center; } }
    @media screen and (min-width: 1000px) {
      #ocean .notion-story__free-stacks-grid-item--10 {
        width: 210px; } }
    #ocean .notion-story__free-stacks-grid-item--10 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--10 .notion-story__free-stacks-grid-item--header {
          text-align: left; } }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--10 .notion-story__free-stacks-grid-item--header:after {
          left: -25px;
          top: -1px;
          text-align: left;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg); } }
  @media screen and (min-width: 768px) {
    #ocean .notion-story__free-stacks-grid-item--10-img {
      width: calc(52% - 20px);
      margin-top: 0px; } }
  #ocean .notion-story__free-stacks-grid-item--11 {
    width: 190px;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      #ocean .notion-story__free-stacks-grid-item--11 {
        width: 220px;
        margin-top: 60px; } }
    @media screen and (min-width: 1000px) {
      #ocean .notion-story__free-stacks-grid-item--11 {
        width: 220px;
        margin-top: 60px; } }
    #ocean .notion-story__free-stacks-grid-item--11 .notion-story__free-stacks-grid-item--header {
      position: relative;
      padding-bottom: 12px;
      left: 6px;
      text-align: center; }
      @media screen and (max-width: 767px) {
        #ocean .notion-story__free-stacks-grid-item--11 .notion-story__free-stacks-grid-item--header h3 {
          left: 50%;
          position: relative;
          width: 200px;
          transform: translateX(-50%); } }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--11 .notion-story__free-stacks-grid-item--header:after {
          right: -5px;
          top: -1px;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
      @media screen and (min-width: 1000px) {
        #ocean .notion-story__free-stacks-grid-item--11 .notion-story__free-stacks-grid-item--header:after {
          right: 8px; } }
  @media screen and (min-width: 768px) {
    #ocean .notion-story__free-stacks-grid-item--11-img {
      margin-top: -20px;
      width: calc(46.2% - 20px); } }
  @media screen and (min-width: 1000px) {
    #ocean .notion-story__free-stacks-grid-item--11-img {
      margin-top: -20px; } }
  #ocean .notion-story__free-stacks-grid-item--12 {
    width: 117px; }
    @media screen and (min-width: 768px) {
      #ocean .notion-story__free-stacks-grid-item--12 {
        position: relative;
        width: 160px;
        left: 10px;
        display: flex;
        margin-top: 80px;
        flex-direction: column-reverse;
        justify-content: flex-end;
        align-items: center; } }
    @media screen and (min-width: 1000px) {
      #ocean .notion-story__free-stacks-grid-item--12 {
        width: 160px; } }
    #ocean .notion-story__free-stacks-grid-item--12 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--12 .notion-story__free-stacks-grid-item--header {
          text-align: left; } }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--12 .notion-story__free-stacks-grid-item--header:after {
          left: -25px;
          top: -1px;
          text-align: left;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg); } }
  @media screen and (min-width: 768px) {
    #ocean .notion-story__free-stacks-grid-item--12-img {
      width: calc(52% - 20px);
      margin-top: 0px; } }
  #ocean .notion-story__free-stacks-grid-item--13 {
    width: 190px;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      #ocean .notion-story__free-stacks-grid-item--13 {
        width: 240px;
        margin-top: 25px; } }
    @media screen and (min-width: 1000px) {
      #ocean .notion-story__free-stacks-grid-item--13 {
        width: 254px;
        margin-top: 25px; } }
    #ocean .notion-story__free-stacks-grid-item--13 .notion-story__free-stacks-grid-item--header {
      position: relative;
      padding-bottom: 12px;
      left: 6px;
      text-align: center; }
      @media screen and (max-width: 767px) {
        #ocean .notion-story__free-stacks-grid-item--13 .notion-story__free-stacks-grid-item--header h3 {
          left: 50%;
          position: relative;
          width: 200px;
          transform: translateX(-50%); } }
      @media screen and (min-width: 768px) {
        #ocean .notion-story__free-stacks-grid-item--13 .notion-story__free-stacks-grid-item--header:after {
          right: 21px;
          top: -1px;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
      @media screen and (min-width: 1000px) {
        #ocean .notion-story__free-stacks-grid-item--13 .notion-story__free-stacks-grid-item--header:after {
          right: 8px; } }
  @media screen and (min-width: 768px) {
    #ocean .notion-story__free-stacks-grid-item--13-img {
      margin-top: -30vw;
      width: calc(46.2% - 20px); } }
  @media screen and (min-width: 1000px) {
    #ocean .notion-story__free-stacks-grid-item--13-img {
      margin-top: -270px; } }
  @media screen and (min-width: 768px) {
    #ocean .mobile-only {
      display: none; } }
  #ocean .desktop-only {
    display: none; }
    @media screen and (min-width: 768px) {
      #ocean .desktop-only {
        display: block; } }

#holiday {
  max-width: 832px; }
  @media screen and (max-width: 767px) {
    #holiday .notion-story__item {
      margin-bottom: 70px; } }
  #holiday .notion-story__item-grid {
    padding-top: 0; }
    @media screen and (max-width: 767px) {
      #holiday .notion-story__item-grid {
        display: flex;
        flex-direction: column; } }
    @media screen and (min-width: 768px) {
      #holiday .notion-story__item-grid {
        padding: 30px; } }
  #holiday .mobile-description {
    display: block !important; }
    @media screen and (min-width: 768px) {
      #holiday .mobile-description {
        display: none !important; } }
  #holiday .notion-story__intro-title {
    text-align: center; }
  #holiday .notion-story__intro-sub-title {
    text-align: center;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.1px;
    line-height: 28px;
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      #holiday .notion-story__intro-sub-title br {
        display: none; } }
  @media screen and (max-width: 767px) {
    #holiday .notion-story__intro--stack-1 {
      padding: 0 30px 5px; } }
  @media screen and (min-width: 768px) {
    #holiday .notion-story__intro--stack-1 {
      right: 0;
      left: unset;
      margin-left: 0px;
      margin-right: 30px;
      width: 34.26%; } }
  @media screen and (min-width: 1000px) {
    #holiday .notion-story__intro--stack-1 {
      margin-left: 0px;
      width: 34.26%; } }
  #holiday .notion-story__free-stacks-grid-item--center,
  #holiday .notion-story__free-stacks-grid-item--center--mobile {
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      #holiday .notion-story__free-stacks-grid-item--center,
      #holiday .notion-story__free-stacks-grid-item--center--mobile {
        width: 40%; } }
  @media screen and (min-width: 768px) {
    #holiday .notion-story__free-stacks-grid-item--center--mobile {
      width: 33%; } }
  #holiday .notion-story__free-stacks-grid--column-reverse {
    flex-direction: column-reverse; }
  #holiday .notion-story__title-img {
    max-width: 250px;
    width: 250px;
    height: auto; }
    @media screen and (max-width: 767px) {
      #holiday .notion-story__title-img {
        margin-top: 30px; } }
    @media screen and (min-width: 768px) {
      #holiday .notion-story__title-img {
        max-width: 250px;
        width: 250px;
        padding-top: 30px; } }
    @media screen and (min-width: 1000px) {
      #holiday .notion-story__title-img {
        max-width: 320px;
        width: 320px;
        margin-left: 0;
        padding-left: 0; } }
  @media screen and (min-width: 768px) {
    #holiday .notion-story__feature-img {
      width: 60%;
      margin-left: 0;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    #holiday .notion-story__feature-img {
      margin-left: -30px;
      margin-right: -30px; } }
  #holiday .notion-story__intro-description {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.4px;
    text-align: center;
    line-height: 22px;
    padding: 0;
    display: none; }
    #holiday .notion-story__intro-description span {
      font-style: italic; }
    @media screen and (min-width: 768px) {
      #holiday .notion-story__intro-description {
        display: block;
        max-width: 300px;
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 0.09px;
        line-height: 22px; } }
    @media screen and (min-width: 1000px) {
      #holiday .notion-story__intro-description {
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0.09px;
        line-height: 24px;
        padding-left: 0px;
        padding-right: 0; } }
  @media screen and (min-width: 768px) {
    #holiday .career-goals__video-wrapper {
      padding-top: 60px;
      max-width: 832px; } }
  @media screen and (min-width: 1000px) {
    #holiday .career-goals__video-wrapper {
      margin: 0 -30px; } }
  @media screen and (max-width: 767px) {
    #holiday .career-goals__video-wrapper {
      padding-top: 20px;
      padding-bottom: 60px;
      margin: 0 -30px; } }
  #holiday .notion-story__free-stacks-grid.order-1 {
    order: 1; }
  #holiday .notion-story__free-stacks-grid.order-2 {
    order: 2; }
  #holiday .notion-story__free-stacks-grid.order-3 {
    order: 3; }
  #holiday .notion-story__free-stacks-grid.order-4 {
    order: 4; }
  #holiday .notion-story__free-stacks-grid.order-5 {
    order: 5; }
  #holiday .notion-story__free-stacks-grid-item--header .btn-cta--black {
    font-family: Montserrat;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.35px;
    line-height: 18px;
    text-align: center; }
  #holiday .notion-story__free-stacks-grid-item--header h3 {
    font-size: 18px;
    font-style: italic;
    letter-spacing: 0.1px;
    line-height: 24px;
    font-weight: 700; }
  #holiday .notion-story__free-stacks-grid-item--1 {
    width: 196px; }
    @media screen and (max-width: 767px) {
      #holiday .notion-story__free-stacks-grid-item--1 {
        display: flex;
        flex-direction: column;
        align-items: center; } }
    @media screen and (min-width: 768px) {
      #holiday .notion-story__free-stacks-grid-item--1 {
        width: 196px;
        margin: -326px auto 0;
        position: absolute;
        right: 67px; } }
    @media screen and (min-width: 1000px) {
      #holiday .notion-story__free-stacks-grid-item--1 {
        width: 196px;
        right: 67px;
        margin: -312px auto 0; } }
    #holiday .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
      position: relative;
      text-align: center; }
      @media screen and (min-width: 768px) {
        #holiday .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
          right: 200px;
          top: -1px;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg); } }
      @media screen and (min-width: 1000px) {
        #holiday .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
          right: 200px; } }
  #holiday .notion-story__free-stacks-grid-item--2 {
    width: 205px; }
    @media screen and (min-width: 768px) {
      #holiday .notion-story__free-stacks-grid-item--2 {
        position: relative;
        width: 205px;
        display: flex;
        margin-top: 70px;
        flex-direction: column-reverse;
        justify-content: flex-end;
        align-items: center; } }
    @media screen and (min-width: 1000px) {
      #holiday .notion-story__free-stacks-grid-item--2 {
        width: 205px; } }
    #holiday .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (min-width: 768px) {
        #holiday .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (min-width: 768px) {
        #holiday .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header:after {
          left: 130px;
          top: -1px;
          text-align: left;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
  @media screen and (min-width: 768px) {
    #holiday .notion-story__free-stacks-grid-item--2-img {
      width: calc(54% - 20px);
      margin-top: 60px; } }
  #holiday .notion-story__free-stacks-grid-item--3 {
    width: 205px;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      #holiday .notion-story__free-stacks-grid-item--3 {
        width: 205px; } }
    @media screen and (min-width: 1000px) {
      #holiday .notion-story__free-stacks-grid-item--3 {
        width: 205px;
        margin-top: 0px; } }
    #holiday .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
      position: relative;
      padding-bottom: 12px; }
      @media screen and (min-width: 768px) {
        #holiday .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (max-width: 767px) {
        #holiday .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header h3 {
          left: 50%;
          position: relative;
          width: 200px;
          transform: translateX(-50%); } }
      @media screen and (min-width: 768px) {
        #holiday .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header:after {
          right: 180px;
          top: -1px;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg); } }
  @media screen and (min-width: 768px) {
    #holiday .notion-story__free-stacks-grid-item--3-img {
      margin-top: -34vw;
      width: calc(46.2% - 20px);
      margin-bottom: 0; } }
  @media screen and (min-width: 1000px) {
    #holiday .notion-story__free-stacks-grid-item--3-img {
      margin-top: -250px; } }
  #holiday .notion-story__free-stacks-grid-item--4 {
    width: 160px; }
    @media screen and (min-width: 768px) {
      #holiday .notion-story__free-stacks-grid-item--4 {
        position: relative;
        width: 160px;
        display: flex;
        margin-top: 50px;
        flex-direction: column-reverse;
        justify-content: flex-end;
        align-items: center; } }
    @media screen and (min-width: 1000px) {
      #holiday .notion-story__free-stacks-grid-item--4 {
        width: 160px; } }
    #holiday .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (min-width: 768px) {
        #holiday .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (min-width: 768px) {
        #holiday .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header:after {
          left: 170px;
          top: -1px;
          text-align: left;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
  @media screen and (min-width: 768px) {
    #holiday .notion-story__free-stacks-grid-item--4-img {
      width: calc(54% - 20px);
      margin-top: 0px; } }
  #holiday .notion-story__free-stacks-grid-item--5 {
    width: 209px;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      #holiday .notion-story__free-stacks-grid-item--5 {
        width: 209px; } }
    @media screen and (min-width: 1000px) {
      #holiday .notion-story__free-stacks-grid-item--5 {
        width: 209px;
        margin-top: 57px; } }
    #holiday .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
      position: relative;
      padding-bottom: 12px; }
      @media screen and (min-width: 768px) {
        #holiday .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (max-width: 767px) {
        #holiday .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header h3 {
          left: 50%;
          position: relative;
          width: 200px;
          transform: translateX(-50%); } }
      @media screen and (min-width: 768px) {
        #holiday .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header:after {
          right: 180px;
          top: -1px;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg); } }
  @media screen and (min-width: 768px) {
    #holiday .notion-story__free-stacks-grid-item--5-img {
      margin-top: -34vw;
      width: calc(46.2% - 20px); } }
  @media screen and (min-width: 1000px) {
    #holiday .notion-story__free-stacks-grid-item--5-img {
      margin-top: -200px; } }
  #holiday .notion-story__free-stacks-grid-item--6 {
    width: 118px; }
    @media screen and (min-width: 768px) {
      #holiday .notion-story__free-stacks-grid-item--6 {
        position: relative;
        width: 138px;
        display: flex;
        margin-top: 140px;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center; } }
    @media screen and (min-width: 1000px) {
      #holiday .notion-story__free-stacks-grid-item--6 {
        width: 138px; } }
    #holiday .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (max-width: 767px) {
        #holiday .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header .btn-cta--black {
          position: relative;
          left: 50%;
          transform: translateX(-50%); } }
      @media screen and (min-width: 768px) {
        #holiday .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (min-width: 768px) {
        #holiday .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header:after {
          left: 200px;
          top: -1px;
          text-align: left;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
  @media screen and (min-width: 768px) {
    #holiday .notion-story__free-stacks-grid-item--6-img {
      width: calc(54% - 20px);
      margin-top: 60px; } }
  #holiday .notion-story__free-stacks-grid-item--7 {
    width: 212px;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      #holiday .notion-story__free-stacks-grid-item--7 {
        width: 212px;
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end; } }
    @media screen and (min-width: 1000px) {
      #holiday .notion-story__free-stacks-grid-item--7 {
        width: 212px;
        margin-top: 57px; } }
    #holiday .notion-story__free-stacks-grid-item--7 .notion-story__free-stacks-grid-item--header {
      position: relative;
      padding-bottom: 12px; }
      @media screen and (min-width: 768px) {
        #holiday .notion-story__free-stacks-grid-item--7 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (max-width: 767px) {
        #holiday .notion-story__free-stacks-grid-item--7 .notion-story__free-stacks-grid-item--header h3 {
          left: 50%;
          position: relative;
          width: 200px;
          transform: translateX(-50%); } }
      @media screen and (min-width: 768px) {
        #holiday .notion-story__free-stacks-grid-item--7 .notion-story__free-stacks-grid-item--header:after {
          right: 180px;
          top: -1px;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg); } }
  @media screen and (min-width: 768px) {
    #holiday .notion-story__free-stacks-grid-item--7-img {
      margin-top: -50px;
      width: calc(54% - 20px);
      margin-bottom: 0; } }
  @media screen and (min-width: 1000px) {
    #holiday .notion-story__free-stacks-grid-item--7-img {
      margin-top: 0px; } }
  #holiday .notion-story__free-stacks-grid-item--8 {
    width: 208px; }
    @media screen and (min-width: 768px) {
      #holiday .notion-story__free-stacks-grid-item--8 {
        position: relative;
        width: 208px;
        display: flex;
        margin-top: 125px;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center; } }
    @media screen and (min-width: 1000px) {
      #holiday .notion-story__free-stacks-grid-item--8 {
        width: 208px; } }
    #holiday .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header {
      position: relative; }
      @media screen and (min-width: 768px) {
        #holiday .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (min-width: 768px) {
        #holiday .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header:after {
          left: 155px;
          top: -1px;
          text-align: left;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
  @media screen and (min-width: 768px) {
    #holiday .notion-story__free-stacks-grid-item--8-img {
      width: calc(46.2% - 20px);
      margin-top: -110px; } }
  #holiday .notion-story__free-stacks-grid-item--9 {
    width: 120px;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      #holiday .notion-story__free-stacks-grid-item--9 {
        width: 150px;
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end; } }
    @media screen and (min-width: 1000px) {
      #holiday .notion-story__free-stacks-grid-item--9 {
        width: 150px;
        margin-top: 57px; } }
    #holiday .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--header {
      position: relative;
      padding-bottom: 12px; }
      @media screen and (min-width: 768px) {
        #holiday .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--header {
          text-align: center; } }
      @media screen and (max-width: 767px) {
        #holiday .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--header h3 {
          left: 50%;
          position: relative;
          width: 200px;
          transform: translateX(-50%); } }
      @media screen and (min-width: 768px) {
        #holiday .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--header:after {
          right: 138px;
          top: -1px;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg); } }
  @media screen and (min-width: 768px) {
    #holiday .notion-story__free-stacks-grid-item--9-img {
      margin-top: 0;
      width: calc(54% - 20px); } }
  @media screen and (min-width: 1000px) {
    #holiday .notion-story__free-stacks-grid-item--9-img {
      margin-top: 30px; } }
  @media screen and (min-width: 768px) {
    #holiday .mobile-only {
      display: none; } }
  #holiday .desktop-only {
    display: none; }
    @media screen and (min-width: 768px) {
      #holiday .desktop-only {
        display: block; } }

@media screen and (max-width: 767px) {
  #phoebe .notion-story__item {
    margin-bottom: 70px; } }

#phoebe .notion-story__item-grid {
  padding-top: 0; }
  @media screen and (max-width: 767px) {
    #phoebe .notion-story__item-grid {
      display: flex;
      flex-direction: column; } }
  @media screen and (min-width: 768px) {
    #phoebe .notion-story__item-grid {
      padding: 30px; } }

#phoebe .mobile-description {
  display: block !important; }
  @media screen and (min-width: 768px) {
    #phoebe .mobile-description {
      display: none !important; } }

@media screen and (max-width: 767px) {
  #phoebe .notion-story__intro--stack-1 {
    padding: 0 30px 5px; } }

@media screen and (min-width: 768px) {
  #phoebe .notion-story__intro--stack-1 {
    right: 0;
    left: unset;
    margin-left: 0;
    width: 40.2%; } }

@media screen and (min-width: 1000px) {
  #phoebe .notion-story__intro--stack-1 {
    margin-left: 30px;
    width: 31.2%; } }

#phoebe .notion-story__free-stacks-grid-item--center,
#phoebe .notion-story__free-stacks-grid-item--center--mobile {
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    #phoebe .notion-story__free-stacks-grid-item--center,
    #phoebe .notion-story__free-stacks-grid-item--center--mobile {
      width: 40%; } }

@media screen and (min-width: 768px) {
  #phoebe .notion-story__free-stacks-grid-item--center--mobile {
    width: 33%; } }

#phoebe .notion-story__free-stacks-grid--column-reverse {
  flex-direction: column-reverse; }

@media screen and (max-width: 767px) {
  #phoebe .notion-story__free-stacks-grid--column-reverse-mobile {
    flex-direction: column-reverse; } }

#phoebe .notion-story__intro-title {
  padding-top: 30px;
  padding-bottom: 15px;
  text-align: left; }
  @media screen and (min-width: 768px) {
    #phoebe .notion-story__intro-title {
      padding-top: 40px;
      padding-bottom: 30px; } }

#phoebe .notion-story__title-img {
  height: auto; }
  @media screen and (min-width: 768px) {
    #phoebe .notion-story__title-img {
      max-width: 350px;
      width: 100%;
      padding-right: 20px;
      padding-left: 30px; } }
  @media screen and (min-width: 1000px) {
    #phoebe .notion-story__title-img {
      margin-top: 140px;
      margin-left: 0;
      padding-left: 0; } }

@media screen and (min-width: 768px) {
  #phoebe .notion-story__feature-img {
    width: 62.3%; } }

@media screen and (max-width: 767px) {
  #phoebe .notion-story__feature-img {
    margin-left: -30px;
    margin-right: -30px; } }

#phoebe .notion-story__intro-description {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.6px;
  line-height: 22px;
  padding: 0;
  display: none; }
  #phoebe .notion-story__intro-description span {
    font-style: italic; }
  @media screen and (min-width: 768px) {
    #phoebe .notion-story__intro-description {
      display: block;
      max-width: 300px;
      font-size: 16px;
      padding-left: 30px;
      padding-right: 40px; } }
  @media screen and (min-width: 1000px) {
    #phoebe .notion-story__intro-description {
      font-size: 16px;
      font-weight: 300;
      letter-spacing: 0.1px;
      line-height: 26px;
      padding-left: 0px;
      padding-right: 0; } }

@media screen and (min-width: 768px) {
  #phoebe .career-goals__video-wrapper {
    padding-top: 100px;
    max-width: 832px; } }

@media screen and (max-width: 767px) {
  #phoebe .career-goals__video-wrapper {
    padding-top: 20px;
    padding-bottom: 60px;
    margin: 0 -30px; } }

#phoebe .notion-story__free-stacks-grid.order-1 {
  order: 1; }

#phoebe .notion-story__free-stacks-grid.order-2 {
  order: 2; }

#phoebe .notion-story__free-stacks-grid.order-3 {
  order: 3; }

#phoebe .notion-story__free-stacks-grid.order-4 {
  order: 4; }

#phoebe .notion-story__free-stacks-grid.order-5 {
  order: 5; }

#phoebe .notion-story__free-stacks-grid-item--header .btn-cta--black {
  margin-bottom: 0; }

#phoebe .notion-story__free-stacks-grid-item--header h3 {
  font-size: 18px;
  font-style: italic;
  letter-spacing: 0.1px;
  line-height: 24px;
  font-weight: 700; }

#phoebe .notion-story__free-stacks-grid-item--1 {
  width: 170px; }
  @media screen and (max-width: 767px) {
    #phoebe .notion-story__free-stacks-grid-item--1 {
      display: flex;
      flex-direction: column;
      align-items: center; } }
  @media screen and (min-width: 768px) {
    #phoebe .notion-story__free-stacks-grid-item--1 {
      width: 175px;
      margin: -405px auto 0;
      position: absolute;
      left: unset;
      right: 8%; } }
  @media screen and (min-width: 1000px) {
    #phoebe .notion-story__free-stacks-grid-item--1 {
      width: 220px;
      right: 8.5%;
      margin: -440px auto 0; } }
  #phoebe .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
    position: relative;
    text-align: center; }
    @media screen and (min-width: 768px) {
      #phoebe .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
        right: 170px;
        top: -1px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); } }
    @media screen and (min-width: 1000px) {
      #phoebe .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
        right: 205px; } }

#phoebe .notion-story__free-stacks-grid-item--2 {
  width: 234px; }
  @media screen and (min-width: 768px) {
    #phoebe .notion-story__free-stacks-grid-item--2 {
      position: relative;
      width: 234px;
      left: 10px;
      display: flex;
      margin-top: 135px;
      flex-direction: column-reverse;
      justify-content: flex-end;
      align-items: center; } }
  @media screen and (min-width: 1000px) {
    #phoebe .notion-story__free-stacks-grid-item--2 {
      margin-top: 70px;
      width: 262px;
      top: 70px;
      left: -38px; } }
  #phoebe .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #phoebe .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (min-width: 768px) {
      #phoebe .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header:after {
        left: 105px;
        top: -1px;
        text-align: left;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }

@media screen and (min-width: 768px) {
  #phoebe .notion-story__free-stacks-grid-item--2-img {
    width: calc(52% - 20px);
    margin-top: 60px; } }

#phoebe .notion-story__free-stacks-grid-item--3 {
  width: 194px;
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    #phoebe .notion-story__free-stacks-grid-item--3 {
      width: 205px;
      margin-top: 80px; } }
  @media screen and (min-width: 1000px) {
    #phoebe .notion-story__free-stacks-grid-item--3 {
      width: 225px;
      margin-top: 120px; } }
  #phoebe .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
    position: relative;
    padding-bottom: 12px; }
    @media screen and (min-width: 768px) {
      #phoebe .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (max-width: 767px) {
      #phoebe .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header h3 {
        left: 50%;
        position: relative;
        width: 200px;
        transform: translateX(-50%); } }
    @media screen and (min-width: 768px) {
      #phoebe .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header:after {
        right: 190px;
        top: -1px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); } }

@media screen and (min-width: 768px) {
  #phoebe .notion-story__free-stacks-grid-item--3-img {
    margin-top: -23vw;
    width: calc(46.2% - 20px); } }

@media screen and (min-width: 1000px) {
  #phoebe .notion-story__free-stacks-grid-item--3-img {
    margin-top: -192px; } }

#phoebe .notion-story__free-stacks-grid-item--4 {
  width: 160px;
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    #phoebe .notion-story__free-stacks-grid-item--4 {
      position: relative;
      left: 15px;
      margin-top: 102px;
      width: 180px;
      margin-bottom: 0;
      display: flex;
      flex-direction: column-reverse;
      justify-content: flex-end;
      align-items: center; } }
  @media screen and (min-width: 1000px) {
    #phoebe .notion-story__free-stacks-grid-item--4 {
      width: 200px;
      left: 40px;
      margin-top: 147px; } }
  #phoebe .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #phoebe .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
        text-align: center;
        padding-bottom: 12px; } }
    @media screen and (min-width: 768px) {
      #phoebe .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header:after {
        left: 156px;
        top: -1px;
        text-align: left;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }

@media screen and (min-width: 768px) {
  #phoebe .notion-story__free-stacks-grid-item--4-img {
    margin-top: 48px;
    margin-left: auto;
    margin-right: 0;
    width: 300px; } }

@media screen and (min-width: 1000px) {
  #phoebe .notion-story__free-stacks-grid-item--4-img {
    width: 460px; } }

#phoebe .notion-story__free-stacks-grid-item--5 {
  width: 100%; }
  @media screen and (max-width: 767px) {
    #phoebe .notion-story__free-stacks-grid-item--5 {
      display: flex;
      flex-direction: row-reverse;
      align-items: center;
      justify-content: space-between; }
      #phoebe .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--content {
        min-width: 127px;
        width: 127px; } }
  @media screen and (min-width: 768px) {
    #phoebe .notion-story__free-stacks-grid-item--5 {
      display: flex;
      flex-direction: column;
      width: 215px;
      position: relative;
      margin-top: 46px; } }
  @media screen and (min-width: 1000px) {
    #phoebe .notion-story__free-stacks-grid-item--5 {
      width: 232px;
      left: 85px;
      margin-top: 46px; } }
  #phoebe .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (max-width: 767px) {
      #phoebe .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
        text-align: left;
        width: 100px;
        min-width: 100px;
        white-space: normal; } }
    @media screen and (min-width: 768px) {
      #phoebe .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (max-width: 767px) {
      #phoebe .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header:after {
        left: 0;
        transform: translateX(0); } }
    @media screen and (min-width: 768px) {
      #phoebe .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header:after {
        right: 50%;
        transform: translateX(60%);
        top: -31px; } }

@media screen and (max-width: 767px) {
  #phoebe .notion-story__free-stacks-grid-item--5-img {
    margin-left: -30px;
    margin-right: -30px; } }

@media screen and (min-width: 768px) {
  #phoebe .notion-story__free-stacks-grid-item--5-img {
    width: 100%;
    margin-top: 46px; } }

#phoebe .notion-story__free-stacks-grid-item--6 {
  width: 100%; }
  @media screen and (max-width: 767px) {
    #phoebe .notion-story__free-stacks-grid-item--6 {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between; }
      #phoebe .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--content {
        min-width: 114px;
        width: 114px; } }
  @media screen and (min-width: 768px) {
    #phoebe .notion-story__free-stacks-grid-item--6 {
      display: flex;
      flex-direction: column-reverse;
      width: 150px;
      left: -20px;
      position: relative;
      margin-top: -460px; } }
  @media screen and (min-width: 1000px) {
    #phoebe .notion-story__free-stacks-grid-item--6 {
      width: 170px;
      left: -104px;
      margin-top: -512px; } }
  #phoebe .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (max-width: 767px) {
      #phoebe .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header {
        text-align: left;
        width: 100px;
        min-width: 100px;
        white-space: normal; } }
    @media screen and (min-width: 768px) {
      #phoebe .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (max-width: 767px) {
      #phoebe .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header:after {
        left: 0;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        top: 95px; } }
    @media screen and (min-width: 768px) {
      #phoebe .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header:after {
        right: 47%;
        transform: translateX(60%);
        top: 70px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); } }

@media screen and (max-width: 767px) {
  #phoebe .notion-story__free-stacks-grid-item--6-img {
    margin-left: -30px;
    margin-right: -30px; } }

@media screen and (min-width: 768px) {
  #phoebe .notion-story__free-stacks-grid-item--6-img {
    width: 100%; } }

#phoebe .notion-story__free-stacks-grid-item--7 {
  width: 170px; }
  @media screen and (min-width: 768px) {
    #phoebe .notion-story__free-stacks-grid-item--7 {
      position: relative;
      width: 180px;
      left: 10px;
      display: flex;
      margin-top: 32px;
      flex-direction: column;
      justify-content: flex-end;
      align-items: center; } }
  @media screen and (min-width: 1000px) {
    #phoebe .notion-story__free-stacks-grid-item--7 {
      margin-top: 115px;
      width: 200px;
      left: -38px; } }
  #phoebe .notion-story__free-stacks-grid-item--7 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #phoebe .notion-story__free-stacks-grid-item--7 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (min-width: 768px) {
      #phoebe .notion-story__free-stacks-grid-item--7 .notion-story__free-stacks-grid-item--header:after {
        left: 147px;
        top: -1px;
        text-align: left;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }

@media screen and (min-width: 768px) {
  #phoebe .notion-story__free-stacks-grid-item--7-img {
    width: calc(52% - 20px); } }

#phoebe .notion-story__free-stacks-grid-item--8 {
  width: 200px;
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    #phoebe .notion-story__free-stacks-grid-item--8 {
      width: 210px;
      margin-right: 116px; } }
  @media screen and (min-width: 1000px) {
    #phoebe .notion-story__free-stacks-grid-item--8 {
      width: 247px;
      margin-top: 177px; } }
  #phoebe .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header {
    position: relative;
    padding-bottom: 12px; }
    @media screen and (min-width: 768px) {
      #phoebe .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (max-width: 767px) {
      #phoebe .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header h3 {
        left: 50%;
        position: relative;
        width: 200px;
        transform: translateX(-50%); } }
    @media screen and (min-width: 768px) {
      #phoebe .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header:after {
        right: 175px;
        top: -1px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); } }
    @media screen and (min-width: 1000px) {
      #phoebe .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header:after {
        right: 195px; } }

@media screen and (min-width: 768px) {
  #phoebe .notion-story__free-stacks-grid-item--8-img {
    margin-top: -30vw;
    width: calc(46.2% - 20px); } }

@media screen and (min-width: 1000px) {
  #phoebe .notion-story__free-stacks-grid-item--8-img {
    margin-top: -192px; } }

#phoebe .notion-story__free-stacks-grid-item--9 {
  width: 100%; }
  @media screen and (max-width: 767px) {
    #phoebe .notion-story__free-stacks-grid-item--9 {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between; }
      #phoebe .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--content {
        min-width: 110px;
        width: 110px; } }
  @media screen and (min-width: 768px) {
    #phoebe .notion-story__free-stacks-grid-item--9 {
      display: flex;
      flex-direction: column;
      width: 110px;
      position: relative;
      margin-top: 46px; } }
  @media screen and (min-width: 1000px) {
    #phoebe .notion-story__free-stacks-grid-item--9 {
      width: 130px;
      left: 85px;
      margin-top: 46px; } }
  #phoebe .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (max-width: 767px) {
      #phoebe .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--header {
        text-align: center;
        width: 100px;
        min-width: 100px;
        white-space: normal; } }
    @media screen and (min-width: 768px) {
      #phoebe .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (min-width: 768px) {
      #phoebe .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--header:after {
        right: 50%;
        transform: translateX(60%);
        top: -31px; } }

@media screen and (max-width: 767px) {
  #phoebe .notion-story__free-stacks-grid-item--9-img {
    margin-left: -30px;
    margin-right: -30px; } }

@media screen and (min-width: 768px) {
  #phoebe .notion-story__free-stacks-grid-item--9-img {
    width: 100%;
    margin-top: 46px; } }

#phoebe .notion-story__free-stacks-grid-item--10 {
  width: 100%; }
  @media screen and (max-width: 767px) {
    #phoebe .notion-story__free-stacks-grid-item--10 {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between; }
      #phoebe .notion-story__free-stacks-grid-item--10 .notion-story__free-stacks-grid-item--content {
        min-width: 205px;
        width: 205px; } }
  @media screen and (min-width: 768px) {
    #phoebe .notion-story__free-stacks-grid-item--10 {
      display: flex;
      flex-direction: column-reverse;
      width: 205px;
      left: -15px;
      position: relative;
      margin-top: -482px;
      margin-bottom: 70px; } }
  @media screen and (min-width: 1000px) {
    #phoebe .notion-story__free-stacks-grid-item--10 {
      width: 225px;
      left: -104px;
      margin-top: -572px; } }
  #phoebe .notion-story__free-stacks-grid-item--10 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (max-width: 767px) {
      #phoebe .notion-story__free-stacks-grid-item--10 .notion-story__free-stacks-grid-item--header {
        text-align: center;
        width: 100px;
        min-width: 100px;
        white-space: normal; } }
    @media screen and (min-width: 768px) {
      #phoebe .notion-story__free-stacks-grid-item--10 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (min-width: 768px) {
      #phoebe .notion-story__free-stacks-grid-item--10 .notion-story__free-stacks-grid-item--header:after {
        right: 47%;
        transform: translateX(60%);
        top: 70px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); } }

@media screen and (max-width: 767px) {
  #phoebe .notion-story__free-stacks-grid-item--10-img {
    margin-left: -30px;
    margin-right: -30px; } }

@media screen and (min-width: 768px) {
  #phoebe .notion-story__free-stacks-grid-item--10-img {
    width: 100%; } }

#phoebe .notion-story__free-stacks-grid-item--11 {
  width: 160px;
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    #phoebe .notion-story__free-stacks-grid-item--11 {
      display: flex;
      flex-direction: column-reverse;
      width: 185px; } }
  @media screen and (min-width: 1000px) {
    #phoebe .notion-story__free-stacks-grid-item--11 {
      width: 208px;
      margin-top: -40px; } }
  #phoebe .notion-story__free-stacks-grid-item--11 .notion-story__free-stacks-grid-item--header {
    position: relative;
    padding-bottom: 12px; }
    @media screen and (min-width: 768px) {
      #phoebe .notion-story__free-stacks-grid-item--11 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (max-width: 767px) {
      #phoebe .notion-story__free-stacks-grid-item--11 .notion-story__free-stacks-grid-item--header h3 {
        left: 50%;
        position: relative;
        width: 200px;
        transform: translateX(-50%); } }
    @media screen and (min-width: 768px) {
      #phoebe .notion-story__free-stacks-grid-item--11 .notion-story__free-stacks-grid-item--header:after {
        right: 165px;
        top: -1px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); } }

@media screen and (min-width: 768px) {
  #phoebe .notion-story__free-stacks-grid-item--11-img {
    margin-top: 150px;
    width: calc(51.5% - 20px); } }

@media screen and (min-width: 1000px) {
  #phoebe .notion-story__free-stacks-grid-item--11-img {
    margin-top: 50px; } }

#phoebe .notion-story__free-stacks-grid-item--12 {
  width: 200px;
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    #phoebe .notion-story__free-stacks-grid-item--12 {
      position: relative;
      left: 15px;
      margin-top: 70px;
      width: 200px;
      margin-bottom: 0;
      justify-content: flex-end;
      align-items: center; } }
  @media screen and (min-width: 1000px) {
    #phoebe .notion-story__free-stacks-grid-item--12 {
      width: 240px;
      left: 40px;
      margin-top: 147px; } }
  #phoebe .notion-story__free-stacks-grid-item--12 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #phoebe .notion-story__free-stacks-grid-item--12 .notion-story__free-stacks-grid-item--header {
        text-align: center;
        padding-bottom: 12px; } }
    @media screen and (min-width: 768px) {
      #phoebe .notion-story__free-stacks-grid-item--12 .notion-story__free-stacks-grid-item--header:after {
        left: 196px;
        top: -1px;
        text-align: left;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }

@media screen and (min-width: 768px) {
  #phoebe .notion-story__free-stacks-grid-item--12-img {
    margin-top: -186px;
    margin-left: auto;
    margin-right: 0;
    width: 300px; } }

@media screen and (min-width: 1000px) {
  #phoebe .notion-story__free-stacks-grid-item--12-img {
    margin-top: -240px;
    width: 460px; } }

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

#phoebe .desktop-only {
  display: none; }
  @media screen and (min-width: 768px) {
    #phoebe .desktop-only {
      display: block; } }

@media screen and (max-width: 767px) {
  #spring .notion-story__item {
    margin-bottom: 70px; } }

#spring .notion-story__item-grid {
  padding-top: 0; }
  @media screen and (max-width: 767px) {
    #spring .notion-story__item-grid {
      display: flex;
      flex-direction: column; } }
  @media screen and (min-width: 768px) {
    #spring .notion-story__item-grid {
      padding: 30px; } }

#spring .mobile-description {
  display: block !important; }
  @media screen and (min-width: 768px) {
    #spring .mobile-description {
      display: none !important; } }

@media screen and (max-width: 767px) {
  #spring .notion-story__intro--stack-1 {
    padding: 0 30px 5px; } }

@media screen and (min-width: 768px) {
  #spring .notion-story__intro--stack-1 {
    left: unset;
    margin-left: 0;
    width: 40.2%; } }

@media screen and (min-width: 1000px) {
  #spring .notion-story__intro--stack-1 {
    margin-left: 30px;
    width: 31.2%; } }

#spring .notion-story__free-stacks-grid-item--center,
#spring .notion-story__free-stacks-grid-item--center--mobile {
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    #spring .notion-story__free-stacks-grid-item--center,
    #spring .notion-story__free-stacks-grid-item--center--mobile {
      width: 40%; } }

@media screen and (min-width: 768px) {
  #spring .notion-story__free-stacks-grid-item--center--mobile {
    width: 33%; } }

#spring .notion-story__free-stacks-grid--column-reverse {
  flex-direction: column-reverse; }

@media screen and (max-width: 767px) {
  #spring .notion-story__free-stacks-grid--column-reverse-mobile {
    flex-direction: column-reverse; } }

#spring .notion-story__intro-title {
  padding-top: 30px;
  padding-bottom: 15px;
  text-align: left; }
  @media screen and (min-width: 768px) {
    #spring .notion-story__intro-title {
      padding-top: 40px;
      padding-bottom: 30px; } }

#spring .notion-story__title-img {
  height: auto;
  max-width: 220px; }
  @media screen and (min-width: 768px) {
    #spring .notion-story__title-img {
      max-width: 300px;
      width: 100%;
      padding-right: 20px;
      padding-left: 30px; } }
  @media screen and (min-width: 1000px) {
    #spring .notion-story__title-img {
      margin-left: 0;
      padding-left: 0; } }

@media screen and (min-width: 768px) {
  #spring .notion-story__feature-img {
    width: 62.3%;
    margin-left: auto; } }

@media screen and (max-width: 767px) {
  #spring .notion-story__feature-img {
    margin-left: -30px;
    margin-right: -30px; } }

#spring .notion-story__intro-description {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.6px;
  line-height: 22px;
  padding: 0;
  margin-bottom: 30px; }
  #spring .notion-story__intro-description span {
    font-style: italic; }
  @media screen and (min-width: 768px) {
    #spring .notion-story__intro-description {
      display: block;
      max-width: 300px;
      font-size: 16px;
      padding-left: 30px;
      padding-right: 40px;
      margin-bottom: 0; } }
  @media screen and (min-width: 1000px) {
    #spring .notion-story__intro-description {
      font-size: 16px;
      font-weight: 300;
      letter-spacing: 0.1px;
      line-height: 26px;
      padding-left: 0px;
      padding-right: 0; } }

@media screen and (min-width: 768px) {
  #spring .career-goals__video-wrapper {
    padding-top: 100px;
    max-width: 832px; } }

@media screen and (max-width: 767px) {
  #spring .career-goals__video-wrapper {
    padding-top: 20px;
    padding-bottom: 60px;
    margin: 0 -30px; } }

#spring .notion-story__free-stacks-grid.order-1 {
  order: 1; }

#spring .notion-story__free-stacks-grid.order-2 {
  order: 2; }

#spring .notion-story__free-stacks-grid.order-3 {
  order: 3; }

#spring .notion-story__free-stacks-grid.order-4 {
  order: 4; }

#spring .notion-story__free-stacks-grid.order-5 {
  order: 5; }

#spring .notion-story__free-stacks-grid-item--header .btn-cta--black {
  margin-bottom: 0; }

#spring .notion-story__free-stacks-grid-item--header h3 {
  font-size: 18px;
  font-style: italic;
  letter-spacing: 0.1px;
  line-height: 24px;
  font-weight: 700; }

#spring .notion-story__free-stacks-grid-item--1 {
  width: 210px; }
  @media screen and (max-width: 767px) {
    #spring .notion-story__free-stacks-grid-item--1 {
      display: flex;
      flex-direction: column;
      align-items: center; } }
  @media screen and (min-width: 768px) {
    #spring .notion-story__free-stacks-grid-item--1 {
      width: 240px;
      margin: -187px auto 0;
      position: absolute;
      right: unset;
      left: 3%; } }
  @media screen and (min-width: 1000px) {
    #spring .notion-story__free-stacks-grid-item--1 {
      width: 290px;
      left: 3.5%;
      margin: -310px auto 0; } }
  #spring .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
    position: relative;
    text-align: center; }
    @media screen and (min-width: 768px) {
      #spring .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
        right: 12px;
        top: -1px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }
    @media screen and (min-width: 1000px) {
      #spring .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
        right: 40px; } }

#spring .notion-story__free-stacks-grid-item--2 {
  width: 260px; }
  @media screen and (min-width: 768px) {
    #spring .notion-story__free-stacks-grid-item--2 {
      position: relative;
      width: 263px;
      left: 10px;
      display: flex;
      margin-top: 135px;
      flex-direction: column-reverse;
      justify-content: flex-end;
      align-items: center; } }
  @media screen and (min-width: 1000px) {
    #spring .notion-story__free-stacks-grid-item--2 {
      margin-top: 388px;
      width: 320px;
      left: 30px; } }
  #spring .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #spring .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (min-width: 768px) {
      #spring .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header:after {
        left: -17px;
        top: -1px;
        text-align: left;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); } }

@media screen and (min-width: 768px) {
  #spring .notion-story__free-stacks-grid-item--2-img {
    width: calc(52% - 20px);
    margin-top: 240px; } }

@media screen and (min-width: 1000px) {
  #spring .notion-story__free-stacks-grid-item--2-img {
    width: calc(63% - 20px);
    margin-top: 200px; } }

#spring .notion-story__free-stacks-grid-item--3 {
  width: 220px;
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    #spring .notion-story__free-stacks-grid-item--3 {
      width: 230px;
      margin-top: 80px; } }
  @media screen and (min-width: 1000px) {
    #spring .notion-story__free-stacks-grid-item--3 {
      width: 300px;
      margin-top: 230px; } }
  #spring .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
    position: relative;
    padding-bottom: 12px; }
    @media screen and (min-width: 768px) {
      #spring .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (max-width: 767px) {
      #spring .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header h3 {
        left: 50%;
        position: relative;
        width: 200px;
        transform: translateX(-50%); } }
    @media screen and (min-width: 768px) {
      #spring .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header:after {
        right: 11px;
        top: -1px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }
    @media screen and (min-width: 1000px) {
      #spring .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header:after {
        right: 44px; } }

@media screen and (min-width: 768px) {
  #spring .notion-story__free-stacks-grid-item--3-img {
    margin-top: -32vw;
    width: calc(48.1% - 20px); } }

@media screen and (min-width: 1000px) {
  #spring .notion-story__free-stacks-grid-item--3-img {
    margin-top: 43px;
    width: calc(48.8% - 20px); } }

#spring .notion-story__free-stacks-grid-item--4 {
  width: 260px;
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    #spring .notion-story__free-stacks-grid-item--4 {
      position: relative;
      left: 15px;
      margin-top: 102px;
      width: 240px;
      margin-bottom: 0;
      display: flex;
      flex-direction: column-reverse;
      justify-content: flex-end;
      align-items: center; } }
  @media screen and (min-width: 1000px) {
    #spring .notion-story__free-stacks-grid-item--4 {
      width: 300px;
      left: 40px;
      margin-top: 205px; } }
  #spring .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #spring .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
        text-align: center;
        padding-bottom: 12px; } }
    @media screen and (min-width: 768px) {
      #spring .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header:after {
        left: -20px;
        top: -1px;
        text-align: left;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); } }

@media screen and (min-width: 768px) {
  #spring .notion-story__free-stacks-grid-item--4-img {
    margin-top: 48px;
    margin: 0 -30px;
    width: 100vw;
    width: calc(63% - 20px); } }

@media screen and (min-width: 1000px) {
  #spring .notion-story__free-stacks-grid-item--4-img {
    margin-left: auto;
    margin-right: unset;
    width: calc(63% - 20px); } }

#spring .notion-story__free-stacks-grid-item--5 {
  width: 260px;
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    #spring .notion-story__free-stacks-grid-item--5 {
      width: 205px;
      margin-top: 80px;
      display: flex;
      flex-direction: column-reverse;
      justify-content: flex-end;
      align-items: center; } }
  @media screen and (min-width: 1000px) {
    #spring .notion-story__free-stacks-grid-item--5 {
      width: 300px;
      margin-top: 190px; } }
  #spring .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
    position: relative;
    padding-bottom: 12px; }
    @media screen and (min-width: 768px) {
      #spring .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (max-width: 767px) {
      #spring .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header h3 {
        left: 50%;
        position: relative;
        width: 200px;
        transform: translateX(-50%); } }
    @media screen and (min-width: 768px) {
      #spring .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header:after {
        right: -18px;
        top: -1px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }

@media screen and (min-width: 768px) {
  #spring .notion-story__free-stacks-grid-item--5-img {
    margin-top: 4vw;
    width: calc(63% - 20px); } }

@media screen and (min-width: 1000px) {
  #spring .notion-story__free-stacks-grid-item--5-img {
    margin-top: 43px;
    width: calc(57.8% - 20px); } }

#spring .notion-story__free-stacks-grid-item--6 {
  width: 100%; }
  @media screen and (max-width: 767px) {
    #spring .notion-story__free-stacks-grid-item--6 {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between; }
      #spring .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--content {
        min-width: 114px;
        width: 114px; } }
  @media screen and (min-width: 768px) {
    #spring .notion-story__free-stacks-grid-item--6 {
      display: flex;
      flex-direction: column-reverse;
      width: 150px;
      left: -20px;
      position: relative;
      margin-top: -460px; } }
  @media screen and (min-width: 1000px) {
    #spring .notion-story__free-stacks-grid-item--6 {
      width: 170px;
      left: -104px;
      margin-top: -512px; } }
  #spring .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (max-width: 767px) {
      #spring .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header {
        text-align: left;
        width: 100px;
        min-width: 100px;
        white-space: normal; } }
    @media screen and (min-width: 768px) {
      #spring .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (max-width: 767px) {
      #spring .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header:after {
        left: 0;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        top: 95px; } }
    @media screen and (min-width: 768px) {
      #spring .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header:after {
        right: 47%;
        transform: translateX(60%);
        top: 70px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); } }

@media screen and (max-width: 767px) {
  #spring .notion-story__free-stacks-grid-item--6-img {
    margin-left: -30px;
    margin-right: -30px; } }

@media screen and (min-width: 768px) {
  #spring .notion-story__free-stacks-grid-item--6-img {
    width: 100%; } }

#spring .notion-story__free-stacks-grid-item--7 {
  width: 170px; }
  @media screen and (min-width: 768px) {
    #spring .notion-story__free-stacks-grid-item--7 {
      position: relative;
      width: 180px;
      left: 10px;
      display: flex;
      margin-top: 32px;
      flex-direction: column;
      justify-content: flex-end;
      align-items: center; } }
  @media screen and (min-width: 1000px) {
    #spring .notion-story__free-stacks-grid-item--7 {
      margin-top: 115px;
      width: 200px;
      left: -38px; } }
  #spring .notion-story__free-stacks-grid-item--7 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #spring .notion-story__free-stacks-grid-item--7 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (min-width: 768px) {
      #spring .notion-story__free-stacks-grid-item--7 .notion-story__free-stacks-grid-item--header:after {
        left: 147px;
        top: -1px;
        text-align: left;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }

@media screen and (min-width: 768px) {
  #spring .notion-story__free-stacks-grid-item--7-img {
    width: calc(52% - 20px); } }

#spring .notion-story__free-stacks-grid-item--8 {
  width: 200px;
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    #spring .notion-story__free-stacks-grid-item--8 {
      width: 210px;
      margin-right: 116px; } }
  @media screen and (min-width: 1000px) {
    #spring .notion-story__free-stacks-grid-item--8 {
      width: 247px;
      margin-top: 177px; } }
  #spring .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header {
    position: relative;
    padding-bottom: 12px; }
    @media screen and (min-width: 768px) {
      #spring .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (max-width: 767px) {
      #spring .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header h3 {
        left: 50%;
        position: relative;
        width: 200px;
        transform: translateX(-50%); } }
    @media screen and (min-width: 768px) {
      #spring .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header:after {
        right: 175px;
        top: -1px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); } }
    @media screen and (min-width: 1000px) {
      #spring .notion-story__free-stacks-grid-item--8 .notion-story__free-stacks-grid-item--header:after {
        right: 195px; } }

@media screen and (min-width: 768px) {
  #spring .notion-story__free-stacks-grid-item--8-img {
    margin-top: -30vw;
    width: calc(46.2% - 20px); } }

@media screen and (min-width: 1000px) {
  #spring .notion-story__free-stacks-grid-item--8-img {
    margin-top: -192px; } }

#spring .notion-story__free-stacks-grid-item--9 {
  width: 100%; }
  @media screen and (max-width: 767px) {
    #spring .notion-story__free-stacks-grid-item--9 {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between; }
      #spring .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--content {
        min-width: 110px;
        width: 110px; } }
  @media screen and (min-width: 768px) {
    #spring .notion-story__free-stacks-grid-item--9 {
      display: flex;
      flex-direction: column;
      width: 110px;
      position: relative;
      margin-top: 46px; } }
  @media screen and (min-width: 1000px) {
    #spring .notion-story__free-stacks-grid-item--9 {
      width: 130px;
      left: 85px;
      margin-top: 46px; } }
  #spring .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (max-width: 767px) {
      #spring .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--header {
        text-align: center;
        width: 100px;
        min-width: 100px;
        white-space: normal; } }
    @media screen and (min-width: 768px) {
      #spring .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (min-width: 768px) {
      #spring .notion-story__free-stacks-grid-item--9 .notion-story__free-stacks-grid-item--header:after {
        right: 50%;
        transform: translateX(60%);
        top: -31px; } }

@media screen and (max-width: 767px) {
  #spring .notion-story__free-stacks-grid-item--9-img {
    margin-left: -30px;
    margin-right: -30px; } }

@media screen and (min-width: 768px) {
  #spring .notion-story__free-stacks-grid-item--9-img {
    width: 100%;
    margin-top: 46px; } }

#spring .notion-story__free-stacks-grid-item--10 {
  width: 100%; }
  @media screen and (max-width: 767px) {
    #spring .notion-story__free-stacks-grid-item--10 {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between; }
      #spring .notion-story__free-stacks-grid-item--10 .notion-story__free-stacks-grid-item--content {
        min-width: 205px;
        width: 205px; } }
  @media screen and (min-width: 768px) {
    #spring .notion-story__free-stacks-grid-item--10 {
      display: flex;
      flex-direction: column-reverse;
      width: 205px;
      left: -15px;
      position: relative;
      margin-top: -482px;
      margin-bottom: 70px; } }
  @media screen and (min-width: 1000px) {
    #spring .notion-story__free-stacks-grid-item--10 {
      width: 225px;
      left: -104px;
      margin-top: -572px; } }
  #spring .notion-story__free-stacks-grid-item--10 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (max-width: 767px) {
      #spring .notion-story__free-stacks-grid-item--10 .notion-story__free-stacks-grid-item--header {
        text-align: center;
        width: 100px;
        min-width: 100px;
        white-space: normal; } }
    @media screen and (min-width: 768px) {
      #spring .notion-story__free-stacks-grid-item--10 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (min-width: 768px) {
      #spring .notion-story__free-stacks-grid-item--10 .notion-story__free-stacks-grid-item--header:after {
        right: 47%;
        transform: translateX(60%);
        top: 70px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); } }

@media screen and (max-width: 767px) {
  #spring .notion-story__free-stacks-grid-item--10-img {
    margin-left: -30px;
    margin-right: -30px; } }

@media screen and (min-width: 768px) {
  #spring .notion-story__free-stacks-grid-item--10-img {
    width: 100%; } }

#spring .notion-story__free-stacks-grid-item--11 {
  width: 160px;
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    #spring .notion-story__free-stacks-grid-item--11 {
      display: flex;
      flex-direction: column-reverse;
      width: 185px; } }
  @media screen and (min-width: 1000px) {
    #spring .notion-story__free-stacks-grid-item--11 {
      width: 208px;
      margin-top: -40px; } }
  #spring .notion-story__free-stacks-grid-item--11 .notion-story__free-stacks-grid-item--header {
    position: relative;
    padding-bottom: 12px; }
    @media screen and (min-width: 768px) {
      #spring .notion-story__free-stacks-grid-item--11 .notion-story__free-stacks-grid-item--header {
        text-align: center; } }
    @media screen and (max-width: 767px) {
      #spring .notion-story__free-stacks-grid-item--11 .notion-story__free-stacks-grid-item--header h3 {
        left: 50%;
        position: relative;
        width: 200px;
        transform: translateX(-50%); } }
    @media screen and (min-width: 768px) {
      #spring .notion-story__free-stacks-grid-item--11 .notion-story__free-stacks-grid-item--header:after {
        right: 165px;
        top: -1px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); } }

@media screen and (min-width: 768px) {
  #spring .notion-story__free-stacks-grid-item--11-img {
    margin-top: 150px;
    width: calc(51.5% - 20px); } }

@media screen and (min-width: 1000px) {
  #spring .notion-story__free-stacks-grid-item--11-img {
    margin-top: 50px; } }

#spring .notion-story__free-stacks-grid-item--12 {
  width: 200px;
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    #spring .notion-story__free-stacks-grid-item--12 {
      position: relative;
      left: 15px;
      margin-top: 70px;
      width: 200px;
      margin-bottom: 0;
      justify-content: flex-end;
      align-items: center; } }
  @media screen and (min-width: 1000px) {
    #spring .notion-story__free-stacks-grid-item--12 {
      width: 240px;
      left: 40px;
      margin-top: 147px; } }
  #spring .notion-story__free-stacks-grid-item--12 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #spring .notion-story__free-stacks-grid-item--12 .notion-story__free-stacks-grid-item--header {
        text-align: center;
        padding-bottom: 12px; } }
    @media screen and (min-width: 768px) {
      #spring .notion-story__free-stacks-grid-item--12 .notion-story__free-stacks-grid-item--header:after {
        left: 196px;
        top: -1px;
        text-align: left;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }

@media screen and (min-width: 768px) {
  #spring .notion-story__free-stacks-grid-item--12-img {
    margin-top: -186px;
    margin-left: auto;
    margin-right: 0;
    width: 300px; } }

@media screen and (min-width: 1000px) {
  #spring .notion-story__free-stacks-grid-item--12-img {
    margin-top: -240px;
    width: 460px; } }

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

#spring .desktop-only {
  display: none; }
  @media screen and (min-width: 768px) {
    #spring .desktop-only {
      display: block; } }

@media screen and (max-width: 767px) {
  #americana .notion-story__item {
    margin-bottom: 70px; } }

#americana .notion-story__item-grid {
  padding-top: 0; }
  @media screen and (max-width: 767px) {
    #americana .notion-story__item-grid {
      display: flex;
      flex-direction: column; } }
  @media screen and (min-width: 768px) {
    #americana .notion-story__item-grid {
      padding: 30px; } }

@media screen and (max-width: 767px) {
  #americana .notion-story__intro--stack-1 {
    padding: 0 30px 50px; } }

@media screen and (min-width: 768px) {
  #americana .notion-story__intro--stack-1 {
    left: unset;
    background: #ffffff;
    right: 30px;
    padding: 30px;
    padding-right: 0;
    top: 90px;
    background: #ffffff;
    width: 41%; } }

@media screen and (min-width: 1000px) {
  #americana .notion-story__intro--stack-1 {
    right: -37px;
    padding: 60px;
    padding-right: 0;
    top: 130px;
    width: 493px; } }

#americana .notion-story__free-stacks-grid-item--center,
#americana .notion-story__free-stacks-grid-item--center--mobile {
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    #americana .notion-story__free-stacks-grid-item--center,
    #americana .notion-story__free-stacks-grid-item--center--mobile {
      width: 40%; } }

@media screen and (min-width: 768px) {
  #americana .notion-story__free-stacks-grid-item--center--mobile {
    width: 33%; } }

#americana .notion-story__intro-title {
  padding-bottom: 15px;
  text-align: left; }
  @media screen and (min-width: 768px) {
    #americana .notion-story__intro-title {
      padding-bottom: 30px; } }

#americana .notion-story__title-img {
  max-width: 240px;
  width: 240px;
  height: auto; }
  @media screen and (min-width: 768px) {
    #americana .notion-story__title-img {
      max-width: 410px;
      width: 100%; } }
  @media screen and (min-width: 1000px) {
    #americana .notion-story__title-img {
      margin-left: 0;
      padding-left: 0; } }

@media screen and (min-width: 768px) {
  #americana .notion-story__feature-img {
    width: 69%;
    margin-left: 0;
    margin-right: auto; } }

@media screen and (max-width: 767px) {
  #americana .notion-story__feature-img {
    margin-left: -30px;
    margin-right: -30px; } }

#americana .notion-story__intro-description {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.6px;
  line-height: 22px;
  padding: 0; }
  #americana .notion-story__intro-description span {
    font-style: italic; }
  @media screen and (min-width: 768px) {
    #americana .notion-story__intro-description {
      max-width: 300px;
      font-size: 16px; } }
  @media screen and (min-width: 1000px) {
    #americana .notion-story__intro-description {
      font-size: 18px;
      font-weight: 300;
      letter-spacing: 0.1px;
      line-height: 26px; } }

@media screen and (min-width: 768px) {
  #americana .career-goals__video-wrapper {
    padding-top: 60px;
    max-width: 832px; } }

@media screen and (max-width: 767px) {
  #americana .career-goals__video-wrapper {
    padding-top: 20px;
    padding-bottom: 30px;
    margin: 0 -30px; } }

#americana .notion-story__free-stacks-grid.order-1 {
  order: 1; }

#americana .notion-story__free-stacks-grid.order-2 {
  order: 2; }

#americana .notion-story__free-stacks-grid.order-3 {
  order: 3; }

#americana .notion-story__free-stacks-grid.order-4 {
  order: 4; }

#americana .notion-story__free-stacks-grid.order-5 {
  order: 5; }

#americana .notion-story__free-stacks-grid-item--header .btn-cta--black {
  margin-bottom: 0; }

#americana .notion-story__free-stacks-grid-item--header h3 {
  font-size: 18px;
  font-style: italic;
  letter-spacing: 0.1px;
  line-height: 24px;
  font-weight: 700; }

#americana .notion-story__free-stacks-grid-item--1 {
  width: 150px; }
  @media screen and (max-width: 767px) {
    #americana .notion-story__free-stacks-grid-item--1 {
      display: flex;
      flex-direction: column;
      align-items: center; } }
  @media screen and (min-width: 768px) {
    #americana .notion-story__free-stacks-grid-item--1 {
      width: 150px;
      margin: -330px auto 0;
      position: relative;
      left: 15px; } }
  @media screen and (min-width: 1000px) {
    #americana .notion-story__free-stacks-grid-item--1 {
      width: 185px;
      margin: -377px auto 0;
      left: 70px; } }
  #americana .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #americana .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
        padding-left: 46px; } }
    @media screen and (min-width: 768px) {
      #americana .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
        right: 120px;
        top: -1px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); } }
    @media screen and (min-width: 1000px) {
      #americana .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
        right: 156px; } }

#americana .notion-story__free-stacks-grid-item--2 {
  width: 230px; }
  @media screen and (min-width: 768px) {
    #americana .notion-story__free-stacks-grid-item--2 {
      position: relative;
      width: 230px;
      left: -25px;
      display: flex;
      margin-top: 70px;
      flex-direction: column-reverse;
      justify-content: flex-end;
      align-items: center; } }
  @media screen and (min-width: 1000px) {
    #americana .notion-story__free-stacks-grid-item--2 {
      width: 341px;
      left: -23px; } }
  #americana .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #americana .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
        text-align: left; } }
    @media screen and (min-width: 768px) {
      #americana .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header:after {
        left: 190px;
        top: -1px;
        text-align: left;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }

@media screen and (min-width: 768px) {
  #americana .notion-story__free-stacks-grid-item--2-img {
    width: calc(52.1% - 20px);
    margin-top: 60px; } }

#americana .notion-story__free-stacks-grid-item--3 {
  width: 210px;
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    #americana .notion-story__free-stacks-grid-item--3 {
      width: 230px;
      margin-right: 54px; } }
  @media screen and (min-width: 1000px) {
    #americana .notion-story__free-stacks-grid-item--3 {
      width: 340px;
      margin-top: 123px; } }
  #americana .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
    position: relative;
    padding-bottom: 12px; }
    @media screen and (min-width: 768px) {
      #americana .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
        padding-left: 65px; } }
    @media screen and (min-width: 1000px) {
      #americana .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
        padding-left: 100px; } }
    @media screen and (max-width: 767px) {
      #americana .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header h3 {
        left: 50%;
        position: relative;
        width: 200px;
        transform: translateX(-50%); } }
    @media screen and (min-width: 768px) {
      #americana .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header:after {
        right: 190px;
        top: -1px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); } }
    @media screen and (min-width: 1000px) {
      #americana .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header:after {
        right: 255px; } }

@media screen and (max-width: 767px) {
  #americana .notion-story__free-stacks-grid-item--3-img {
    margin-top: 20px; } }

@media screen and (min-width: 768px) {
  #americana .notion-story__free-stacks-grid-item--3-img {
    margin-top: -30vw;
    width: calc(46.2% - 20px); } }

@media screen and (min-width: 1000px) {
  #americana .notion-story__free-stacks-grid-item--3-img {
    margin-top: -305px; } }

#americana .notion-story__free-stacks-grid-item--4 {
  width: 190px;
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    #americana .notion-story__free-stacks-grid-item--4 {
      position: relative;
      left: -12px;
      margin-top: 200px;
      width: 150px;
      margin-bottom: 0;
      display: flex;
      flex-direction: column-reverse;
      justify-content: flex-end;
      align-items: center; } }
  @media screen and (min-width: 1000px) {
    #americana .notion-story__free-stacks-grid-item--4 {
      width: 226px;
      left: -60px;
      margin-top: 286px; } }
  #americana .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #americana .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
        text-align: left;
        left: 0;
        padding-bottom: 12px; } }
    @media screen and (min-width: 768px) {
      #americana .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header:after {
        left: 145px;
        top: -1px;
        text-align: left;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }

@media screen and (min-width: 768px) {
  #americana .notion-story__free-stacks-grid-item--4-img {
    margin-top: 60px;
    width: calc(70.6% - 20px); } }

#americana .notion-story__free-stacks-grid-item--5 {
  width: 210px; }
  @media screen and (min-width: 768px) {
    #americana .notion-story__free-stacks-grid-item--5 {
      display: flex;
      flex-direction: column;
      width: 215px;
      left: 17px;
      position: relative;
      margin-top: 70px; } }
  @media screen and (min-width: 1000px) {
    #americana .notion-story__free-stacks-grid-item--5 {
      width: 262px;
      left: 0;
      margin-top: 206px; } }
  #americana .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #americana .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
        padding-left: 68px; } }
    @media screen and (min-width: 1000px) {
      #americana .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
        padding-left: 68px; } }
    @media screen and (min-width: 768px) {
      #americana .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header:after {
        right: 175px;
        top: -1px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); } }
    @media screen and (min-width: 1000px) {
      #americana .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header:after {
        right: 206px; } }

@media screen and (min-width: 768px) {
  #americana .notion-story__free-stacks-grid-item--5-img {
    width: calc(57.5% - 20px); } }

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

#americana .desktop-only {
  display: none; }
  @media screen and (min-width: 768px) {
    #americana .desktop-only {
      display: block; } }

#extended {
  max-width: 805px; }
  #extended .notion-story__item {
    text-align: center;
    margin-bottom: 40px;
    position: relative; }
  #extended .notion-story__item-grid {
    padding-top: 0; }
    @media screen and (min-width: 768px) {
      #extended .notion-story__item-grid {
        padding: 30px; } }
    @media screen and (min-width: 1000px) {
      #extended .notion-story__item-grid {
        padding-left: 0;
        padding-right: 0; } }
  #extended .notion-story__intro--stack-1 {
    padding: 30px 30px; }
    @media screen and (min-width: 768px) {
      #extended .notion-story__intro--stack-1 {
        padding: 0;
        margin-top: 0px;
        width: 34%;
        margin-left: 30px; } }
    @media screen and (min-width: 1000px) {
      #extended .notion-story__intro--stack-1 {
        margin-top: 35px;
        margin-left: 0; } }
    @media screen and (max-width: 999px) {
      #extended .notion-story__intro--stack-1 {
        left: 0; } }
  #extended .notion-story__free-stacks-grid {
    position: relative; }
    @media screen and (max-width: 767px) {
      #extended .notion-story__free-stacks-grid.negative-margin {
        margin-left: -30px;
        margin-right: -30px; } }
    @media screen and (max-width: 767px) {
      #extended .notion-story__free-stacks-grid.mobile-reverse {
        flex-direction: column-reverse; } }
  #extended .notion-story__free-stacks-grid--reverse {
    flex-direction: row-reverse; }
  #extended .notion-story__free-stacks-grid-item--center,
  #extended .notion-story__free-stacks-grid-item--center--mobile {
    margin-bottom: 0px; }
    @media screen and (min-width: 768px) {
      #extended .notion-story__free-stacks-grid-item--center,
      #extended .notion-story__free-stacks-grid-item--center--mobile {
        width: 40%; } }
  #extended .notion-story__intro-title {
    padding-top: 30px;
    padding-bottom: 30px; }
    @media screen and (min-width: 768px) {
      #extended .notion-story__intro-title {
        padding-top: 40px;
        padding-left: 0;
        padding-right: 0; } }
    @media screen and (min-width: 1000px) {
      #extended .notion-story__intro-title {
        padding-top: 40px; } }
  #extended .notion-story__title-img {
    max-width: 100%;
    width: 100%;
    height: auto; }
    @media screen and (min-width: 768px) {
      #extended .notion-story__title-img {
        max-width: 300px;
        width: 300px; } }
    @media screen and (min-width: 1000px) {
      #extended .notion-story__title-img {
        max-width: 277px;
        width: 277px; } }
  @media screen and (max-width: 767px) {
    #extended .notion-story__feature-img-wrapper {
      margin-left: -30px;
      margin-right: -30px; } }
  #extended .notion-story__feature-img {
    width: 60.8%; }
    @media screen and (max-width: 767px) {
      #extended .notion-story__feature-img {
        width: 100%; } }
  #extended .notion-story__intro-description {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.08px;
    line-height: 24px; }
    #extended .notion-story__intro-description--line-height {
      display: block; }
    #extended .notion-story__intro-description span {
      font-style: italic; }
    @media screen and (max-width: 999px) {
      #extended .notion-story__intro-description {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 0.6px;
        line-height: 22px; } }
    @media screen and (min-width: 1000px) {
      #extended .notion-story__intro-description {
        padding-left: 0; } }
    @media screen and (max-width: 767px) {
      #extended .notion-story__intro-description {
        font-weight: 300;
        line-height: 18px;
        max-width: unset;
        padding: 0; } }
  #extended .notion-story__arrow {
    position: absolute;
    z-index: 2; }
    @media screen and (min-width: 768px) {
      #extended .notion-story__arrow--1 {
        top: 232px;
        left: 43%;
        width: 167px; } }
    @media screen and (min-width: 1000px) {
      #extended .notion-story__arrow--1 {
        top: 232px;
        left: 49%;
        width: unset; } }
    @media screen and (min-width: 768px) {
      #extended .notion-story__arrow--2 {
        left: 33%;
        top: 238px;
        width: 167px;
        transform: scaleX(-1); } }
    @media screen and (min-width: 1000px) {
      #extended .notion-story__arrow--2 {
        top: 263px;
        left: 33%;
        width: unset; } }
    @media screen and (min-width: 768px) {
      #extended .notion-story__arrow--3 {
        left: 80px;
        top: 247px;
        height: 185px; } }
    @media screen and (min-width: 795px) {
      #extended .notion-story__arrow--3 {
        left: 76px;
        top: 241px;
        height: 160px; } }
    @media screen and (min-width: 820px) {
      #extended .notion-story__arrow--3 {
        left: 78px;
        top: 244px;
        height: 195px; } }
    @media screen and (min-width: 855px) {
      #extended .notion-story__arrow--3 {
        left: 80px;
        top: 246px;
        height: 215px; } }
    @media screen and (min-width: 900px) {
      #extended .notion-story__arrow--3 {
        left: 88px;
        top: 252px;
        height: 255px; } }
    @media screen and (min-width: 935px) {
      #extended .notion-story__arrow--3 {
        left: 100px;
        top: 258px;
        height: 280px; } }
    @media screen and (min-width: 970px) {
      #extended .notion-story__arrow--3 {
        left: 100px;
        top: 262px;
        height: 300px; } }
    @media screen and (min-width: 1000px) {
      #extended .notion-story__arrow--3 {
        left: 110px;
        top: 332px;
        height: 215px; } }
    @media screen and (min-width: 1080px) {
      #extended .notion-story__arrow--3 {
        top: 350px;
        left: 134px;
        height: unset; } }
    @media screen and (min-width: 768px) {
      #extended .notion-story__arrow--4 {
        top: 270px;
        right: 29%;
        width: 185px; } }
    @media screen and (min-width: 900px) {
      #extended .notion-story__arrow--4 {
        top: 270px;
        right: 28%;
        width: 225px; } }
    @media screen and (min-width: 1000px) {
      #extended .notion-story__arrow--4 {
        right: 29%;
        top: 310px;
        width: unset; } }
  #extended .notion-story__accent {
    padding-top: 0;
    position: relative;
    display: none; }
    #extended .notion-story__accent img {
      width: 100%;
      border: 15px solid #ffffff; }
    @media screen and (min-width: 768px) {
      #extended .notion-story__accent {
        display: block; } }
    @media screen and (min-width: 768px) {
      #extended .notion-story__accent--1 {
        max-width: 213px;
        width: 100%;
        position: absolute;
        top: 269px;
        left: 104px; } }
    @media screen and (min-width: 1000px) {
      #extended .notion-story__accent--1 {
        max-width: 233px;
        width: 100%;
        top: 265px;
        left: 135px; } }
    #extended .notion-story__accent--2 {
      max-width: 233px;
      width: 233px; }
    #extended .notion-story__accent--3 {
      max-width: 233px;
      width: 233px; }
  #extended .notion-story__extended-tip {
    background: #000;
    color: #ffffff;
    padding: 125px;
    border-radius: 200px;
    text-align: center;
    position: relative; }
    @media screen and (min-width: 768px) {
      #extended .notion-story__extended-tip {
        padding: 100px; } }
    @media screen and (min-width: 1000px) {
      #extended .notion-story__extended-tip {
        padding: 100px; } }
    #extended .notion-story__extended-tip .tip-content {
      position: absolute;
      top: 0;
      left: 0;
      width: 200px;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-evenly;
      left: 50%;
      transform: translateX(-50%);
      justify-content: center; }
      @media screen and (min-width: 1000px) {
        #extended .notion-story__extended-tip .tip-content {
          left: 50%;
          width: 200px;
          transform: translateX(-50%); } }
      #extended .notion-story__extended-tip .tip-content .tip-title {
        width: 22px; }
        @media screen and (min-width: 768px) {
          #extended .notion-story__extended-tip .tip-content .tip-title {
            width: 30px; } }
        @media screen and (min-width: 1000px) {
          #extended .notion-story__extended-tip .tip-content .tip-title {
            width: 37px; } }
      @media screen and (max-width: 767px) {
        #extended .notion-story__extended-tip .tip-content h3 {
          font-size: 30px;
          font-weight: 600;
          letter-spacing: 0;
          line-height: 50px;
          text-align: center; } }
      #extended .notion-story__extended-tip .tip-content p {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;
        max-width: 176px;
        margin: 0 auto; }
        @media screen and (min-width: 768px) {
          #extended .notion-story__extended-tip .tip-content p {
            font-size: 12px;
            line-height: 20px;
            max-width: 150px; } }
        @media screen and (min-width: 1000px) {
          #extended .notion-story__extended-tip .tip-content p {
            font-size: 13px;
            line-height: 20px; } }
      #extended .notion-story__extended-tip .tip-content .fa {
        color: #ff8ca6;
        font-size: 35px; }
        @media screen and (min-width: 768px) {
          #extended .notion-story__extended-tip .tip-content .fa {
            display: none; } }
  #extended .notion-story__free-stacks-grid-item--header .btn-cta--black {
    margin-bottom: 0; }
  #extended .notion-story__free-stacks-grid-item--header h3 {
    font-size: 20px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: 0.1px;
    line-height: 24px; }
  @media screen and (max-width: 767px) {
    #extended .notion-story__free-stacks-grid-item--1 {
      display: flex;
      flex-direction: column;
      align-items: center; } }
  @media screen and (min-width: 768px) {
    #extended .notion-story__free-stacks-grid-item--1 {
      width: 272px;
      margin: -240px auto 0; } }
  @media screen and (min-width: 1000px) {
    #extended .notion-story__free-stacks-grid-item--1 {
      width: 372px;
      margin: -340px auto 0; } }
  #extended .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #extended .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
        padding-left: 28px; } }
    @media screen and (min-width: 1000px) {
      #extended .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
        padding-left: 93px; } }
    @media screen and (min-width: 768px) {
      #extended .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
        right: 60px;
        top: -1px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }
    @media screen and (min-width: 1000px) {
      #extended .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
        right: 100px; } }
  @media screen and (min-width: 768px) {
    #extended .notion-story__free-stacks-grid-item--2 {
      position: relative;
      width: 256px;
      left: 25px;
      display: flex;
      flex-direction: column-reverse;
      justify-content: flex-end;
      align-items: center;
      margin-top: 50px; } }
  @media screen and (min-width: 1000px) {
    #extended .notion-story__free-stacks-grid-item--2 {
      left: 15px; } }
  @media screen and (min-width: 1440px) {
    #extended .notion-story__free-stacks-grid-item--2 {
      left: 25px; } }
  @media screen and (min-width: 768px) {
    #extended .notion-story__free-stacks-grid-item--2.tip-1 {
      margin-top: 60px; } }
  #extended .notion-story__free-stacks-grid-item--2.tip-2 {
    left: 0; }
    @media screen and (min-width: 1000px) {
      #extended .notion-story__free-stacks-grid-item--2.tip-2 {
        margin-top: 120px; } }
  #extended .notion-story__free-stacks-grid-item--2.tip-3 {
    left: 15px; }
    @media screen and (max-width: 999px) and (min-width: 768px) {
      #extended .notion-story__free-stacks-grid-item--2.tip-3 {
        top: 40px; } }
    @media screen and (min-width: 1000px) {
      #extended .notion-story__free-stacks-grid-item--2.tip-3 {
        margin-top: 70px; } }
  @media screen and (min-width: 768px) {
    #extended .notion-story__free-stacks-grid-item--2-img {
      margin-top: 0px;
      width: calc(55.2% - 20px); } }
  @media screen and (min-width: 1000px) {
    #extended .notion-story__free-stacks-grid-item--2-img {
      width: calc(59.6% - 20px); } }
  @media screen and (min-width: 768px) {
    #extended .notion-story__free-stacks-grid-item--3 {
      width: 335px; } }
  @media screen and (min-width: 1000px) {
    #extended .notion-story__free-stacks-grid-item--3 {
      width: 514px;
      margin-top: 41px; } }
  #extended .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #extended .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
        padding-left: 90px; } }
    @media screen and (min-width: 1000px) {
      #extended .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
        padding-left: 220px; } }
    @media screen and (min-width: 768px) {
      #extended .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header:after {
        right: 93px;
        top: -1px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }
    @media screen and (min-width: 1000px) {
      #extended .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header:after {
        right: 142px; } }
  @media screen and (min-width: 768px) {
    #extended .notion-story__free-stacks-grid-item--3-img {
      margin-top: -378px;
      max-width: 316px; } }
  @media screen and (min-width: 1000px) {
    #extended .notion-story__free-stacks-grid-item--3-img {
      margin-top: -378px; } }
  @media screen and (min-width: 768px) {
    #extended .notion-story__free-stacks-grid-item--4 {
      position: relative;
      display: flex;
      flex-direction: column-reverse;
      justify-content: flex-end;
      align-items: center;
      position: absolute;
      top: calc(50% - 25px);
      left: 61%;
      width: 30%;
      transform: translate(-15%, -50%); } }
  @media screen and (min-width: 1000px) {
    #extended .notion-story__free-stacks-grid-item--4 {
      top: calc(50%); } }
  @media screen and (min-width: 768px) {
    #extended .notion-story__free-stacks-grid-item--4-img {
      width: calc(63.4% - 20px);
      margin-top: 0px; } }
  @media screen and (min-width: 768px) {
    #extended .notion-story__free-stacks-grid-item--5 {
      position: relative;
      width: 256px;
      left: 25px;
      display: flex;
      flex-direction: column-reverse;
      justify-content: flex-end;
      align-items: center;
      margin-top: 50px; } }
  @media screen and (min-width: 1000px) {
    #extended .notion-story__free-stacks-grid-item--5 {
      left: 15px; } }
  @media screen and (min-width: 1440px) {
    #extended .notion-story__free-stacks-grid-item--5 {
      left: 25px; } }
  @media screen and (min-width: 768px) {
    #extended .notion-story__free-stacks-grid-item--5.tip-1 {
      margin-top: 60px; } }
  #extended .notion-story__free-stacks-grid-item--5.tip-2 {
    left: 0; }
    @media screen and (min-width: 1000px) {
      #extended .notion-story__free-stacks-grid-item--5.tip-2 {
        margin-top: 30px; } }
  #extended .notion-story__free-stacks-grid-item--5.tip-3 {
    left: 15px; }
    @media screen and (max-width: 999px) and (min-width: 768px) {
      #extended .notion-story__free-stacks-grid-item--5.tip-3 {
        top: 40px; } }
    @media screen and (min-width: 1000px) {
      #extended .notion-story__free-stacks-grid-item--5.tip-3 {
        margin-top: 70px; } }
  @media screen and (min-width: 768px) {
    #extended .notion-story__free-stacks-grid-item--5-img {
      margin-top: 0px;
      width: calc(55.2% - 20px); } }
  @media screen and (min-width: 1000px) {
    #extended .notion-story__free-stacks-grid-item--5-img {
      width: calc(59.6% - 20px); } }
  @media screen and (min-width: 768px) {
    #extended .notion-story__free-stacks-grid-item--6 {
      width: 335px; } }
  @media screen and (min-width: 1000px) {
    #extended .notion-story__free-stacks-grid-item--6 {
      width: 514px;
      margin-top: 41px; } }
  #extended .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #extended .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header {
        padding-left: 90px; } }
    @media screen and (min-width: 1000px) {
      #extended .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header {
        padding-left: 220px; } }
    @media screen and (min-width: 768px) {
      #extended .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header:after {
        right: 93px;
        top: -1px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }
    @media screen and (min-width: 1000px) {
      #extended .notion-story__free-stacks-grid-item--6 .notion-story__free-stacks-grid-item--header:after {
        right: 142px; } }
  @media screen and (min-width: 768px) {
    #extended .notion-story__free-stacks-grid-item--6-img {
      margin-top: -378px;
      max-width: 316px; } }
  @media screen and (min-width: 1000px) {
    #extended .notion-story__free-stacks-grid-item--6-img {
      margin-top: -378px; } }
  @media screen and (min-width: 768px) {
    #extended .notion-story__free-stacks-grid-item--7 {
      position: relative;
      display: flex;
      flex-direction: column-reverse;
      justify-content: flex-end;
      align-items: center;
      position: absolute;
      top: calc(50% - 25px);
      left: 19%;
      width: 30%;
      transform: translate(-15%, -50%); } }
  @media screen and (min-width: 1000px) {
    #extended .notion-story__free-stacks-grid-item--7 {
      top: calc(50%); } }
  @media screen and (min-width: 768px) {
    #extended .notion-story__free-stacks-grid-item--7-img {
      width: calc(63.4% - 20px);
      margin-top: 0px; } }
  @media screen and (min-width: 768px) {
    #extended .mobile-only {
      display: none; } }
  #extended .desktop-only {
    display: none; }
    @media screen and (min-width: 768px) {
      #extended .desktop-only {
        display: block; } }

.free-scarf-banner {
  background: none;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  background-color: #faf4f0; }
  @media screen and (min-width: 768px) {
    .free-scarf-banner {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f19/holiday-landing/free-scarf-photo-desktop.jpg);
      background-color: #eaebec;
      background-size: auto; } }
  .free-scarf-banner .mobile-container {
    position: relative; }
    @media screen and (min-width: 768px) {
      .free-scarf-banner .mobile-container {
        display: none; } }
  .free-scarf-banner .mobile-bg {
    width: 100%; }
  .free-scarf-banner .mobile-content {
    position: absolute;
    top: 50%;
    right: 35%;
    padding-left: 30px;
    transform: translateY(-50%); }
    .free-scarf-banner .mobile-content .title {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal;
      font-size: 24px;
      font-style: italic;
      line-height: 24px;
      margin-bottom: 12px; }
    .free-scarf-banner .mobile-content .sub-title {
      color: #ec4636;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal;
      font-size: 52px;
      font-weight: bold;
      line-height: 48px; }
  .free-scarf-banner--container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    @media screen and (min-width: 768px) {
      .free-scarf-banner--container {
        height: 735px;
        flex-direction: row;
        align-items: center;
        justify-content: center; } }
  .free-scarf-banner--content {
    width: 100%; }
    @media screen and (max-width: 767px) {
      .free-scarf-banner--content {
        padding: 20px; } }
    @media screen and (max-width: 999px) and (min-width: 768px) {
      .free-scarf-banner--content {
        max-width: 370px; } }
    @media screen and (min-width: 768px) {
      .free-scarf-banner--content {
        width: 50%;
        padding: 50px 0 50px 30px;
        margin-right: 50%; } }
    @media screen and (min-width: 1000px) {
      .free-scarf-banner--content {
        max-width: 460px; } }
    .free-scarf-banner--content h4 {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 700;
      font-style: normal;
      font-size: 22px;
      font-style: italic;
      line-height: 20px;
      margin-bottom: 15px; }
      @media screen and (max-width: 767px) {
        .free-scarf-banner--content h4 {
          display: none; } }
    .free-scarf-banner--content h2 {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 800;
      font-style: normal;
      font-size: 65px;
      font-weight: bold;
      line-height: 60px;
      color: #ec4636;
      margin-bottom: 15px;
      text-transform: uppercase; }
      @media screen and (max-width: 999px) and (min-width: 768px) {
        .free-scarf-banner--content h2 {
          font-size: 48px;
          line-height: 44px; } }
      @media screen and (max-width: 767px) {
        .free-scarf-banner--content h2 {
          display: none; } }
    .free-scarf-banner--content .free-scarf-banner--sub {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal;
      font-size: 24px;
      font-weight: 500;
      line-height: 30px;
      margin-bottom: 15px; }
      @media screen and (max-width: 767px) {
        .free-scarf-banner--content .free-scarf-banner--sub {
          font-size: 21px;
          line-height: 27px; } }
    .free-scarf-banner--content .free-scarf-banner--info {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 700;
      font-style: normal;
      font-size: 24px;
      font-weight: 600;
      line-height: 30px;
      color: #ec4636;
      margin-bottom: 15px; }
      @media screen and (max-width: 999px) and (min-width: 768px) {
        .free-scarf-banner--content .free-scarf-banner--info {
          font-size: 20px;
          line-height: 24px; } }
      @media screen and (max-width: 767px) {
        .free-scarf-banner--content .free-scarf-banner--info {
          font-size: 19px;
          line-height: 23px; } }
      .free-scarf-banner--content .free-scarf-banner--info img {
        float: left;
        margin-left: -50px;
        width: 160px;
        margin-right: 20px; }
        @media screen and (min-width: 768px) {
          .free-scarf-banner--content .free-scarf-banner--info img {
            display: none; } }
    .free-scarf-banner--content .free-scarf-banner--terms {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal;
      font-size: 12px;
      font-weight: 500;
      line-height: 24px; }
      @media screen and (max-width: 767px) {
        .free-scarf-banner--content .free-scarf-banner--terms {
          font-size: 15px;
          line-height: 24px; } }
    .free-scarf-banner--content .shop-now {
      width: 100%;
      margin-bottom: 15px; }
      @media screen and (min-width: 768px) {
        .free-scarf-banner--content .shop-now {
          max-width: 335px; } }

.hgg-special-row {
  margin-top: -30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  height: 530px; }
  @media screen and (min-width: 1000px) {
    .hgg-special-row {
      overflow-x: initial; } }
  @media screen and (max-width: 767px) {
    .hgg-special-row--necklace-row {
      height: 700px;
      align-items: flex-end; } }
  @media screen and (max-width: 767px) {
    .hgg-special-row--dressmakers-necklace {
      margin-top: -200px;
      height: 700px;
      align-items: flex-end; } }
  .hgg-special-row--gift-card {
    height: 620px; }
    @media screen and (max-width: 999px) {
      .hgg-special-row--gift-card {
        height: 900px;
        align-items: flex-end; } }
    @media screen and (max-width: 480px) {
      .hgg-special-row--gift-card {
        height: 800px; } }
  .hgg-special-row .hgg-special-container {
    z-index: 1;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .hgg-special-row .hgg-special-container {
        width: 830px;
        max-width: 100%; } }
    @media screen and (max-width: 767px) {
      .hgg-special-row .hgg-special-container.necklace {
        margin-bottom: 60px; } }
  .hgg-special-row .hgg-speical-image {
    position: absolute; }
    .hgg-special-row .hgg-speical-image--tudor-cuff {
      top: -280px;
      left: calc(50% - 75px); }
      @media screen and (max-width: 767px) {
        .hgg-special-row .hgg-speical-image--tudor-cuff {
          width: 375px;
          left: calc(50% - 200px);
          top: -220px; } }
    .hgg-special-row .hgg-speical-image--perfect-pair {
      top: 100px;
      left: calc(50% + 170px); }
      @media screen and (max-width: 767px) {
        .hgg-special-row .hgg-speical-image--perfect-pair {
          left: 50%;
          top: 80px; } }
    .hgg-special-row .hgg-speical-image--gift-card {
      left: 50%;
      top: 90px;
      transform: translateX(-50%); }
      @media screen and (min-width: 1000px) {
        .hgg-special-row .hgg-speical-image--gift-card {
          left: 0;
          top: initial;
          transform: initial; } }
      @media screen and (max-width: 480px) {
        .hgg-special-row .hgg-speical-image--gift-card {
          width: calc(100% + 30px); } }
    .hgg-special-row .hgg-speical-image--let-her-choose {
      left: calc(50% - 30px);
      transform: translateX(-50%);
      top: 60px; }
      @media screen and (min-width: 1000px) {
        .hgg-special-row .hgg-speical-image--let-her-choose {
          left: 196px;
          top: 40px;
          transform: initial; } }
    .hgg-special-row .hgg-speical-image--dressmakers-necklace {
      top: -100px;
      left: calc(50% - 75px); }
      @media screen and (max-width: 767px) {
        .hgg-special-row .hgg-speical-image--dressmakers-necklace {
          top: 0;
          left: calc(50% - 75px);
          width: 375px; } }

.hgg-one-size-fit--container {
  position: relative; }

.hgg-one-size-fit--img {
  position: absolute;
  top: -19px;
  left: -24px; }
  @media screen and (min-width: 768px) {
    .hgg-one-size-fit--img {
      top: 50%;
      transform: translateY(-50%);
      left: -64px; } }

.its-a-set--container {
  position: relative; }

.its-a-set--img {
  position: absolute;
  top: 36px;
  left: 50%;
  transform: translateX(-50%); }
  @media screen and (max-width: 767px) {
    .its-a-set--img {
      display: none; } }

.hgg-special-item {
  z-index: 1;
  margin-left: 60px; }
  @media screen and (max-width: 767px) {
    .hgg-special-item {
      margin-left: initial;
      text-align: center; } }
  .hgg-special-item.offset {
    margin-bottom: 30px; }
  @media screen and (max-width: 999px) {
    .hgg-special-item.gift-card {
      margin-left: unset;
      text-align: center;
      max-width: 80%;
      margin: auto;
      margin-bottom: 60px;
      width: 400px; } }
  @media screen and (min-width: 1000px) {
    .hgg-special-item.gift-card {
      margin-left: calc(50% + 120px); } }
  .hgg-special-item.gift-card h3 {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 800;
    font-style: normal;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 30px; }
  .hgg-special-item.gift-card p {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.09px;
    line-height: 26px;
    margin-bottom: 10px; }
  .hgg-special-item > span {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 600;
    font-style: normal;
    font-size: 12px; }
  .hgg-special-item h3 {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 800;
    font-style: normal;
    font-size: 24px;
    line-height: 30px; }

.hgg-mobile-hint {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 800;
  font-style: normal;
  color: #ec4636;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  width: 200px;
  margin: 0 auto 30px auto; }
  @media screen and (min-width: 768px) {
    .hgg-mobile-hint {
      display: none; } }

#holiday-party-page {
  padding-top: 60px; }
  @media screen and (min-width: 768px) {
    #holiday-party-page {
      padding-top: 80px; } }
  @media screen and (max-width: 1249px) and (min-width: 768px) {
    #holiday-party-page {
      padding-right: 20px;
      padding-left: 20px; } }

.holiday-party-intro--content {
  width: 100%;
  position: relative;
  z-index: 0; }
  .holiday-party-intro--content:before {
    content: '';
    background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f19/holiday-party-outfits/snowflake.svg);
    display: block;
    position: absolute;
    width: 174px;
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    top: -79px;
    left: -50px; }
  @media screen and (min-width: 768px) {
    .holiday-party-intro--content {
      margin-right: 25px;
      width: 500px; } }
  @media screen and (min-width: 850px) {
    .holiday-party-intro--content {
      padding-top: 75px; }
      .holiday-party-intro--content:before {
        top: -4px; } }
  @media screen and (min-width: 1250px) {
    .holiday-party-intro--content {
      padding-top: 75px;
      width: 540px; } }
  .holiday-party-intro--content h2 {
    color: #EC4636;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 44px;
    letter-spacing: 0.26px;
    line-height: 50px;
    margin-bottom: 20px; }
    .holiday-party-intro--content h2 .gold-text {
      color: #A08038; }
    @media screen and (min-width: 768px) {
      .holiday-party-intro--content h2 {
        font-size: 38px;
        line-height: 42px; } }
    @media screen and (min-width: 1250px) {
      .holiday-party-intro--content h2 {
        font-size: 60px;
        font-weight: 500;
        letter-spacing: 0.36px;
        line-height: 60px;
        margin-bottom: 30px; } }
  .holiday-party-intro--content p {
    color: #000;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 40px; }
    @media screen and (min-width: 1250px) {
      .holiday-party-intro--content p {
        font-size: 20px;
        letter-spacing: 0.1px;
        line-height: 26px; } }

.holiday-party-section--container {
  position: relative; }
  @media screen and (max-width: 1249px) and (min-width: 768px) {
    .holiday-party-section--container {
      width: 100%; } }

.holiday-party-section {
  display: flex;
  margin-bottom: 60px;
  padding: 0 20px;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .holiday-party-section {
      padding: unset;
      flex-direction: row; }
      .holiday-party-section.reverse {
        justify-content: flex-end; } }
  @media screen and (min-width: 768px) {
    .holiday-party-section.holiday-party-section--3 {
      margin-top: -140px; } }
  @media screen and (min-width: 1250px) {
    .holiday-party-section.holiday-party-section--3 {
      margin-top: -230px; } }

.holiday-party-section--tag {
  background: #ec4636;
  padding: 20px 0;
  width: 80%;
  max-width: 202px;
  text-align: center;
  margin: 0 auto;
  position: relative;
  z-index: 0; }
  .holiday-party-section--tag:after {
    content: '';
    position: absolute;
    z-index: -1;
    border: 101px solid #EC4636;
    border-bottom-color: transparent;
    top: calc(100% - 101px);
    left: 0;
    border-bottom-width: 12px; }
    @media screen and (min-width: 768px) {
      .holiday-party-section--tag:after {
        border: 72.5px solid #EC4636;
        border-left-color: transparent;
        border-bottom-width: 12px;
        border-left-width: 20px;
        border-bottom-width: 72.5px;
        top: 0;
        right: calc(100% - 72.5px);
        left: unset; } }
  @media screen and (min-width: 768px) {
    .holiday-party-section--tag {
      position: absolute;
      width: 100%;
      max-width: 395px;
      text-align: right; }
      .holiday-party-section--tag.reverse {
        text-align: left; } }
  @media screen and (min-width: 1250px) {
    .holiday-party-section--tag {
      position: absolute;
      padding: 30px 60px 30px 0;
      text-align: right;
      width: 100%;
      max-width: 395px; }
      .holiday-party-section--tag.reverse {
        padding: 30px 0 30px 60px; } }
  .holiday-party-section--tag h3 {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 700;
    font-style: normal;
    color: #fff;
    font-size: 24px;
    line-height: 26px; }
    @media screen and (min-width: 1250px) {
      .holiday-party-section--tag h3 {
        font-size: 30px;
        font-weight: 600;
        line-height: 35px;
        margin-bottom: 15px; } }
  .holiday-party-section--tag .btn-cta--white {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.35px;
    line-height: 18px;
    background-color: transparent;
    cursor: pointer;
    text-transform: uppercase; }
  @media screen and (max-width: 767px) {
    .holiday-party-section--1 .holiday-party-section--tag {
      padding: 20px; } }
  @media screen and (min-width: 768px) {
    .holiday-party-section--1 .holiday-party-section--tag {
      right: 100%;
      bottom: 50px; } }
  @media screen and (max-width: 1249px) and (min-width: 768px) {
    .holiday-party-section--1 .holiday-party-section--tag {
      padding: 30px 40px 30px 0;
      width: 240px;
      height: 145px; } }
  @media screen and (min-width: 1250px) {
    .holiday-party-section--1 .holiday-party-section--tag {
      bottom: 220px;
      position: absolute;
      padding: 30px 60px 30px 0px;
      text-align: right;
      width: 100%;
      max-width: 395px; } }
  @media screen and (min-width: 768px) {
    .holiday-party-section--1 .holiday-party-section--tag:after {
      border: 72.5px solid #EC4636;
      border-left-color: transparent;
      border-left-width: 20px;
      border-bottom-width: 72.5px;
      top: 0;
      right: calc(100% - 72.5px);
      left: unset; } }
  @media screen and (min-width: 768px) {
    .holiday-party-section--2 .holiday-party-section--tag {
      left: calc(60% - 30px);
      top: 100px; } }
  @media screen and (max-width: 1249px) and (min-width: 768px) {
    .holiday-party-section--2 .holiday-party-section--tag {
      padding: 30px 0 30px 40px;
      width: 280px;
      height: 145px; } }
  @media screen and (min-width: 1250px) {
    .holiday-party-section--2 .holiday-party-section--tag {
      left: 100%;
      top: 180px; } }
  @media screen and (min-width: 768px) {
    .holiday-party-section--2 .holiday-party-section--tag:after {
      border: 72.5px solid #EC4636;
      border-right-color: transparent;
      border-right-width: 20px;
      border-bottom-width: 72.5px;
      top: 0;
      left: calc(100% - 72.5px);
      right: unset; } }
  @media screen and (min-width: 1250px) {
    .holiday-party-section--2 .holiday-party-section--tag:after {
      border: 90px solid #EC4636;
      border-right-color: transparent;
      border-right-width: 20px;
      border-bottom-width: 90px;
      left: calc(100% - 90px); } }
  @media screen and (min-width: 768px) {
    .holiday-party-section--3 .holiday-party-section--tag {
      right: 40%;
      bottom: 80px; } }
  @media screen and (max-width: 1249px) and (min-width: 768px) {
    .holiday-party-section--3 .holiday-party-section--tag {
      padding: 30px 40px 30px 0;
      width: 280px;
      height: 145px; } }
  @media screen and (min-width: 1250px) {
    .holiday-party-section--3 .holiday-party-section--tag {
      right: 100%;
      bottom: 125px; } }
  @media screen and (min-width: 768px) {
    .holiday-party-section--3 .holiday-party-section--tag:after {
      border: 72.5px solid #EC4636;
      border-left-color: transparent;
      border-left-width: 20px;
      border-bottom-width: 72.5px;
      top: 0;
      right: calc(100% - 72.5px);
      left: unset; } }
  @media screen and (min-width: 1250px) {
    .holiday-party-section--3 .holiday-party-section--tag:after {
      border: 90px solid #EC4636;
      border-left-color: transparent;
      border-left-width: 20px;
      border-bottom-width: 90px;
      right: calc(100% - 90px); } }
  @media screen and (min-width: 768px) {
    .holiday-party-section--4 .holiday-party-section--tag {
      left: 60%;
      top: 140px; } }
  @media screen and (max-width: 1249px) and (min-width: 768px) {
    .holiday-party-section--4 .holiday-party-section--tag {
      padding: 30px 50px 30px 40px;
      width: 240px;
      height: 145px; } }
  @media screen and (min-width: 1250px) {
    .holiday-party-section--4 .holiday-party-section--tag {
      left: 100%;
      top: 236px; } }
  @media screen and (min-width: 768px) {
    .holiday-party-section--4 .holiday-party-section--tag:after {
      border: 72.5px solid #EC4636;
      border-right-color: transparent;
      border-right-width: 20px;
      border-bottom-width: 72.5px;
      top: 0;
      left: calc(100% - 72.5px);
      right: unset; } }

.holiday-party-section--img img {
  display: block;
  border: solid 20px #fff;
  width: 100%; }

@media screen and (min-width: 768px) {
  .holiday-party-section--2 .holiday-party-section--img {
    max-width: calc(60% - 30px); } }

@media screen and (min-width: 1250px) {
  .holiday-party-section--2 .holiday-party-section--img {
    max-width: 575px; } }

@media screen and (min-width: 768px) {
  .holiday-party-section--3 .holiday-party-section--img {
    max-width: 40%;
    margin-left: auto;
    position: relative;
    z-index: 0; }
    .holiday-party-section--3 .holiday-party-section--img:before {
      content: '';
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f19/holiday-party-outfits/snowflake.svg);
      display: block;
      position: absolute;
      width: 70%;
      height: 0;
      background-size: contain;
      background-repeat: no-repeat;
      z-index: -1;
      padding-bottom: calc(70% * .862258);
      -webkit-transform: translate(-50%, -60%);
      -moz-transform: translate(-50%, -60%);
      -ms-transform: translate(-50%, -60%);
      -o-transform: translate(-50%, -60%);
      transform: translate(-50%, -60%);
      left: 50%; } }

@media screen and (min-width: 1250px) {
  .holiday-party-section--3 .holiday-party-section--img {
    max-width: 460px; } }

@media screen and (min-width: 768px) {
  .holiday-party-section--4 .holiday-party-section--img {
    max-width: 60%;
    position: relative;
    z-index: 0; }
    .holiday-party-section--4 .holiday-party-section--img:before {
      content: '';
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f19/holiday-party-outfits/snowflake.svg);
      display: block;
      position: absolute;
      width: 60%;
      height: 0;
      background-size: contain;
      background-repeat: no-repeat;
      z-index: -1;
      padding-bottom: calc(60% * .862258);
      -webkit-transform: translate(60%, -20%);
      -moz-transform: translate(60%, -20%);
      -ms-transform: translate(60%, -20%);
      -o-transform: translate(60%, -20%);
      transform: translate(60%, -20%);
      right: 0;
      bottom: 0; } }

@media screen and (min-width: 1250px) {
  .holiday-party-section--4 .holiday-party-section--img {
    max-width: 695px; } }

#all-time-comfort {
  max-width: 860px; }
  @media screen and (max-width: 767px) {
    #all-time-comfort .notion-story__free-stacks-grid-item--center {
      margin-bottom: 30px; } }
  @media screen and (max-width: 767px) {
    #all-time-comfort .notion-story__free-stacks-grid-item--center--mobile {
      margin-bottom: 0; } }
  @media screen and (max-width: 767px) {
    #all-time-comfort .notion-story__intro {
      padding: 10px 30px 40px 30px; } }
  #all-time-comfort .notion-story__item-grid {
    padding-top: 0; }
    @media screen and (min-width: 768px) {
      #all-time-comfort .notion-story__item-grid {
        padding: 30px; } }
  @media screen and (max-width: 767px) {
    #all-time-comfort .notion-story__intro-title {
      width: 80%;
      max-width: 420px; } }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    #all-time-comfort .notion-story__intro-title {
      padding-left: 30px;
      padding-bottom: 0;
      margin-top: 40px;
      margin-bottom: 10px;
      max-width: calc(100% - 20px); } }
  @media screen and (min-width: 1000px) {
    #all-time-comfort .notion-story__intro-title {
      margin-top: 10px;
      margin-bottom: 40px;
      max-width: calc(100% - 40px); } }
  #all-time-comfort .notion-story__intro-description--line-height {
    line-height: 26px; }
    @media screen and (max-width: 767px) {
      #all-time-comfort .notion-story__intro-description--line-height {
        display: block; } }
  @media screen and (max-width: 767px) {
    #all-time-comfort .notion-story__intro-description {
      font-size: 16px;
      line-height: 22px;
      letter-spacing: 0.6px; } }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    #all-time-comfort .notion-story__intro-description {
      font-size: 16px;
      line-height: 24px;
      letter-spacing: 0.08px;
      padding-left: 30px; } }
  @media screen and (min-width: 1000px) {
    #all-time-comfort .notion-story__intro-description {
      font-size: 18px;
      font-weight: 300;
      letter-spacing: 0.1px;
      line-height: 26px;
      padding-left: 0; } }
  #all-time-comfort .notion-story__free-stacks-grid-item--alignment {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: center; }
    @media screen and (max-width: 767px) {
      #all-time-comfort .notion-story__free-stacks-grid-item--alignment {
        flex-direction: column; } }
    #all-time-comfort .notion-story__free-stacks-grid-item--alignment:first-of-type {
      margin-bottom: 60px; }
  #all-time-comfort .notion-story__free-stacks-grid-item--header .btn-cta--black {
    margin-top: 0;
    margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    #all-time-comfort .notion-story__free-stacks-grid-item--1 {
      display: flex;
      flex-direction: column;
      align-items: center; } }
  @media screen and (min-width: 768px) {
    #all-time-comfort .notion-story__free-stacks-grid-item--1 {
      width: 240px;
      margin: -232px auto 0; } }
  @media screen and (min-width: 1000px) {
    #all-time-comfort .notion-story__free-stacks-grid-item--1 {
      width: 274px;
      margin: -216px auto 0; } }
  #all-time-comfort .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #all-time-comfort .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
        padding-left: 62px; } }
    @media screen and (min-width: 1000px) {
      #all-time-comfort .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
        padding-left: 78px; } }
    @media screen and (min-width: 768px) {
      #all-time-comfort .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
        right: 60px;
        top: 0px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }
    @media screen and (min-width: 1000px) {
      #all-time-comfort .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
        right: 93px; } }
  @media screen and (min-width: 768px) {
    #all-time-comfort .notion-story__free-stacks-grid-item--2 {
      position: relative;
      width: 216px;
      left: 20px;
      margin-top: -40px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: center; } }
  @media screen and (min-width: 1000px) {
    #all-time-comfort .notion-story__free-stacks-grid-item--2 {
      margin-top: -160px;
      width: 250px;
      left: 15px; } }
  @media screen and (min-width: 1440px) {
    #all-time-comfort .notion-story__free-stacks-grid-item--2 {
      left: 40px; } }
  #all-time-comfort .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #all-time-comfort .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
        text-align: left; } }
    @media screen and (min-width: 768px) {
      #all-time-comfort .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header:after {
        left: -26px;
        top: -1px;
        text-align: left;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); } }
  @media screen and (min-width: 768px) {
    #all-time-comfort .notion-story__free-stacks-grid-item--2-img {
      margin-top: 0px; } }
  @media screen and (min-width: 768px) {
    #all-time-comfort .notion-story__free-stacks-grid-item--3 {
      width: 234px;
      margin-top: 120px; } }
  @media screen and (min-width: 1000px) {
    #all-time-comfort .notion-story__free-stacks-grid-item--3 {
      width: 266px;
      margin-top: 105px; } }
  #all-time-comfort .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
    position: relative;
    text-align: center; }
    @media screen and (min-width: 768px) {
      #all-time-comfort .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
        padding-left: 0; } }
    @media screen and (min-width: 1000px) {
      #all-time-comfort .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
        padding-left: 0; } }
    @media screen and (min-width: 768px) {
      #all-time-comfort .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        right: 15px;
        top: auto;
        bottom: -3px; } }
    @media screen and (min-width: 1000px) {
      #all-time-comfort .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header:after {
        right: 29px;
        top: 19px;
        bottom: 0; } }
  @media screen and (min-width: 768px) {
    #all-time-comfort .notion-story__free-stacks-grid-item--3-img {
      margin-top: 0px; } }
  @media screen and (min-width: 768px) {
    #all-time-comfort .notion-story__free-stacks-grid-item--4 {
      position: relative;
      width: 232px;
      left: 20px;
      margin-top: 96px;
      display: flex;
      flex-direction: column-reverse;
      justify-content: flex-end;
      align-items: center; } }
  @media screen and (min-width: 1000px) {
    #all-time-comfort .notion-story__free-stacks-grid-item--4 {
      margin-top: 150px;
      width: 260px;
      left: 15px; } }
  #all-time-comfort .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #all-time-comfort .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
        text-align: left; } }
    @media screen and (min-width: 768px) {
      #all-time-comfort .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header:after {
        left: -26px;
        top: -1px;
        text-align: left;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); } }
  @media screen and (min-width: 768px) {
    #all-time-comfort .notion-story__free-stacks-grid-item--4-img {
      margin-top: 20px; } }
  @media screen and (min-width: 768px) {
    #all-time-comfort .mobile-only {
      display: none; } }
  #all-time-comfort .desktop-only {
    display: none; }
    @media screen and (min-width: 768px) {
      #all-time-comfort .desktop-only {
        display: block; } }
  @media screen and (min-width: 768px) {
    #all-time-comfort .notion-story__item-wrapper__fullwidth .notion-story__item {
      width: calc(62.5% - 20px); } }
  @media screen and (min-width: 768px) {
    #all-time-comfort .notion-story__free-stacks-grid-item--2-img,
    #all-time-comfort .notion-story__free-stacks-grid-item--3-img,
    #all-time-comfort .notion-story__free-stacks-grid-item--4-img {
      width: calc(60% - 20px); } }

#bolt-of-blue {
  max-width: 820px; }
  #bolt-of-blue .notion-story__item-grid {
    padding-top: 0; }
    @media screen and (min-width: 768px) {
      #bolt-of-blue .notion-story__item-grid {
        padding: 30px; } }
  #bolt-of-blue .notion-story__free-stacks-grid-item--center,
  #bolt-of-blue .notion-story__free-stacks-grid-item--center--mobile {
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      #bolt-of-blue .notion-story__free-stacks-grid-item--center,
      #bolt-of-blue .notion-story__free-stacks-grid-item--center--mobile {
        width: 40%; } }
  #bolt-of-blue .notion-story__intro-title {
    padding-top: 30px;
    padding-bottom: 30px; }
    @media screen and (min-width: 768px) {
      #bolt-of-blue .notion-story__intro-title {
        padding-top: 40px;
        padding-left: 20px; } }
    @media screen and (min-width: 1000px) {
      #bolt-of-blue .notion-story__intro-title {
        padding-top: 40px;
        padding-left: 0; } }
  #bolt-of-blue .notion-story__title-img {
    max-width: 480px;
    width: calc(100% - 80px);
    height: auto; }
    @media screen and (min-width: 768px) {
      #bolt-of-blue .notion-story__title-img {
        max-width: none;
        width: calc(100% - 30px); } }
    @media screen and (min-width: 1000px) {
      #bolt-of-blue .notion-story__title-img {
        max-width: 350px;
        width: calc(100% - 30px); } }
  @media screen and (max-width: 767px) {
    #bolt-of-blue .notion-story__feature-img {
      margin-left: -30px;
      margin-right: -30px; } }
  #bolt-of-blue .notion-story__intro-description {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.08px;
    line-height: 22px;
    max-width: 348px;
    padding-left: 30px; }
    @media screen and (min-width: 768px) {
      #bolt-of-blue .notion-story__intro-description {
        padding-left: 25px; } }
    #bolt-of-blue .notion-story__intro-description span {
      font-style: italic; }
    @media screen and (max-width: 999px) {
      #bolt-of-blue .notion-story__intro-description {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.07px;
        line-height: 20px; } }
    @media screen and (min-width: 1000px) {
      #bolt-of-blue .notion-story__intro-description {
        padding-left: 15px; } }
    @media screen and (max-width: 767px) {
      #bolt-of-blue .notion-story__intro-description {
        font-weight: 300;
        line-height: 18px;
        max-width: unset;
        padding: 0; } }
  #bolt-of-blue .notion-story__free-stacks-grid-item--header .btn-cta--black {
    margin-top: 0;
    margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    #bolt-of-blue .notion-story__free-stacks-grid-item--1 {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 0 60px; } }
  @media screen and (min-width: 768px) {
    #bolt-of-blue .notion-story__free-stacks-grid-item--1 {
      width: 238px;
      margin: -330px auto 0; } }
  @media screen and (min-width: 1000px) {
    #bolt-of-blue .notion-story__free-stacks-grid-item--1 {
      width: 274px;
      margin: -330px auto 0; } }
  #bolt-of-blue .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #bolt-of-blue .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
        padding-left: 47px; } }
    @media screen and (min-width: 1000px) {
      #bolt-of-blue .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header {
        padding-left: 37px; } }
    @media screen and (min-width: 768px) {
      #bolt-of-blue .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
        right: 60px;
        top: 0px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }
    @media screen and (min-width: 1000px) {
      #bolt-of-blue .notion-story__free-stacks-grid-item--1 .notion-story__free-stacks-grid-item--header:after {
        right: 93px;
        top: 0; } }
  @media screen and (max-width: 767px) {
    #bolt-of-blue .notion-story__free-stacks-grid-item--2 {
      margin: 0 50px 0px; } }
  @media screen and (min-width: 768px) {
    #bolt-of-blue .notion-story__free-stacks-grid-item--2 {
      position: relative;
      width: 256px;
      left: 40px;
      margin-top: -20px;
      display: flex;
      flex-direction: column-reverse;
      justify-content: flex-end;
      align-items: center; } }
  @media screen and (min-width: 1000px) {
    #bolt-of-blue .notion-story__free-stacks-grid-item--2 {
      margin-top: 0;
      width: 300px;
      left: 15px; } }
  @media screen and (min-width: 1440px) {
    #bolt-of-blue .notion-story__free-stacks-grid-item--2 {
      left: 40px; } }
  #bolt-of-blue .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #bolt-of-blue .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header {
        text-align: left; } }
    @media screen and (min-width: 768px) {
      #bolt-of-blue .notion-story__free-stacks-grid-item--2 .notion-story__free-stacks-grid-item--header:after {
        left: -26px;
        top: -1px;
        text-align: left;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); } }
  @media screen and (min-width: 768px) {
    #bolt-of-blue .notion-story__free-stacks-grid-item--2-img {
      margin-top: 60px; } }
  @media screen and (min-width: 1000px) {
    #bolt-of-blue .notion-story__free-stacks-grid-item--2-img {
      margin-top: 100px; } }
  @media screen and (max-width: 767px) {
    #bolt-of-blue .notion-story__free-stacks-grid-item--3 {
      margin: 0 40px; } }
  @media screen and (min-width: 768px) {
    #bolt-of-blue .notion-story__free-stacks-grid-item--3 {
      width: 262px;
      margin-top: 40px; } }
  @media screen and (min-width: 1000px) {
    #bolt-of-blue .notion-story__free-stacks-grid-item--3 {
      width: 295px;
      margin-top: 40px; } }
  #bolt-of-blue .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #bolt-of-blue .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
        padding-left: 54px; } }
    @media screen and (min-width: 1000px) {
      #bolt-of-blue .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header {
        padding-left: 50px; } }
    @media screen and (min-width: 768px) {
      #bolt-of-blue .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header:after {
        right: 40px;
        top: 0px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }
    @media screen and (min-width: 1000px) {
      #bolt-of-blue .notion-story__free-stacks-grid-item--3 .notion-story__free-stacks-grid-item--header:after {
        right: 78px; } }
  @media screen and (min-width: 768px) {
    #bolt-of-blue .notion-story__free-stacks-grid-item--3-img {
      margin-top: -285px;
      max-width: 460px; } }
  @media screen and (min-width: 1000px) {
    #bolt-of-blue .notion-story__free-stacks-grid-item--3-img {
      margin-top: -285px; } }
  @media screen and (max-width: 767px) {
    #bolt-of-blue .notion-story__free-stacks-grid-item--4 {
      margin: 0 75px; } }
  @media screen and (min-width: 768px) {
    #bolt-of-blue .notion-story__free-stacks-grid-item--4 {
      position: relative;
      width: 188px;
      left: 40px;
      margin-top: -86px;
      display: flex;
      flex-direction: column-reverse;
      justify-content: flex-end;
      align-items: center; } }
  @media screen and (min-width: 1000px) {
    #bolt-of-blue .notion-story__free-stacks-grid-item--4 {
      margin-top: -176px;
      width: 225px; } }
  #bolt-of-blue .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #bolt-of-blue .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header {
        text-align: left; } }
    @media screen and (min-width: 768px) {
      #bolt-of-blue .notion-story__free-stacks-grid-item--4 .notion-story__free-stacks-grid-item--header:after {
        left: -26px;
        top: -1px;
        text-align: left;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); } }
  @media screen and (min-width: 768px) {
    #bolt-of-blue .notion-story__free-stacks-grid-item--4-img {
      margin-top: 20px; } }
  @media screen and (min-width: 1000px) {
    #bolt-of-blue .notion-story__free-stacks-grid-item--4-img {
      margin-top: 0px; } }
  @media screen and (max-width: 767px) {
    #bolt-of-blue .notion-story__free-stacks-grid-item--5 {
      margin: 0 40px; } }
  @media screen and (min-width: 768px) {
    #bolt-of-blue .notion-story__free-stacks-grid-item--5 {
      width: 258px;
      margin-top: 40px; } }
  @media screen and (min-width: 1000px) {
    #bolt-of-blue .notion-story__free-stacks-grid-item--5 {
      width: 296px;
      margin-top: 75px; } }
  #bolt-of-blue .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
    position: relative; }
    @media screen and (min-width: 768px) {
      #bolt-of-blue .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
        padding-left: 62px; } }
    @media screen and (min-width: 1000px) {
      #bolt-of-blue .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header {
        padding-left: 70px; } }
    @media screen and (min-width: 768px) {
      #bolt-of-blue .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header:after {
        right: 32px;
        top: 0px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); } }
    @media screen and (min-width: 1000px) {
      #bolt-of-blue .notion-story__free-stacks-grid-item--5 .notion-story__free-stacks-grid-item--header:after {
        right: 63px; } }
  @media screen and (min-width: 768px) {
    #bolt-of-blue .notion-story__free-stacks-grid-item--5-img {
      margin-top: -276px;
      max-width: 460px; } }
  @media screen and (min-width: 1000px) {
    #bolt-of-blue .notion-story__free-stacks-grid-item--5-img {
      margin-top: -285px;
      max-width: 460px; } }
  @media screen and (min-width: 768px) {
    #bolt-of-blue .mobile-only {
      display: none; } }
  #bolt-of-blue .desktop-only {
    display: none; }
    @media screen and (min-width: 768px) {
      #bolt-of-blue .desktop-only {
        display: block; } }

@media screen and (max-width: min-width 480px 12) {
  .btn.btn-underline {
    font-size: 16px !important;
    width: 70% !important; } }

#page[data-page-id="page-host"] {
  background: #fff;
  margin: 0; }
  #page[data-page-id="page-host"] h2 {
    font-size: 32px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0.52px;
    line-height: 40px;
    text-align: center;
    margin: 20px 0; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-host"] h2 {
        font-size: 36px; } }
  #page[data-page-id="page-host"] p {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.35px;
    line-height: 24px;
    text-align: center; }
  #page[data-page-id="page-host"] .background-grey {
    background: #f9f9f9; }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-host"] .background-grey {
        background: transparent; } }
  #page[data-page-id="page-host"] .page-body {
    position: relative;
    max-width: 1800px;
    margin: 0 auto; }
  #page[data-page-id="page-host"] .box-bg {
    position: absolute;
    display: none; }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-host"] .box-bg {
        display: block; } }
    #page[data-page-id="page-host"] .box-bg--1 {
      width: 601px;
      height: 402px;
      top: 234px;
      left: 908px;
      z-index: 1;
      background: #e4e4e4; }
    #page[data-page-id="page-host"] .box-bg--2 {
      width: 692px;
      height: 620px;
      top: 630px;
      right: 1072px;
      z-index: 1;
      background: #e4e4e4; }
    #page[data-page-id="page-host"] .box-bg--3 {
      width: 1639px;
      height: 664px;
      top: -1px;
      left: -321px;
      z-index: 0;
      background: #f9f9f9; }
    #page[data-page-id="page-host"] .box-bg--4 {
      width: 1651px;
      height: 761px;
      top: 1053px;
      right: -87px;
      z-index: 0;
      background: #f9f9f9; }
  #page[data-page-id="page-host"] .page-header {
    background: #ffffff url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/fashion-experience/styling-services-header-img-mobile.jpg");
    background-size: cover !important;
    background-repeat: no-repeat;
    padding-top: 10%;
    padding-bottom: 30px;
    margin: 0 auto;
    max-width: 1800px; }
    @media screen and (max-width: 480px) {
      #page[data-page-id="page-host"] .page-header {
        background-size: 100% auto !important; } }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-host"] .page-header {
        background: #ffffff url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/fashion-experience/styling-services-header-img-tablet.png");
        background-size: contain !important;
        background-position: top right;
        background-repeat: no-repeat;
        padding-top: 50px; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-host"] .page-header {
        background: #ffffff url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/fashion-experience/styling-services-header-img.jpg") no-repeat;
        background-size: 1800px !important;
        background-position: top center;
        height: 340px; } }
    #page[data-page-id="page-host"] .page-header .perks__thirds {
      margin: 100px auto 20px; }
    #page[data-page-id="page-host"] .page-header__group {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      flex-direction: column;
      margin: 0 auto;
      padding-top: 90px; }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-host"] .page-header__group {
          flex-direction: row; } }
      #page[data-page-id="page-host"] .page-header__group img {
        width: 295px; }
        @media screen and (min-width: 1000px) {
          #page[data-page-id="page-host"] .page-header__group img {
            width: auto;
            margin-right: 50px; } }
      #page[data-page-id="page-host"] .page-header__group h2 {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 600;
        font-style: normal;
        text-align: left;
        max-width: 550px;
        font-size: 18px;
        font-style: italic;
        font-weight: 700;
        letter-spacing: 0.48px;
        line-height: 28px; }
        @media screen and (min-width: 768px) {
          #page[data-page-id="page-host"] .page-header__group h2 {
            font-size: 18px;
            letter-spacing: 0.21px;
            line-height: 28px; } }
      #page[data-page-id="page-host"] .page-header__group p {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        text-align: left;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.21px;
        line-height: 22px; }
        @media screen and (min-width: 768px) {
          #page[data-page-id="page-host"] .page-header__group p {
            font-size: 14px;
            letter-spacing: 0.21px;
            line-height: 22px; } }
        @media screen and (min-width: 1000px) {
          #page[data-page-id="page-host"] .page-header__group p {
            max-width: 550px; } }
  #page[data-page-id="page-host"] .services-section {
    position: relative;
    z-index: 2; }
    #page[data-page-id="page-host"] .services-section h2 {
      color: #3d413f;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 26px;
      font-style: italic;
      font-weight: 300;
      letter-spacing: 0.29px;
      line-height: 34px;
      text-align: left;
      margin-right: auto; }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-host"] .services-section h2 {
          text-align: center;
          margin-right: 0; } }
    #page[data-page-id="page-host"] .services-section--column-wrapper {
      display: flex;
      justify-content: space-evenly;
      flex-direction: column; }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-host"] .services-section--column-wrapper {
          flex-direction: row; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-host"] .services-section--column {
        max-width: 280px; } }
    #page[data-page-id="page-host"] .services-section--column img {
      width: 100%;
      margin-bottom: 15px; }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-host"] .services-section--column img {
          max-width: 281px; } }
      #page[data-page-id="page-host"] .services-section--column img.mobile {
        display: none; }
        @media screen and (max-width: 767px) {
          #page[data-page-id="page-host"] .services-section--column img.mobile {
            display: block; } }
      @media screen and (max-width: 767px) {
        #page[data-page-id="page-host"] .services-section--column img.desktop {
          display: none; } }
    #page[data-page-id="page-host"] .services-section--column h3 {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 700;
      font-style: normal;
      color: #3d413f;
      font-size: 18px;
      font-weight: 800;
      letter-spacing: 0.21px;
      line-height: 24px;
      margin-bottom: 15px; }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-host"] .services-section--column h3 {
          margin-bottom: 25px; } }
    #page[data-page-id="page-host"] .services-section--column p {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      color: #3d413f;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 0.16px;
      line-height: 21px;
      text-align: left;
      margin-bottom: 25px; }
  #page[data-page-id="page-host"] .faq-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    position: relative;
    z-index: 2; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-host"] .faq-section {
        flex-direction: row;
        padding: 42px 0 0;
        justify-content: center; } }
    #page[data-page-id="page-host"] .faq-section img {
      width: 24px;
      height: 24px;
      margin: 0;
      margin-right: 15px; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-host"] .faq-section img {
          margin-right: 18px;
          width: 36px;
          height: 36px; } }
    #page[data-page-id="page-host"] .faq-section h2 {
      font-size: 16px;
      font-style: italic;
      font-weight: 500;
      letter-spacing: 0.7px;
      line-height: 29px;
      margin: 8px 0;
      margin-right: 15px; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-host"] .faq-section h2 {
          margin: 20px 0;
          margin-right: 20px; } }
    #page[data-page-id="page-host"] .faq-section a {
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.47px;
      line-height: 19px; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-host"] .faq-section a {
          font-size: 16px; } }
  #page[data-page-id="page-host"] .how-section {
    padding-bottom: 25px;
    position: relative;
    z-index: 2; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-host"] .how-section {
        padding: 0 15px; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-host"] .how-section {
        padding-bottom: 55px; } }
    #page[data-page-id="page-host"] .how-section .title {
      font-family: Montserrat;
      font-weight: 500;
      font-weight: 700;
      font-style: normal;
      text-align: left;
      padding: 24px 0;
      font-size: 24px;
      font-weight: 800;
      letter-spacing: 0.25px;
      line-height: 29px;
      margin: 0;
      margin-bottom: 50px;
      position: relative; }
      #page[data-page-id="page-host"] .how-section .title::after {
        content: "";
        display: block;
        width: 90px;
        height: 3px;
        background-color: #000000;
        position: absolute;
        bottom: -5px;
        left: 0%;
        transform: translateX(0%); }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-host"] .how-section .title {
          text-align: center;
          padding-top: 40px; }
          #page[data-page-id="page-host"] .how-section .title::after {
            content: "";
            display: block;
            width: 90px;
            height: 3px;
            background-color: #000000;
            position: absolute;
            bottom: -5px;
            left: 50%;
            transform: translateX(-50%); } }
    #page[data-page-id="page-host"] .how-section--rows {
      display: flex;
      flex-direction: column; }
    #page[data-page-id="page-host"] .how-section--row {
      display: flex;
      justify-content: space-evenly;
      align-items: flex-start; }
      #page[data-page-id="page-host"] .how-section--row:first-of-type {
        margin-bottom: 40px;
        flex-direction: column-reverse; }
        @media screen and (min-width: 1000px) {
          #page[data-page-id="page-host"] .how-section--row:first-of-type {
            flex-direction: row;
            margin-bottom: 100px; } }
      #page[data-page-id="page-host"] .how-section--row:last-of-type {
        flex-direction: column-reverse; }
        @media screen and (min-width: 1000px) {
          #page[data-page-id="page-host"] .how-section--row:last-of-type {
            flex-direction: row-reverse; } }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-host"] .how-section--row {
          align-items: center; } }
      #page[data-page-id="page-host"] .how-section--row .video-wrapper {
        border: 0;
        z-index: 2;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 30px; }
        @media screen and (min-width: 1000px) {
          #page[data-page-id="page-host"] .how-section--row .video-wrapper {
            margin-bottom: 0;
            max-width: 680px; } }
      #page[data-page-id="page-host"] .how-section--row .virtual__slider__items {
        max-width: 475px;
        width: 100%;
        z-index: 2;
        margin-bottom: 30px; }
        #page[data-page-id="page-host"] .how-section--row .virtual__slider__items img {
          max-width: 475px;
          width: 100%; }
        @media screen and (min-width: 1000px) {
          #page[data-page-id="page-host"] .how-section--row .virtual__slider__items {
            margin-bottom: 0; } }
        #page[data-page-id="page-host"] .how-section--row .virtual__slider__items .slick-dots {
          position: relative;
          bottom: unset;
          margin-top: 10px; }
          #page[data-page-id="page-host"] .how-section--row .virtual__slider__items .slick-dots li {
            width: 13px;
            height: 13px; }
            #page[data-page-id="page-host"] .how-section--row .virtual__slider__items .slick-dots li:first-of-type {
              margin-left: 0; }
            #page[data-page-id="page-host"] .how-section--row .virtual__slider__items .slick-dots li button {
              background-color: rgba(0, 0, 0, 0.1);
              border: 2px solid transparent;
              border-radius: 50%;
              width: 13px;
              height: 13px; }
            @media screen and (max-width: 767px) {
              #page[data-page-id="page-host"] .how-section--row .virtual__slider__items .slick-dots li {
                width: 20px;
                height: 20px;
                margin-top: 20px; }
                #page[data-page-id="page-host"] .how-section--row .virtual__slider__items .slick-dots li button {
                  width: 20px;
                  height: 20px; } }
          #page[data-page-id="page-host"] .how-section--row .virtual__slider__items .slick-dots li button:before {
            content: none; }
          #page[data-page-id="page-host"] .how-section--row .virtual__slider__items .slick-dots li.slick-active button {
            background-color: #F899A8;
            border: 2px solid transparent;
            width: 13px;
            height: 13px; }
            @media screen and (max-width: 767px) {
              #page[data-page-id="page-host"] .how-section--row .virtual__slider__items .slick-dots li.slick-active button {
                width: 20px;
                height: 20px; } }
      #page[data-page-id="page-host"] .how-section--row .sub-title {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        color: #3d413f;
        font-size: 26px;
        font-style: italic;
        font-weight: 300;
        letter-spacing: 0.29px;
        line-height: 32px;
        font-style: italic;
        text-align: left;
        margin-bottom: 5px; }
        #page[data-page-id="page-host"] .how-section--row .sub-title.mobile {
          order: 1;
          margin-bottom: 20px;
          margin-top: 0px;
          margin-right: auto; }
          @media screen and (min-width: 1000px) {
            #page[data-page-id="page-host"] .how-section--row .sub-title.mobile {
              display: none; } }
        #page[data-page-id="page-host"] .how-section--row .sub-title.desktop {
          display: none;
          margin-bottom: 20px; }
          @media screen and (min-width: 1000px) {
            #page[data-page-id="page-host"] .how-section--row .sub-title.desktop {
              display: block; } }
        #page[data-page-id="page-host"] .how-section--row .sub-title:after {
          display: none; }
      #page[data-page-id="page-host"] .how-section--row .how-section--copy h3 {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        color: #3d413f;
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0.21px;
        line-height: 24px;
        margin-bottom: 12px; }
      #page[data-page-id="page-host"] .how-section--row .how-section--copy p {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        color: #3d413f;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.16px;
        line-height: 21px;
        margin-bottom: 25px;
        text-align: left; }
        @media screen and (min-width: 1000px) {
          #page[data-page-id="page-host"] .how-section--row .how-section--copy p {
            max-width: 400px; } }
  #page[data-page-id="page-host"] .block-discounts {
    padding: 10px 0 0;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 110% auto;
    text-align: center;
    background: #ffffff url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/fashion-experience/behind-fashion-exp-mobile.jpg") no-repeat;
    background-position: bottom center;
    background-size: contain;
    padding-bottom: 250px; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-host"] .block-discounts {
        padding: 30px 0 0; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-host"] .block-discounts {
        background: #ffffff url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/fashion-experience/behind-fashion-exp.jpg") no-repeat;
        background-position: bottom center;
        background-size: 1800px; } }
    #page[data-page-id="page-host"] .block-discounts h2 {
      font-family: Montserrat;
      font-weight: 500;
      font-weight: 700;
      font-size: 28px;
      font-weight: bold;
      letter-spacing: 0.25px;
      line-height: 29px;
      font-style: normal;
      text-align: left; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-host"] .block-discounts h2 {
          text-align: center; }
          #page[data-page-id="page-host"] .block-discounts h2 br {
            display: none; } }
    #page[data-page-id="page-host"] .block-discounts h3 {
      color: #3d413f;
      font-family: Santorini Regular;
      font-size: 8.5vw;
      letter-spacing: 0.39px;
      line-height: 70px;
      font-weight: 100;
      text-align: left;
      margin-bottom: 30px;
      margin-top: -15px; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-host"] .block-discounts h3 {
          font-size: 50px;
          letter-spacing: 0.51px;
          line-height: 70px;
          font-weight: 100;
          margin-bottom: 0px;
          margin-top: 0;
          text-align: center; } }
    #page[data-page-id="page-host"] .block-discounts h4 {
      font-family: Montserrat;
      font-weight: 500;
      color: #383838;
      font-size: 15px;
      font-weight: 800;
      letter-spacing: 0.19px;
      line-height: 22px;
      text-align: center;
      margin-bottom: 20px;
      text-align: left; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-host"] .block-discounts h4 {
          font-size: 18px;
          text-align: center; } }
    #page[data-page-id="page-host"] .block-discounts p {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal;
      font-size: 20px;
      font-style: italic;
      font-weight: 500;
      letter-spacing: 0.61px;
      line-height: 25px;
      margin-bottom: 40px;
      position: relative;
      text-align: left; }
      #page[data-page-id="page-host"] .block-discounts p:first-of-type:after {
        content: "";
        display: block;
        width: 90px;
        height: 3px;
        background-color: #000000;
        position: absolute;
        bottom: -30px;
        left: 0%;
        transform: translateX(0%); }
        @media screen and (min-width: 768px) {
          #page[data-page-id="page-host"] .block-discounts p:first-of-type:after {
            left: 50%;
            transform: translateX(-50%); } }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-host"] .block-discounts p {
          letter-spacing: 0.46px;
          line-height: 28px;
          margin-bottom: 60px;
          text-align: center; } }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-host"] .block-discounts .text {
        text-align: center;
        margin: 40px auto 20px; } }
    #page[data-page-id="page-host"] .block-discounts .text br {
      display: none; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-host"] .block-discounts .text br {
          display: block; } }
    #page[data-page-id="page-host"] .block-discounts hr {
      height: 2px;
      width: 100px;
      margin: 20px auto; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-host"] .block-discounts {
        padding: 48px 0 250px; }
        #page[data-page-id="page-host"] .block-discounts .h1 {
          font-size: 36px; }
        #page[data-page-id="page-host"] .block-discounts h3 {
          margin: 20px auto;
          margin-bottom: 60px; } }
    #page[data-page-id="page-host"] .block-discounts .container--experience {
      height: 400px;
      background: url(//media.cabionline.com/wp-content/uploads/cabi-templates/s19/fashion-experience/hostess-benefits-photo.jpg) top center no-repeat;
      background-position: bottom;
      background-size: contain;
      width: 98%;
      margin: 0 auto; }
      @media screen and (min-width: 600px) {
        #page[data-page-id="page-host"] .block-discounts .container--experience {
          height: 480px; } }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-host"] .block-discounts .container--experience {
          width: 100%;
          margin: 0;
          height: 550px; } }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-host"] .block-discounts .container--experience {
          width: 100%;
          margin: 0;
          height: 650px; } }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-host"] .block-discounts .container--experience h3 {
          transform: translateY(-2em); } }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-host"] .block-discounts .container--experience a {
          transform: translateY(-3.5em); } }
  @media screen and (min-width: 768px) {
    #page[data-page-id="page-host"] .box-group {
      display: flex;
      flex-flow: row nowrap;
      justify-content: flex-start;
      align-items: stretch;
      margin-bottom: 65px; } }
  #page[data-page-id="page-host"] .sales-info {
    padding: 25px 0;
    background: #F899A8;
    position: relative;
    padding-top: 145px;
    margin-top: 130px; }
    #page[data-page-id="page-host"] .sales-info:after {
      display: none; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-host"] .sales-info {
        min-width: 304px;
        padding-top: 174px;
        margin-top: 110px;
        margin-right: 20px; } }
    #page[data-page-id="page-host"] .sales-info img {
      width: 220px;
      height: 220px;
      border-radius: 50%;
      object-fit: cover;
      position: absolute;
      top: -100px;
      left: 50%;
      transform: translateX(-50%); }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-host"] .sales-info img {
          width: 243px;
          height: 243px;
          top: -90px; } }
    #page[data-page-id="page-host"] .sales-info p {
      font-family: Montserrat;
      font-weight: 500;
      font-size: 18px;
      font-weight: 500;
      line-height: 26px;
      text-align: center;
      margin-bottom: 25px;
      color: #ffffff; }
      #page[data-page-id="page-host"] .sales-info p:first-of-type:after {
        display: none; }
    #page[data-page-id="page-host"] .sales-info span {
      display: block;
      font-size: 60px;
      font-style: italic;
      font-weight: 700;
      letter-spacing: 0.7px;
      line-height: 70px;
      text-align: center;
      color: #ffffff;
      margin-bottom: 20px; }
  #page[data-page-id="page-host"] .sales-table {
    position: relative;
    left: 50%;
    /* left: -38px; */
    transform: translate(-50%); }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-host"] .sales-table {
        padding: 20px 0px;
        padding-bottom: 0;
        width: auto;
        position: unset;
        transform: unset; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-host"] .sales-table {
        padding: 20px 20px;
        padding-bottom: 0; } }
    #page[data-page-id="page-host"] .sales-table table {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 700;
      font-style: normal;
      background: #f9f9f9;
      text-align: center;
      width: 100%;
      font-size: 12px;
      table-layout: auto; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-host"] .sales-table table {
          font-size: 16px; } }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-host"] .sales-table table {
          table-layout: fixed; } }
      #page[data-page-id="page-host"] .sales-table table thead tr {
        border-bottom: 2px dotted #6c6a6b; }
      #page[data-page-id="page-host"] .sales-table table tr {
        border-top: 2px dotted #6c6a6b; }
        #page[data-page-id="page-host"] .sales-table table tr:first-child {
          border-top: none; }
      #page[data-page-id="page-host"] .sales-table table td {
        font-family: Montserrat;
        font-weight: 500;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 0.52px;
        line-height: 15px;
        text-align: center;
        padding: 12px 10px;
        vertical-align: middle;
        border: 2px #f9f9f9 solid; }
        @media screen and (min-width: 768px) {
          #page[data-page-id="page-host"] .sales-table table td {
            border: 6px #f9f9f9 solid; } }
        #page[data-page-id="page-host"] .sales-table table td p {
          font-family: Montserrat;
          font-weight: 500;
          font-size: 15px;
          font-weight: 500;
          letter-spacing: 0.29px;
          line-height: 26px;
          text-align: center;
          text-transform: none;
          padding: 0 35px; }
          #page[data-page-id="page-host"] .sales-table table td p:first-of-type {
            margin-bottom: 35px;
            margin-top: 20px; }
            #page[data-page-id="page-host"] .sales-table table td p:first-of-type:after {
              display: none; }
          #page[data-page-id="page-host"] .sales-table table td p:last-of-type {
            margin-bottom: 20px; }
          @media screen and (min-width: 768px) {
            #page[data-page-id="page-host"] .sales-table table td p {
              padding: 0; } }
      #page[data-page-id="page-host"] .sales-table table tbody {
        border-bottom: 1px solid #000; }
        #page[data-page-id="page-host"] .sales-table table tbody td {
          font-family: Montserrat;
          font-weight: 500;
          font-size: 12px;
          letter-spacing: 0.87px;
          line-height: 24px;
          text-align: center;
          background: #ffffff; }
          @media screen and (min-width: 768px) {
            #page[data-page-id="page-host"] .sales-table table tbody td {
              font-size: 16px;
              padding: 10px; } }
    #page[data-page-id="page-host"] .sales-table a.description-link {
      text-decoration: none; }
    #page[data-page-id="page-host"] .sales-table .description {
      background: #ff99a8;
      color: #fff;
      padding: 30px 50px;
      text-align: center; }
      #page[data-page-id="page-host"] .sales-table .description p {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.35px;
        line-height: 26px; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-host"] .sales-table table tbody td {
        font-size: 16px; }
      #page[data-page-id="page-host"] .sales-table .description {
        padding: 30px 75px; } }
  #page[data-page-id="page-host"] .testimonials {
    background: #ededed;
    display: block;
    position: relative; }
    #page[data-page-id="page-host"] .testimonials h2 {
      font-family: Montserrat;
      font-weight: 500;
      max-width: 865px;
      padding-top: 35px;
      text-align: center;
      font-style: normal;
      font-size: 21px;
      font-weight: 600;
      letter-spacing: 0.57px;
      line-height: 32px;
      text-align: center; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-host"] .testimonials h2 {
          font-size: 26px;
          letter-spacing: 0.57px;
          line-height: 32px;
          margin: 0px auto 20px;
          padding-top: 50px; } }
    #page[data-page-id="page-host"] .testimonials h3 {
      transform: rotate(1deg);
      color: #3d413f;
      font-family: Santorini Regular;
      font-size: 30px;
      letter-spacing: 0.62px;
      line-height: 90px;
      text-align: center;
      font-weight: 100;
      margin-bottom: 20px; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-host"] .testimonials h3 {
          font-size: 60px;
          margin-bottom: 60px; } }
      #page[data-page-id="page-host"] .testimonials h3 span {
        color: #f899a9;
        font-size: 134px;
        line-height: 10px;
        position: relative;
        top: 10px;
        right: 5px; }
    #page[data-page-id="page-host"] .testimonials p {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 600;
      font-style: normal;
      font-size: 18px;
      font-style: italic;
      font-weight: 500;
      text-align: center;
      max-width: 865px;
      margin: 0 12px; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-host"] .testimonials p {
          font-size: 20px;
          letter-spacing: 0.46px;
          line-height: 28px;
          margin: 0 auto; } }
    #page[data-page-id="page-host"] .testimonials .slick-dots {
      position: relative;
      bottom: unset; }
      #page[data-page-id="page-host"] .testimonials .slick-dots li {
        width: 13px;
        height: 13px; }
        #page[data-page-id="page-host"] .testimonials .slick-dots li:first-of-type {
          margin-left: 0; }
        #page[data-page-id="page-host"] .testimonials .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) {
          #page[data-page-id="page-host"] .testimonials .slick-dots li {
            width: 20px;
            height: 20px; }
            #page[data-page-id="page-host"] .testimonials .slick-dots li button {
              width: 20px;
              height: 20px; } }
      #page[data-page-id="page-host"] .testimonials .slick-dots li button:before {
        content: none; }
      #page[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: 13px;
        height: 13px; }
        @media screen and (max-width: 767px) {
          #page[data-page-id="page-host"] .testimonials .slick-dots li.slick-active button {
            width: 20px;
            height: 20px; } }
    #page[data-page-id="page-host"] .testimonials__video {
      width: 100%;
      background: #e5e5e5; }
    #page[data-page-id="page-host"] .testimonials__title {
      font-family: Montserrat;
      font-weight: 500;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 18px;
      text-align: center;
      margin: 32px auto; }
    #page[data-page-id="page-host"] .testimonials__slider {
      position: relative;
      width: 100%;
      overflow: hidden; }
      #page[data-page-id="page-host"] .testimonials__slider__quotes-wrapper {
        display: flex;
        height: 100%;
        flex-direction: column;
        padding-top: 125px; }
      #page[data-page-id="page-host"] .testimonials__slider__quotes {
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 100vw; }
        #page[data-page-id="page-host"] .testimonials__slider__quotes .slick-list {
          overflow: visible !important; }
        @media screen and (max-width: 767px) {
          #page[data-page-id="page-host"] .testimonials__slider__quotes {
            height: auto; } }
        #page[data-page-id="page-host"] .testimonials__slider__quotes__item {
          text-align: center;
          width: 800px;
          height: 100%;
          padding: 0 10px; }
          @media screen and (max-width: 767px) {
            #page[data-page-id="page-host"] .testimonials__slider__quotes__item {
              max-width: 320px; } }
        #page[data-page-id="page-host"] .testimonials__slider__quotes__item__wrapper {
          position: relative;
          height: 350px;
          padding: 20px;
          padding-top: 85px;
          box-sizing: border-box;
          background: #fff;
          margin: 0 auto;
          display: flex;
          flex-direction: column;
          justify-content: center; }
          @media screen and (max-width: 767px) {
            #page[data-page-id="page-host"] .testimonials__slider__quotes__item__wrapper {
              height: auto; } }
        #page[data-page-id="page-host"] .testimonials__slider__quotes .slick-track {
          display: flex;
          align-items: center; }
      #page[data-page-id="page-host"] .testimonials__slider__dots {
        margin-bottom: 30px; }
      #page[data-page-id="page-host"] .testimonials__slider p {
        font-size: 18px;
        letter-spacing: 0.4px;
        font-style: italic;
        font-weight: 500;
        line-height: 27px;
        text-align: center;
        max-width: 85%;
        margin: 0 auto 20px; }
      #page[data-page-id="page-host"] .testimonials__slider img {
        position: absolute;
        border-radius: 150px;
        width: 150px;
        height: 150px;
        top: -75px;
        left: 50%;
        transform: translateX(-50%); }
      #page[data-page-id="page-host"] .testimonials__slider span {
        font-family: Montserrat;
        font-weight: 500;
        font-weight: 700;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.4px;
        line-height: 27px;
        text-align: center;
        display: inline-block;
        margin: 0 auto; }
        #page[data-page-id="page-host"] .testimonials__slider span span {
          text-transform: lowercase; }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-host"] .testimonials {
        display: flex;
        flex-direction: column; }
        #page[data-page-id="page-host"] .testimonials .slick-slider {
          margin-bottom: 20px; }
        #page[data-page-id="page-host"] .testimonials__video {
          width: 50%;
          margin: 0 auto; }
          #page[data-page-id="page-host"] .testimonials__video .video-player__poster-wrapper {
            z-index: 3; }
          #page[data-page-id="page-host"] .testimonials__video iframe {
            z-index: 2; }
        #page[data-page-id="page-host"] .testimonials__title {
          display: none; }
        #page[data-page-id="page-host"] .testimonials__slider {
          width: 100%;
          padding: 0;
          height: auto; }
          #page[data-page-id="page-host"] .testimonials__slider__quotes {
            width: 100%; }
          #page[data-page-id="page-host"] .testimonials__slider p {
            font-size: 14px;
            max-width: 75%; } }
    @media screen and (min-width: 1250px) {
      #page[data-page-id="page-host"] .testimonials__slider p {
        font-size: 22px; } }
  @media screen and (max-width: 767px) {
    #page[data-page-id="page-host"] .block-video .video-player__sub-title {
      display: none; } }
  @media screen and (min-width: 480px) {
    #page[data-page-id="page-host"] .block-video:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 50%;
      background: #ededed; } }
  #page[data-page-id="page-host"] .block-fags {
    background: #f5f5f5;
    padding: 50px 0 10px;
    text-align: center; }
    #page[data-page-id="page-host"] .block-fags .faq-more {
      margin: 30px auto; }
      #page[data-page-id="page-host"] .block-fags .faq-more span {
        display: none; }
      #page[data-page-id="page-host"] .block-fags .faq-more .show-context {
        display: inline; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-host"] .block-fags .faq-more {
          display: none; } }
    #page[data-page-id="page-host"] .block-fags .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[data-page-id="page-host"] .block-fags .host__box-container {
      height: 50%;
      overflow: hidden;
      padding: 0 20px; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-host"] .block-fags .host__box-container {
          height: auto;
          display: flex;
          flex-flow: row nowrap;
          padding: 0; }
          #page[data-page-id="page-host"] .block-fags .host__box-container .box {
            flex: 1 1 120%; } }
    @media screen and (min-width: 768px) and (min-width: 1000px) {
      #page[data-page-id="page-host"] .block-fags .host__box-container .box {
        flex: 1 1 88%; } }
      #page[data-page-id="page-host"] .block-fags .host__box-container a {
        max-width: 50%; }
    #page[data-page-id="page-host"] .block-fags .host__box-two {
      display: none; }
      #page[data-page-id="page-host"] .block-fags .host__box-two.show-box-two {
        display: block; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-host"] .block-fags .host__box-two {
          display: block; } }
    #page[data-page-id="page-host"] .block-fags .host__box_show-more {
      text-align: center;
      margin-top: 1em;
      padding: 0 20px; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-host"] .block-fags .host__box_show-more {
          display: none !important; } }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-host"] .block-fags .host__box_show-more {
          padding: 0; } }
      #page[data-page-id="page-host"] .block-fags .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[data-page-id="page-host"] .block-fags .host__box_show-more .btn {
            width: auto;
            display: inline-block; } }
    #page[data-page-id="page-host"] .block-fags .host__panel {
      width: 99.7%;
      margin-bottom: 2px;
      background: #fff;
      font-size: 14px;
      letter-spacing: 0.2px; }
    #page[data-page-id="page-host"] .block-fags .host__panel-heading {
      position: relative;
      cursor: pointer;
      padding: 26px 70px 24px 20px;
      color: #0f0d17;
      text-decoration: none;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 700;
      font-style: normal;
      font-size: 14px;
      letter-spacing: 0.2px;
      text-align: left; }
      #page[data-page-id="page-host"] .block-fags .host__panel-heading .more-text {
        position: absolute;
        top: 50%;
        right: 30px;
        margin-top: -9px;
        display: block;
        color: #ff99a8;
        font-size: 26px;
        font-style: normal;
        width: 14px;
        height: 14px; }
    #page[data-page-id="page-host"] .block-fags .host__panel-body {
      padding: 0 31px 26px;
      display: none; }
      #page[data-page-id="page-host"] .block-fags .host__panel-body p {
        text-align: left; }
      #page[data-page-id="page-host"] .block-fags .host__panel-body ul {
        text-align: left; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-host"] .block-fags {
        padding: 50px 0 80px; } }
  #page[data-page-id="page-host"] .host__header-flex-item--one {
    padding: 0 2em;
    margin-bottom: 3.3333333333em; }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-host"] .host__header-flex-item--one {
        -webkit-flex-basis: 44%;
        -moz-flex-basis: 44%;
        flex-basis: 44%;
        -ms-flex-preferred-size: 44%;
        padding: 0 5em 0 0;
        margin-bottom: 0; } }
    @media screen and (min-width: 1440px) {
      #page[data-page-id="page-host"] .host__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-host"] .host__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-host"] .host__header-flex-item--two {
      -webkit-flex-basis: 60%;
      -moz-flex-basis: 60%;
      flex-basis: 60%;
      -ms-flex-preferred-size: 60%; } }
  #page[data-page-id="page-host"] .block-video {
    position: relative; }
    #page[data-page-id="page-host"] .block-video .video-wrapper {
      width: 100%;
      max-width: 1100px;
      margin: auto;
      border: none !important;
      position: relative;
      z-index: 1; }
      #page[data-page-id="page-host"] .block-video .video-wrapper a {
        height: 100%;
        text-decoration: none; }
      #page[data-page-id="page-host"] .block-video .video-wrapper img {
        display: block !important;
        width: 100%; }
      #page[data-page-id="page-host"] .block-video .video-wrapper .video-wrapper-poster:hover .btn-play:after {
        opacity: 1; }
      #page[data-page-id="page-host"] .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: min-width 768px 12) {
          #page[data-page-id="page-host"] .block-video .video-wrapper .video-wrapper-text {
            z-index: 2; } }
        #page[data-page-id="page-host"] .block-video .video-wrapper .video-wrapper-text span {
          display: block;
          color: #fff;
          font-size: 16px;
          letter-spacing: 1px;
          white-space: nowrap;
          padding-top: 10px; }
          #page[data-page-id="page-host"] .block-video .video-wrapper .video-wrapper-text span.btn-play {
            background-color: transparent;
            margin: 0 auto; }
            @media screen and (min-width: 768px) {
              #page[data-page-id="page-host"] .block-video .video-wrapper .video-wrapper-text span.btn-play {
                margin: 0 auto 30px; } }
            #page[data-page-id="page-host"] .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) {
                #page[data-page-id="page-host"] .block-video .video-wrapper .video-wrapper-text span.btn-play:after {
                  font-size: 75px; } }
        #page[data-page-id="page-host"] .block-video .video-wrapper .video-wrapper-text h2 {
          font-size: 18px;
          line-height: 21px;
          color: #fff;
          margin-top: 10px; }
          @media screen and (min-width: 768px) {
            #page[data-page-id="page-host"] .block-video .video-wrapper .video-wrapper-text h2 {
              margin-top: 15px;
              font-size: 25px;
              line-height: 31px; } }
          @media screen and (min-width: 768px) {
            #page[data-page-id="page-host"] .block-video .video-wrapper .video-wrapper-text h2 {
              font-size: 36px;
              white-space: nowrap; } }
        #page[data-page-id="page-host"] .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) {
            #page[data-page-id="page-host"] .block-video .video-wrapper .video-wrapper-text p {
              padding: 0;
              text-align: center;
              margin-top: 3.6666666667em; } }
          #page[data-page-id="page-host"] .block-video .video-wrapper .video-wrapper-text p br {
            display: none; }
            @media screen and (min-width: 1000px) {
              #page[data-page-id="page-host"] .block-video .video-wrapper .video-wrapper-text p br {
                display: block; } }
      #page[data-page-id="page-host"] .block-video .video-wrapper .video-wrapper-poster-video {
        width: 100%;
        height: auto;
        display: block;
        position: absolute;
        top: 0;
        z-index: 1; }
    #page[data-page-id="page-host"] .block-video .video-wrapper-video {
      display: none; }
  #page[data-page-id="page-host"] .video-player__player {
    padding-top: 56.25%; }

.faq-link {
  font-size: 1em;
  text-transform: lowercase !important;
  font-family: "Archer SSm A", "Archer SSm B" !important;
  font-weight: 300;
  border: none !important;
  text-decoration: underline; }

.connect {
  padding: 40px 0 50px 0; }
  .connect 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;
    text-transform: lowercase;
    margin-bottom: 40px; }
  @media screen and (max-width: 767px) {
    .connect {
      paddin-top: 30px; }
      .connect h3 {
        font-size: 28px;
        margin-bottom: 30px; } }

.video-player__poster-wrapper {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

@media screen and (max-width: 767px) {
  .cta--mobile-fix {
    display: inline; } }

#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.cabionline.com/wp-content/uploads/cabi-templates/f20/foundation/donate-header.jpg") 50% 0 no-repeat; }
    #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: Santorini Regular;
      font-size: 44px;
      letter-spacing: 0.12px;
      line-height: 12px;
      text-align: center; }
    #page[data-page-id="page-give-now"] .page-header .headline {
      display: inline-block;
      vertical-align: top;
      margin-bottom: 25px; }
  #page[data-page-id="page-give-now"] .page-body {
    padding: 50px 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 .h1 {
    color: #000;
    font-family: Santorini Regular;
    font-size: 44px;
    letter-spacing: 0.12px;
    line-height: 44px;
    text-align: center;
    margin-bottom: 40px; }
  #page[data-page-id="page-give-now"] .give-heart span {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 600;
    font-style: normal;
    font-size: 32px;
    font-weight: 500;
    line-height: 0.8em; }
    #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 {
      margin: 20px 0;
      letter-spacing: 0.001em; }
      #page[data-page-id="page-give-now"] .description p small {
        font-size: 12px;
        line-height: 14px;
        letter-spacing: 0.006em;
        color: #ff99a8;
        display: inline-block; }
  @media (max-width: 767px) {
    #page[data-page-id="page-give-now"] .page-header {
      background: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f20/foundation/donation-header-mobile.jpg") 50% 0;
      background-size: cover;
      height: 280px; }
      #page[data-page-id="page-give-now"] .page-header .headline {
        width: 180px; }
      #page[data-page-id="page-give-now"] .page-header .box {
        width: 100%; }
      #page[data-page-id="page-give-now"] .page-header .h1 {
        font-size: 30px; }
    #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"] .page-body {
      padding: 30px 0; }
    #page[data-page-id="page-give-now"] .give-heart .h1 {
      font-size: 26px; } }
  @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: none; }
    #page[data-page-id="page-give-now"] .description {
      font-size: 10px;
      line-height: 13px; }
      #page[data-page-id="page-give-now"] .description p {
        margin: 10px 0; }
        #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, .body-text, #page[data-page-id="page-foundation"] .step-2 .columns .info, #page[data-page-id="page-foundation"] .hoc .content .description, #page[data-page-id="page-foundation"] .section-interactive .content .description {
  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, .body-text, #page[data-page-id="page-foundation"] .step-2 .columns .info, #page[data-page-id="page-foundation"] .hoc .content .description, #page[data-page-id="page-foundation"] .section-interactive .content .description {
      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.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.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.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: 500;
      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: 500;
        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-weight: 500;
  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: 500;
    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-weight: 500;
    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: 500;
        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: 500;
  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: 500;
        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: 500;
        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: 500;
  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: 500;
      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.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 {
            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-weight: 500;
    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.cabionline.com/wp-content/uploads/cabi-templates/f19/cabi-tap-fashion-experience/header-bg-mobile.jpg) top center no-repeat;
  background-position: top center;
  background-repeat: no-repeat;
  height: 450px; }
  @media screen and (min-width: 768px) {
    .c-cabi-tap-fashion-experience-header {
      background: #545454 url(//media.cabionline.com/wp-content/uploads/cabi-templates/f19/cabi-tap-fashion-experience/header-bg.jpg) top center no-repeat;
      background-size: cover; } }
  .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.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.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-weight: 500;
  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.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.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 {
      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.cabionline.com/wp-content/uploads/cabi-templates/f20/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 {
    flex: 1 100%;
    margin: 0px;
    font-family: Santorini Regular;
    font-weight: 100;
    font-style: normal;
    font-size: 3em;
    margin-bottom: 40px;
    line-height: 1.25em; }
    .tap__header .tap__title-slogan--pink {
      color: #ff99a8; }
  .tap__header .tap__message {
    display: flex;
    justify-content: center;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal; }
  .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.cabionline.com/wp-content/uploads/cabi-templates/f20/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.cabionline.com/wp-content/uploads/cabi-templates/f20/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: 500;
    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;
  font-weight: 500;
  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.cabionline.com/wp-content/uploads/cabi-templates/f20/cabi-tap/tap-slide-1-mobile.png"); }
    @media screen and (min-width: 768px) {
      .tap__slide .tap__slick-slide--one {
        background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f20/cabi-tap/tap-slide-one-desktop.png"); } }
  .tap__slide .tap__slick-slide--two {
    background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f20/cabi-tap/tap-slide-2-mobile.png"); }
    @media screen and (min-width: 768px) {
      .tap__slide .tap__slick-slide--two {
        background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f20/cabi-tap/tap-slide-two-desktop.png"); } }
  .tap__slide .tap__slick-slide--three {
    background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f20/cabi-tap/tap-slide-3-mobile.png"); }
    @media screen and (min-width: 768px) {
      .tap__slide .tap__slick-slide--three {
        background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f20/cabi-tap/tap-slide-three-desktop.png"); } }
  .tap__slide .tap__slick-slide--four {
    background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/s19/cabi-tap/tap-slide-4-mobile.png"); }
    @media screen and (min-width: 768px) {
      .tap__slide .tap__slick-slide--four {
        background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/s19/cabi-tap/tap-slide-four-desktop.png"); } }
  .tap__slide .tap__slick-slide--five {
    background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f20/cabi-tap/tap-slide-5-mobile.png"); }
    @media screen and (min-width: 768px) {
      .tap__slide .tap__slick-slide--five {
        background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f20/cabi-tap/tap-slide-five-dekstop.png"); } }
  .tap__slide .tap__slick-slide--six {
    background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f20/cabi-tap/tap-slide-6-mobile.png"); }
    @media screen and (min-width: 768px) {
      .tap__slide .tap__slick-slide--six {
        background-image: url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f20/cabi-tap/tap-slide-six-dekstop.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: 500;
    font-weight: 700;
    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; } }
  @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 {
  max-width: 500px;
  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: 500;
  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-weight: 500;
  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;
  font-weight: 500;
  margin-bottom: 5px; }

.c-career-events-header {
  height: 370px;
  background-size: contain; }
  .c-career-events-header .container {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    height: 100%; }
    @media screen and (min-width: 768px) {
      .c-career-events-header .container {
        justify-content: center;
        flex-direction: column;
        align-items: flex-start; } }

.c-career-events-header-content {
  text-align: center;
  width: 100%;
  margin: 0 15px;
  padding: 2rem 1rem; }
  @media screen and (min-width: 768px) {
    .c-career-events-header-content {
      text-align: left;
      max-width: 300px;
      margin: 0;
      padding: 0; } }
  @media screen and (min-width: 1000px) {
    .c-career-events-header-content {
      max-width: 370px; } }

.c-career-events-header-title {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: italic;
  line-height: 1;
  font-size: 2.5rem;
  margin-bottom: 0.5rem; }

.c-career-events-header--landing {
  background: #f4f4f4 url(//media.cabionline.com/wp-content/uploads/cabi-templates/s19/career-events/career-event-header-mobile.jpg) top center no-repeat;
  background-size: cover; }
  @media screen and (min-width: 768px) {
    .c-career-events-header--landing {
      background: #f4f4f4 url(//media.cabionline.com/wp-content/uploads/cabi-templates/s19/career-events/career-event-header.jpg) top center no-repeat; } }
  .c-career-events-header--landing .c-career-events-header-content {
    color: black; }

.c-career-events-header--sharing {
  background: #f4f4f4 url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/career-events/sharing-cabi-header-mobile.jpg) top center no-repeat;
  background-size: cover; }
  @media screen and (min-width: 768px) {
    .c-career-events-header--sharing {
      background: #f4f4f4 url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/career-events/sharing-cabi-header.jpg) top center no-repeat; } }

.c-career-events-header--gathering {
  background: #cfcfcf url(//media.cabionline.com/wp-content/uploads/cabi-templates/s19/career-events/career-gathering-header-mobile.jpg) top center no-repeat;
  background-size: cover; }
  @media screen and (min-width: 768px) {
    .c-career-events-header--gathering {
      background: #cfcfcf url(//media.cabionline.com/wp-content/uploads/cabi-templates/s19/career-events/career-gathering-header.jpg) top center no-repeat; } }

.c-career-events-body {
  padding: 4rem 0; }

.c-career-events-category-blocks {
  margin: 4rem 0; }
  @media screen and (min-width: 768px) {
    .c-career-events-category-blocks {
      display: flex;
      justify-content: center; } }
  .c-career-events-category-blocks .box {
    flex: 0 1 48%;
    margin: 0 1em; }
    .c-career-events-category-blocks .box > a {
      text-decoration: none;
      display: block; }
    .c-career-events-category-blocks .box > a,
    .c-career-events-category-blocks .box .pink-border-box {
      height: 100%; }

.c-career-events-category-blocks .pink-border-box {
  border: 1px solid #ff99a8;
  border-top: none;
  padding: 2rem;
  text-align: center;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in; }
  .c-career-events-category-blocks .pink-border-box h2 {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 400;
    font-style: italic;
    font-size: 2.25rem;
    margin-bottom: 0.5em;
    line-height: 1.1; }
  .c-career-events-category-blocks .pink-border-box p {
    margin-bottom: 2rem; }
  .c-career-events-category-blocks .pink-border-box .cta {
    font-family: Montserrat;
    font-weight: 500;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
  .c-career-events-category-blocks .pink-border-box:hover .cta {
    border-bottom-color: transparent; }

.c-career-events-category-blocks .box:not(:last-child) .pink-border-box {
  margin: 0 0 4rem; }

.c-career-events-category-blocks .pink-border-box-icon {
  display: flex;
  align-items: top;
  margin: -2rem -2rem 0; }
  .c-career-events-category-blocks .pink-border-box-icon:before, .c-career-events-category-blocks .pink-border-box-icon:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background-color: #ff99a8; }
  .c-career-events-category-blocks .pink-border-box-icon svg {
    width: 240px;
    margin: 0 2.5rem;
    transform: translateY(-40%);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }

.c-career-events-category-blocks .box:hover svg {
  transform: translateY(calc(-40% - 5px)); }

.l-career-events .cant-attend-wrapper {
  text-align: center; }
  .l-career-events .cant-attend-wrapper .cant-attend {
    padding-top: 2.5rem;
    text-align: center;
    font-size: 1.875em;
    font-weight: 300;
    margin-bottom: 1rem; }
    .l-career-events .cant-attend-wrapper .cant-attend--line-height {
      line-height: 1.15em; }
  .l-career-events .cant-attend-wrapper .contact {
    font-family: Montserrat;
    font-weight: 500;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    text-transform: inherit;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
    .l-career-events .cant-attend-wrapper .contact:hover {
      text-decoration: none; }

.l-career-events .no-events-found {
  padding-top: 3rem;
  padding-bottom: 60px;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: italic; }

#page-career-events-sharing header {
  background-image: url("https://media.cabionline.com/wp-content/uploads/2017/12/sharing-cabi-header.jpg");
  background-size: cover;
  height: 369px;
  position: relative; }
  @media (min-width: 768px) {
    #page-career-events-sharing header {
      background-position: 42% 0; } }
  @media (min-width: 1125px) {
    #page-career-events-sharing header {
      background-position: inherit; } }
  @media screen and (max-width: 767px) {
    #page-career-events-sharing header {
      background-image: url("https://media.cabionline.com/wp-content/uploads/2017/12/sharing-cabi-header-mobile.jpg");
      background-size: cover;
      background-position: 62% 0;
      height: 430px; }
      #page-career-events-sharing header:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; } }
  #page-career-events-sharing header .content {
    color: #fff; }
    @media screen and (max-width: 767px) {
      #page-career-events-sharing header .content {
        left: 20px;
        right: 20px;
        text-align: center;
        padding-top: 230px;
        position: absolute;
        bottom: 30px;
        font-size: .9em; } }
    @media screen and (min-width: 768px) {
      #page-career-events-sharing header .content {
        -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: 380px; } }
    #page-career-events-sharing header .content p {
      font-size: 1.1875em; }

#page-career-events-sharing section#intro {
  padding: 4em 0;
  background-color: #f0f0f0; }
  #page-career-events-sharing section#intro p {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 600;
    font-style: normal;
    margin-bottom: 1em; }

#page-career-events-sharing section#block-promote {
  padding: 4em 0;
  text-align: center;
  background-color: #f0f0f0; }
  #page-career-events-sharing section#block-promote .box {
    margin: 0 15px;
    max-width: 480px;
    display: inline-block; }
    @media screen and (min-width: 1000px) {
      #page-career-events-sharing section#block-promote .box {
        max-width: 540px; } }
    #page-career-events-sharing section#block-promote .box .event-cover {
      display: block;
      position: relative;
      text-decoration: none; }
      #page-career-events-sharing section#block-promote .box .event-cover .btn-link {
        height: 74px;
        width: 290px;
        text-align: center;
        color: #000;
        background: #f0f0f0;
        position: absolute;
        left: 50%;
        font-size: 19px;
        line-height: 1.2em;
        letter-spacing: 0.006em;
        bottom: 0;
        margin-left: -145px;
        display: block;
        font-weight: 600;
        padding-top: 15px; }
      #page-career-events-sharing section#block-promote .box .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-career-events-sharing section#block-promote .box .event-cover:hover .event-img {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        filter: none; }
    #page-career-events-sharing section#block-promote .box .event-img {
      display: block;
      width: 100%;
      height: auto; }
    #page-career-events-sharing section#block-promote .box .event-description {
      text-align: center;
      font-size: 16px;
      letter-spacing: 0.006em;
      color: #262223;
      padding: 30px 54px 0;
      margin: 0 auto; }
      #page-career-events-sharing section#block-promote .box .event-description p {
        font-weight: 600;
        font-size: 15px;
        letter-spacing: -0.5px;
        margin: 0px;
        line-height: 23px;
        color: #000000; }
      #page-career-events-sharing section#block-promote .box .event-description a {
        font-family: Montserrat !important;
        font-weight: 500;
        color: #262223;
        font-size: 14px;
        text-transform: uppercase;
        margin-top: 30px;
        display: inline-block; }
        #page-career-events-sharing section#block-promote .box .event-description a:hover {
          text-decoration: none; }

#page-career-events-sharing .sharing-btn-space {
  padding: 30px 0px; }

.header .cant-attend {
  height: 32px;
  width: 1095px;
  color: #000000;
  font-family: 'Archer SSm A', 'Archer SSm B';
  font-size: 30px;
  font-weight: 300;
  letter-spacing: 0.93px;
  line-height: 30px;
  text-align: center; }

#page-career-events-gathering header {
  background-position: top center;
  height: 369px;
  position: relative;
  background-size: cover; }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    #page-career-events-gathering header {
      background-position-x: 70%; } }
  @media screen and (max-width: 767px) {
    #page-career-events-gathering header {
      background-position-x: 65%;
      height: 489px;
      background-size: initial; }
      #page-career-events-gathering header:before {
        background: transparent;
        background: -webkit-linear-gradient(-90deg, transparent 0px, #fff 350px);
        background: linear-gradient(180deg, transparent 0px, #fff 350px);
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; } }
  @media screen and (max-width: 767px) {
    #page-career-events-gathering header .content {
      text-align: center;
      padding-top: 230px;
      position: absolute;
      bottom: 30px;
      font-size: .9em;
      color: #000; } }
  @media screen and (min-width: 768px) {
    #page-career-events-gathering header .content {
      -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: 330px; } }
  #page-career-events-gathering header .content p {
    font-size: 1.1875em; }
    @media screen and (min-width: 768px) {
      #page-career-events-gathering header .content p {
        width: 75%; } }
    @media screen and (min-width: 1000px) {
      #page-career-events-gathering header .content p {
        width: 100%; } }

#page-career-events-gathering section#intro {
  padding: 4em 0;
  background-color: #f0f0f0; }
  #page-career-events-gathering section#intro p {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 600;
    font-style: normal;
    margin-bottom: 1em; }
  #page-career-events-gathering section#intro p:last-child {
    margin-bottom: 0; }
  #page-career-events-gathering section#intro ul {
    margin-bottom: 1em; }
    #page-career-events-gathering section#intro ul li {
      list-style: none; }
      #page-career-events-gathering section#intro ul li:before {
        content: "• ";
        font-size: 2em;
        color: #ff99a8;
        position: relative;
        top: 4px; }

#page-career-events-gathering section#events .bg-image-mask > .bg-image-fixed {
  padding-bottom: 120px; }

#page-career-events-gathering section#block-promote {
  padding: 4em 0;
  text-align: center;
  background-color: #f0f0f0; }
  #page-career-events-gathering section#block-promote .box {
    margin: 0 15px;
    max-width: 480px;
    display: inline-block; }
    @media screen and (min-width: 1000px) {
      #page-career-events-gathering section#block-promote .box {
        max-width: 540px; } }
    #page-career-events-gathering section#block-promote .box .event-cover {
      display: block;
      position: relative;
      text-decoration: none; }
      #page-career-events-gathering section#block-promote .box .event-cover .btn-link {
        height: 74px;
        width: 290px;
        text-align: center;
        color: #000;
        background: #f0f0f0;
        position: absolute;
        left: 50%;
        font-size: 19px;
        line-height: 1.2em;
        letter-spacing: 0.006em;
        bottom: 0;
        margin-left: -145px;
        display: block;
        font-weight: 600;
        padding-top: 15px; }
      #page-career-events-gathering section#block-promote .box .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-career-events-gathering section#block-promote .box .event-cover:hover .event-img {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        filter: none; }
    #page-career-events-gathering section#block-promote .box .event-img {
      display: block;
      width: 100%;
      height: auto; }
    #page-career-events-gathering section#block-promote .box .event-description {
      text-align: center;
      font-size: 16px;
      letter-spacing: 0.006em;
      color: #262223;
      padding: 30px 54px 0;
      margin: 0 auto; }
      #page-career-events-gathering section#block-promote .box .event-description p {
        font-weight: 600;
        font-size: 15px;
        letter-spacing: -0.5px;
        margin: 0px;
        line-height: 23px;
        color: #000000; }
      #page-career-events-gathering section#block-promote .box .event-description a {
        font-family: Montserrat !important;
        font-weight: 500;
        color: #262223;
        font-size: 14px;
        text-transform: uppercase;
        margin-top: 30px;
        display: inline-block; }
        #page-career-events-gathering section#block-promote .box .event-description a:hover {
          text-decoration: none; }

#page-career-events-gathering .sharing-btn-space {
  padding: 30px 0px 0px 0px; }

#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.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.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.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.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.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.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.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"] .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 {
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo {
      margin-bottom: 40px; } }
  @media screen and (min-width: 1000px) {
    #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo {
      margin-bottom: 50px; } }
  #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__header {
    padding-top: 15px; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__header {
        padding-top: 20px; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__header {
        padding-top: 50px; } }
    #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__header h2 {
      font-family: 'Santorini Regular';
      color: #3D413F;
      font-size: 32px;
      letter-spacing: 0.43px;
      line-height: 66px;
      font-weight: 400;
      margin-top: 30px; }
      @media screen and (max-width: 480px) {
        #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__header h2 {
          font-size: 7vw;
          margin-top: 20px; } }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__header h2 {
          font-size: 40px;
          letter-spacing: 0.91px;
          line-height: 70px;
          margin-top: 30px;
          margin-bottom: 30px; } }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__header h2 {
          font-size: 33px;
          letter-spacing: 0.57px;
          line-height: 80px;
          margin-top: 0; } }
      @media screen and (min-width: 1250px) {
        #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__header h2 {
          font-size: 40px; } }
  #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;
        width: 41.667%;
        margin-left: 20px;
        margin-top: 0;
        margin-left: 40px;
        margin-bottom: 85px; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__image {
        width: 50%;
        margin-top: -190px; } }
    #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__image:before {
      content: '';
      position: absolute;
      top: -75px;
      left: -15px;
      right: -15px;
      bottom: -5px;
      background: #F0E9E7;
      z-index: -1; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__image:before {
          top: 50px;
          right: -30px;
          bottom: -85px;
          left: -20px; } }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__image:before {
          right: -55px;
          top: 190px;
          bottom: -260px; } }
    #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__image--main-photo {
      width: 80%;
      min-width: 272px; }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__image--main-photo {
          width: 548px; } }
  #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__content p {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.21px;
    line-height: 26px;
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__content p {
        font-size: 1em;
        font-weight: 300;
        letter-spacing: 0.4px;
        line-height: 24px; } }
  #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__content--signature {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__content--signature {
        flex-direction: column; } }
    #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__content--signature__img {
      width: 152px;
      margin-right: 10px; }
    #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__content--signature__info {
      display: flex;
      flex-direction: column; }
      #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__content--signature__info span {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 1em;
        letter-spacing: 0.4px;
        line-height: 24px; }
    #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__content--signature__ig {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 1em;
      letter-spacing: 0.4px;
      line-height: 24px; }
      #page[data-page-id="page-what-is-cabi"] .about-message-from-ceo__content--signature__ig:before {
        display: block;
        float: left;
        content: '';
        background: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/what-is-cabi/ig-icon.svg) no-repeat;
        width: 1em;
        height: 24px;
        margin-top: 4px;
        margin-right: 2px; }

#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: 1000px) {
      #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: 30px; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-what-is-cabi"] .about-callout__notion {
        margin-left: 0;
        margin-right: 0;
        padding-top: 60px; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-what-is-cabi"] .about-callout__notion {
        flex-direction: row-reverse;
        background: #FFEFEA;
        padding-top: 0;
        height: 440px;
        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 {
      position: relative;
      padding: 0 30px; }
      #page[data-page-id="page-what-is-cabi"] .about-callout__notion--content article:before {
        content: '';
        display: block;
        width: 3px;
        background: #3D413F;
        border-radius: 1.5px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0; }
        @media screen and (min-width: 768px) {
          #page[data-page-id="page-what-is-cabi"] .about-callout__notion--content article:before {
            background: #CBBCB8; } }
      #page[data-page-id="page-what-is-cabi"] .about-callout__notion--content article p:first-of-type {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 16px;
        letter-spacing: 0.6px;
        line-height: 24px;
        margin-bottom: 20px; }
        #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 {
            font-size: 16px;
            letter-spacing: 0.1px;
            line-height: 24px; } }
      #page[data-page-id="page-what-is-cabi"] .about-callout__notion--content article p:last-of-type {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 15px;
        font-style: italic;
        font-weight: 300;
        letter-spacing: 0.5px;
        line-height: 26px; }
        @media screen and (min-width: 768px) {
          #page[data-page-id="page-what-is-cabi"] .about-callout__notion--content article p:last-of-type {
            font-size: 1em;
            font-weight: 300;
            letter-spacing: 0.1px;
            line-height: 24px; } }
    #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; }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-what-is-cabi"] .about-callout__notion--book-photo {
          width: calc(100% - 40px);
          max-width: none;
          margin-left: 0; } }

#page[data-page-id="page-what-is-cabi"] .about-story {
  background: #F8F6F4;
  padding-bottom: 30px; }
  @media screen and (min-width: 768px) {
    #page[data-page-id="page-what-is-cabi"] .about-story {
      padding-bottom: 40px; } }
  @media screen and (min-width: 1000px) {
    #page[data-page-id="page-what-is-cabi"] .about-story {
      margin-top: -210px;
      padding-top: 210px;
      padding-bottom: 50px; } }
  #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; }
  #page[data-page-id="page-what-is-cabi"] .about-story__main header {
    padding-top: 20px;
    position: relative; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-what-is-cabi"] .about-story__main header {
        padding-right: 40%; } }
    @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: 120px 200px 0; } }
    #page[data-page-id="page-what-is-cabi"] .about-story__main header:before {
      content: none; }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-what-is-cabi"] .about-story__main header:before {
          display: block;
          content: '';
          position: absolute;
          background: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/what-is-cabi/cabi-community-left.png) no-repeat;
          width: 271px;
          height: 400px;
          top: 50%;
          background-size: cover;
          left: -130px;
          margin-top: -140px; } }
    #page[data-page-id="page-what-is-cabi"] .about-story__main header:after {
      display: block;
      content: '';
      position: absolute;
      background: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/what-is-cabi/cabi-community-right.png) no-repeat;
      width: 211.5px;
      height: 400px;
      height: 282.5px;
      top: -100px;
      background-size: cover;
      right: -100px; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-what-is-cabi"] .about-story__main header:after {
          width: 403px;
          height: 565px;
          top: 50%;
          margin-top: -222.5px;
          background-size: cover;
          right: -110px; } }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-what-is-cabi"] .about-story__main header:after {
          width: 285px;
          height: 400px;
          right: -110px;
          margin-top: -140px; } }
    #page[data-page-id="page-what-is-cabi"] .about-story__main header h3 {
      font-family: Montserrat;
      font-weight: 500;
      color: #3D413F;
      font-size: 18px;
      font-weight: 700;
      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 {
        display: inline-block;
        margin-top: 20px;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 38px;
        font-weight: 300;
        letter-spacing: 0.39px;
        line-height: 40px; }
        @media screen and (min-width: 768px) {
          #page[data-page-id="page-what-is-cabi"] .about-story__main header h3 span {
            font-size: 44px;
            font-weight: 300;
            letter-spacing: 0.45px;
            line-height: 48px; } }
        @media screen and (min-width: 1000px) {
          #page[data-page-id="page-what-is-cabi"] .about-story__main header h3 span {
            font-size: 34px; } }
        @media screen and (min-width: 1250px) {
          #page[data-page-id="page-what-is-cabi"] .about-story__main header h3 span {
            font-size: 44px; } }
    #page[data-page-id="page-what-is-cabi"] .about-story__main header p {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      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 {
          font-size: 1em;
          letter-spacing: 0.35px;
          line-height: 24px; } }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-what-is-cabi"] .about-story__main header p.flag {
          font-style: italic;
          font-weight: 700; } }
  #page[data-page-id="page-what-is-cabi"] .about-story__main .content {
    padding-top: 90px; }
    @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-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: 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: 500;
      font-size: 18px;
      font-weight: 700;
      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: 100%;
    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; } }
    #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: #f7b5c0; }
      #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;
        font-weight: 600;
        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; } }

@media screen and (min-width: 768px) {
  #page[data-page-id="page-what-is-cabi"] .about-our-foundation {
    position: relative;
    margin-bottom: 40px; }
    #page[data-page-id="page-what-is-cabi"] .about-our-foundation:before {
      position: absolute;
      content: '';
      background: #F0E9E7;
      top: 0;
      width: 50%;
      left: 0;
      bottom: 50px;
      z-index: -1; } }

@media screen and (min-width: 1000px) {
  #page[data-page-id="page-what-is-cabi"] .about-our-foundation {
    margin-bottom: 50px; }
    #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 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; } }

#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: 50%;
      padding-top: 50px;
      padding-right: 20px; }
      #page[data-page-id="page-what-is-cabi"] .about-our-foundation__image::after {
        clear: both;
        content: "";
        display: table; } }
  @media screen and (min-width: 1000px) {
    #page[data-page-id="page-what-is-cabi"] .about-our-foundation__image {
      padding-top: 90px; } }
  #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 .foundation-img {
  display: none; }

@media screen and (min-width: 768px) {
  #page[data-page-id="page-what-is-cabi"] .about-our-foundation__content {
    width: 50%;
    padding-left: 40px; } }

@media screen and (min-width: 1000px) {
  #page[data-page-id="page-what-is-cabi"] .about-our-foundation__content .foundation-img {
    display: block;
    width: 100%;
    max-width: 472px;
    margin-top: 25px; } }

#page[data-page-id="page-what-is-cabi"] .about-our-foundation__content h3 {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 38px;
  font-weight: 300;
  letter-spacing: 0.89px;
  line-height: 40px;
  padding-top: 40px;
  padding-bottom: 25px; }
  @media screen and (min-width: 768px) {
    #page[data-page-id="page-what-is-cabi"] .about-our-foundation__content h3 {
      padding-top: 70px; } }
  @media screen and (min-width: 1000px) {
    #page[data-page-id="page-what-is-cabi"] .about-our-foundation__content h3 {
      padding-top: 170px;
      font-size: 44px;
      letter-spacing: 1.03px;
      line-height: 44px; } }

#page[data-page-id="page-what-is-cabi"] .about-our-foundation__content p {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  letter-spacing: 0.39px;
  line-height: 24px; }
  @media screen and (min-width: 1000px) {
    #page[data-page-id="page-what-is-cabi"] .about-our-foundation__content p {
      font-size: 1em;
      letter-spacing: 0.35px;
      line-height: 24px;
      width: 472px; } }

#page[data-page-id="page-what-is-cabi"] .about-our-commitment {
  background: #f8f8f8 url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/what-is-cabi/responsible-sourcing-img-mobile.png) no-repeat 50% 100%;
  background-size: cover; }
  @media screen and (min-width: 1000px) {
    #page[data-page-id="page-what-is-cabi"] .about-our-commitment {
      background: none; } }
  @media screen and (min-width: 1000px) {
    #page[data-page-id="page-what-is-cabi"] .about-our-commitment__extra-wide-fix {
      max-width: 1800px; } }
  @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__content {
    padding-top: 54px;
    padding-bottom: 240px; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-what-is-cabi"] .about-our-commitment__content {
        padding-bottom: 360px; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-what-is-cabi"] .about-our-commitment__content {
        background: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/what-is-cabi/responsible-sourcing-img.jpg) no-repeat 50% 0;
        background-size: cover;
        height: 480px;
        text-align: center;
        padding: 72px 0 0; } }
    #page[data-page-id="page-what-is-cabi"] .about-our-commitment__content h3 {
      color: #3D413F;
      font-family: Montserrat;
      font-weight: 500;
      font-size: 18px;
      font-weight: 700;
      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-our-commitment__content h3 {
          font-size: 24px;
          letter-spacing: 0.85px;
          line-height: 29px; } }
      #page[data-page-id="page-what-is-cabi"] .about-our-commitment__content h3 span {
        color: #3D413F;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 31px;
        font-weight: 300;
        letter-spacing: 0.39px;
        line-height: 60px; }
        @media screen and (min-width: 768px) {
          #page[data-page-id="page-what-is-cabi"] .about-our-commitment__content h3 span {
            font-size: 44px;
            letter-spacing: 0.45px;
            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: "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: 1000px) {
        #page[data-page-id="page-what-is-cabi"] .about-our-commitment__content p {
          width: 600px;
          margin: 0 auto 20px; } }

/* Variables
================================================= */
/* Mixins
================================================= */
#page[data-page-id="page-join-us"] .join-us__page-header__content p, .career-intro__card-content p, .page-header__third__content p, .body-text, #page[data-page-id="page-foundation"] .step-2 .columns .info, #page[data-page-id="page-foundation"] .hoc .content .description, #page[data-page-id="page-foundation"] .section-interactive .content .description {
  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, .body-text, #page[data-page-id="page-foundation"] .step-2 .columns .info, #page[data-page-id="page-foundation"] .hoc .content .description, #page[data-page-id="page-foundation"] .section-interactive .content .description {
      font-size: 14px;
      line-height: 21px; } }

/* Modernizr
================================================= */
/* Styles
================================================= */
#page[data-page-id="page-foundation"] {
  margin: 0;
  padding: 0;
  /* Responsive */ }

@-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"] .page-header {
    background-color: #000;
    background: url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/foundation/cabi-foundation-header.jpg") 20% 0 no-repeat;
    height: 600px;
    background-size: cover;
    background-position: 50% 0%;
    text-align: center;
    padding: 50px 0 200px 0;
    color: #fff;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 600;
    font-style: normal; }
    #page[data-page-id="page-foundation"] .page-header .h2 {
      display: block;
      text-align: center;
      transform: rotate(-1deg);
      color: #ffffff;
      font-family: Santorini Regular;
      font-size: 35px;
      letter-spacing: 0.07px;
      line-height: 35px;
      text-align: center;
      font-weight: 100; }
      #page[data-page-id="page-foundation"] .page-header .h2 span {
        font-size: 75px; }
    #page[data-page-id="page-foundation"] .page-header .headline {
      max-width: 100%;
      height: auto;
      vertical-align: top;
      margin-bottom: 26px; }
    #page[data-page-id="page-foundation"] .page-header .info {
      max-width: 730px;
      margin: 0 auto 35px auto;
      font-size: 20px;
      line-height: 26px;
      letter-spacing: 0.26px; }
  #page[data-page-id="page-foundation"] .container-medium {
    padding: 0 35px; }
  #page[data-page-id="page-foundation"] .accomplishments-container {
    max-width: 1080px;
    margin: 0 auto; }
  #page[data-page-id="page-foundation"] .accomplishments {
    margin: -83px -10px 70px -10px; }
    #page[data-page-id="page-foundation"] .accomplishments::after {
      clear: both;
      content: "";
      display: table; }
  #page[data-page-id="page-foundation"] .accomplishments-item {
    float: left;
    width: 20%;
    padding: 28px 0;
    padding-bottom: 30px;
    background-color: #ff99a8; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-foundation"] .accomplishments-item:last-child .accomplishments__box {
        border-right: none; } }
    #page[data-page-id="page-foundation"] .accomplishments-item .accomplishments__box {
      color: #fff;
      width: 100%;
      text-align: center;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 700;
      font-style: normal; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-foundation"] .accomplishments-item .accomplishments__box {
          border-right: 2px solid #f1909e; } }
      #page[data-page-id="page-foundation"] .accomplishments-item .accomplishments__box p {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 600;
        font-style: normal;
        margin: 0;
        font-size: 18px;
        line-height: 30px; }
        @media screen and (min-width: 1000px) {
          #page[data-page-id="page-foundation"] .accomplishments-item .accomplishments__box p {
            font-size: 1.33em; } }
    #page[data-page-id="page-foundation"] .accomplishments-item .accomplishments__img-container {
      height: 65px;
      margin-bottom: 2em; }
    #page[data-page-id="page-foundation"] .accomplishments-item .accomplishments__text-container {
      height: 153px; }
      #page[data-page-id="page-foundation"] .accomplishments-item .accomplishments__text-container p {
        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; }
        @media screen and (min-width: 768px) {
          #page[data-page-id="page-foundation"] .accomplishments-item .accomplishments__text-container p {
            padding: 0 1em;
            font-size: 1.2rem;
            line-height: 1.6; } }
    #page[data-page-id="page-foundation"] .accomplishments-item .icon {
      display: block;
      max-width: 100%;
      height: auto;
      position: relative;
      margin: 0 auto; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-foundation"] .accomplishments-item .icon {
          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"] .accomplishments-item .icon-1 {
      height: 47px;
      width: 70px; }
    #page[data-page-id="page-foundation"] .accomplishments-item .icon-2 {
      height: 44px;
      width: 40px; }
    #page[data-page-id="page-foundation"] .accomplishments-item .icon-3 {
      height: 63px;
      width: 70px; }
    #page[data-page-id="page-foundation"] .accomplishments-item .icon-4 {
      height: 52px;
      width: 53px; }
  #page[data-page-id="page-foundation"] .steps .h1 {
    margin: 0 0 70px 0;
    text-align: center;
    color: #000;
    font-family: Santorini Regular;
    letter-spacing: -0.2px;
    line-height: 70px;
    text-align: center;
    font-size: 32px; }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-foundation"] .steps .h1 {
        font-size: 49px;
        line-height: 50px;
        margin: 0 0 105px 0; } }
  #page[data-page-id="page-foundation"] .step-number {
    height: 2px;
    background-color: #ff99a8;
    margin: 30px 0;
    text-align: center;
    position: relative; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-foundation"] .step-number {
        margin: 50px -35px; } }
    #page[data-page-id="page-foundation"] .step-number span {
      display: block;
      color: #fff;
      margin: 0 auto;
      position: relative;
      font-size: 1.6em;
      top: -28px;
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 700;
      font-style: normal;
      width: 63px;
      line-height: 2.5em;
      height: 58px;
      background: url(../images/foundation/svg/heart.svg) 50% 50% no-repeat;
      background-size: contain; }
  #page[data-page-id="page-foundation"] .step-1 {
    text-align: center; }
    #page[data-page-id="page-foundation"] .step-1 .headline {
      display: inline-block;
      vertical-align: top;
      max-width: 100%;
      margin-bottom: 30px; }
    #page[data-page-id="page-foundation"] .step-1 .step-description {
      text-align: center;
      margin-bottom: 50px; }
      #page[data-page-id="page-foundation"] .step-1 .step-description .h2 {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 26px;
        color: #ff99a8;
        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-foundation"] .step-1 .step-description .h2 {
            max-width: 68%;
            margin: 0 auto 0.5em; } }
  #page[data-page-id="page-foundation"] .section-map {
    background-color: #fcfcfb;
    padding-bottom: 30px; }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-foundation"] .section-map {
        padding-bottom: 300px; } }
    #page[data-page-id="page-foundation"] .section-map .h1 {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 400;
      font-style: italic;
      margin: 0;
      padding: 1.25em 0;
      line-height: 1.2em; }
      #page[data-page-id="page-foundation"] .section-map .h1 br {
        display: none; }
        @media screen and (min-width: 768px) {
          #page[data-page-id="page-foundation"] .section-map .h1 br {
            display: initial; } }
    #page[data-page-id="page-foundation"] .section-map .section-map__map {
      margin: 0 -15px 0 -40px;
      position: relative;
      height: 210px; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-foundation"] .section-map .section-map__map {
          background: url(../images/foundation/map.jpg) 50% 0 no-repeat;
          height: 453px; } }
    #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 .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(../images/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: 230px;
        left: 80px;
        top: 0; }
        #page[data-page-id="page-foundation"] .section-map .animate-desktop .box-entrepreneur .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 .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 {
      display: none;
      height: 100%;
      margin: 0 auto;
      position: relative; }
      #page[data-page-id="page-foundation"] .section-map .animate-mobile .wrapper {
        position: absolute;
        top: 40px;
        left: 50px;
        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; }
  #page[data-page-id="page-foundation"] .section-video {
    margin: 0;
    text-align: center; }
    #page[data-page-id="page-foundation"] .section-video::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-foundation"] .section-video {
        margin: -60px auto 30px; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-foundation"] .section-video {
        margin: -315px auto 50px auto; } }
    #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"] .video-player__player {
    margin: 0; }
  #page[data-page-id="page-foundation"] .section-cabi {
    position: relative;
    margin-bottom: 150px; }
    #page[data-page-id="page-foundation"] .section-cabi .btn-square {
      position: absolute;
      bottom: 0;
      left: 50%;
      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 {
    height: 370px;
    background: url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/foundation/cabi-foundation-banner-mobile.jpg") no-repeat;
    background-size: cover;
    background-position-y: top;
    background-position-x: 30%; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-foundation"] .section-cabi__top {
        background: url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/foundation/cabi-foundation-banner.jpg") no-repeat;
        background-position-y: top;
        background-position-x: center; } }
    #page[data-page-id="page-foundation"] .section-cabi__top .container {
      height: 100%;
      position: relative; }
    #page[data-page-id="page-foundation"] .section-cabi__top .description {
      font-size: 80px;
      line-height: 0.7em;
      font-family: Santorini Regular;
      font-size: 61px;
      letter-spacing: 1.93px;
      line-height: 57px;
      font-weight: 100;
      text-align: center;
      color: #fff;
      padding-left: 350px;
      -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-foundation"] .section-cabi__top .description .info-photo {
        position: absolute;
        bottom: -55px;
        left: 0;
        width: 100%;
        text-align: center;
        font-size: 12px;
        line-height: 14px;
        padding-left: 350px;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out; }
      #page[data-page-id="page-foundation"] .section-cabi__top .description p span {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 600;
        font-style: normal;
        text-transform: uppercase;
        font-size: 18px;
        font-size: 18px;
        display: inline-block;
        margin-bottom: 16px; }
        @media screen and (min-width: 1000px) {
          #page[data-page-id="page-foundation"] .section-cabi__top .description p span {
            font-size: 30px;
            margin-bottom: 0; } }
  #page[data-page-id="page-foundation"] .section-cabi__body {
    padding-bottom: 180px;
    background-color: #f5f5f5;
    overflow: hidden;
    display: none; }
    #page[data-page-id="page-foundation"] .section-cabi__body .subline {
      font-size: 14px;
      font-weight: 300;
      letter-spacing: 0.76px;
      line-height: 20px; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-foundation"] .section-cabi__body .subline {
          font-size: 20px;
          font-weight: 300;
          letter-spacing: 0.76px;
          line-height: 32px; } }
    #page[data-page-id="page-foundation"] .section-cabi__body .split {
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      align-items: center;
      margin-top: 50px; }
      #page[data-page-id="page-foundation"] .section-cabi__body .split .split-section {
        text-align: center; }
        #page[data-page-id="page-foundation"] .section-cabi__body .split .split-section span {
          font-weight: bold; }
        #page[data-page-id="page-foundation"] .section-cabi__body .split .split-section p {
          max-width: 370px; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-foundation"] .section-cabi__body .split {
          flex-direction: row; } }
    #page[data-page-id="page-foundation"] .section-cabi__body .container {
      padding: 0 35px;
      font-size: 16px;
      line-height: 22px;
      letter-spacing: -0.02em; }
    #page[data-page-id="page-foundation"] .section-cabi__body .content blockquote {
      max-width: 330px;
      float: left;
      margin: 40px 40px 60px 0;
      font-size: 32px;
      line-height: 40px;
      color: #000; }
    #page[data-page-id="page-foundation"] .section-cabi__body .content p {
      margin: 30px 0; }
    #page[data-page-id="page-foundation"] .section-cabi__body .content .gallery {
      margin: 40px -10px; }
      #page[data-page-id="page-foundation"] .section-cabi__body .content .gallery::after {
        clear: both;
        content: "";
        display: table; }
    #page[data-page-id="page-foundation"] .section-cabi__body .content .gallery-item {
      float: left;
      width: 50%;
      padding: 10px; }
      #page[data-page-id="page-foundation"] .section-cabi__body .content .gallery-item img {
        max-width: 100%;
        height: auto;
        vertical-align: top;
        display: block; }
  #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; }
  #page[data-page-id="page-foundation"] .step-2 {
    margin-bottom: 140px;
    text-align: center; }
    #page[data-page-id="page-foundation"] .step-2 .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-2 .headline {
      margin: 0 0 30px 0;
      display: inline-block;
      vertical-align: top;
      max-width: 100%; }
    #page[data-page-id="page-foundation"] .step-2 .columns {
      text-align: center;
      position: relative; }
      #page[data-page-id="page-foundation"] .step-2 .columns::after {
        clear: both;
        content: "";
        display: table; }
      #page[data-page-id="page-foundation"] .step-2 .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; }
      #page[data-page-id="page-foundation"] .step-2 .columns .box {
        width: 50%;
        float: left; }
      #page[data-page-id="page-foundation"] .step-2 .columns .info {
        color: #000;
        max-width: 280px;
        margin: 0 auto; }
        #page[data-page-id="page-foundation"] .step-2 .columns .info p {
          font-size: 18px;
          letter-spacing: 0.43px;
          line-height: 22px; }
      #page[data-page-id="page-foundation"] .step-2 .columns .icon {
        border-radius: 50%;
        background: #fff;
        width: 185px;
        height: 185px;
        display: block;
        margin: 0 auto 30px auto;
        text-align: center;
        line-height: 175px;
        border: 2px solid #ff99a8; }
        #page[data-page-id="page-foundation"] .step-2 .columns .icon img {
          vertical-align: middle;
          display: inline-block; }
      #page[data-page-id="page-foundation"] .step-2 .columns .icon-1 {
        width: 95px; }
      #page[data-page-id="page-foundation"] .step-2 .columns .icon-2 {
        width: 100px; }
  #page[data-page-id="page-foundation"] .step-3 {
    height: 600px; }
    @media screen and (min-width: 480px) {
      #page[data-page-id="page-foundation"] .step-3 {
        height: 450px; } }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-foundation"] .step-3 {
        height: 385px; } }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-foundation"] .step-3 {
        background: url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/foundation/cheerful-blouse-wide.png") no-repeat;
        background-size: cover;
        margin: auto -35px;
        background-position-x: 20%; } }
    #page[data-page-id="page-foundation"] .step-3 .mobile-only {
      display: block; }
      @media screen and (min-width: 1000px) {
        #page[data-page-id="page-foundation"] .step-3 .mobile-only {
          display: none; } }
    #page[data-page-id="page-foundation"] .step-3 .h2 {
      text-align: center;
      font-size: 55px;
      text-align: center;
      line-height: 1;
      margin-bottom: 50px; }
    @media screen and (min-width: 1000px) {
      #page[data-page-id="page-foundation"] .step-3 .hoc {
        padding-top: 4em; } }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-foundation"] .step-3 .hoc .animate .blouse {
        top: 0;
        left: 10px; } }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-foundation"] .step-3 .hoc .box .description {
        width: 95%; } }
    #page[data-page-id="page-foundation"] .step-3 .hoc .box .description p {
      font-size: 14px;
      line-height: 22px; }
  #page[data-page-id="page-foundation"] .step-3-header {
    text-align: center;
    line-height: 1;
    margin-bottom: 50px; }
    #page[data-page-id="page-foundation"] .step-3-header .h2 {
      font-size: 35px; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-foundation"] .step-3-header .h2 {
          font-size: 55px; } }
  #page[data-page-id="page-foundation"] .hoc::after {
    clear: both;
    content: "";
    display: table; }
  #page[data-page-id="page-foundation"] .hoc .box {
    float: left;
    width: 50%;
    padding: 0 35px; }
  #page[data-page-id="page-foundation"] .hoc .animate {
    position: relative;
    text-align: right;
    margin-right: -10px; }
    #page[data-page-id="page-foundation"] .hoc .animate img {
      vertical-align: top;
      max-width: 100%;
      height: auto; }
    #page[data-page-id="page-foundation"] .hoc .animate .blouse {
      position: absolute;
      top: 40px;
      left: -50px;
      z-index: 1; }
    #page[data-page-id="page-foundation"] .hoc .animate .woman {
      opacity: 0.4;
      position: relative;
      -webkit-transition: all 0.6s ease-in-out;
      -moz-transition: all 0.6s ease-in-out;
      transition: all 0.6s ease-in-out;
      -webkit-transform: translateX(50px);
      -moz-transform: translateX(50px);
      -ms-transform: translateX(50px);
      -o-transform: translateX(50px);
      transform: translateX(50px); }
    #page[data-page-id="page-foundation"] .hoc .animate:hover .woman {
      opacity: 1;
      z-index: 2; }
  #page[data-page-id="page-foundation"] .hoc .content {
    padding-bottom: 30px; }
    #page[data-page-id="page-foundation"] .hoc .content .h3 {
      display: block;
      margin-bottom: 20px;
      font-size: 34px;
      line-height: 40px; }
    #page[data-page-id="page-foundation"] .hoc .content .description p {
      margin: 0 0 30px 0; }
    #page[data-page-id="page-foundation"] .hoc .content .btn {
      height: auto;
      max-width: 320px;
      padding: 20px 40px; }
  #page[data-page-id="page-foundation"] .section-interactive {
    background: #fff;
    background: -webkit-linear-gradient(top, #fff, #f5f5f5);
    background: linear-gradient(to bottom, #fff, #f5f5f5);
    padding: 100px 0; }
    #page[data-page-id="page-foundation"] .section-interactive::after {
      clear: both;
      content: "";
      display: table; }
    #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 {
      vertical-align: top;
      margin-left: -170px; }
    #page[data-page-id="page-foundation"] .section-interactive .container-medium::after {
      clear: both;
      content: "";
      display: table; }
    #page[data-page-id="page-foundation"] .section-interactive .box {
      float: left;
      width: 45%; }
      @media screen and (min-width: 768px) {
        #page[data-page-id="page-foundation"] .section-interactive .box {
          margin-left: 55%; } }
    #page[data-page-id="page-foundation"] .section-interactive .content {
      padding: 70px 0 0 90px; }
      #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 .content .btn-pink {
        background: #666666;
        border-color: #666666; }
        #page[data-page-id="page-foundation"] .section-interactive .content .btn-pink:hover {
          border-color: #ff99a8;
          background: #ffffff; }
      #page[data-page-id="page-foundation"] .section-interactive .content .description p {
        margin: 0 0 30px 0; }
    #page[data-page-id="page-foundation"] .section-interactive .mobile-globe {
      display: none; }
  #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;
      -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; }
      #page[data-page-id="page-foundation"] .section__slideshow .foundation__text-slider .slick-list {
        width: 80%;
        margin: 0 auto; }
        @media screen and (min-width: 1000px) {
          #page[data-page-id="page-foundation"] .section__slideshow .foundation__text-slider .slick-list {
            width: 50%; } }
        #page[data-page-id="page-foundation"] .section__slideshow .foundation__text-slider .slick-list p {
          text-align: center;
          padding: 1em 0;
          color: #4a4848; }
    #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% - 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%); } }
      #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: #ff99a8; }
    #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% + 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%); } }
      #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: #ff99a8; }
    #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 {
    text-align: center;
    padding: 90px 0; }
    @media screen and (min-width: 768px) {
      #page[data-page-id="page-foundation"] .section-partners {
        position: relative;
        z-index: 2;
        background: white; } }
    #page[data-page-id="page-foundation"] .section-partners .h2 {
      font-size: 55px;
      line-height: 1;
      color: #000;
      margin-bottom: 20px; }
    #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 {
    padding: 50px 0; }
    #page[data-page-id="page-foundation"] .partners .item {
      display: inline-block;
      vertical-align: top;
      margin: 0 60px; }
    #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; }

@-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"] .how-it-works {
    text-align: center;
    position: relative;
    width: 633px;
    margin: 0px auto 50px auto;
    height: 685px;
    padding-top: 63px; }
  @media screen and (max-width: 1000px) {
    #page[data-page-id="page-foundation"] .section-interactive .globe {
      max-width: 100%;
      height: auto;
      margin-left: -50px; }
    #page[data-page-id="page-foundation"] .section-interactive .content {
      padding: 0; }
    #page[data-page-id="page-foundation"] .section-map {
      background: #fcfcfb;
      margin: 0; }
    #page[data-page-id="page-foundation"] .hoc .box-left {
      padding-left: 0; }
    #page[data-page-id="page-foundation"] .hoc .box-right {
      padding: 0; }
    #page[data-page-id="page-foundation"] .section-cabi__top {
      background-position-x: 19%; }
      #page[data-page-id="page-foundation"] .section-cabi__top .img {
        width: 350px; }
      #page[data-page-id="page-foundation"] .section-cabi__top .description {
        font-size: 40px;
        padding-left: 300px; }
        #page[data-page-id="page-foundation"] .section-cabi__top .description .info-photo {
          padding-left: 300px; }
    #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); } }
  @media screen and (max-width: 767px) {
    #page[data-page-id="page-foundation"] .section-map {
      background-image: none; }
      #page[data-page-id="page-foundation"] .section-map .animate-desktop {
        display: none; }
      #page[data-page-id="page-foundation"] .section-map .animate-mobile {
        display: block;
        background: url(../images/foundation/map.jpg) 15px 0 no-repeat;
        background-size: 460px auto; }
    #page[data-page-id="page-foundation"] .page-header {
      height: auto;
      background: #000 url("https://media.cabionline.com/wp-content/uploads/cabi-templates/f20/foundation/cabi-foundation-header-mobile.jpg") 50% 0 no-repeat;
      background-size: 100% auto;
      padding: 67% 0 0; }
      #page[data-page-id="page-foundation"] .page-header .container {
        padding: 40px 25px 65px 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 {
        width: 180px;
        margin-bottom: 15px; }
      #page[data-page-id="page-foundation"] .page-header .info {
        margin-bottom: 15px; }
      #page[data-page-id="page-foundation"] .page-header .h2 {
        font-size: 1.3em;
        line-height: 1;
        margin: 0.75em 0 0.5em; }
        #page[data-page-id="page-foundation"] .page-header .h2 span {
          font-size: 50px; }
    #page[data-page-id="page-foundation"] .accomplishments {
      margin: -40px 0 40px 0; } }
  @media screen and (max-width: 767px) and (min-width: 1000px) {
    #page[data-page-id="page-foundation"] .accomplishments {
      margin: -55px 0 40px 0; } }
  @media screen and (max-width: 767px) {
    #page[data-page-id="page-foundation"] .accomplishments-item {
      float: none;
      width: 100%;
      padding: 0;
      border-bottom: 1px solid #f1909e; }
      #page[data-page-id="page-foundation"] .accomplishments-item .accomplishments__box {
        margin: 0;
        position: relative;
        text-align: left;
        display: table;
        height: 110px; }
        #page[data-page-id="page-foundation"] .accomplishments-item .accomplishments__box p {
          font-size: 17px;
          line-height: 20px; }
          #page[data-page-id="page-foundation"] .accomplishments-item .accomplishments__box p br {
            display: none; }
    #page[data-page-id="page-foundation"] .accomplishments__img-container {
      display: table-cell;
      width: 30%;
      vertical-align: middle; } }
  @media screen and (max-width: 767px) and (min-width: 1000px) {
    #page[data-page-id="page-foundation"] .accomplishments__img-container {
      width: 25%; } }
  @media screen and (max-width: 767px) {
    #page[data-page-id="page-foundation"] .accomplishments__text-container {
      display: table-cell;
      padding-right: 1em;
      vertical-align: middle; } }
  @media screen and (max-width: 767px) and (min-width: 1000px) {
    #page[data-page-id="page-foundation"] .accomplishments__text-container {
      width: 75%; } }
  @media screen and (max-width: 767px) {
    #page[data-page-id="page-foundation"] .step-1 .headline {
      width: 220px; }
    #page[data-page-id="page-foundation"] .step-1 .step-description .h2 {
      font-size: 17px;
      line-height: 20px; }
    #page[data-page-id="page-foundation"] .container-medium {
      padding: 0 15px; }
    #page[data-page-id="page-foundation"] .section-cabi .btn-square {
      width: 72px;
      height: 72px;
      margin-left: -36px; }
    #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__top {
      height: 260px; }
      #page[data-page-id="page-foundation"] .section-cabi__top .img {
        width: auto;
        height: 270px;
        margin-left: -30px; }
      #page[data-page-id="page-foundation"] .section-cabi__top .description {
        font-size: 25px;
        line-height: 1;
        padding-left: 170px;
        padding-bottom: 25px; }
      #page[data-page-id="page-foundation"] .section-cabi__top .info-photo {
        padding-left: 170px; }
    #page[data-page-id="page-foundation"] .section-cabi__body {
      padding-bottom: 90px; }
      #page[data-page-id="page-foundation"] .section-cabi__body .content {
        font-size: 12px;
        line-height: 18px; }
        #page[data-page-id="page-foundation"] .section-cabi__body .content blockquote {
          max-width: 100%;
          float: none;
          margin: 20px 0;
          font-size: 22px;
          line-height: 1.4em; } }
      @media screen and (max-width: 767px) and (min-width: 768px) {
        #page[data-page-id="page-foundation"] .section-cabi__body .content blockquote {
          line-height: 1em; } }
  @media screen and (max-width: 767px) {
        #page[data-page-id="page-foundation"] .section-cabi__body .content p {
          margin: 15px 0; }
        #page[data-page-id="page-foundation"] .section-cabi__body .content .gallery {
          margin: 20px 0; }
        #page[data-page-id="page-foundation"] .section-cabi__body .content .gallery-item {
          float: none;
          width: 100%;
          padding: 10px 0; }
    #page[data-page-id="page-foundation"] .section-video {
      margin-bottom: 50px; }
      #page[data-page-id="page-foundation"] .section-video .description {
        font-size: 20px;
        line-height: 1.2;
        padding: 0; }
    #page[data-page-id="page-foundation"] .how-it-works {
      display: none; }
    #page[data-page-id="page-foundation"] .step-2 {
      margin-bottom: 100px; }
      #page[data-page-id="page-foundation"] .step-2 .headline {
        width: 250px; }
      #page[data-page-id="page-foundation"] .step-2 .description {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 20px; }
      #page[data-page-id="page-foundation"] .step-2 .columns .box {
        float: none;
        width: 100%; }
        #page[data-page-id="page-foundation"] .step-2 .columns .box.box-left {
          margin-bottom: 110px; }
      #page[data-page-id="page-foundation"] .step-2 .columns .icon {
        width: 160px;
        height: 160px;
        line-height: 160px;
        margin-bottom: 20px; }
      #page[data-page-id="page-foundation"] .step-2 .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-2 .columns .arrow {
        top: 230px; } }
  @media screen and (max-width: 767px) {
      #page[data-page-id="page-foundation"] .step-2 .columns .icon-1 {
        width: 80px; }
      #page[data-page-id="page-foundation"] .step-2 .columns .icon-2 {
        width: 85px; }
    #page[data-page-id="page-foundation"] .step-3 .h2 {
      font-size: 35px;
      margin-bottom: 30px; }
    #page[data-page-id="page-foundation"] .hoc {
      text-align: center;
      padding-top: 250px;
      position: relative;
      padding-bottom: 50px; }
      #page[data-page-id="page-foundation"] .hoc .animate {
        position: static; }
        #page[data-page-id="page-foundation"] .hoc .animate .blouse {
          width: 260px;
          top: -30px;
          left: 50%;
          transform: translateX(-50%); }
      #page[data-page-id="page-foundation"] .hoc .woman {
        display: none; }
      #page[data-page-id="page-foundation"] .hoc .box {
        float: none;
        width: 100%;
        padding: 0; }
      #page[data-page-id="page-foundation"] .hoc .content .description {
        font-size: 12px;
        line-height: 18px; }
        #page[data-page-id="page-foundation"] .hoc .content .description p {
          margin-bottom: 20px; }
      #page[data-page-id="page-foundation"] .hoc .content .h3 {
        font-size: 25px;
        line-height: 1; }
      #page[data-page-id="page-foundation"] .hoc .content .btn {
        padding: 10px;
        width: 180px;
        font-size: 10px;
        line-height: 13px; }
    #page[data-page-id="page-foundation"] .section-interactive {
      padding: 40px 0 0 0; }
      #page[data-page-id="page-foundation"] .section-interactive #globe {
        display: none; }
      #page[data-page-id="page-foundation"] .section-interactive .box {
        float: none;
        width: 100%; }
      #page[data-page-id="page-foundation"] .section-interactive .container-medium {
        position: relative;
        overflow: hidden; } }
    @media screen and (max-width: 767px) and (min-width: 768px) {
      #page[data-page-id="page-foundation"] .section-interactive .container-medium {
        padding-bottom: 210px; } }
  @media screen and (max-width: 767px) {
        #page[data-page-id="page-foundation"] .section-interactive .container-medium .globe {
          width: 300px;
          bottom: -105px;
          position: absolute;
          margin: 0 0 0 -150px;
          left: 50%; }
      #page[data-page-id="page-foundation"] .section-interactive .content {
        padding: 0;
        text-align: center; }
        #page[data-page-id="page-foundation"] .section-interactive .content .description {
          font-size: 12px;
          line-height: 18px; }
          #page[data-page-id="page-foundation"] .section-interactive .content .description p {
            margin-bottom: 20px; }
        #page[data-page-id="page-foundation"] .section-interactive .content .h3 {
          font-size: 25px;
          line-height: 1; }
      #page[data-page-id="page-foundation"] .section-interactive .mobile-globe {
        display: block;
        max-width: 100%;
        width: 100%; }
      #page[data-page-id="page-foundation"] .section-interactive .btn {
        height: 45px;
        padding: 10px;
        width: 180px; }
    #page[data-page-id="page-foundation"] .section-partners {
      padding: 45px 0; }
      #page[data-page-id="page-foundation"] .section-partners .h2 {
        font-size: 25px;
        margin-bottom: 10px; }
      #page[data-page-id="page-foundation"] .section-partners .partners {
        text-align: center;
        margin: 30px 0;
        padding: 0; }
        #page[data-page-id="page-foundation"] .section-partners .partners .item {
          display: block;
          margin: 0 0 70px 0; }
          #page[data-page-id="page-foundation"] .section-partners .partners .item:last-child {
            margin: 0; } }
  #page[data-page-id="page-foundation"] .grey-gradient-background {
    background-image: linear-gradient(to bottom, #ffffff, #f5f5f5); }

.featured-item-link {
  font-family: Montserrat;
  font-weight: 600; }

#page-cabi-clothing-holiday-greetings .holiday-greetings {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 120px; }
  #page-cabi-clothing-holiday-greetings .holiday-greetings-bg {
    background-color: #fafafa;
    background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f18/holiday-greetings/holiday-landing-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 500px; }
  #page-cabi-clothing-holiday-greetings .holiday-greetings__video-container {
    width: 100%;
    max-width: 832px;
    z-index: 2; }
    @media screen and (max-width: 767px) {
      #page-cabi-clothing-holiday-greetings .holiday-greetings__video-container .desktop-only {
        display: none; } }
    #page-cabi-clothing-holiday-greetings .holiday-greetings__video-container .mobile-video-container {
      position: relative;
      padding-top: 56.25%;
      display: block; }
    #page-cabi-clothing-holiday-greetings .holiday-greetings__video-container .mobile-only {
      display: none; }
      @media screen and (max-width: 767px) {
        #page-cabi-clothing-holiday-greetings .holiday-greetings__video-container .mobile-only {
          width: 100%;
          display: block; } }
    #page-cabi-clothing-holiday-greetings .holiday-greetings__video-container .video-iframe {
      width: 100%;
      height: 100%; }
      #page-cabi-clothing-holiday-greetings .holiday-greetings__video-container .video-iframe.mobile-iframe {
        padding: 20px; }
  #page-cabi-clothing-holiday-greetings .holiday-greetings__divider {
    background: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f18/holiday-greetings/holiday-landing-divider.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 89px; }
  #page-cabi-clothing-holiday-greetings .holiday-greetings__flakes {
    margin-top: -89px;
    background: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f18/holiday-greetings/holiday-flakes-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    min-height: 203px; }

#page-cabi-clothing-holiday-greetings .video-player__player {
  padding-top: 56.25%; }

#page-cabi-clothing-holiday-greetings .greetings-main {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 700;
  font-style: italic;
  font-size: 2em;
  line-height: 1.5em;
  padding: 0 20px; }
  @media screen and (max-width: 480px) {
    #page-cabi-clothing-holiday-greetings .greetings-main {
      font-size: 1.8em; }
      #page-cabi-clothing-holiday-greetings .greetings-main br {
        display: none; } }

#page-cabi-clothing-holiday-greetings .greetings-sub {
  margin-top: -114px;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 700;
  font-style: italic;
  font-size: 22px;
  line-height: 1.3;
  padding: 0 20px; }
  #page-cabi-clothing-holiday-greetings .greetings-sub span {
    font-family: JustLovely;
    font-weight: normal;
    font-style: normal;
    font-size: 67px;
    color: #fc94a3; }
    @media screen and (max-width: 480px) {
      #page-cabi-clothing-holiday-greetings .greetings-sub span {
        font-size: 55px; } }

#page-cabi-clothing-holiday-greetings .career-goals__video-wrapper {
  margin: auto;
  padding: 0 10px 80px; }
  #page-cabi-clothing-holiday-greetings .career-goals__video-wrapper--half-bottom {
    padding-bottom: 40px; }
  @media screen and (min-width: 768px) {
    #page-cabi-clothing-holiday-greetings .career-goals__video-wrapper {
      display: block;
      padding: 0;
      padding-bottom: 80px;
      height: auto; } }
  #page-cabi-clothing-holiday-greetings .career-goals__video-wrapper .home__promo-lg--one {
    cursor: pointer; }
    #page-cabi-clothing-holiday-greetings .career-goals__video-wrapper .home__promo-lg--one:hover .btn-play:after {
      color: #ff99a8; }
    #page-cabi-clothing-holiday-greetings .career-goals__video-wrapper .home__promo-lg--one:hover dfn {
      color: #ff99a8; }
  #page-cabi-clothing-holiday-greetings .career-goals__video-wrapper .btn-play {
    background-color: transparent;
    line-height: inherit;
    height: inherit;
    width: inherit;
    font-size: 4em; }
  #page-cabi-clothing-holiday-greetings .career-goals__video-wrapper dfn {
    display: block;
    color: white;
    font-style: normal;
    font-family: Montserrat !important;
    font-weight: 700;
    font-size: .8em; }
  #page-cabi-clothing-holiday-greetings .career-goals__video-wrapper--elegancia {
    max-width: 832px; }

#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-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-weight: 500;
              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; }

.SMT__main {
  display: inline-block !important; }
  .SMT__main--shipping-returns {
    display: inline-block;
    margin: 0 !important;
    width: 100% !important; }
    @media screen and (min-width: 1000px) {
      .SMT__main--shipping-returns {
        width: 100% !important; } }
    .SMT__main--shipping-returns .SMT__section-title {
      font-size: 1.25em; }
    .SMT__main--shipping-returns .SMT__section {
      border-bottom: 1px solid #000; }

.SMT__section-header--shipping-returns {
  padding: 1em !important; }

.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; } }

.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.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.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: 500;
    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 #page[data-page-id="page-host"] .block-video .video-wrapper .video-wrapper-text h2.h2, #page[data-page-id="page-host"] .block-video .video-wrapper .video-wrapper-text .c-shopping-nightmare-intro-content h2.h2, .c-shopping-nightmare-intro-content #page[data-page-id="page-host"] .block-video .video-wrapper .video-wrapper-text p.h2, #page[data-page-id="page-host"] .block-video .video-wrapper .video-wrapper-text .c-shopping-nightmare-intro-content p.h2, .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.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;
    font-weight: 500;
    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;
    font-weight: 500;
    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: 500;
      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;
    font-weight: 500;
    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: 6.4em;
    font-weight: normal;
    line-height: 1em;
    margin: 0 0 30px; }
  .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: #ff99a8; }

.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-weight: 500;
  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: #ff99a8; }
  #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 #page header,
.tax-cabi-tv #page header {
  margin-bottom: 2em; }
  .page-template-cabi-tv #page header object,
  .tax-cabi-tv #page header object {
    width: 105px;
    margin: 0 auto 1em; }

.page-template-cabi-tv #page section#featured-videos .cabitv__featured,
.tax-cabi-tv #page section#featured-videos .cabitv__featured {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column-reverse nowrap;
  -moz-flex-flow: column-reverse nowrap;
  flex-flow: column-reverse nowrap; }
  @media screen and (min-width: 1000px) {
    .page-template-cabi-tv #page section#featured-videos .cabitv__featured,
    .tax-cabi-tv #page section#featured-videos .cabitv__featured {
      -webkit-flex-flow: row wrap;
      -moz-flex-flow: row wrap;
      flex-flow: row wrap; } }

.page-template-cabi-tv #page section#featured-videos .cabitv__featured-content,
.tax-cabi-tv #page section#featured-videos .cabitv__featured-content {
  margin: auto 0;
  padding: 30px; }
  @media screen and (min-width: 768px) {
    .page-template-cabi-tv #page section#featured-videos .cabitv__featured-content,
    .tax-cabi-tv #page section#featured-videos .cabitv__featured-content {
      padding: 50px; } }
  @media screen and (min-width: 1000px) {
    .page-template-cabi-tv #page section#featured-videos .cabitv__featured-content,
    .tax-cabi-tv #page section#featured-videos .cabitv__featured-content {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 1 25%;
      -moz-flex: 0 1 25%;
      -ms-flex: 0 1 25%;
      flex: 0 1 25%;
      padding: 45px; } }

.page-template-cabi-tv #page section#featured-videos .cabitv__featured-label,
.tax-cabi-tv #page section#featured-videos .cabitv__featured-label {
  font-size: 1.2em; }

.page-template-cabi-tv #page section#featured-videos .cabitv__featured-title,
.tax-cabi-tv #page section#featured-videos .cabitv__featured-title {
  font-size: 1.7em;
  line-height: 1.3em; }

.page-template-cabi-tv #page section#featured-videos .cabitv__featured-image-wrapper,
.tax-cabi-tv #page section#featured-videos .cabitv__featured-image-wrapper {
  position: relative; }
  @media screen and (min-width: 1000px) {
    .page-template-cabi-tv #page section#featured-videos .cabitv__featured-image-wrapper,
    .tax-cabi-tv #page section#featured-videos .cabitv__featured-image-wrapper {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 1 75%;
      -moz-flex: 0 1 75%;
      -ms-flex: 0 1 75%;
      flex: 0 1 75%; } }
  .page-template-cabi-tv #page section#featured-videos .cabitv__featured-image-wrapper:before,
  .tax-cabi-tv #page section#featured-videos .cabitv__featured-image-wrapper:before {
    content: "";
    float: left;
    display: block;
    padding-top: 56.32%; }
    @media screen and (min-width: 1000px) {
      .page-template-cabi-tv #page section#featured-videos .cabitv__featured-image-wrapper:before,
      .tax-cabi-tv #page section#featured-videos .cabitv__featured-image-wrapper:before {
        display: none; } }
  .page-template-cabi-tv #page section#featured-videos .cabitv__featured-image-wrapper i,
  .tax-cabi-tv #page section#featured-videos .cabitv__featured-image-wrapper i {
    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-template-cabi-tv #page section#featured-videos .cabitv__featured-btn.white:after,
.tax-cabi-tv #page section#featured-videos .cabitv__featured-btn.white:after {
  color: #888; }

.page-template-cabi-tv #page section#featured-videos .cabitv__featured-image,
.tax-cabi-tv #page section#featured-videos .cabitv__featured-image {
  display: block;
  width: 100%;
  height: auto; }

.page-template-cabi-tv #page #cabitv-filters,
.tax-cabi-tv #page #cabitv-filters {
  margin: 32px 0;
  text-align: center; }
  .page-template-cabi-tv #page #cabitv-filters .btn-filter,
  .tax-cabi-tv #page #cabitv-filters .btn-filter {
    height: 42px;
    padding: 8px;
    font-size: .8em;
    line-height: 2em;
    margin-bottom: 4px; }
    .page-template-cabi-tv #page #cabitv-filters .btn-filter.term-active,
    .tax-cabi-tv #page #cabitv-filters .btn-filter.term-active {
      background-color: #000;
      color: #fff; }

@media screen and (min-width: 768px) {
  .page-template-cabi-tv #page section#videos,
  .tax-cabi-tv #page section#videos {
    text-align: center; } }

@media screen and (min-width: 768px) {
  .page-template-cabi-tv #page section#videos article,
  .tax-cabi-tv #page section#videos article {
    display: inline-block;
    vertical-align: top; } }
  @media screen and (min-width: 768px) and (max-width: 999px) {
    .page-template-cabi-tv #page section#videos article:not(.featured-video-promote),
    .tax-cabi-tv #page section#videos article:not(.featured-video-promote) {
      width: 48.5%;
      margin: 0 0.5%; } }

@media screen and (min-width: 1000px) {
  .page-template-cabi-tv #page section#videos article .image:hover .btn-play,
  .tax-cabi-tv #page section#videos article .image:hover .btn-play {
    background: #fff; }
  .page-template-cabi-tv #page section#videos article:not(.featured-video-promote),
  .tax-cabi-tv #page section#videos article:not(.featured-video-promote) {
    width: 31%;
    margin: 0 1%; } }

.page-template-cabi-tv #page section#videos article .image,
.tax-cabi-tv #page section#videos article .image {
  height: 96px;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    .page-template-cabi-tv #page section#videos article .image,
    .tax-cabi-tv #page section#videos article .image {
      height: 169px; } }

.page-template-cabi-tv #page section#videos article.featured-video-promote,
.tax-cabi-tv #page section#videos article.featured-video-promote {
  margin-bottom: 50px; }
  .page-template-cabi-tv #page section#videos article.featured-video-promote.odd,
  .tax-cabi-tv #page section#videos article.featured-video-promote.odd {
    direction: rtl; }

.single-video #page .btn-filter {
  border: none;
  background-color: #f5f5f5;
  font-size: 0.8em; }
  .single-video #page .btn-filter:hover {
    background-color: #000;
    color: #fff; }

.single-video #page .container-wide {
  padding: 0 15px; }
  @media screen and (max-width: 999px) {
    .single-video #page .container-wide {
      padding: 0; } }

.single-video #page section#video #video-content {
  background: white;
  border-bottom: 24px solid #000;
  padding: 2em; }
  .single-video #page section#video #video-content h1 {
    margin-bottom: .5em; }
  .single-video #page section#video #video-content p {
    margin-bottom: 1em;
    color: #000; }

.single-video #page section#playlist h3 {
  display: none;
  padding: .5em 0;
  border-bottom: 1px solid;
  padding: 0 0 .75em .5em; }

.single-video #page section#playlist ul {
  padding: 0;
  margin: 0;
  position: relative; }
  .single-video #page section#playlist ul li {
    list-style: none;
    padding: 0;
    margin: 0; }
  @media screen and (max-width: 767px) {
    .single-video #page section#playlist ul {
      margin-bottom: 10px; } }
  @media screen and (max-width: 999px) {
    .single-video #page section#playlist ul {
      height: auto !important; } }
  .single-video #page section#playlist ul li {
    margin: 3px 0; }
    .single-video #page section#playlist ul li:first-child {
      margin-top: 0; }
    .single-video #page section#playlist ul li:nth-child(odd) {
      background: white; }
    .single-video #page section#playlist ul li:nth-child(even) {
      background: #f0f0f0; }
    .single-video #page section#playlist ul li.now-playing {
      background: #000;
      color: white; }
    .single-video #page section#playlist ul li article {
      display: table;
      width: 100%; }
      .single-video #page section#playlist ul li article .image, .single-video #page section#playlist ul li article .content {
        display: table-cell;
        width: 50%;
        vertical-align: middle; }
      .single-video #page section#playlist ul li article .image {
        position: relative;
        text-align: center; }
        .single-video #page section#playlist ul li article .image i {
          position: absolute;
          height: 44px;
          width: 44px;
          line-height: 44px;
          top: 50%;
          left: 50%;
          margin: -22px 0 0 -22px; }
          .single-video #page section#playlist ul li article .image i:after {
            color: #888; }
        .single-video #page section#playlist ul li article .image img {
          width: 100%;
          height: auto;
          display: block; }
      .single-video #page section#playlist ul li article .content {
        padding: 0 10px; }
        .single-video #page section#playlist ul li article .content .title {
          font-family: "Archer SSm A", "Archer SSm B";
          font-weight: 500;
          font-style: normal; }

@media screen and (max-width: 999px) {
  .single-video #page {
    margin-top: 0; } }

@media screen and (min-width: 1000px) {
  .single-video #page section#video {
    display: table-cell;
    width: 75%; }
    .single-video #page section#video #video-content {
      background: none;
      border-bottom: none;
      padding-left: 0; }
  .single-video #page section#playlist {
    display: table-cell;
    width: 25%;
    vertical-align: top;
    padding-left: 1em;
    margin-left: -22px; } }
  @media screen and (min-width: 1000px) and (min-width: 1000px) {
    .single-video #page section#playlist .h3 {
      display: block; } }

@media screen and (min-width: 1000px) {
    .single-video #page section#playlist ul {
      overflow-y: scroll;
      max-height: 750px; }
      .single-video #page section#playlist ul li:hover {
        background: #cfcfcf;
        cursor: pointer; }
    .single-video #page section#playlist .content {
      font-size: 12px;
      line-height: 1.25em; } }

.single-video .video__promotions {
  background: #f0f0f0;
  padding: 2em 0;
  text-align: center; }

.single-video .video__promotion {
  display: table-cell;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .single-video .video__promotion {
      display: table-cell;
      width: 33.3333333333%;
      float: none;
      display: inline-block;
      vertical-align: top; } }

.page-404 {
  max-width: 1800px;
  margin: 0 auto; }

.page-404__container {
  background-repeat: no-repeat;
  position: relative;
  padding-top: 149.027778%;
  width: 100%;
  margin: 0 auto;
  min-height: 360px;
  background-size: cover;
  background-position: top left; }
  @media screen and (max-width: 767px) {
    .page-404__container {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/404/404-error-bg-mobile.jpg); } }
  @media screen and (min-width: 768px) {
    .page-404__container {
      padding-top: 59.027778%;
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/404/404-error-bg.jpg);
      background-position: 33% center; }
      .page-404__container.not-supported-browser {
        background-image: 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 {
  position: absolute;
  top: 45%;
  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%);
  text-align: center;
  padding: 15px;
  color: #fff;
  width: 100%;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: normal; }
  @media screen and (max-width: 767px) {
    .page-404__content--white {
      color: #fff; } }
  @media screen and (min-width: 480px) {
    .page-404__content {
      width: 370px;
      padding: 30px; } }
  @media screen and (min-width: 768px) {
    .page-404__content {
      padding: 0;
      text-align: left;
      left: 28%; } }
  @media screen and (min-width: 1000px) {
    .page-404__content {
      width: 430px;
      left: 25%; } }
  @media screen and (min-width: 1440px) {
    .page-404__content {
      left: 30%; } }

.page-404__content__title {
  font-family: Santorini Regular;
  font-weight: 100;
  font-size: 70px;
  margin-bottom: 70px;
  letter-spacing: 0.38px; }
  @media screen and (min-width: 768px) {
    .page-404__content__title {
      letter-spacing: 0.26px; } }

.page-404__content__copy {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  letter-spacing: 0.06px; }
  @media screen and (max-width: 767px) {
    .page-404__content__copy {
      text-align: center; } }
  @media screen and (min-width: 1000px) {
    .page-404__content__copy {
      font-size: 24px;
      font-weight: 500;
      letter-spacing: 0.09px;
      line-height: 32px; } }

.page-404__content__btn {
  padding: 0 32px; }
  @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; } }

.page-404__content__btn-text--nowrap {
  display: inline-block;
  vertical-align: middle;
  font-weight: 600; }

.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.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.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 {
  max-width: 1800px;
  margin: 0 auto; }
  .page-mailinglist .mailinglist-container {
    position: relative;
    background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/mailing-list/mailing-list-bg-img.jpg);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    height: 0px; }
    @media screen and (min-width: 768px) {
      .page-mailinglist .mailinglist-container {
        padding-top: 700px; } }
    @media screen and (min-width: 1440px) {
      .page-mailinglist .mailinglist-container {
        background-position: center top;
        padding-top: 59.1%;
        background-size: contain; } }
    @media screen and (max-width: 767px) {
      .page-mailinglist .mailinglist-container {
        background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/mailing-list/mailing-list-bg-img-mobile.jpg);
        background-position: center top;
        background-size: contain;
        padding-bottom: 171.313%;
        height: 0; } }
  @media screen and (max-width: 767px) {
    .page-mailinglist .container {
      padding: 0px !important; } }

.mailinglist__content--wrapper {
  background-color: #fff;
  text-align: left;
  max-width: 500px;
  width: 500px;
  min-height: 400px;
  padding: 3em;
  margin: 0 15px; }
  .page-mailinglist .mailinglist__content--wrapper {
    position: absolute;
    top: 154px;
    left: 50%;
    transform: translateX(-50%); }
    @media screen and (min-width: 1000px) {
      .page-mailinglist .mailinglist__content--wrapper {
        left: 45px;
        transform: translate(0); } }
    @media screen and (min-width: 1440px) {
      .page-mailinglist .mailinglist__content--wrapper {
        left: 115px; } }
    @media screen and (max-width: 767px) {
      .page-mailinglist .mailinglist__content--wrapper {
        position: relative !important;
        -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);
        top: 70vw;
        left: 0;
        height: auto;
        min-height: 0; } }
  @media screen and (min-width: 768px) {
    .mailinglist__content--wrapper {
      margin: 0; } }
  @media screen and (max-width: 767px) {
    .mailinglist__content--wrapper {
      width: auto;
      padding: 40px 1em 50px;
      margin: 0;
      text-align: center;
      max-width: none; } }
  @media screen and (min-width: 1250px) {
    .mailinglist__content--wrapper {
      max-width: 500px; } }
  .mailinglist__content--wrapper fieldset {
    text-align: left;
    max-width: 460px;
    margin: 0 auto 25px; }
    @media screen and (max-width: 767px) {
      .mailinglist__content--wrapper fieldset {
        text-align: center; } }
    @media screen and (min-width: 1000px) {
      .mailinglist__content--wrapper fieldset {
        max-width: none; } }
    .mailinglist__content--wrapper fieldset input.mailing-list-submit {
      height: 50px;
      padding: 0 55px;
      font-size: 1em;
      letter-spacing: normal; }
      .mailinglist__content--wrapper fieldset input.mailing-list-submit:hover {
        background-color: #000;
        color: #fff; }
      @media screen and (max-width: 999px) and (min-width: 768px) {
        .mailinglist__content--wrapper fieldset input.mailing-list-submit {
          font-size: 1.1538461538em; } }
      @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: "Archer SSm A", "Archer SSm B";
      font-weight: 400;
      font-style: italic;
      background: none;
      border: none;
      font-size: 1.3333333333em;
      padding: 12px;
      margin-right: 1em;
      width: 100%;
      max-width: 480px;
      height: 45px;
      margin: 0 0 25px;
      border-bottom: 1px solid #000; }
      @media screen and (max-width: 999px) and (min-width: 768px) {
        .mailinglist__content--wrapper fieldset input[type="email"] {
          font-size: 1.5384615385em; } }
      @media screen and (max-width: 767px) {
        .mailinglist__content--wrapper fieldset input[type="email"] {
          font-size: 1.3846153846em; } }
      @media screen and (min-width: 1000px) {
        .mailinglist__content--wrapper fieldset input[type="email"] {
          max-width: none; } }

.mailinglist__content--title {
  font-size: 2.5em;
  line-height: 51px;
  font-family: "Didot 06 A", "Didot 06 B", "georgia";
  font-weight: 300;
  font-style: italic; }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    .mailinglist__content--title {
      font-size: 2.4em; } }
  @media screen and (max-width: 767px) {
    .mailinglist__content--title {
      font-size: 2.4615384615em;
      line-height: 40px;
      max-width: 460px;
      margin: 0 auto 20px; } }

.mailinglist__content--description {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  color: #3b3e49;
  font-size: 1.0666666667em;
  line-height: 22px; }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    .mailinglist__content--description {
      font-size: 1.2307692308em; } }
  @media screen and (max-width: 767px) {
    .mailinglist__content--description {
      font-size: 1.2307692308em;
      max-width: 460px;
      margin: 0 auto 20px; } }

.mailinglist__content--policy-link {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 0.8666666667em;
  line-height: 16px;
  color: #000; }
  @media screen and (max-width: 999px) {
    .mailinglist__content--policy-link {
      font-size: 1em; } }

/* =============================================================================
 * 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 .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: #ff99a8; }
  #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: 500;
  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.h3, [data-component-event-table] #page-search h1.mb20.h3, #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"] .step-3 h1.mb20.h2, #page[data-page-id="page-foundation"] .step-3 #page-search h1.mb20.h2, #page-search #page[data-page-id="page-foundation"] .hoc .content h1.mb20.h3, #page[data-page-id="page-foundation"] .hoc .content #page-search h1.mb20.h3, #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"] .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;
  font-weight: 500; }

.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;
      font-weight: 500;
      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;
      font-weight: 500;
      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;
      font-weight: 500;
      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;
  font-weight: 500;
  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 {
      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;
  font-weight: 500;
  -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: 500;
    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-size: 4em;
  line-height: 1em;
  padding: 1.5rem 15px;
  text-align: center;
  font-family: JustLovely;
  font-weight: normal;
  font-style: normal; }
  @media screen and (min-width: 768px) {
    .blog__page-title {
      font-size: 6em; } }

.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: 500;
  font-weight: 700;
  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;
  font-weight: 500;
  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 {
        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 {
        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.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.cabionline.com/wp-content/uploads/cabi-templates/s20/fashion-show/registered-landing-fashion-show-s20.jpg); }
  .fashion-watch__video--fall {
    background-image: url(//media.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: 500;
  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.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.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.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.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__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-size: 2.6666666667em;
  line-height: 51px;
  font-family: "Didot 06 A", "Didot 06 B", "georgia";
  font-weight: 300;
  font-style: italic;
  color: #fff; }
  @media screen and (max-width: 999px) and (min-width: 768px) {
    .fashion-watch__content-title {
      font-size: 3.0769230769em; } }
  @media screen and (max-width: 767px) {
    .fashion-watch__content-title {
      font-size: 2.4615384615em;
      line-height: 40px;
      max-width: 460px;
      margin: 0 auto 20px; } }

.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-size: 1.125em;
  line-height: 1.5em;
  letter-spacing: 0px; }

.fashion-watch__form {
  margin-bottom: 1em; }

.fashion-watch__form-priv-link {
  color: white;
  font-family: Montserrat;
  font-weight: 500;
  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;
  font-weight: 500;
  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.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.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.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.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.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.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.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.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-weight: 500;
          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-weight: 500;
        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.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.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-weight: 500;
      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-weight: 500;
    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-weight: 500;
    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.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-weight: 500;
        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-weight: 500;
      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.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-weight: 500;
    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: 500;
      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: 500;
    font-weight: 700;
    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: 500;
  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-weight: 500;
    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-family: JustLovely;
          font-weight: normal;
          font-style: normal;
          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; }
  @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-weight: 500;
    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; }

@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.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.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-family: JustLovelySlanted;
  font-weight: normal;
  font-style: normal;
  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.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.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.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.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: 500;
    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: 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: 500;
        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: 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 {
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  -o-transform: rotate(1deg);
  transform: rotate(1deg);
  color: #3D413F;
  font-family: 'Santorini Regular';
  font-size: 42px;
  letter-spacing: 0.43px;
  line-height: 66px;
  font-weight: 400;
  margin-top: 30px;
  margin-bottom: 60px; }
  @media screen and (min-width: 768px) {
    #stylist-stories-landing .stylist-stories-landing__callout--header h2 {
      font-size: 64px;
      letter-spacing: 0.91px;
      line-height: 70px;
      margin-top: 50px;
      margin-bottom: 100px; } }
  @media screen and (min-width: 1000px) {
    #stylist-stories-landing .stylist-stories-landing__callout--header h2 {
      font-size: 74px;
      letter-spacing: 1.06px;
      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.cabionline.com/wp-content/uploads/cabi-templates/f20/stylist-stories-landing/meet-alicia-full-width-img-tablet.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.cabionline.com/wp-content/uploads/cabi-templates/f20/stylist-stories-landing/meet-alicia-full-width-img-tablet.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.cabionline.com/wp-content/uploads/cabi-templates/f20/stylist-stories-landing/meet-alicia-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-weight: 500;
    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-weight: 500;
      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 {
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  -o-transform: rotate(1deg);
  transform: rotate(1deg);
  color: #3D413F;
  font-family: 'Santorini Regular';
  font-size: 42px;
  letter-spacing: 0.43px;
  line-height: 66px;
  font-weight: 400;
  margin-top: 30px;
  margin-bottom: 60px; }
  @media screen and (min-width: 768px) {
    .stylist-stories h2, .stylist-story__header h2 {
      font-size: 64px;
      letter-spacing: 0.91px;
      line-height: 70px;
      margin-top: 50px;
      margin-bottom: 100px; } }
  @media screen and (min-width: 1000px) {
    .stylist-stories h2, .stylist-story__header h2 {
      font-size: 74px;
      letter-spacing: 1.06px;
      line-height: 90px;
      padding-left: 30px; } }

@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-weight: 500;
  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-weight: 500;
    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: 500;
      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: 'Santorini Regular';
        font-size: 32px;
        letter-spacing: 0.47px;
        line-height: 60px;
        font-weight: 400;
        display: inline-block;
        margin-top: -20px;
        margin-bottom: 20px; }
        @media screen and (min-width: 768px) {
          .stylist-stories--header h3 span, .stylist-story__feed--header h3 span {
            font-size: 74px;
            letter-spacing: 0.76px;
            line-height: 100px;
            margin-top: -30px; } }
      .stylist-stories--header h3 p, .stylist-story__feed--header h3 p {
        font-size: 15px;
        line-height: 1.5em; }

@media screen and (min-width: 1000px) {
  .container-adjustment, #page-career-in-fashion #lead-form .container, .become-a-stylist #page-career-in-fashion #lead-form .container {
    padding-left: 240px; } }

.become-a-stylist__styling-experiences--title, .become-a-stylist__income--content-title, .become-a-stylist__support--header h5, .become-a-stylist__join-community--header h5, .become-a-stylist__faqs--header h5 {
  color: #3D413F;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: italic;
  margin-bottom: 10px;
  font-size: 28px;
  letter-spacing: 0.29px;
  line-height: 34px; }
  @media screen and (min-width: 768px) {
    .become-a-stylist__styling-experiences--title, .become-a-stylist__income--content-title, .become-a-stylist__support--header h5, .become-a-stylist__join-community--header h5, .become-a-stylist__faqs--header h5 {
      font-size: 32px;
      font-weight: 300;
      letter-spacing: 0.33px;
      line-height: 39px; } }

.become-a-stylist__styling-experiences--content-title, .become-a-stylist__income--badge h5, .become-a-stylist__income--commission h5, .become-a-stylist__calculator--container h5, .become-a-stylist__inventory-sales--content h5, .become-a-stylist__support--content-body h6, .become-a-stylist__join-community--content h5, .become-a-stylist__our-foundation--content h5, .become-a-stylist__how-to-get-started--container h5, .become-a-stylist__how-to-get-started--link h6 {
  color: #3D413F;
  font-family: Montserrat;
  font-weight: 500;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.19px;
  line-height: 22px;
  margin-bottom: 10px; }

.become-a-stylist__quiz--sub-title, .become-a-stylist__styling-experiences--sub-title, .become-a-stylist__styling-experiences--content-sub-title, .become-a-stylist__income--content-sub-title, .become-a-stylist__income--badge p, .become-a-stylist__calculator--container p, .become-a-stylist__calculator--container ul li, .become-a-stylist__inventory-sales--content p, .become-a-stylist__support--header p, .become-a-stylist__support--content-body ul li, .become-a-stylist__join-community--header p, .become-a-stylist__join-community--content p, .become-a-stylist__our-foundation--content p, .become-a-stylist__how-to-get-started--link p, .become-a-stylist__how-to-get-started--link a {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 600;
  font-style: normal;
  font-size: 1.25em;
  line-height: 26px;
  color: #3D413F; }
  @media screen and (min-width: 768px) {
    .become-a-stylist__quiz--sub-title, .become-a-stylist__styling-experiences--sub-title, .become-a-stylist__styling-experiences--content-sub-title, .become-a-stylist__income--content-sub-title, .become-a-stylist__income--badge p, .become-a-stylist__calculator--container p, .become-a-stylist__calculator--container ul li, .become-a-stylist__inventory-sales--content p, .become-a-stylist__support--header p, .become-a-stylist__support--content-body ul li, .become-a-stylist__join-community--header p, .become-a-stylist__join-community--content p, .become-a-stylist__our-foundation--content p, .become-a-stylist__how-to-get-started--link p, .become-a-stylist__how-to-get-started--link a {
      font-size: 1em;
      line-height: 22px; } }
  @media screen and (min-width: 1000px) {
    .become-a-stylist__quiz--sub-title, .become-a-stylist__styling-experiences--sub-title, .become-a-stylist__styling-experiences--content-sub-title, .become-a-stylist__income--content-sub-title, .become-a-stylist__income--badge p, .become-a-stylist__calculator--container p, .become-a-stylist__calculator--container ul li, .become-a-stylist__inventory-sales--content p, .become-a-stylist__support--header p, .become-a-stylist__support--content-body ul li, .become-a-stylist__join-community--header p, .become-a-stylist__join-community--content p, .become-a-stylist__our-foundation--content p, .become-a-stylist__how-to-get-started--link p, .become-a-stylist__how-to-get-started--link a {
      line-height: 22px; } }

.become-a-stylist__banner--content p, .become-a-stylist__income--notes .note--list p, .become-a-stylist__faqs--section-body p {
  font-size: 1em;
  line-height: 21px; }
  @media screen and (min-width: 768px) {
    .become-a-stylist__banner--content p, .become-a-stylist__income--notes .note--list p, .become-a-stylist__faqs--section-body p {
      line-height: 22px; } }
  @media screen and (min-width: 1000px) {
    .become-a-stylist__banner--content p, .become-a-stylist__income--notes .note--list p, .become-a-stylist__faqs--section-body p {
      line-height: 22px; } }

.become-a-stylist__income--badges, .become-a-stylist__support--content-row-container, .become-a-stylist__join-community--content {
  position: relative; }
  .become-a-stylist__income--badges:before, .become-a-stylist__support--content-row-container:before, .become-a-stylist__join-community--content:before {
    position: absolute;
    content: '';
    display: block;
    top: -3px;
    left: 0;
    width: 90px;
    height: 3px;
    background: #000; }

.flyout-pink {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/become-a-stylist/icon-flyout-pink.svg) no-repeat;
  background-size: cover; }

.flyout-black {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/become-a-stylist/icon-flyout.svg) no-repeat;
  background-size: cover; }

.flyout-white {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/become-a-stylist/icon-flyout-white.svg) no-repeat;
  background-size: cover; }

.flyout-tooltip {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  outline: 0;
  transition-property: transform,visibility,opacity;
  max-width: 320px;
  width: fit-content;
  padding: 20px; }
  @media screen and (min-width: 768px) {
    .flyout-tooltip {
      max-width: 270px; } }
  .flyout-tooltip:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    color: #333;
    border-color: transparent;
    border-style: solid;
    bottom: -15px;
    left: 50%;
    margin-left: -8px;
    border-width: 8px 8px 0;
    border-top-color: initial; }

.flyout-sup-container {
  display: inline-block;
  height: fit-content;
  padding: 2px; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

@media screen and (min-width: 768px) {
  .become-a-stylist__util--mobile-show {
    display: none; } }

@media screen and (max-width: 767px) {
  .become-a-stylist__util--mobile-hide {
    display: none; } }

.become-a-stylist__banner {
  background: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/become-a-stylist/become-a-stylist-header-mobile.jpg) no-repeat center center;
  height: 595px;
  background-size: cover;
  position: relative; }
  @media screen and (min-width: 768px) {
    .become-a-stylist__banner {
      background: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/become-a-stylist/become-a-stylist-header.jpg) no-repeat calc(50% - 114.5px) center;
      height: 448px; } }
  @media screen and (min-width: 1000px) {
    .become-a-stylist__banner {
      background-position-x: center;
      height: 454px; } }
  .become-a-stylist__banner--dropdown {
    background: #ede9e2;
    height: 90px; }
    @media screen and (min-width: 1000px) {
      .become-a-stylist__banner--dropdown {
        display: none; } }
  .become-a-stylist__banner--dropdown-container {
    padding-top: 16px;
    padding-bottom: 16px; }
  .become-a-stylist__banner--select {
    position: relative;
    display: flex;
    width: 100%;
    height: 58px;
    line-height: 58px;
    overflow: hidden;
    /* arrow */ }
    .become-a-stylist__banner--select:after {
      content: '\25BC';
      position: absolute;
      top: 0;
      right: 0;
      padding: 0 1em;
      color: #34495e;
      cursor: pointer;
      pointer-events: none;
      width: 58px;
      text-align: center;
      background: #fff;
      font-size: 1em; }
    .become-a-stylist__banner--select select {
      flex: 1;
      padding: 0 24px;
      cursor: pointer;
      color: #3D413F;
      font-family: Montserrat;
      font-weight: 500;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 0.53px;
      border: 0 none;
      outline: none; }
  .become-a-stylist__banner--menu {
    display: none;
    opacity: 1;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
    .become-a-stylist__banner--menu.hide-the-floating-menu {
      opacity: 0;
      display: none; }
    @media screen and (min-width: 1000px) {
      .become-a-stylist__banner--menu .container {
        max-width: 1170px;
        padding: 0 40px; } }
    @media screen and (min-width: 1000px) {
      .become-a-stylist__banner--menu {
        display: block;
        position: fixed;
        height: 454px;
        top: 82px;
        left: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
        z-index: 999; } }
    .become-a-stylist__banner--menu ul {
      list-style: none; }
    .become-a-stylist__banner--menu ul > li {
      margin-bottom: 10px; }
    .become-a-stylist__banner--menu ul > li > a {
      display: inline-block;
      color: #000;
      font-family: Montserrat;
      font-weight: 500;
      font-size: 11px;
      font-weight: 400;
      letter-spacing: 0.82px;
      line-height: 16px;
      -webkit-transition: border-color 0.2s ease-out;
      -moz-transition: border-color 0.2s ease-out;
      transition: border-color 0.2s ease-out;
      border-bottom: 1px solid transparent;
      text-decoration: none;
      text-transform: uppercase; }
      .become-a-stylist__banner--menu ul > li > a:hover {
        border-bottom-color: #000; }
    .become-a-stylist__banner--menu ul:last-of-type > li > a {
      font-weight: 700; }
    .become-a-stylist__banner--menu hr {
      height: 1px;
      background: rgba(0, 0, 0, 0.1);
      margin-top: 10px;
      margin-bottom: 10px; }
  .become-a-stylist__banner--menu-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 196px;
    height: 454px;
    pointer-events: auto; }
  .become-a-stylist__banner--content {
    padding-top: 20px; }
    @media screen and (min-width: 768px) {
      .become-a-stylist__banner--content {
        display: flex;
        flex-direction: column;
        height: 448px;
        justify-content: center;
        margin-left: 30px;
        width: 460px;
        padding-top: 0; } }
    @media screen and (min-width: 1000px) {
      .become-a-stylist__banner--content {
        height: 454px;
        margin-left: 0;
        width: 490px; } }
    .become-a-stylist__banner--content .img-title {
      max-width: 484px;
      width: 100%; }
    .become-a-stylist__banner--content p {
      color: #3D413F; }
      .become-a-stylist__banner--content p.emphasize {
        font-weight: 700;
        font-style: italic;
        margin-bottom: 20px; }
        @media screen and (max-width: 767px) {
          .become-a-stylist__banner--content p.emphasize {
            font-size: 1.25em;
            line-height: 26px; } }
  .become-a-stylist__banner--content-mobile {
    background: #ede9e2;
    display: flex;
    flex-direction: column;
    padding-top: 20px; }
    .become-a-stylist__banner--content-mobile p {
      font-size: 1.25em;
      line-height: 26px; }
    @media screen and (min-width: 768px) {
      .become-a-stylist__banner--content-mobile {
        display: none; } }
  .become-a-stylist__banner--actions ul {
    list-style: none; }
  .become-a-stylist__banner--actions ul li {
    display: inline;
    margin-right: 40px; }
    .become-a-stylist__banner--actions ul li:last-of-type {
      margin-right: 0; }
  @media screen and (min-width: 1000px) {
    .become-a-stylist__banner--actions {
      display: none; } }

.become-a-stylist__quiz {
  margin-top: 30px; }
  .become-a-stylist__quiz--img-container {
    margin-left: -15px;
    margin-right: -15px; }
    .become-a-stylist__quiz--img-container img {
      width: 100%;
      height: auto;
      display: block; }
  .become-a-stylist__quiz--btn-container {
    text-align: center;
    margin-top: -30.5px; }
  .become-a-stylist__quiz--title {
    color: #3D413F;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-size: 32px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0.33px;
    line-height: 39px;
    margin-bottom: 10px; }
  .become-a-stylist__quiz--sub-title {
    margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .become-a-stylist__quiz--content-mobile {
      display: none; } }
  @media screen and (max-width: 767px) {
    .become-a-stylist__quiz--content-non-mobile {
      display: none; } }

.become-a-stylist__styling-experiences {
  margin-top: 50px; }
  @media screen and (min-width: 1000px) {
    .become-a-stylist__styling-experiences {
      max-width: 1440px;
      margin-left: auto;
      margin-right: auto; } }
  .become-a-stylist__styling-experiences--sub-title {
    margin-bottom: 30px; }
  .become-a-stylist__styling-experiences--content-container {
    position: relative; }
    .become-a-stylist__styling-experiences--content-container:after {
      display: block;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 50%;
      position: absolute;
      z-index: -1;
      background: #FFEFEA; }
      @media screen and (min-width: 768px) {
        .become-a-stylist__styling-experiences--content-container:after {
          bottom: 90px; } }
      @media screen and (min-width: 1000px) {
        .become-a-stylist__styling-experiences--content-container:after {
          left: calc(50% - 485px);
          right: calc(50% - 725px);
          z-index: -1; } }
  .become-a-stylist__styling-experiences--content {
    padding-top: 30px; }
    .become-a-stylist__styling-experiences--content.top-deco {
      position: relative; }
      .become-a-stylist__styling-experiences--content.top-deco:before {
        display: block;
        content: '';
        position: absolute;
        width: 90px;
        height: 3px;
        background: #000;
        top: -3px;
        left: 0; }
    .become-a-stylist__styling-experiences--content-sub-title {
      margin-bottom: 20px; }
  .become-a-stylist__styling-experiences--grid {
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 768px) {
      .become-a-stylist__styling-experiences--grid {
        flex-direction: row; } }
  .become-a-stylist__styling-experiences--grid-item {
    width: 100%;
    margin-bottom: 20px; }
    .become-a-stylist__styling-experiences--grid-item .flyout-trigger {
      text-align: center; }
      .become-a-stylist__styling-experiences--grid-item .flyout-trigger .flyout-black {
        display: block;
        margin: 0 auto;
        width: 31px;
        height: 31px; }
      @media screen and (max-width: 767px) {
        .become-a-stylist__styling-experiences--grid-item .flyout-trigger .btn-cta--black {
          border-bottom: none; } }
      @media screen and (min-width: 768px) {
        .become-a-stylist__styling-experiences--grid-item .flyout-trigger {
          text-align: left; }
          .become-a-stylist__styling-experiences--grid-item .flyout-trigger .flyout-black {
            display: none; } }
    @media screen and (min-width: 768px) {
      .become-a-stylist__styling-experiences--grid-item {
        width: 33.3333333333%;
        margin-right: 10px;
        margin-bottom: 0;
        text-align: left; }
        .become-a-stylist__styling-experiences--grid-item:last-of-type {
          margin-right: 0; } }
    .become-a-stylist__styling-experiences--grid-item img {
      width: 100%; }

.become-a-stylist__relevant-liberating-profitable {
  height: 0;
  padding-bottom: 147.584541063%;
  background: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/become-a-stylist/relevant-banner-img-mobile.jpg) no-repeat;
  background-size: cover; }
  @media screen and (min-width: 768px) {
    .become-a-stylist__relevant-liberating-profitable {
      background: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/become-a-stylist/relevant-banner-img.jpg) no-repeat calc(100% + 100px) center;
      height: 409px;
      padding-bottom: 0; } }
  @media screen and (min-width: 1000px) {
    .become-a-stylist__relevant-liberating-profitable {
      max-width: 1440px;
      margin: 0 auto; } }
  @media screen and (min-width: 768px) {
    .become-a-stylist__relevant-liberating-profitable--container {
      display: flex;
      height: 409px; } }
  .become-a-stylist__relevant-liberating-profitable img {
    width: 100%;
    margin-top: 20px; }
    @media screen and (min-width: 768px) {
      .become-a-stylist__relevant-liberating-profitable img {
        margin-top: 0;
        width: 400px; } }

.become-a-stylist__income {
  margin-top: 40px; }
  @media screen and (min-width: 768px) {
    .become-a-stylist__income {
      margin-top: 50px; } }
  .become-a-stylist__income sup {
    vertical-align: super;
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    font-style: normal;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.21px;
    line-height: 25px;
    text-align: center; }
  .become-a-stylist__income--badges {
    display: flex;
    flex-direction: column;
    margin-top: 30px; }
    @media screen and (min-width: 768px) {
      .become-a-stylist__income--badges {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between; } }
  .become-a-stylist__income--badge {
    width: 100%;
    margin-top: 30px; }
    @media screen and (min-width: 768px) {
      .become-a-stylist__income--badge {
        width: calc(50% - 30px); } }
    .become-a-stylist__income--badge img {
      width: 62px;
      height: 62px;
      float: left;
      margin-right: 15px; }
    .become-a-stylist__income--badge h5 {
      margin-top: 10px;
      padding-left: 77px; }
    .become-a-stylist__income--badge p {
      padding-left: 77px; }
  .become-a-stylist__income--commission {
    margin-top: 30px; }
    @media screen and (min-width: 768px) {
      .become-a-stylist__income--commission {
        margin-top: 45px; } }
  .become-a-stylist__income--table-container {
    margin-left: -15px;
    margin-right: -15px;
    background: #E4E4E4;
    padding: 0 10px; }
    @media screen and (min-width: 768px) {
      .become-a-stylist__income--table-container {
        margin-left: 0;
        margin-right: 0; } }
  .become-a-stylist__income--table {
    width: 100%;
    border-collapse: collapse; }
    .become-a-stylist__income--table thead th {
      background: #E4E4E4;
      border: 1px solid #E4E4E4;
      vertical-align: middle;
      font-family: Montserrat;
      font-weight: 500;
      padding: 12px 6px;
      font-size: 12px;
      line-height: 15px;
      letter-spacing: 0.87px;
      text-align: left; }
      @media screen and (min-width: 768px) {
        .become-a-stylist__income--table thead th {
          text-align: center; } }
    .become-a-stylist__income--table tbody tr {
      border-bottom: 2px solid #E4E4E4; }
      .become-a-stylist__income--table tbody tr:last-of-type {
        border-bottom: none; }
    .become-a-stylist__income--table tbody td {
      background: #fff;
      vertical-align: middle;
      min-height: 48px;
      padding: 12px 6px;
      border: none;
      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: left; }
      @media screen and (min-width: 768px) {
        .become-a-stylist__income--table tbody td {
          text-align: center; } }
      .become-a-stylist__income--table tbody td span {
        color: #f899a8;
        font-family: Montserrat;
        font-weight: 500;
        font-weight: 700;
        font-size: 12px;
        letter-spacing: 0.87px;
        line-height: 15px; }
    .become-a-stylist__income--table tbody span {
      display: block;
      color: #ff99a8;
      text-transform: uppercase; }
    .become-a-stylist__income--table .columns {
      overflow: hidden;
      display: table;
      vertical-align: middle;
      width: 100%; }
      .become-a-stylist__income--table .columns .col-1 {
        display: none;
        width: 126px; }
        @media screen and (min-width: 768px) {
          .become-a-stylist__income--table .columns .col-1 {
            display: table-cell;
            vertical-align: middle; } }
      .become-a-stylist__income--table .columns .col-2 {
        display: table-cell;
        vertical-align: middle; }
      .become-a-stylist__income--table .columns .lvl {
        max-width: 100%;
        display: block;
        height: auto;
        margin: 0 auto; }
    .become-a-stylist__income--table tfoot td {
      text-align: center; }
      @media screen and (min-width: 768px) {
        .become-a-stylist__income--table tfoot td a:first-of-type {
          margin-right: 20px; } }
  .become-a-stylist__income--notes {
    margin-top: 30px; }
    .become-a-stylist__income--notes .note--list p {
      text-align: left;
      padding-left: 30px;
      position: relative;
      margin-bottom: 20px; }
      .become-a-stylist__income--notes .note--list p:before {
        position: absolute;
        left: 0; }
      .become-a-stylist__income--notes .note--list p:nth-of-type(1):before {
        content: "(1)"; }
      .become-a-stylist__income--notes .note--list p:nth-of-type(2):before {
        content: "(2)"; }
      .become-a-stylist__income--notes .note--list p:nth-of-type(3):before {
        content: "(3)"; }
      .become-a-stylist__income--notes .note--list p:nth-of-type(4):before {
        content: "(4)"; }

.become-a-stylist__calculator {
  margin-top: 20px; }
  @media screen and (min-width: 768px) {
    .become-a-stylist__calculator {
      margin-top: 40px;
      background: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/become-a-stylist/calculator-bg-img.jpg) no-repeat center top;
      height: 456px; } }
  .become-a-stylist__calculator--container {
    background: #FBFBFA;
    padding: 20px 15px; }
    @media screen and (min-width: 768px) {
      .become-a-stylist__calculator--container {
        background: none; } }
    .become-a-stylist__calculator--container p {
      margin-bottom: 20px; }
    .become-a-stylist__calculator--container ul {
      list-style: none; }
      .become-a-stylist__calculator--container ul li {
        min-height: 32px;
        margin-bottom: 20px; }
        .become-a-stylist__calculator--container ul li:before {
          content: '';
          display: block;
          background: #000;
          color: #fff;
          text-align: center;
          width: 32px;
          height: 32px;
          font-family: "Archer SSm A", "Archer SSm B";
          font-weight: 800;
          font-style: normal;
          font-size: 22px;
          line-height: 32px;
          float: left;
          margin-right: 20px; }
      .become-a-stylist__calculator--container ul li:first-of-type:before {
        content: '1'; }
      .become-a-stylist__calculator--container ul li:last-of-type:before {
        content: '2'; }
    .become-a-stylist__calculator--container img {
      width: 100px;
      height: auto;
      float: left;
      margin-right: 20px; }
      @media screen and (min-width: 768px) {
        .become-a-stylist__calculator--container img {
          width: 160px;
          margin-bottom: 240px; } }
    .become-a-stylist__calculator--container h5 {
      padding-top: 10px; }
      .become-a-stylist__calculator--container h5 span {
        font-family: 'Santorini Regular';
        font-size: 35px;
        line-height: 50px;
        letter-spacing: -0.54px;
        color: #3D413F;
        font-weight: 400; }
      @media screen and (min-width: 768px) {
        .become-a-stylist__calculator--container h5 br:first-of-type {
          display: none; } }

.become-a-stylist__inventory-sales {
  margin-top: 15px; }
  @media screen and (min-width: 768px) {
    .become-a-stylist__inventory-sales {
      margin-top: 40px; } }
  .become-a-stylist__inventory-sales--container {
    position: relative;
    height: 360px;
    background: #ecebed url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/become-a-stylist/inventory-sales-banner-img-mobile.jpg) no-repeat center bottom;
    background-size: cover; }
    @media screen and (min-width: 768px) {
      .become-a-stylist__inventory-sales--container {
        height: 267px;
        background: #ecebed url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/become-a-stylist/inventory-sales-banner-img.jpg) no-repeat center bottom;
        background-size: contain;
        display: flex;
        flex-direction: column;
        justify-content: center; } }
  .become-a-stylist__inventory-sales--content {
    padding: 20px; }
    @media screen and (min-width: 768px) {
      .become-a-stylist__inventory-sales--content {
        padding: 0;
        padding-left: 48px;
        width: 50%; } }

.become-a-stylist__support {
  margin-top: 15px;
  background: #F8F6F4;
  padding-top: 30px;
  padding-bottom: 40px; }
  @media screen and (min-width: 768px) {
    .become-a-stylist__support {
      margin-top: 50px; } }
  @media screen and (min-width: 1000px) {
    .become-a-stylist__support {
      max-width: 1440px;
      margin-left: auto;
      margin-right: auto; } }
  .become-a-stylist__support--header h5 {
    margin-bottom: 20px; }
  .become-a-stylist__support--content-row-container {
    margin-top: 30px;
    padding-top: 30px; }
  .become-a-stylist__support--content-row.first {
    margin-bottom: 30px; }
    @media screen and (min-width: 768px) {
      .become-a-stylist__support--content-row.first {
        display: flex;
        flex-direction: row-reverse; } }
  @media screen and (min-width: 768px) {
    .become-a-stylist__support--content-row.last {
      display: flex;
      flex-direction: row; } }
  @media screen and (max-width: 767px) {
    .become-a-stylist__support--content-video {
      position: relative;
      height: 0;
      padding-bottom: 80%;
      margin-bottom: 20px; } }
  @media screen and (min-width: 768px) {
    .become-a-stylist__support--content-video {
      position: relative;
      z-index: 1;
      width: 100%;
      margin-bottom: 20px;
      height: 100%; } }
  @media screen and (max-width: 767px) {
    .become-a-stylist__support--content-video-container {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0; } }
  @media screen and (min-width: 768px) {
    .become-a-stylist__support--content-video-container {
      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%); } }
  .become-a-stylist__support--content-video-placement {
    position: relative;
    width: 100%;
    height: 100%; }
    @media screen and (max-width: 767px) {
      .become-a-stylist__support--content-video-placement {
        background: url("//media.cabionline.com/wp-content/uploads/cabi-templates/f20/become-a-stylist/scoop-looping-video.jpg");
        background-size: cover; } }
    @media screen and (min-width: 768px) {
      .become-a-stylist__support--content-video-placement {
        height: 268px;
        width: 335px; } }
    @media screen and (min-width: 1000px) {
      .become-a-stylist__support--content-video-placement {
        height: 268px;
        width: 335px; } }
    .become-a-stylist__support--content-video-placement iframe {
      width: 100%;
      height: 100%; }
    @media screen and (max-width: 767px) {
      .become-a-stylist__support--content-video-placement .category-header-video .btn-play {
        background: #F899A8;
        border-radius: 3px; } }
    .become-a-stylist__support--content-video-placement .category-header-video:hover {
      cursor: pointer; }
      .become-a-stylist__support--content-video-placement .category-header-video:hover .btn-play {
        background: #F899A8;
        border-radius: 3px; }
      .become-a-stylist__support--content-video-placement .category-header-video:hover .btn-play:hover {
        background: #F899A8; }
  @media screen and (min-width: 768px) {
    .become-a-stylist__support--content-img {
      width: calc(50% - 30px); }
      .become-a-stylist__support--content-img img {
        position: relative;
        z-index: 1; } }
  .become-a-stylist__support--content-img img {
    width: 100%;
    margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .become-a-stylist__support--content-img.first {
      position: relative; }
      .become-a-stylist__support--content-img.first:before {
        position: absolute;
        background: #F0EDE9;
        display: block;
        content: '';
        top: -30px;
        left: -30px;
        right: -50%;
        bottom: 50px; } }
  @media screen and (min-width: 768px) {
    .become-a-stylist__support--content-img.last {
      position: relative;
      margin-left: 60px; }
      .become-a-stylist__support--content-img.last:before {
        position: absolute;
        background: #F0EDE9;
        display: block;
        content: '';
        top: -30px;
        left: calc(-50% - 70px);
        right: 60px;
        bottom: -20px; } }
  @media screen and (min-width: 768px) {
    .become-a-stylist__support--content-body {
      width: calc(50% + 30px); } }
  @media screen and (min-width: 768px) {
    .become-a-stylist__support--content-body.last {
      padding-left: 40px; } }
  .become-a-stylist__support--content-body h6 {
    text-transform: uppercase; }
    .become-a-stylist__support--content-body h6 br {
      display: none; }
    @media screen and (min-width: 768px) {
      .become-a-stylist__support--content-body h6 br {
        display: inline; } }
  .become-a-stylist__support--content-body ul {
    list-style: none; }
    .become-a-stylist__support--content-body ul li {
      margin-bottom: 10px; }
      @media screen and (min-width: 768px) {
        .become-a-stylist__support--content-body ul li {
          margin-bottom: 20px; } }
      .become-a-stylist__support--content-body ul li:before {
        display: block;
        content: '';
        width: 10px;
        height: 10px;
        background: #F899A8;
        border-radius: 50%;
        float: left;
        margin-right: 20px;
        margin-top: 6px;
        margin-bottom: 10px; }

.become-a-stylist__join-community {
  margin-top: 40px; }
  @media screen and (min-width: 768px) {
    .become-a-stylist__join-community {
      margin-top: 50px; } }
  .become-a-stylist__join-community--content {
    margin-top: 30px;
    padding-top: 30px; }
  .become-a-stylist__join-community--grid {
    display: flex;
    flex-direction: column;
    margin-top: 20px; }
    @media screen and (min-width: 768px) {
      .become-a-stylist__join-community--grid {
        margin-top: 15px;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between; } }
  .become-a-stylist__join-community--grid-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 15px;
    justify-content: space-between; }
    @media screen and (min-width: 768px) {
      .become-a-stylist__join-community--grid-row {
        width: calc(50% - 5px);
        margin-bottom: 0; } }
  .become-a-stylist__join-community--grid-item {
    width: calc(50% - 7.5px);
    background: #F899A8;
    height: 216px;
    text-align: center;
    padding: 20px 6px 0; }
    .become-a-stylist__join-community--grid-item p {
      color: #fff;
      font-family: Montserrat;
      font-weight: 500;
      font-weight: 600;
      font-size: 14px;
      line-height: 20px; }
      .become-a-stylist__join-community--grid-item p span {
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 62px;
        line-height: 80px;
        font-weight: 300;
        display: inline-block;
        margin-bottom: 10px;
        letter-spacing: -3px; }
    @media screen and (min-width: 768px) {
      .become-a-stylist__join-community--grid-item {
        width: calc(50% - 5px); } }
  .become-a-stylist__join-community--btn-meet-our-stylists {
    background-color: #F899A8;
    color: #fff;
    border-color: #F899A8;
    cursor: pointer;
    width: 100%;
    font-size: 14px; }
    @media screen and (min-width: 1000px) {
      .become-a-stylist__join-community--btn-meet-our-stylists:not([disabled]):hover {
        background-color: #fff;
        color: #F899A8; } }
    @media screen and (min-width: 768px) {
      .become-a-stylist__join-community--btn-meet-our-stylists {
        margin-top: 10px; } }

.become-a-stylist__our-foundation {
  margin-top: 20px; }
  @media screen and (min-width: 768px) {
    .become-a-stylist__our-foundation {
      margin-top: 40px; } }
  .become-a-stylist__our-foundation--mobile-bg {
    width: 100%; }
    @media screen and (min-width: 768px) {
      .become-a-stylist__our-foundation--mobile-bg {
        display: none; } }
  .become-a-stylist__our-foundation--container {
    background: #F7F4F0; }
    @media screen and (min-width: 768px) {
      .become-a-stylist__our-foundation--container {
        background: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/become-a-stylist/our-foundation-banner-img.jpg) no-repeat left center;
        background-size: cover;
        height: 267px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center; } }
  .become-a-stylist__our-foundation--content {
    padding: 20px; }
    @media screen and (min-width: 768px) {
      .become-a-stylist__our-foundation--content {
        padding: 0;
        width: 50%;
        margin-left: auto; } }
    @media screen and (max-width: 999px) and (min-width: 768px) {
      .become-a-stylist__our-foundation--content p {
        padding-right: 20px; } }

.become-a-stylist__how-to-get-started {
  margin-top: 40px;
  background: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/become-a-stylist/get-started-banner-img-mobile.jpg) no-repeat;
  background-size: cover; }
  @media screen and (min-width: 768px) {
    .become-a-stylist__how-to-get-started {
      margin-top: 50px;
      background: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/become-a-stylist/get-started-banner-img.jpg) no-repeat center top;
      background-size: cover;
      padding-bottom: 40px; } }
  @media screen and (min-width: 1000px) {
    .become-a-stylist__how-to-get-started {
      margin-top: 60px;
      max-width: 1440px;
      margin-left: auto;
      margin-right: auto; } }
  .become-a-stylist__how-to-get-started--container {
    padding-top: 180px; }
    @media screen and (min-width: 768px) {
      .become-a-stylist__how-to-get-started--container {
        padding-top: 50px;
        width: 50%; } }
    .become-a-stylist__how-to-get-started--container h5 {
      text-align: center; }
      .become-a-stylist__how-to-get-started--container h5 span {
        color: #3D413F;
        font-family: 'Santorini Regular';
        font-size: 34px;
        letter-spacing: 0.41px;
        line-height: 90px;
        font-weight: 400; }
  .become-a-stylist__how-to-get-started--links {
    margin-top: 40px;
    display: flex;
    flex-direction: column; }
  .become-a-stylist__how-to-get-started--link {
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
    .become-a-stylist__how-to-get-started--link:last-of-type {
      border-bottom: none; }
    .become-a-stylist__how-to-get-started--link h6 {
      margin-bottom: 0; }
    .become-a-stylist__how-to-get-started--link p, .become-a-stylist__how-to-get-started--link a {
      font-style: italic; }
    .become-a-stylist__how-to-get-started--link a {
      margin: 0;
      border-bottom-width: 1px; }
  .become-a-stylist__how-to-get-started--link-img {
    float: left;
    width: 75px;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 20px; }
    .become-a-stylist__how-to-get-started--link-img img {
      margin: 0 auto; }

@media screen and (min-width: 768px) {
  .become-a-stylist__ready-to-apply {
    margin-top: -40px; } }

@media screen and (min-width: 1000px) {
  .become-a-stylist__ready-to-apply {
    margin-left: auto;
    margin-right: auto;
    max-width: 976px; } }

.become-a-stylist__ready-to-apply--container {
  padding: 30px 40px;
  background: #000; }
  .become-a-stylist__ready-to-apply--container h5 {
    font-family: "Archer SSm A", "Archer SSm B";
    font-weight: 500;
    font-style: normal;
    color: #fff;
    font-size: 26px;
    font-style: italic;
    letter-spacing: 0.27px;
    line-height: 31px;
    margin-bottom: 10px; }
  .become-a-stylist__ready-to-apply--container p {
    color: #fff;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1em;
    letter-spacing: 0.16px;
    line-height: 22px;
    margin-bottom: 10px; }

.become-a-stylist__faqs {
  margin-top: 40px; }
  @media screen and (min-width: 768px) {
    .become-a-stylist__faqs {
      margin-top: 45px; } }
  @media screen and (min-width: 1000px) {
    .become-a-stylist__faqs {
      margin-top: 60px; } }
  .become-a-stylist__faqs--section {
    border-bottom: 2px solid #000; }
    .become-a-stylist__faqs--section:last-of-type {
      margin-bottom: 15px; }
    .become-a-stylist__faqs--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%;
      color: #000; }
    .become-a-stylist__faqs--section:not(.open) .become-a-stylist__faqs--section-body {
      display: none; }
  .become-a-stylist__faqs--section-header {
    cursor: pointer;
    position: relative;
    -webkit-backface-visibility: hidden;
    width: 100%;
    display: table;
    padding: 1.5em calc(0.5em + 50px) 1.5em 1em; }
    .become-a-stylist__faqs--section-header h2 {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 500;
      font-style: normal;
      font-size: 1.25em;
      font-weight: 500;
      letter-spacing: 0.44px;
      line-height: 24px; }
    .become-a-stylist__faqs--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: 50%;
      font-size: 50px;
      height: 25px;
      width: 25px;
      line-height: 25px;
      color: #ff99a8;
      margin-top: -12.5px; }
  .become-a-stylist__faqs--section-body {
    padding: 0 1em 2em; }
  .become-a-stylist__faqs--btn-more-faqs {
    width: 100%;
    background-color: #f4f4f4;
    color: #000;
    border-color: #f4f4f4;
    cursor: pointer;
    margin-bottom: 40px; }
    @media screen and (min-width: 1000px) {
      .become-a-stylist__faqs--btn-more-faqs:not([disabled]):hover {
        background-color: #000;
        color: #f4f4f4; } }
    @media screen and (min-width: 768px) {
      .become-a-stylist__faqs--btn-more-faqs {
        margin-bottom: 50px; } }
    @media screen and (min-width: 1000px) {
      .become-a-stylist__faqs--btn-more-faqs {
        margin-bottom: 60px; } }

.social-responsibility__header--content p, .social-responsibility__body--content p {
  font-size: 14px;
  letter-spacing: 0.35px;
  line-height: 1.5em; }
  @media screen and (min-width: 1000px) {
    .social-responsibility__header--content p, .social-responsibility__body--content p {
      font-family: "Archer SSm A", "Archer SSm B";
      font-weight: 400;
      font-style: normal;
      font-size: 1.05em;
      letter-spacing: 0.09px;
      line-height: 1.5em; } }

.social-responsibility__header {
  background: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/social-responsibility/social-responsibility-header-mobile.jpg) no-repeat center bottom;
  background-size: cover; }
  @media screen and (min-width: 768px) {
    .social-responsibility__header {
      background: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/social-responsibility/social-responsibility-header.jpg) no-repeat center center;
      height: 410px; } }
  .social-responsibility__header--content {
    padding: 40px 15px;
    min-height: 420px; }
    @media screen and (min-width: 768px) {
      .social-responsibility__header--content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        height: 410px;
        width: 560px;
        margin: 0 auto;
        min-height: 0;
        padding: 0;
        text-align: center; } }
    .social-responsibility__header--content h2 {
      color: #3d413f;
      font-family: Montserrat;
      font-weight: 500;
      font-weight: 700;
      font-size: 1em;
      line-height: 1.2em;
      letter-spacing: 0.56px;
      margin-bottom: 20px; }
      @media screen and (min-width: 768px) {
        .social-responsibility__header--content h2 {
          font-size: 1.15em;
          letter-spacing: 0.64px;
          line-height: 1.4em; } }
      .social-responsibility__header--content h2 span {
        display: inline-block;
        font-family: "Archer SSm A", "Archer SSm B";
        font-weight: 500;
        font-style: normal;
        font-size: 24px;
        letter-spacing: 0.39px;
        line-height: 40px;
        margin-top: 10px; }
        @media screen and (min-width: 768px) {
          .social-responsibility__header--content h2 span {
            font-size: 44px;
            letter-spacing: 0.54px;
            line-height: 62px; } }
    .social-responsibility__header--content p {
      font-weight: 500; }
      @media screen and (max-width: 767px) {
        .social-responsibility__header--content p {
          text-align: left; } }

.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: 500;
    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: 500px;
    margin: 0 auto;
    margin-bottom: 40px; }
    .social-responsibility__body--content ul li {
      margin-bottom: 20px; }
      .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 {
        display: block;
        width: 10px;
        height: 10px;
        content: '';
        border-radius: 50%;
        background: #f899a8;
        float: left;
        margin-top: 4px;
        margin-right: 10px;
        margin-bottom: 10px; }
        @media screen and (max-width: 767px) {
          .social-responsibility__body--content ul li:before {
            margin-bottom: 30px; } }

.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.cabionline.com/wp-content/uploads/cabi-templates/f20/social-responsibility/social-responsibility-img1.jpg); }
    .social-responsibility__images--item.img-2 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/social-responsibility/social-responsibility-img2.jpg); }
    .social-responsibility__images--item.img-3 {
      background-image: url(//media.cabionline.com/wp-content/uploads/cabi-templates/f20/social-responsibility/social-responsibility-img3.jpg); }
      @media screen and (max-width: 767px) {
        .social-responsibility__images--item.img-3 {
          display: none; } }

.code-of-conduct__section h2 {
  color: #3D413F;
  font-family: Montserrat;
  font-weight: 500;
  font-weight: 700;
  font-weight: 800;
  font-size: 18px;
  letter-spacing: 0.64px;
  line-height: 22px;
  margin-bottom: 20px; }
  @media screen and (min-width: 1000px) {
    .code-of-conduct__section h2 {
      font-size: 20px;
      letter-spacing: 24px;
      letter-spacing: 0.71px;
      margin-bottom: 40px; } }

.code-of-conduct__section h3, .code-of-conduct__section p, .code-of-conduct__section ul li {
  color: #3D413F;
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  letter-spacing: -0.1px;
  line-height: 24px;
  margin-bottom: 20px; }
  @media screen and (min-width: 1000px) {
    .code-of-conduct__section h3, .code-of-conduct__section p, .code-of-conduct__section ul li {
      letter-spacing: 0.16px; } }

.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; }

#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"] #blog_post p {
    font-family: "Open Sans";
    font-weight: 400;
    font-stretch: 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-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: normal;
  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 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; }

#checkout-page hr {
  margin-right: -40px;
  margin-left: -40px; }

#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; }

#checkout-page .page-title {
  margin: 20px 0;
  font-size: 1.5em; }
  #checkout-page .page-title span {
    color: #ff99a8; }

#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: 10px; }
  #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 .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 {
  padding-left: 20px;
  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; }
  #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 {
          text-align: right; }
          #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 .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 .make-a-change, #checkout-page .donation-fund {
  background-color: #fff;
  padding: 25px 0; }
  #checkout-page .make-a-change input[type="checkbox"], #checkout-page .donation-fund input[type="checkbox"] {
    float: left; }
  #checkout-page .make-a-change .label, #checkout-page .donation-fund .label {
    margin-left: 30px; }
  #checkout-page .make-a-change .label-title, #checkout-page .donation-fund .label-title {
    display: block;
    color: #ff99a8;
    font-size: 2em;
    margin-bottom: 10px; }

#checkout-page .donation-fund {
  background-color: #fff;
  padding: 25px 0; }
  #checkout-page .donation-fund .amount-selector {
    margin-left: 30px;
    margin-top: 40px; }
    #checkout-page .donation-fund .amount-selector .amount-label {
      line-height: 34px;
      width: 110px;
      display: inline-block; }
    #checkout-page .donation-fund .amount-selector .input-select {
      margin-right: 10px;
      flex: 0.4; }
    #checkout-page .donation-fund .amount-selector .donation-value {
      width: 100px;
      display: inline-block;
      margin-right: 10px;
      vertical-align: top !important; }
      #checkout-page .donation-fund .amount-selector .donation-value .input-control.input-holder {
        display: flex; }
        #checkout-page .donation-fund .amount-selector .donation-value .input-control.input-holder .symbol {
          line-height: 40px;
          background: #f5f5f5;
          padding-left: 10px; }
      #checkout-page .donation-fund .amount-selector .donation-value input[type='number']::-webkit-outer-spin-button,
      #checkout-page .donation-fund .amount-selector .donation-value input[type='number']::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0; }
      #checkout-page .donation-fund .amount-selector .donation-value input[type='number'] {
        padding-left: 4px;
        background-color: #f5f5f5;
        color: #000;
        width: 100%;
        border: none; }

#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 .update-donation-btn.loading span {
    display: none; }

@media screen and (max-width: 767px) {
  #checkout-page .donation-fund .amount-label {
    line-height: 20px !important;
    margin-right: 10px;
    width: 60px; }
  #checkout-page .donation-fund .input-select {
    flex: 1 !important; } }

#checkout-page .order-items {
  font-size: .9em;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: -40px;
  margin-left: -40px; }
  @media screen and (max-width: 400px) {
    #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: 0.9em;
  display: inline-block; }
  #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; }

.panel-list h1 {
  color: #A4906E; }

.panel-list .panel {
  margin-bottom: 10px;
  font-weight: 600; }
  .panel-list .panel .panel-header {
    font-weight: bold;
    background-color: #f5f5f5;
    color: #000;
    padding: 15px; }
  .panel-list .panel .panel-body {
    padding: 20px 40px; }
    @media screen and (max-width: 400px) {
      .panel-list .panel .panel-body {
        padding: 20px 0; } }
  .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.active .panel-header {
    background: #000;
    color: #fff; }

.panel-list .guest-checkout-text {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: normal;
  font-size: 13px; }
  .panel-list .guest-checkout-text strong {
    padding-top: 20px;
    display: block;
    font-weight: 900; }

.panel-list .phone-again-form {
  font-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: normal;
  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: #D32A40;
    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-family: "Archer SSm A", "Archer SSm B";
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  width: 80%;
  display: inline-block;
  text-align: center;
  height: 100%;
  background: white;
  padding: 20px 10px 0 10px;
  margin-bottom: 20px; }
  @media screen and (max-width: 420px) {
    .panel-list .communication-preferences {
      width: initial; } }
  .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; }
    .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: 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-head:after {
    content: ' ';
    display: table; }

.module .module-body {
  padding: 0 20px; }

.cart-summary {
  background-color: #f0f0f0;
  border-top: 5px solid #000; }
  .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 .subtotal {
        text-align: right;
        font-weight: bold; }
    .cart-summary .product-list .product-image {
      width: 50px;
      padding-right: 8px; }
      .cart-summary .product-list .product-image img {
        width: 100%; }
  .cart-summary .cart-total {
    font-size: .8em;
    padding-top: 20px;
    background-color: #b7b1b4;
    margin-right: -20px;
    margin-left: -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;
      background-color: #000;
      color: #fff;
      font-size: 1.6em;
      font-weight: 600; }

span.required {
  color: #ff99a8; }

#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; }

#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%; }
  #gift-card-module .gift-card-list .gift-card-added .gc-amount {
    width: 15%;
    margin: 0 10px; }

#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; }
  #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 label, #gift-card-module .gift-card-validated label {
  line-height: 42px;
  color: #000; }

#gift-card-module .gift-card-verification .btn, #gift-card-module .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; }
  #gift-card-module .gift-card-verification .btn.loading span, #gift-card-module .gift-card-validated .btn.loading span {
    display: none; }

.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: 30px 0px 20px 0px;
  border-top: 1px solid #ECE7E2; }

.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; }

@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; } }

#confirmation-page {
  text-align: center; }
  #confirmation-page h1 {
    color: #000;
    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 .order-infos {
    font-family: Montserrat;
    font-weight: 500;
    margin-bottom: 25px; }
    #confirmation-page .order-infos .order-total {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 5px; }
    #confirmation-page .order-infos .order-id {
      color: #b7b1b4; }
  #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;
      flex-direction: row;
      width: 100%;
      flex-wrap: wrap;
      align-content: flex-start; }
      @media screen and (min-width: 1000px) {
        #confirmation-page .ordered-items .items-flex-container {
          width: 120%; } }
      #confirmation-page .ordered-items .items-flex-container .order-item {
        padding: 15px; }
        @media screen and (min-width: 1000px) {
          #confirmation-page .ordered-items .items-flex-container .order-item {
            flex-basis: 50%; } }
        @media screen and (max-width: 1000px) {
          #confirmation-page .ordered-items .items-flex-container .order-item {
            flex-grow: 1; } }
        #confirmation-page .ordered-items .items-flex-container .order-item img {
          max-height: 200px;
          max-width: 125px; }
          @media screen and (min-width: 325px) {
            #confirmation-page .ordered-items .items-flex-container .order-item img {
              float: left; } }
        #confirmation-page .ordered-items .items-flex-container .order-item .product-info {
          margin-top: 15%;
          text-align: center;
          float: left;
          word-break: break-all;
          width: 100%; }
          #confirmation-page .ordered-items .items-flex-container .order-item .product-info div:first-child {
            font-weight: bold;
            font-size: 20px;
            line-height: 30px; }
          @media screen and (min-width: 325px) {
            #confirmation-page .ordered-items .items-flex-container .order-item .product-info {
              width: initial;
              text-align: left;
              padding-left: 25px;
              max-width: 55%;
              float: left; } }
  #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: 25px; }
    #confirmation-page .edit-order .edit-order-btn {
      font-family: Montserrat;
      font-weight: 500;
      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-family: "Archer SSm A", "Archer SSm B";
  font-weight: 500;
  font-style: normal;
  padding: 50px 0;
  font-size: 13px; }
  .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 input[type=radio]:focus {
    outline: none; }
  .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: #ff99a8;
      height: auto;
      color: white; }
      .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: 400px) {
      .ecommerce-page .retail-message {
        width: 100%;
        padding: 0 0 20px 0; } }

.growl-item {
  z-index: 1 !important; }

.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_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;
  font-family: JustLovely;
  font-weight: normal;
  font-style: normal; }

/* 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.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;
    font-weight: 500;
    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: bold;
    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: #b0b0b0;
      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;
      font-weight: 500; }
  .attached-ecomm .custom-checkbox {
    position: relative; }
    .attached-ecomm .custom-checkbox input {
      display: none; }
    .attached-ecomm .custom-checkbox label {
      cursor: pointer;
      color: #b0b0b0;
      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 {
    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: none; }
    .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: #b0b0b0;
      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: #b0b0b0;
      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; }