@import url(https://p.typekit.net/p.css?s=1&k=vwy3khi&ht=tk&f=36623.36639&a=17045061&app=typekit&e=css);
@font-face {
  font-family: "urw-din-semi-condensed";
  src: url("https://use.typekit.net/af/d1b9a7/00000000000000003b9b0f03/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/d1b9a7/00000000000000003b9b0f03/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/d1b9a7/00000000000000003b9b0f03/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400; }

/*
  @font-face {
  font-family:"urw-din-semi-condensed";
  src:url("https://use.typekit.net/af/624d03/00000000000000003b9b0f04/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/624d03/00000000000000003b9b0f04/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/624d03/00000000000000003b9b0f04/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display:auto;font-style:italic;font-weight:400;
  }
  */
@font-face {
  font-family: "urw-din-semi-condensed";
  src: url("https://use.typekit.net/af/b6a996/00000000000000003b9b0f09/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/b6a996/00000000000000003b9b0f09/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/b6a996/00000000000000003b9b0f09/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700; }

/*
  @font-face {
  font-family:"urw-din-semi-condensed";
  src:url("https://use.typekit.net/af/bf5c8f/00000000000000003b9b0f0a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/bf5c8f/00000000000000003b9b0f0a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/bf5c8f/00000000000000003b9b0f0a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display:auto;font-style:italic;font-weight:700;
  }
  */
@font-face {
  font-family: 'w19-icons';
  src: url("/ca/en/shop/lifestyle/fonts/w19-icons.woff2") format("woff2"), url("/ca/en/shop/lifestyle/fonts/w19-icons.ttf") format("truetype"), url("/ca/en/shop/lifestyle/fonts/w19-icons.woff") format("woff"), url("/ca/en/shop/lifestyle/fonts/w19-icons.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="w19-icon-"], [class*=" w19-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'w19-icons' !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; }

[class^="w19-icon-"], [class*=" w19-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'w19-icons' !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; }

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

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

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

.w19-icon-Scroll-Button:before {
  content: "\e903"; }

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

.w19-icon-price-tag:before {
  content: "\e901"; }

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

#minorContent,
#articleTitle {
  display: none; }

#content,
#mainContent {
  width: 100%;
  margin: 0;
  padding: 0; }

#content #lookbook {
  color: #000; }
  #content #lookbook h1, #content #lookbook h2, #content #lookbook h3, #content #lookbook h4, #content #lookbook h5, #content #lookbook h6 {
    color: #000; }
  #content #lookbook p {
    font-size: 15px; }
  #content #lookbook .panel {
    position: relative;
    overflow: hidden; }
  @media screen and (max-width: 767px) {
    #content #lookbook .desktop {
      display: none !important; } }
  @media screen and (min-width: 768px) {
    #content #lookbook .mobile {
      display: none !important; } }

#footer .toTop {
  left: 200% !important; }

body.ARTICLE #articleBody ul {
  padding-left: 0;
  padding-bottom: 0; }

.touch #content a {
  text-decoration: none; }

#content {
  color: #fff;
  background-color: #fff;
  font-size: 1.25rem;
  line-height: 1.45; }
  #content *,
  #content *::before,
  #content *::after {
    box-sizing: border-box; }
  #content h1,
  #content h2,
  #content h3,
  #content h4,
  #content h5,
  #content h6 {
    color: #fff;
    margin-bottom: 1rem; }
  #content h1 {
    font-size: 1.875rem; }
  #content a {
    color: #fff;
    text-decoration: none; }
    #content a:hover {
      text-decoration: none !important; }
  #content p {
    font-size: 1rem;
    line-height: 1.45; }
  #content [class^="f19-icon-"],
  #content [class*=" f19-icon-"] {
    display: inline-block;
    line-height: 1; }
  #content .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0; }

.ratings,
.ratings * {
  box-sizing: content-box; }

.ratings .star-display {
  position: relative;
  font-size: 1.25rem; }
  .ratings .star-display .star {
    display: inline-block;
    width: 16px; }
    .ratings .star-display .star.red {
      color: #900; }
    .ratings .star-display .star.gray {
      color: #ccc; }
    .ratings .star-display .star.partial {
      position: relative; }
      .ratings .star-display .star.partial .background {
        color: #ccc; }
      .ratings .star-display .star.partial .highlight {
        position: absolute;
        overflow: hidden;
        top: 0px;
        left: 0px;
        color: #900;
        border: none; }

/*for js to determine which media query is used:*/
#tablet-sized {
  display: none; }
  @media screen and (max-width: 1064px) {
    #tablet-sized {
      display: block;
      height: 1px;
      width: 1px;
      position: fixed;
      bottom: 0; } }

#mobile-sized {
  display: none; }
  @media screen and (max-width: 767px) {
    #mobile-sized {
      display: block;
      height: 1px;
      width: 1px;
      position: fixed;
      bottom: 0; } }

/*
#retina-view {
  display: none;
  @include high-res {
    display: block;
    height: 1px;
    width: 1px;
    position: fixed;
    bottom: 0;
  }
}
#large-view {
  display: block;
  height: 1px;
  width: 1px;
  position: fixed;
  bottom: 0;
  @include lg-down {
    display: none;
  }
}
*/
/*to hide specific content */
.mobile-only {
  display: none; }
  @media screen and (max-width: 767px) {
    .mobile-only {
      display: block; } }

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

.layout__home .panel {
  position: relative; }
  .layout__home .panel:before {
    content: "";
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    transform: scale(1.005); }

.layout__home .panel-01::before {
  padding-top: 50%;
  background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-01-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=720&w=1440&dpr=1&q=65); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .layout__home .panel-01::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-01-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=720&w=1440&dpr=2&q=65); } }

.layout__home .panel-02::before {
  padding-top: 150%;
  background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-02-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=1080&w=720&dpr=1&q=65); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .layout__home .panel-02::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-02-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=1080&w=720&dpr=2&q=65); } }

.layout__home .panel-03a::before {
  padding-top: 75%;
  background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-03a-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=540&w=720&dpr=1&q=65); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .layout__home .panel-03a::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-03a-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=540&w=720&dpr=2&q=65); } }

.layout__home .panel-03b::before {
  padding-top: 75%;
  background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-03b-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=540&w=720&dpr=1&q=65); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .layout__home .panel-03b::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-03b-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=540&w=720&dpr=2&q=65); } }

.layout__home .panel-04::before {
  padding-top: 75%;
  background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-04-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=540&w=720&dpr=1&q=65); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .layout__home .panel-04::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-04-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=540&w=720&dpr=2&q=65); } }

.layout__home .panel-05::before {
  padding-top: 50%;
  background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-05-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=720&w=1440&dpr=1&q=65); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .layout__home .panel-05::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-05-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=720&w=1440&dpr=2&q=65); } }

.layout__home .panel-06::before {
  padding-top: 75%;
  background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-06-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=540&w=720&dpr=1&q=65); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .layout__home .panel-06::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-06-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=540&w=720&dpr=2&q=65); } }

.layout__home .panel-07a::before {
  padding-top: 150%;
  background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-07a-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=1080&w=720&dpr=1&q=65); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .layout__home .panel-07a::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-07a-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=1080&w=720&dpr=2&q=65); } }

.layout__home .panel-07b::before {
  padding-top: 150%;
  background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-07b-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=1080&w=720&dpr=1&q=65); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .layout__home .panel-07b::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-07b-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=1080&w=720&dpr=2&q=65); } }

.layout__home .panel-08::before {
  padding-top: 75%;
  background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-08-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=540&w=720&dpr=1&q=65); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .layout__home .panel-08::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-08-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=540&w=720&dpr=2&q=65); } }

.layout__home .panel-09::before {
  padding-top: 50.03475%;
  background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-09-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=720&w=1439&dpr=1&q=65); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .layout__home .panel-09::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-09-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=720&w=1439&dpr=2&q=65); } }

.layout__home .panel-10::before {
  padding-top: 75%;
  background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-10-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=540&w=720&dpr=1&q=65); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .layout__home .panel-10::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-10-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=540&w=720&dpr=2&q=65); } }

.layout__home .panel-11a::before {
  padding-top: 150%;
  background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-11a-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=1080&w=720&dpr=1&q=65); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .layout__home .panel-11a::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-11a-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=1080&w=720&dpr=2&q=65); } }

.layout__home .panel-11b::before {
  padding-top: 150%;
  background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-11b-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=1080&w=720&dpr=1&q=65); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .layout__home .panel-11b::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-11b-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=1080&w=720&dpr=2&q=65); } }

.layout__home .panel-12::before {
  padding-top: 50%;
  background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-12-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=720&w=1440&dpr=1&q=65); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .layout__home .panel-12::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-12-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=720&w=1440&dpr=2&q=65); } }

.layout__home .panel-13::before {
  padding-top: 75%;
  background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-13-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=540&w=720&dpr=1&q=65); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .layout__home .panel-13::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-13-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=540&w=720&dpr=2&q=65); } }

.layout__home .panel-14a::before {
  padding-top: 150%;
  background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-14a-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=1080&w=720&dpr=1&q=65); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .layout__home .panel-14a::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-14a-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=1080&w=720&dpr=2&q=65); } }

.layout__home .panel-14b::before {
  padding-top: 150%;
  background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-14b-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=1080&w=720&dpr=1&q=65); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .layout__home .panel-14b::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-14b-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=1080&w=720&dpr=2&q=65); } }

.layout__home .panel-15::before {
  padding-top: 75%;
  background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-15-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=540&w=720&dpr=1&q=65); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .layout__home .panel-15::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-15-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=540&w=720&dpr=2&q=65); } }

.layout__home .panel-16::before {
  padding-top: 100%;
  background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-16-arcteryx-2019.jpg?auto=format&fit=crop&h=720&w=720&dpr=1&q=65); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .layout__home .panel-16::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-16-arcteryx-2019.jpg?auto=format&fit=crop&h=720&w=720&dpr=2&q=65); } }

.layout__home .panel-17::before {
  padding-top: 100%;
  background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-17-arcteryx-2019.jpg?auto=format&fit=crop&h=720&w=720&dpr=1&q=65); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .layout__home .panel-17::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-17-arcteryx-2019.jpg?auto=format&fit=crop&h=720&w=720&dpr=2&q=65); } }

.layout__home .panel-18::before {
  padding-top: 75%;
  background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-18-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=540&w=720&dpr=1&q=65); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .layout__home .panel-18::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/desktop/panel-18-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=540&w=720&dpr=2&q=65); } }

@media screen and (max-width: 1064px) {
  .layout__home .panel-01::before {
    padding-top: 70.3125%;
    background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-01-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=540&w=768&dpr=1&q=65); } }
  @media screen and (max-width: 1064px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 1064px) and (min-resolution: 192dpi) {
    .layout__home .panel-01::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-01-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=540&w=768&dpr=2&q=65); } }

@media screen and (max-width: 1064px) {
  .layout__home .panel-02::before {
    padding-top: 150%;
    background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-02-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=576&w=384&dpr=1&q=65); } }
  @media screen and (max-width: 1064px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 1064px) and (min-resolution: 192dpi) {
    .layout__home .panel-02::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-02-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=576&w=384&dpr=2&q=65); } }

@media screen and (max-width: 1064px) {
  .layout__home .panel-03a::before {
    padding-top: 75%;
    background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-03a-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=288&w=384&dpr=1&q=65); } }
  @media screen and (max-width: 1064px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 1064px) and (min-resolution: 192dpi) {
    .layout__home .panel-03a::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-03a-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=288&w=384&dpr=2&q=65); } }

@media screen and (max-width: 1064px) {
  .layout__home .panel-03b::before {
    padding-top: 75%;
    background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-03b-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=288&w=384&dpr=1&q=65); } }
  @media screen and (max-width: 1064px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 1064px) and (min-resolution: 192dpi) {
    .layout__home .panel-03b::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-03b-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=288&w=384&dpr=2&q=65); } }

@media screen and (max-width: 1064px) {
  .layout__home .panel-04::before {
    padding-top: 75%;
    background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-04-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=288&w=384&dpr=1&q=65); } }
  @media screen and (max-width: 1064px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 1064px) and (min-resolution: 192dpi) {
    .layout__home .panel-04::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-04-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=288&w=384&dpr=2&q=65); } }

@media screen and (max-width: 1064px) {
  .layout__home .panel-05::before {
    padding-top: 70.3125%;
    background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-05-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=540&w=768&dpr=1&q=65); } }
  @media screen and (max-width: 1064px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 1064px) and (min-resolution: 192dpi) {
    .layout__home .panel-05::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-05-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=540&w=768&dpr=2&q=65); } }

@media screen and (max-width: 1064px) {
  .layout__home .panel-06::before {
    padding-top: 75%;
    background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-06-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=288&w=384&dpr=1&q=65); } }
  @media screen and (max-width: 1064px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 1064px) and (min-resolution: 192dpi) {
    .layout__home .panel-06::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-06-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=288&w=384&dpr=2&q=65); } }

@media screen and (max-width: 1064px) {
  .layout__home .panel-07a::before {
    padding-top: 150%;
    background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-07a-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=576&w=384&dpr=1&q=65); } }
  @media screen and (max-width: 1064px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 1064px) and (min-resolution: 192dpi) {
    .layout__home .panel-07a::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-07a-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=576&w=384&dpr=2&q=65); } }

@media screen and (max-width: 1064px) {
  .layout__home .panel-07b::before {
    padding-top: 150%;
    background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-07b-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=576&w=384&dpr=1&q=65); } }
  @media screen and (max-width: 1064px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 1064px) and (min-resolution: 192dpi) {
    .layout__home .panel-07b::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-07b-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=576&w=384&dpr=2&q=65); } }

@media screen and (max-width: 1064px) {
  .layout__home .panel-08::before {
    padding-top: 75%;
    background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-08-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=288&w=384&dpr=1&q=65); } }
  @media screen and (max-width: 1064px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 1064px) and (min-resolution: 192dpi) {
    .layout__home .panel-08::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-08-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=288&w=384&dpr=2&q=65); } }

@media screen and (max-width: 1064px) {
  .layout__home .panel-09::before {
    padding-top: 70.3125%;
    background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-09-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=540&w=768&dpr=1&q=65); } }
  @media screen and (max-width: 1064px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 1064px) and (min-resolution: 192dpi) {
    .layout__home .panel-09::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-09-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=540&w=768&dpr=2&q=65); } }

@media screen and (max-width: 1064px) {
  .layout__home .panel-10::before {
    padding-top: 75%;
    background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-10-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=288&w=384&dpr=1&q=65); } }
  @media screen and (max-width: 1064px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 1064px) and (min-resolution: 192dpi) {
    .layout__home .panel-10::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-10-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=288&w=384&dpr=2&q=65); } }

@media screen and (max-width: 1064px) {
  .layout__home .panel-11a::before {
    padding-top: 150%;
    background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-11a-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=576&w=384&dpr=1&q=65); } }
  @media screen and (max-width: 1064px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 1064px) and (min-resolution: 192dpi) {
    .layout__home .panel-11a::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-11a-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=576&w=384&dpr=2&q=65); } }

@media screen and (max-width: 1064px) {
  .layout__home .panel-11b::before {
    padding-top: 150%;
    background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-11b-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=576&w=384&dpr=1&q=65); } }
  @media screen and (max-width: 1064px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 1064px) and (min-resolution: 192dpi) {
    .layout__home .panel-11b::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-11b-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=576&w=384&dpr=2&q=65); } }

@media screen and (max-width: 1064px) {
  .layout__home .panel-12::before {
    padding-top: 70.3125%;
    background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-12-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=540&w=768&dpr=1&q=65); } }
  @media screen and (max-width: 1064px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 1064px) and (min-resolution: 192dpi) {
    .layout__home .panel-12::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-12-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=540&w=768&dpr=2&q=65); } }

@media screen and (max-width: 1064px) {
  .layout__home .panel-13::before {
    padding-top: 75%;
    background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-13-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=288&w=384&dpr=1&q=65); } }
  @media screen and (max-width: 1064px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 1064px) and (min-resolution: 192dpi) {
    .layout__home .panel-13::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-13-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=288&w=384&dpr=2&q=65); } }

@media screen and (max-width: 1064px) {
  .layout__home .panel-14a::before {
    padding-top: 150%;
    background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-14a-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=576&w=384&dpr=1&q=65); } }
  @media screen and (max-width: 1064px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 1064px) and (min-resolution: 192dpi) {
    .layout__home .panel-14a::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-14a-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=576&w=384&dpr=2&q=65); } }

@media screen and (max-width: 1064px) {
  .layout__home .panel-14b::before {
    padding-top: 150%;
    background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-14b-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=576&w=384&dpr=1&q=65); } }
  @media screen and (max-width: 1064px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 1064px) and (min-resolution: 192dpi) {
    .layout__home .panel-14b::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-14b-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=576&w=384&dpr=2&q=65); } }

@media screen and (max-width: 1064px) {
  .layout__home .panel-15::before {
    padding-top: 75%;
    background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-15-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=288&w=384&dpr=1&q=65); } }
  @media screen and (max-width: 1064px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 1064px) and (min-resolution: 192dpi) {
    .layout__home .panel-15::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-15-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=288&w=384&dpr=2&q=65); } }

@media screen and (max-width: 1064px) {
  .layout__home .panel-16::before {
    padding-top: 140.625%;
    background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-16-arcteryx-2019.jpg?auto=format&fit=crop&h=540&w=384&dpr=1&q=65); } }
  @media screen and (max-width: 1064px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 1064px) and (min-resolution: 192dpi) {
    .layout__home .panel-16::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-16-arcteryx-2019.jpg?auto=format&fit=crop&h=540&w=384&dpr=2&q=65); } }

@media screen and (max-width: 1064px) {
  .layout__home .panel-17::before {
    padding-top: 140.625%;
    background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-17-arcteryx-2019.jpg?auto=format&fit=crop&h=540&w=384&dpr=1&q=65); } }
  @media screen and (max-width: 1064px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 1064px) and (min-resolution: 192dpi) {
    .layout__home .panel-17::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-17-arcteryx-2019.jpg?auto=format&fit=crop&h=540&w=384&dpr=2&q=65); } }

@media screen and (max-width: 1064px) {
  .layout__home .panel-18::before {
    padding-top: 75%;
    background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-18-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=288&w=384&dpr=1&q=65); } }
  @media screen and (max-width: 1064px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 1064px) and (min-resolution: 192dpi) {
    .layout__home .panel-18::before {
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/tablet/panel-18-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=288&w=384&dpr=2&q=65); } }

@media screen and (max-width: 767px) {
  .layout__home .panel-01 {
    height: 150vw; }
    .layout__home .panel-01::before {
      padding: 0;
      height: 100%;
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-01-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=562.5&w=375&dpr=1&q=65); } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .layout__home .panel-01::before {
        background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-01-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=562.5&w=375&dpr=2&q=65); } }

@media screen and (max-width: 767px) {
  .layout__home .panel-02 {
    height: 150vw; }
    .layout__home .panel-02::before {
      padding: 0;
      height: 100%;
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-02-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=562.5&w=375&dpr=1&q=65); } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .layout__home .panel-02::before {
        background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-02-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=562.5&w=375&dpr=2&q=65); } }

@media screen and (max-width: 767px) {
  .layout__home .panel-03a {
    height: 100vw; }
    .layout__home .panel-03a::before {
      padding: 0;
      height: 100%;
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-03a-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=375&w=375&dpr=1&q=65); } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .layout__home .panel-03a::before {
        background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-03a-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=375&w=375&dpr=2&q=65); } }

@media screen and (max-width: 767px) {
  .layout__home .panel-03b {
    height: 99.6vw; }
    .layout__home .panel-03b::before {
      padding: 0;
      height: 100%;
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-03b-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=373.5&w=375&dpr=1&q=65); } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .layout__home .panel-03b::before {
        background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-03b-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=373.5&w=375&dpr=2&q=65); } }

@media screen and (max-width: 767px) {
  .layout__home .panel-04 {
    height: 100vw; }
    .layout__home .panel-04::before {
      padding: 0;
      height: 100%;
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-04-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=375&w=375&dpr=1&q=65); } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .layout__home .panel-04::before {
        background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-04-arcteryx-2019-seyla-coat.jpg?auto=format&fit=crop&h=375&w=375&dpr=2&q=65); } }

@media screen and (max-width: 767px) {
  .layout__home .panel-05 {
    height: 150vw; }
    .layout__home .panel-05::before {
      padding: 0;
      height: 100%;
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-05-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=562.5&w=375&dpr=1&q=65); } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .layout__home .panel-05::before {
        background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-05-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=562.5&w=375&dpr=2&q=65); } }

@media screen and (max-width: 767px) {
  .layout__home .panel-06 {
    height: 100vw; }
    .layout__home .panel-06::before {
      padding: 0;
      height: 100%;
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-06-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=375&w=375&dpr=1&q=65); } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .layout__home .panel-06::before {
        background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-06-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=375&w=375&dpr=2&q=65); } }

@media screen and (max-width: 767px) {
  .layout__home .panel-07a {
    height: 150vw; }
    .layout__home .panel-07a::before {
      padding: 0;
      height: 100%;
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-07a-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=562.5&w=375&dpr=1&q=65); } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .layout__home .panel-07a::before {
        background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-07a-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=562.5&w=375&dpr=2&q=65); } }

@media screen and (max-width: 767px) {
  .layout__home .panel-07b {
    height: 150vw; }
    .layout__home .panel-07b::before {
      padding: 0;
      height: 100%;
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-07b-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=562.5&w=375&dpr=1&q=65); } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .layout__home .panel-07b::before {
        background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-07b-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=562.5&w=375&dpr=2&q=65); } }

@media screen and (max-width: 767px) {
  .layout__home .panel-08 {
    height: 100vw; }
    .layout__home .panel-08::before {
      padding: 0;
      height: 100%;
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-08-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=375&w=375&dpr=1&q=65); } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .layout__home .panel-08::before {
        background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-08-arcteryx-2019-keppel-trench.jpg?auto=format&fit=crop&h=375&w=375&dpr=2&q=65); } }

@media screen and (max-width: 767px) {
  .layout__home .panel-09 {
    height: 150vw; }
    .layout__home .panel-09::before {
      padding: 0;
      height: 100%;
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-09-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=562.5&w=375&dpr=1&q=65); } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .layout__home .panel-09::before {
        background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-09-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=562.5&w=375&dpr=2&q=65); } }

@media screen and (max-width: 767px) {
  .layout__home .panel-10 {
    height: 100vw; }
    .layout__home .panel-10::before {
      padding: 0;
      height: 100%;
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-10-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=375&w=375&dpr=1&q=65); } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .layout__home .panel-10::before {
        background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-10-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=375&w=375&dpr=2&q=65); } }

@media screen and (max-width: 767px) {
  .layout__home .panel-11a {
    height: 149.73333vw; }
    .layout__home .panel-11a::before {
      padding: 0;
      height: 100%;
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-11a-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=561.5&w=375&dpr=1&q=65); } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .layout__home .panel-11a::before {
        background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-11a-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=561.5&w=375&dpr=2&q=65); } }

@media screen and (max-width: 767px) {
  .layout__home .panel-11b {
    height: 150vw; }
    .layout__home .panel-11b::before {
      padding: 0;
      height: 100%;
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-11b-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=562.5&w=375&dpr=1&q=65); } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .layout__home .panel-11b::before {
        background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-11b-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=562.5&w=375&dpr=2&q=65); } }

@media screen and (max-width: 767px) {
  .layout__home .panel-12 {
    height: 150vw; }
    .layout__home .panel-12::before {
      padding: 0;
      height: 100%;
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-12-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=562.5&w=375&dpr=1&q=65); } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .layout__home .panel-12::before {
        background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-12-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=562.5&w=375&dpr=2&q=65); } }

@media screen and (max-width: 767px) {
  .layout__home .panel-13 {
    height: 100vw; }
    .layout__home .panel-13::before {
      padding: 0;
      height: 100%;
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-13-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=375&w=375&dpr=1&q=65); } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .layout__home .panel-13::before {
        background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-13-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=375&w=375&dpr=2&q=65); } }

@media screen and (max-width: 767px) {
  .layout__home .panel-14a {
    height: 150vw; }
    .layout__home .panel-14a::before {
      padding: 0;
      height: 100%;
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-14a-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=562.5&w=375&dpr=1&q=65); } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .layout__home .panel-14a::before {
        background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-14a-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=562.5&w=375&dpr=2&q=65); } }

@media screen and (max-width: 767px) {
  .layout__home .panel-14b {
    height: 150vw; }
    .layout__home .panel-14b::before {
      padding: 0;
      height: 100%;
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-14b-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=562.5&w=375&dpr=1&q=65); } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .layout__home .panel-14b::before {
        background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-14b-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=562.5&w=375&dpr=2&q=65); } }

@media screen and (max-width: 767px) {
  .layout__home .panel-15 {
    height: 100vw; }
    .layout__home .panel-15::before {
      padding: 0;
      height: 100%;
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-15-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=375&w=375&dpr=1&q=65); } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .layout__home .panel-15::before {
        background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-15-arcteryx-2019-therme-parka.jpg?auto=format&fit=crop&h=375&w=375&dpr=2&q=65); } }

@media screen and (max-width: 767px) {
  .layout__home .panel-16 {
    height: 100vw; }
    .layout__home .panel-16::before {
      padding: 0;
      height: 100%;
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-16-arcteryx-2019.jpg?auto=format&fit=crop&h=375&w=375&dpr=1&q=65); } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .layout__home .panel-16::before {
        background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-16-arcteryx-2019.jpg?auto=format&fit=crop&h=375&w=375&dpr=2&q=65); } }

@media screen and (max-width: 767px) {
  .layout__home .panel-17 {
    height: 99.86667vw; }
    .layout__home .panel-17::before {
      padding: 0;
      height: 100%;
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-17-arcteryx-2019.jpg?auto=format&fit=crop&h=374.5&w=375&dpr=1&q=65); } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .layout__home .panel-17::before {
        background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-17-arcteryx-2019.jpg?auto=format&fit=crop&h=374.5&w=375&dpr=2&q=65); } }

@media screen and (max-width: 767px) {
  .layout__home .panel-18 {
    height: 100vw; }
    .layout__home .panel-18::before {
      padding: 0;
      height: 100%;
      background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-18-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=375&w=375&dpr=1&q=65); } }
    @media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 192dpi) {
      .layout__home .panel-18::before {
        background-image: url(https://images-dynamic-arcteryx.imgix.net/campaign/F19/lifestyle/home/mobile/panel-18-arcteryx-2019-patera-parka.jpg?auto=format&fit=crop&h=375&w=375&dpr=2&q=65); } }

#content #lookbook {
  /* --- svg animation ---*/
  /* --- end of svg animation ---*/ }

@keyframes rotator {
  0% {
    transform: rotate(-90deg); }
  50% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(90deg); } }

@keyframes dash {
  0% {
    stroke-dashoffset: 204;
    transform: rotate(0deg); }
  50% {
    stroke-dashoffset: 102;
    transform: rotate(0deg); }
  100% {
    stroke-dashoffset: 204;
    transform: rotate(180deg); } }

@keyframes draw {
  0% {
    stroke-dashoffset: 201; }
  100% {
    stroke-dashoffset: 0; } }

@keyframes opacityChange {
  0% {
    opacity: 0; }
  5%,
  50% {
    opacity: 1; }
  55%,
  100% {
    opacity: 0; } }
  #content #lookbook .anim-btn {
    position: relative;
    display: inline-flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center; }
    #content #lookbook .anim-btn .svg-drawing {
      position: absolute;
      top: 1%;
      left: 1%;
      width: 98%;
      height: 98%; }
    #content #lookbook .anim-btn .svg-spinner {
      position: absolute;
      top: 1%;
      left: 1%;
      width: 98%;
      height: 98%;
      transform: rotate(-90deg);
      animation: rotator 1.5s linear infinite;
      transition: opacity 100ms; }
    #content #lookbook .anim-btn .spinner-path {
      stroke-dasharray: 204;
      stroke-dashoffset: 0;
      transform-origin: center;
      animation: dash 1.5s linear infinite; }
    #content #lookbook .anim-btn .cur-circle {
      position: absolute;
      top: 1%;
      left: 1%;
      width: 98%;
      height: 98%;
      opacity: 0;
      transition: opacity 1000ms; }
      #content #lookbook .anim-btn .cur-circle .gray-circle-path {
        stroke: #fff; }
    #content #lookbook .anim-btn .drawing-path {
      stroke-dasharray: 201;
      stroke-dashoffset: 0;
      transform-origin: center;
      opacity: 0;
      transition: opacity 300ms 500ms;
      transform: rotate(-90deg); }
  #content #lookbook .indicate-icon {
    z-index: 10;
    width: 46px;
    height: 46px;
    position: relative; }
    #content #lookbook .indicate-icon .anim-btn [class^="lb-icon-"],
    #content #lookbook .indicate-icon .anim-btn [class*="icon-"] {
      color: #fff; }
    #content #lookbook .indicate-icon .anim-btn .spinner-path {
      stroke: #fff; }
    #content #lookbook .indicate-icon .anim-btn .drawing-path {
      stroke: #fff; }
  #content #lookbook .indicate-icon:hover .svg-spinner {
    opacity: 0; }
  #content #lookbook .indicate-icon:hover .cur-circle {
    opacity: 1; }
  #content #lookbook .indicate-icon:hover .drawing-path {
    opacity: 1;
    animation: draw 500ms 500ms linear forwards; }
  #content #lookbook span.w19-icon-price-tag {
    font-size: 1.25rem; }
  #content #lookbook span.w19-icon-profile {
    font-size: 1.25rem; }

#content #lookbook .page-header {
  position: relative; }
  #content #lookbook .page-header .page-header__content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: left;
    align-items: center;
    text-transform: uppercase;
    line-height: 1;
    color: #fff; }
    #content #lookbook .page-header .page-header__content img {
      height: 180px; }
      @media screen and (max-height: 360px) {
        #content #lookbook .page-header .page-header__content img {
          height: 120px; } }
      @media screen and (min-height: 361px) and (max-height: 480px) {
        #content #lookbook .page-header .page-header__content img {
          height: 140px; } }
  #content #lookbook .page-header .down-arrow-container {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 2rem; }
    @media screen and (max-height: 480px) {
      #content #lookbook .page-header .down-arrow-container {
        bottom: 0.5rem; } }
    #content #lookbook .page-header .down-arrow-container .down-arrow {
      font-size: 2.8125rem;
      color: #000;
      cursor: pointer;
      transition: opacity 0.2s; }
      #content #lookbook .page-header .down-arrow-container .down-arrow:hover {
        opacity: 0.5; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #000;
  opacity: 0; }
  .mfp-bg.mfp-ready {
    opacity: 0.3;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear; }
  .mfp-bg.mfp-removing {
    opacity: 0;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #FFF;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #FFF; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 46px;
  height: 46px;
  position: absolute;
  top: 20px;
  right: 20px;
  text-decoration: none;
  text-align: center;
  opacity: 0.95;
  padding: 0 0 18px 10px;
  color: #000;
  background: #fff;
  border-radius: 50%;
  border: 2px solid #000;
  font-style: normal;
  font-size: 15px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  @media screen and (max-width: 767px) {
    .mfp-close {
      top: 10px;
      right: 10px;
      width: 40px;
      height: 40px;
      font-size: 14px; } }
  .mfp-close span {
    position: relative;
    z-index: -1; }
    @media screen and (max-width: 767px) {
      .mfp-close span {
        line-height: 40px; } }
    @media screen and (min-width: 768px) {
      .mfp-close span {
        line-height: 46px; } }

.mfp-close-btn-in .mfp-close {
  color: #000; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #000;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #FFF;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.95;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #000;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #000;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 0;
    padding-right: 0; } }

.mfp-content {
  max-width: 50%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto; }
  @media (max-width: 960px) {
    .mfp-content {
      max-width: 90%; } }
  @media screen and (max-width: 767px) {
    .mfp-content {
      max-width: 95%; } }
  .mfp-content video {
    max-width: 100%; }
  .mfp-content .slick-slider {
    padding: 0;
    background: #fff; }

.product-container {
  height: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative; }
  .mfp-content .product-container .transition-container {
    transform: translate3d(100%, 0, 0);
    transition: all 320ms;
    height: 100%;
    max-height: 100vh;
    /*fix conflict with page transition container named the same*/
    position: relative;
    top: auto;
    left: auto; }
  .mfp-content .product-container.fade-in .transition-container {
    transform: translate3d(0, 0, 0);
    transition: all 960ms ease;
    transition-delay: 320ms; }
  .product-container .slick-list, .product-container .slick-track {
    height: 100%; }
  .product-container .slick-slide {
    opacity: .3;
    height: 100%;
    outline: none;
    overflow: hidden; }
    .product-container .slick-slide > div {
      height: 100%; }
    .product-container .slick-slide .product-content {
      opacity: 0; }
    .product-container .slick-slide.slick-current {
      cursor: default;
      opacity: 1;
      overflow: visible;
      -webkit-transition: 500ms 300ms linear;
      -moz-transition: 500ms 300ms linear;
      -ms-transition: 500ms 300ms linear;
      -o-transition: 500ms 300ms linear;
      transition: 500ms 300ms linear; }
      .product-container .slick-slide.slick-current .product-content {
        opacity: 1; }
      .product-container .slick-slide.slick-current:hover {
        opacity: 1; }
  .product-container .slideshow, .product-container .slideshow-single {
    /* float: right; */
    width: 62%;
    /* height: 100%; */
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0; }
    .product-container .slideshow.no-action-image, .product-container .slideshow-single.no-action-image {
      width: 100%; }
    @media screen and (max-width: 1064px) {
      .product-container .slideshow, .product-container .slideshow-single {
        width: 62%; }
        .product-container .slideshow.no-action-image, .product-container .slideshow-single.no-action-image {
          width: 100%; } }
    @media (max-width: 960px) {
      .product-container .slideshow, .product-container .slideshow-single {
        width: 100%; } }
  @media (max-width: 960px) {
    .product-container .slideshow .product-content {
      margin: 0 0 0 -15%;
      width: 130%;
      padding-bottom: 10px; } }
  @media screen and (max-width: 767px) {
    .product-container .slideshow .product-content {
      margin: 0 0 0 -75%;
      width: 250%; } }
  @media screen and (max-width: 479px) {
    .product-container .slideshow .product-content {
      margin: 0px 0 0 -45%;
      width: 190%; } }
  .product-container .slideshow-single {
    background: #fff; }
    @media (max-width: 960px) {
      .product-container .slideshow-single .product-content {
        margin: 0 auto;
        width: 90%;
        padding-bottom: 10px; } }
  .product-container .slideshow-grid .slide {
    max-width: 40%; }
    @media screen and (max-width: 767px) {
      .product-container .slideshow-grid .slide {
        max-width: 100%; } }
  .product-container .slideshow-grid .cast-image {
    position: relative;
    display: inline-block;
    max-width: 100%; }
    @media screen and (max-width: 479px) {
      .product-container .slideshow-grid .cast-image {
        max-width: 120%;
        width: 120%;
        left: -10%; } }
    .product-container .slideshow-grid .cast-image div {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      width: 380px;
      height: 380px;
      margin: 0 auto 30px;
      border-radius: 50%; }
      @media screen and (max-width: 1064px) {
        .product-container .slideshow-grid .cast-image div {
          width: 300px;
          height: 300px; } }
      @media screen and (max-width: 767px) {
        .product-container .slideshow-grid .cast-image div {
          max-width: 100%;
          padding: 0 0 100%;
          height: 0; } }
  .product-container .slideshow-grid .product-content {
    max-width: 340px; }
    @media (max-width: 960px) {
      .product-container .slideshow-grid .product-content {
        margin: 0 auto;
        width: 90%;
        max-width: 100%; } }
    @media screen and (max-width: 767px) {
      .product-container .slideshow-grid .product-content {
        margin: 0 0 0 -15%;
        width: 130%;
        max-width: 130%; } }
    @media screen and (max-width: 767px) {
      .product-container .slideshow-grid .product-content {
        margin: 0 0 0 -75%;
        width: 250%;
        max-width: 250%; } }
  .product-container .slide {
    display: table !important;
    margin: 0 auto;
    height: 90%;
    outline: none; }
    @media screen and (max-width: 479px) {
      .product-container .slide {
        width: 86%;
        height: 100%; } }
  .product-container .slideshow-grid .slide {
    display: inline-block;
    margin: 35px;
    vertical-align: top; }
  .product-container .slide-container {
    display: table-cell;
    vertical-align: middle;
    background: #fff; }
  .product-container .product-images {
    position: relative;
    display: inline-block;
    height: 400px;
    width: 100%;
    max-height: 55vh; }
    @media screen and (max-width: 1064px) {
      .product-container .product-images {
        display: block;
        margin: 0 0 10px; } }
    @media screen and (max-width: 767px) {
      .product-container .product-images {
        height: 230px;
        height: 60vw; } }
    @media (max-height: 480px) {
      .product-container .product-images {
        max-height: 32vh;
        margin: 0 0 5px; } }
    .product-container .product-images .image {
      width: 100%;
      margin: 0 auto;
      position: absolute;
      top: 5%;
      left: 0;
      height: 90%;
      opacity: 0; }
      @media screen and (max-width: 767px) {
        .product-container .product-images .image {
          width: 150%;
          left: -25%; } }
      .product-container .product-images .image.selected {
        opacity: 1; }
    .product-container .product-images img {
      max-height: 100%;
      margin: 0 auto;
      max-width: 100%;
      height: auto; }
      .product-container .product-images img.custom-product {
        left: 50%;
        position: relative; }
  @media (max-width: 960px) {
    .product-container .product-content {
      margin: 0 0 0 -15%;
      width: 130%; } }
  .product-container .product-content .revised {
    color: #aaa;
    font-size: 12px;
    text-transform: uppercase; }
  .product-container .product-content .new {
    color: #ff0000;
    font-size: 12px;
    text-transform: uppercase; }
  .product-container .title {
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    margin: 0 0 4px;
    text-transform: uppercase; }
    @media (max-height: 480px) {
      .product-container .title {
        font-size: 19px;
        line-height: 19px; } }
  .product-container .description {
    font-size: 15px;
    line-height: 1.5;
    max-width: 435px;
    width: 100%;
    max-height: 110px;
    overflow-y: hidden;
    margin: 0 auto 2px; }
    @media (max-height: 480px) {
      .product-container .description {
        font-size: 12px;
        line-height: 16px;
        max-height: 67px;
        margin: 5px auto 6px; } }
    @media screen and (max-width: 1064px) {
      .product-container .description {
        width: 90%; } }
    @media screen and (max-width: 767px) {
      .product-container .description {
        width: auto; } }
  .product-container .color-picker {
    overflow: hidden;
    margin: 10px auto 11px;
    text-align: center;
    width: 110%;
    margin-left: -5%; }
  .product-container .swatch {
    width: 34px;
    height: 51px;
    z-index: 3;
    float: none;
    position: relative;
    margin: 0 7px;
    display: inline-block;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    /*
              &.selected{
                @include box-shadow(0,0,12px,#000);
                @include transition();
              }
              &:hover{
                @include box-shadow(0,0,6px,#000);
                @include transition();
              }
              */ }
    @media screen and (max-width: 767px) {
      .product-container .swatch {
        width: 35px;
        height: 40px;
        margin: 0 3px; } }
  .product-container .price {
    font-weight: bold;
    display: inline-block;
    margin: 0 5px 0 0;
    border-right: 1px solid #000;
    padding: 0 5px 0 0;
    font-size: 16px;
    line-height: 1.3; }
  .product-container .product-button {
    display: inline-block;
    color: #fff;
    background: #000;
    padding: 15px 21px 13px;
    text-transform: uppercase;
    font-size: 15px;
    margin: 16px 0 0;
    z-index: 2;
    position: relative; }
    @media (max-height: 480px) {
      .product-container .product-button {
        padding: 11px 21px 10px;
        font-size: 13px; } }

.mfp-content .product-container .slide {
  height: 100%; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  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; }

@media screen and (min-width: 1065px) {
  #content #lookbook .slider-section.mobile-slider {
    display: none !important; } }

@media screen and (max-width: 1064px) {
  #content #lookbook .slider-section.desktop-slider {
    display: none !important; } }

@media screen and (max-width: 767px) {
  #content #lookbook .slider-section .panel {
    width: 80vw; } }

@media screen and (min-width: 768px) {
  #content #lookbook .slider-section .panel {
    width: 40vw; } }

#content #lookbook .slider-section .panel:not(.init-img) {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

#content #lookbook .slider-section.mobile-slider .panel-bucket .panel {
  /* mobile images fade rotate, 5% as fade transition time */ }

@keyframes fadeFirstImg {
  0% {
    opacity: 1; }
  28.3% {
    opacity: 1; }
  33.3% {
    opacity: 0; }
  95% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeSecondImg {
  0% {
    opacity: 0; }
  28.3% {
    opacity: 0; }
  33.3% {
    opacity: 1; }
  61.6% {
    opacity: 1; }
  66.6% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes fadeThirdImg {
  0% {
    opacity: 0; }
  61.6% {
    opacity: 0; }
  66.6% {
    opacity: 1; }
  95% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  #content #lookbook .slider-section.mobile-slider .panel-bucket .panel:nth-child(1) {
    animation: fadeFirstImg 6s linear infinite; }
  #content #lookbook .slider-section.mobile-slider .panel-bucket .panel:nth-child(2) {
    animation: fadeSecondImg 6s linear infinite; }
  #content #lookbook .slider-section.mobile-slider .panel-bucket .panel:nth-child(3) {
    animation: fadeThirdImg 6s linear infinite; }

#content #lookbook .slider-section.desktop-slider {
  /* desktop images fade rotate, 5% as fade transition time */ }

@keyframes fadeInitImg {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  50% {
    opacity: 0; }
  95% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeAltImg {
  0% {
    opacity: 0; }
  45% {
    opacity: 0; }
  50% {
    opacity: 1; }
  95% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  #content #lookbook .slider-section.desktop-slider .slick-slide:nth-child(4n + 1) .panel-bucket .panel:nth-child(1) {
    animation: fadeInitImg 6s linear infinite; }
  #content #lookbook .slider-section.desktop-slider .slick-slide:nth-child(4n + 1) .panel-bucket .panel:nth-child(2) {
    animation: fadeAltImg 6s linear infinite; }
  #content #lookbook .slider-section.desktop-slider .slick-slide:nth-child(4n + 3) .panel-bucket .panel:nth-child(1) {
    animation: fadeInitImg 6s 1.5s linear infinite; }
  #content #lookbook .slider-section.desktop-slider .slick-slide:nth-child(4n + 3) .panel-bucket .panel:nth-child(2) {
    animation: fadeAltImg 6s 1.5s linear infinite; }

#content #lookbook .slider-section .price-tag-wrap {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 1.5rem;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  #content #lookbook .slider-section .price-tag-wrap .shop-text {
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
    color: #fff;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 1rem;
    line-height: 1.1; }

#content #lookbook .slider-section .slide.show-hover .shop-text {
  opacity: 1; }

@media screen and (max-width: 1064px) {
  #content #lookbook .slider-section .slider-product-info {
    padding: 30px; } }

@media screen and (min-width: 1065px) {
  #content #lookbook .slider-section .slider-product-info {
    position: absolute;
    width: 100%;
    padding: 3rem 3rem 1rem;
    left: 0;
    bottom: 0;
    color: #fff;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.3)); } }

#content #lookbook .slider-section .slider-product-info .new-tag {
  margin-bottom: 0.9rem; }

#content #lookbook .slider-section .slider-product-info .prod-title {
  font-size: 1.125rem; }
  #content #lookbook .slider-section .slider-product-info .prod-title br {
    display: none; }
  @media screen and (max-width: 1064px) {
    #content #lookbook .slider-section .slider-product-info .prod-title {
      color: #000; } }
  @media screen and (min-width: 1065px) {
    #content #lookbook .slider-section .slider-product-info .prod-title {
      color: #fff; } }

@media screen and (max-width: 1064px) {
  #content #lookbook .slider-section .slider-product-info .tags {
    margin-bottom: 1.5rem; } }

@media screen and (min-width: 1065px) {
  #content #lookbook .slider-section .slider-product-info .tags {
    margin-bottom: 2rem; } }

#content #lookbook .slider-section .slider-product-info .tags .tag {
  font-size: 0.8125rem; }
  @media screen and (max-width: 1064px) {
    #content #lookbook .slider-section .slider-product-info .tags .tag.white-bg {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } }

#content #lookbook .slider-section .slider-product-info p {
  margin-bottom: 1rem; }

#content #lookbook .slider-section .slider-product-info .product-info-content {
  display: none; }

#content #lookbook .slider-section .slider-product-info .product-info-content p:first-child {
  margin-top: 0; }

#content #lookbook .slider-section .slider-product-info .read-toggler {
  position: relative; }
  #content #lookbook .slider-section .slider-product-info .read-toggler .read {
    display: flex;
    align-items: center; }
  #content #lookbook .slider-section .slider-product-info .read-toggler [class*="-icon-"] {
    font-size: 1.25rem; }
  #content #lookbook .slider-section .slider-product-info .read-toggler .read-text {
    text-transform: uppercase;
    text-decoration: underline;
    margin-left: 10px; }
  #content #lookbook .slider-section .slider-product-info .read-toggler .read-less {
    position: absolute;
    top: 0;
    opacity: 0; }
  #content #lookbook .slider-section .slider-product-info .read-toggler.expanded .read-more {
    opacity: 0; }
  #content #lookbook .slider-section .slider-product-info .read-toggler.expanded .read-less {
    opacity: 1; }

#content #lookbook .slider-section .slider {
  position: relative; }

#content #lookbook .slider-section .slick-list {
  padding-left: 0%;
  padding-right: 0%;
  transition: padding-left 0.3s, padding-right 0.3s; }

#content #lookbook .slider-section .slick-list.show-neighbour {
  padding-left: 10%;
  padding-right: 10%; }

#content #lookbook .slider-section .slick-slide {
  position: relative;
  outline: none; }
  #content #lookbook .slider-section .slick-slide > div {
    font-size: 0; }
  #content #lookbook .slider-section .slick-slide .slide {
    position: relative;
    cursor: pointer; }

#content #lookbook .slider-section .slick-arrow {
  position: absolute;
  z-index: 10;
  top: 50%;
  cursor: pointer;
  background-color: transparent;
  border: none;
  outline: 0;
  color: #fff;
  text-align: center;
  font-size: 0;
  transform: translateY(-50%);
  width: 46px;
  height: 46px; }
  @media screen and (min-width: 1065px) {
    #content #lookbook .slider-section .slick-arrow {
      width: 60px;
      height: 60px; } }
  #content #lookbook .slider-section .slick-arrow::before {
    font-family: "w19-icons";
    font-size: 46px;
    content: "\e903";
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media screen and (min-width: 1065px) {
      #content #lookbook .slider-section .slick-arrow::before {
        font-size: 60px; } }
  @media screen and (max-width: 1064px) {
    #content #lookbook .slider-section .slick-arrow.slick-prev {
      left: 1rem; } }
  @media screen and (min-width: 1065px) {
    #content #lookbook .slider-section .slick-arrow.slick-prev {
      left: 2.5rem; } }
  #content #lookbook .slider-section .slick-arrow.slick-prev::before {
    transform: rotate(90deg); }
  #content #lookbook .slider-section .slick-arrow.slick-prev.slick-disabled {
    display: none !important; }
  @media screen and (max-width: 1064px) {
    #content #lookbook .slider-section .slick-arrow.slick-next {
      right: 1rem; }
      #content #lookbook .slider-section .slick-arrow.slick-next .text {
        display: none; } }
  @media screen and (min-width: 1065px) {
    #content #lookbook .slider-section .slick-arrow.slick-next {
      right: 2.5rem; } }
  #content #lookbook .slider-section .slick-arrow.slick-next::before {
    transform: rotate(-90deg); }
  #content #lookbook .slider-section .slick-arrow.slick-next .text {
    position: absolute;
    top: 100%;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    white-space: nowrap;
    width: 200%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 15px; }
  #content #lookbook .slider-section .slick-arrow.hide {
    display: none !important; }
  @media screen and (min-width: 1065px) {
    #content #lookbook .slider-section .slick-arrow.hide-color .text {
      display: none; } }

#content #lookbook .breadcrumb {
  position: absolute;
  z-index: 5;
  top: 2rem;
  box-sizing: content-box;
  max-width: 1430px;
  margin: 0 auto;
  padding: 0 6%; }
  #content #lookbook .breadcrumb a,
  #content #lookbook .breadcrumb span {
    font-size: 1rem;
    color: #fff; }
  #content #lookbook .breadcrumb a {
    text-decoration: underline !important; }
  .app #content #lookbook .breadcrumb {
    display: none; }

#lookbook .c-see-more {
  overflow: hidden;
  text-align: center;
  max-width: 1060px;
  color: #000;
  padding-left: 15px;
  padding-right: 15px; }
  @media screen and (max-width: 767px) {
    #lookbook .c-see-more {
      margin: 100px auto 40px; } }
  @media screen and (min-width: 768px) {
    #lookbook .c-see-more {
      margin: 180px auto 120px; } }
  @media screen and (min-width: 768px) and (max-height: 480px) {
    #lookbook .c-see-more {
      margin: 100px auto 40px; } }
  #lookbook .c-see-more .w19-icon-arcteryx {
    font-size: 3.75rem;
    text-align: center;
    display: block;
    margin-bottom: 30px; }
  #lookbook .c-see-more .c-see-more__link {
    font-size: 1.125rem;
    line-height: 1.1;
    text-transform: uppercase;
    text-decoration: none !important;
    text-align: center;
    display: inline-block;
    padding: 0 0 5px;
    border-bottom: 1px solid #000;
    color: #000;
    max-width: 80%;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      #lookbook .c-see-more .c-see-more__link br {
        display: none; } }

#content #lookbook.layout__home .draw-line-container {
  position: relative;
  z-index: 2; }

#content #lookbook.layout__home .connect-lines {
  position: absolute;
  left: 100px;
  top: 400px;
  z-index: 2;
  width: 18px; }
  #content #lookbook.layout__home .connect-lines:before {
    content: '';
    height: 100%;
    width: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0; }
  #content #lookbook.layout__home .connect-lines .start-line {
    width: 18px;
    background: #fff;
    height: 1px;
    top: 0;
    right: 0;
    position: absolute; }
  #content #lookbook.layout__home .connect-lines .end-line {
    width: 18px;
    background: #fff;
    height: 1px;
    bottom: 0;
    left: 0;
    position: absolute; }

#content #lookbook.layout__home .panel-container {
  background: #000; }

#content #lookbook.layout__home .panel .panel {
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-animation: cross-fade 10000ms infinite ease-in-out;
  -moz-animation: cross-fade 10000ms infinite ease-in-out;
  -o-animation: cross-fade 10000ms infinite ease-in-out;
  animation: cross-fade 10000ms infinite ease-in-out; }

#content #lookbook.layout__home .panel .video-container {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }
  #content #lookbook.layout__home .panel .video-container video {
    width: auto;
    max-width: none;
    height: 100%;
    object-fit: cover;
    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%);
    left: 50%;
    top: 50%; }
  .device #content #lookbook.layout__home .panel .video-container {
    display: none; }

#content #lookbook.layout__home .panel .panel-title {
  font-family: "urw-din-semi-condensed", arial, sans-serif, simsun;
  color: #fff;
  text-transform: uppercase;
  font-size: 33px;
  line-height: 1.2;
  margin: 0 0 5px; }
  #content #lookbook.layout__home .panel .panel-title strong {
    font-family: "urw-din-semi-condensed", arial, sans-serif, simsun;
    font-weight: 700; }

#content #lookbook.layout__home .panel .panel-main-title {
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1; }
  #content #lookbook.layout__home .panel .panel-main-title strong {
    font-size: 44px;
    display: block; }

#content #lookbook.layout__home .panel .panel-content {
  position: absolute;
  z-index: 2;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font-size: 15px;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
  margin: 0 6%;
  padding: 10px 0; }

#content #lookbook.layout__home .panel.panel-tall .panel-content {
  top: 30%; }

@media screen and (max-width: 1064px) {
  #content #lookbook.layout__home .panel.panel-tall.tablet-center .panel-content {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); } }

#content #lookbook.layout__home .panel.panel-zoom:before {
  -webkit-transition: 4s all ease-in;
  -moz-transition: 4s all ease-in;
  -ms-transition: 4s all ease-in;
  -o-transition: 4s all ease-in;
  transition: 4s all ease-in;
  object-position: 50% 50%;
  backface-visibility: hidden; }

#content #lookbook.layout__home .panel.panel-zoom.visible:before {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05); }

#content #lookbook.layout__home .panel.panel-shop {
  display: block; }
  #content #lookbook.layout__home .panel.panel-shop:after {
    content: '';
    background: #000;
    opacity: 0;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1; }
  #content #lookbook.layout__home .panel.panel-shop .panel-shop-cta {
    position: absolute;
    z-index: 2;
    bottom: 20px;
    right: 30px;
    color: #fff;
    font-style: italic;
    font-size: 13px;
    padding: 0 3px 7px;
    opacity: .8;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    overflow: hidden; }
    #content #lookbook.layout__home .panel.panel-shop .panel-shop-cta:before {
      content: '';
      height: 1px;
      width: 100%;
      background: #fff;
      left: 0;
      bottom: 0;
      position: absolute;
      -webkit-transform: translate3d(-140%, 0, 0);
      -moz-transform: translate3d(-140%, 0, 0);
      -ms-transform: translate3d(-140%, 0, 0);
      -o-transform: translate3d(-140%, 0, 0);
      transform: translate3d(-140%, 0, 0); }
    #content #lookbook.layout__home .panel.panel-shop .panel-shop-cta:after {
      content: '';
      height: 1px;
      width: 100%;
      background: #fff;
      left: 0;
      bottom: 0;
      position: absolute;
      -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); }
    #content #lookbook.layout__home .panel.panel-shop .panel-shop-cta.panel-shop-section-cta {
      padding: 15px 0 7px;
      position: relative;
      bottom: 0;
      right: auto;
      display: inline-block; }
  #content #lookbook.layout__home .panel.panel-shop:hover {
    /*
        &.panel-static{
          //&:after{
          &:before{
            //opacity: 0.25;
            object-position: 50% 50%;
            backface-visibility: hidden;
            @include transform(scale(1.05));
          }
        }
        */ }
    #content #lookbook.layout__home .panel.panel-shop:hover .panel-shop-cta {
      -webkit-transition: all 300ms linear;
      -moz-transition: all 300ms linear;
      -ms-transition: all 300ms linear;
      -o-transition: all 300ms linear;
      transition: all 300ms linear;
      opacity: 1; }
      #content #lookbook.layout__home .panel.panel-shop:hover .panel-shop-cta:before {
        -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);
        -webkit-transition: 450ms all ease-out;
        -moz-transition: 450ms all ease-out;
        -ms-transition: 450ms all ease-out;
        -o-transition: 450ms all ease-out;
        transition: 450ms all ease-out; }
      #content #lookbook.layout__home .panel.panel-shop:hover .panel-shop-cta:after {
        -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);
        -webkit-transition: 400ms all ease-out;
        -moz-transition: 400ms all ease-out;
        -ms-transition: 400ms all ease-out;
        -o-transition: 400ms all ease-out;
        transition: 400ms all ease-out; }

#content #lookbook.layout__home .panel .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 300ms ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 15px;
  font-size: 1.125rem;
  line-height: 1.25;
  color: #fff; }
  #content #lookbook.layout__home .panel .overlay .profile-name {
    margin-bottom: 2rem; }

#content #lookbook.layout__home .panel.active .overlay {
  opacity: 1; }

#content #lookbook.layout__home .panel .indicate-icon {
  position: absolute; }
  @media screen and (max-width: 767px) {
    #content #lookbook.layout__home .panel .indicate-icon {
      right: 20px;
      bottom: 20px; } }
  @media screen and (min-width: 768px) {
    #content #lookbook.layout__home .panel .indicate-icon {
      right: 25px;
      bottom: 25px; } }

#content #lookbook.layout__home .col .panel .panel-content {
  margin: 0 12%; }
  @media screen and (max-width: 767px) {
    #content #lookbook.layout__home .col .panel .panel-content {
      margin: 0 6%; } }

#content #lookbook.layout__home .photo-group {
  display: flex; }
  @media screen and (max-width: 767px) {
    #content #lookbook.layout__home .photo-group {
      flex-direction: column; } }
  @media screen and (max-width: 767px) {
    #content #lookbook.layout__home .photo-group .col {
      flex: 0 0 100%;
      max-width: 100%; } }
  @media screen and (min-width: 768px) {
    #content #lookbook.layout__home .photo-group .col {
      flex: 0 0 50%;
      max-width: 50%; } }

@-webkit-keyframes cross-fade {
  0% {
    opacity: 0; }
  45% {
    opacity: 0; }
  50% {
    opacity: 1; }
  95% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes cross-fade {
  0% {
    opacity: 0; }
  45% {
    opacity: 0; }
  50% {
    opacity: 1; }
  95% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-o-keyframes cross-fade {
  0% {
    opacity: 0; }
  45% {
    opacity: 0; }
  50% {
    opacity: 1; }
  95% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes cross-fade {
  0% {
    opacity: 0; }
  45% {
    opacity: 0; }
  50% {
    opacity: 1; }
  95% {
    opacity: 1; }
  100% {
    opacity: 0; } }

#content #lookbook.layout__womens .cat-name {
  background-color: #EFEFF7; }

@media screen and (max-width: 767px) {
  #content #lookbook.layout__womens .category-col.freeride {
    flex: 0 0 100%;
    max-width: 100%; }
  #content #lookbook.layout__womens .category-col.touring {
    flex: 0 0 100%;
    max-width: 100%; }
  #content #lookbook.layout__womens .category-col.resort {
    flex: 0 0 100%;
    max-width: 100%; } }

#content #lookbook.layout__womens .cat-prod-list .new-tag {
  position: absolute;
  top: 8%;
  right: 76%; }

@media (min-width: 400px) {
  #content #lookbook.layout__womens .cat-prod-list .prod-title br {
    display: none; } }

@media screen and (min-width: 768px) and (max-width: 1259px) {
  #content #lookbook.layout__womens .category-col.freeride {
    flex: 0 0 50%;
    max-width: 50%; }
  #content #lookbook.layout__womens .category-col.touring {
    flex: 0 0 50%;
    max-width: 50%; }
  #content #lookbook.layout__womens .category-col.resort {
    flex: 0 0 75%;
    max-width: 75%;
    margin-left: 12.5%; } }

@media screen and (min-width: 1260px) {
  #content #lookbook.layout__womens .category-col.freeride {
    flex: 0 0 28.57%;
    max-width: 28.57%; }
  #content #lookbook.layout__womens .category-col.touring {
    flex: 0 0 28.57%;
    max-width: 28.57%; }
  #content #lookbook.layout__womens .category-col.resort {
    flex: 0 0 42.86%;
    max-width: 42.86%; } }

#content #lookbook.layout__womens #sentinelAR .overlay {
  background-color: rgba(226, 186, 160, 0.5); }

#content #lookbook.layout__womens #sentinelLT .overlay {
  background-color: rgba(236, 114, 70, 0.5); }

#content #lookbook.layout__womens #shashkaIS .overlay {
  background-color: rgba(206, 212, 88, 0.5); }

#content #lookbook.layout__womens #shashka .overlay {
  background-color: rgba(236, 114, 70, 0.5); }

#content #lookbook.layout__womens #ravenna .overlay {
  background-color: rgba(226, 186, 160, 0.5); }

#content #lookbook.layout__womens #tiya .overlay {
  background-color: rgba(150, 215, 205, 0.5); }

#content #lookbook.layout__womens #andessa .overlay {
  background-color: rgba(215, 98, 68, 0.5); }

#content #lookbook.layout__womens.en .nav-item:not(.active) {
  width: 105px; }

#content #lookbook.layout__mens .cat-name {
  background-color: #e8ebf2; }

@media screen and (max-width: 767px) {
  #content #lookbook.layout__mens .category-col.freeride {
    flex: 0 0 100%;
    max-width: 100%; }
  #content #lookbook.layout__mens .category-col.touring {
    flex: 0 0 100%;
    max-width: 100%; }
  #content #lookbook.layout__mens .category-col.resort {
    flex: 0 0 100%;
    max-width: 100%; } }

#content #lookbook.layout__mens .cat-prod-list .new-tag {
  position: absolute;
  top: 9%;
  right: 75%; }

@media (min-width: 410px) {
  #content #lookbook.layout__mens .cat-prod-list .prod-title br {
    display: none; } }

@media screen and (min-width: 768px) and (max-width: 1259px) {
  #content #lookbook.layout__mens .category-col.freeride {
    flex: 0 0 75%;
    max-width: 75%;
    margin-left: 12.5%; }
  #content #lookbook.layout__mens .category-col.touring {
    flex: 0 0 50%;
    max-width: 50%; }
  #content #lookbook.layout__mens .category-col.resort {
    flex: 0 0 50%;
    max-width: 50%; } }

@media screen and (min-width: 1260px) {
  #content #lookbook.layout__mens .category-col.freeride {
    flex: 0 0 42.86%;
    max-width: 42.86%; }
  #content #lookbook.layout__mens .category-col.touring {
    flex: 0 0 28.57%;
    max-width: 28.57%; }
  #content #lookbook.layout__mens .category-col.resort {
    flex: 0 0 28.57%;
    max-width: 28.57%; } }

#content #lookbook.layout__mens #sabreAR .overlay {
  background-color: rgba(16, 128, 113, 0.5); }

#content #lookbook.layout__mens #sabreLT .overlay {
  background-color: rgba(180, 231, 85, 0.5); }

#content #lookbook.layout__mens #sidewinder .overlay {
  background-color: rgba(132, 22, 70, 0.5); }

#content #lookbook.layout__mens #rush .overlay {
  background-color: rgba(179, 200, 204, 0.5); }

#content #lookbook.layout__mens #rushIS .overlay {
  background-color: rgba(19, 125, 165, 0.5); }

#content #lookbook.layout__mens #cassiar .overlay {
  background-color: rgba(190, 137, 48, 0.5); }

#content #lookbook.layout__mens #macai .overlay {
  background-color: rgba(68, 60, 75, 0.5); }

#content #lookbook.layout__mens.en .nav-item:not(.active) {
  width: 125px; }


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