@charset "UTF-8";
/* THIS FILE SHOULD TYPICALLY BE LEFT ALONE - SERVES AS ANOTHER NORMALIZER */
/* line 4, /Applications/MAMP/htdocs/billabong/global/scss/utils/_reset.scss */
html, body, input, button, textarea {
  -webkit-font-smoothing: antialiased; }

/* line 13, /Applications/MAMP/htdocs/billabong/global/scss/utils/_reset.scss */
h1, h2, h3, h4, h5, h6, ol, ul, li, a, div, span, p, img, td, table, tbody, hr, iframe, button, input, textarea, select {
  background: transparent;
  border: 0 none;
  margin: 0;
  padding: 0;
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  hyphens: manual;
  user-drag: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  font-feature-settings: "kern";
  -moz-font-feature-settings: "kern=1";
  -ms-font-feature-settings: "kern";
  -o-font-feature-settings: "kern";
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0; }
  /* line 47, /Applications/MAMP/htdocs/billabong/global/scss/utils/_reset.scss */
  h1:not(input), h2:not(input), h3:not(input), h4:not(input), h5:not(input), h6:not(input), ol:not(input), ul:not(input), li:not(input), a:not(input), div:not(input), span:not(input), p:not(input), img:not(input), td:not(input), table:not(input), tbody:not(input), hr:not(input), iframe:not(input), button:not(input), input:not(input), textarea:not(input), select:not(input) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    /* Webkit */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE 10  */
    -o-user-select: none;
    /* Currently not supported in Opera but will be soon */
    user-select: none; }

/* line 58, /Applications/MAMP/htdocs/billabong/global/scss/utils/_reset.scss */
a, a:visited, a:focus, a:active, a:hover, button, button:visited, button:focus, button:active, button:hover {
  outline: 0 none !important; }

/* line 62, /Applications/MAMP/htdocs/billabong/global/scss/utils/_reset.scss */
button {
  cursor: pointer;
  overflow: visible !important; }

/* line 5, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.clearfix:after {
  content: "";
  display: table;
  clear: both; }

/* line 26, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  /* Webkit */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE 10  */
  -o-user-select: none;
  /* Currently not supported in Opera but will be soon */
  user-select: none; }

/* line 27, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.no-interaction {
  pointer-events: none; }

/* line 56, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.absolute {
  position: absolute !important; }

/* line 57, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.relative {
  position: relative !important; }

/* line 58, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.fixed {
  position: fixed !important; }

/* line 60, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.inline-block {
  position: relative !important;
  display: inline-block !important; }

/* line 90, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.opacity-0 {
  opacity: 0; }

/* line 91, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.hidden, .invisible {
  visibility: hidden !important;
  opacity: 0; }

/* line 92, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.display-none {
  display: none !important; }

/* line 93, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.coming-soon a, .disabled {
  cursor: default !important; }

/* line 94, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.offscreen {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important; }

/* line 108, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.float-left {
  position: relative;
  top: 0px;
  left: 0px;
  float: left; }

/* line 109, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.float-right {
  position: relative;
  top: 0px;
  left: 0px;
  float: right; }

/* line 127, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.border-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* line 128, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.content-box {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

/* line 148, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.vertical-center {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

/* line 149, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.vertical-center-container {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }

/* line 169, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.horizontal-center {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

/* line 170, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.horizontal-center-container {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }

/* line 191, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.both-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

/* line 192, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.both-center-container {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }

/* line 210, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.uninitialized {
  visibility: hidden; }

/* line 211, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.close-button {
  position: absolute;
  top: 0px;
  left: 0px; }

/* line 212, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.home-button {
  position: absolute;
  top: 0px;
  left: 0px; }

/* line 234, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.scroll {
  overflow: auto; }

/* line 235, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.scroll-x {
  overflow-x: auto;
  overflow-y: hidden; }

/* line 236, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.scroll-y {
  overflow-x: hidden;
  overflow-y: auto; }

/* line 237, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.no-scroll {
  overflow: hidden; }

/* line 247, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.overflow {
  overflow: visible; }

/* line 248, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.overflow-hidden {
  overflow: hidden; }

/* line 305, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.fill-cover {
  position: absolute;
  top: 0px;
  left: 0px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-width: initial;
  max-height: initial;
  background-repeat: no-repeat; }
  /* line 268, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
  .fill-cover.center-x {
    left: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  /* line 273, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
  .fill-cover.center-y {
    top: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  /* line 278, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
  .fill-cover.both-center {
    top: 50%;
    left: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  /* line 284, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
  .fill-cover.center-top-third {
    top: 33%;
    left: 50%;
    -webkit-transform: translate(-50%, -33%);
    -ms-transform: translate(-50%, -33%);
    transform: translate(-50%, -33%); }
  /* line 294, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
  .fill-cover.center-bottom-third {
    top: 67%;
    left: 50%;
    -webkit-transform: translate(-50%, -67%);
    -ms-transform: translate(-50%, -67%);
    transform: translate(-50%, -67%); }

/* line 362, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.fill-contain {
  position: absolute;
  top: 0px;
  left: 0px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  width: auto;
  height: auto;
  min-width: initial;
  min-height: initial;
  max-width: 100%;
  max-height: 100%;
  background-repeat: no-repeat; }
  /* line 325, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
  .fill-contain.center-x {
    left: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  /* line 330, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
  .fill-contain.center-y {
    top: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  /* line 335, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
  .fill-contain.both-center {
    top: 50%;
    left: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  /* line 341, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
  .fill-contain.center-top-third {
    top: 33%;
    left: 50%;
    -webkit-transform: translate(-50%, -33%);
    -ms-transform: translate(-50%, -33%);
    transform: translate(-50%, -33%); }
  /* line 351, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
  .fill-contain.center-bottom-third {
    top: 67%;
    left: 50%;
    -webkit-transform: translate(-50%, -67%);
    -ms-transform: translate(-50%, -67%);
    transform: translate(-50%, -67%); }

/* line 384, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
.bg-fill-cover {
  position: absolute;
  top: 0px;
  left: 0px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  max-height: none;
  background-size: cover; }

/* line 390, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
figure.scaled svg {
  width: 100%;
  height: 100%; }

/* line 398, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
#tumblr_controls {
  display: none !important; }

/* line 404, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
#tracking {
  display: none; }

/* line 408, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
#scroll-controller {
  position: relative;
  top: 0px;
  left: 0px; }

/* line 412, /Applications/MAMP/htdocs/billabong/global/scss/utils/_global.scss */
#external-component-container {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%; }

/* fonts */
/* misc elements */
/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/bits/_fancy_title.scss */
.fancy-title {
  border-color: #d1d4d6; }
  /* line 8, /Applications/MAMP/htdocs/billabong/global/scss/bits/_fancy_title.scss */
  .fancy-title .fancy-title-middle-text, .fancy-title .fancy-title-right-link-wrapper, .fancy-title .fancy-title-left-text {
    background: #fdfdfd !important; }
  /* line 14, /Applications/MAMP/htdocs/billabong/global/scss/bits/_fancy_title.scss */
  .fancy-title.sm .fancy-title-right-link-arrow {
    margin-top: -3px; }
  /* line 19, /Applications/MAMP/htdocs/billabong/global/scss/bits/_fancy_title.scss */
  .fancy-title .fancy-title-right-link-arrow {
    overflow: hidden; }
    /* line 23, /Applications/MAMP/htdocs/billabong/global/scss/bits/_fancy_title.scss */
    .fancy-title .fancy-title-right-link-arrow svg {
      position: relative; }
  /* line 28, /Applications/MAMP/htdocs/billabong/global/scss/bits/_fancy_title.scss */
  .fancy-title .fancy-title-right-link {
    color: #cccfd1; }
  @media (min-width: 768px) and (max-width: 991px) {
    .fancy-title .fancy-title-middle-text {
      padding: 0 25px; } }
  /* line 39, /Applications/MAMP/htdocs/billabong/global/scss/bits/_fancy_title.scss */
  .fancy-title .fancy-title-middle-text-back {
    text-transform: none; }
    @media (min-width: 768px) and (max-width: 991px) {
      .fancy-title .fancy-title-middle-text-back {
        font-size: 80px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .fancy-title .fancy-title-middle-text-front {
      font-size: 18px; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    .fancy-title {
      margin-bottom: 65px !important; } }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/bits/_jumbo_video_trigger_button.scss */
.btn-jumbo-video-trigger {
  position: relative;
  overflow: hidden;
  margin-bottom: 73px; }
  /* line 8, /Applications/MAMP/htdocs/billabong/global/scss/bits/_jumbo_video_trigger_button.scss */
  .btn-jumbo-video-trigger.contained {
    margin-bottom: 0px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .btn-jumbo-video-trigger {
      margin-bottom: 38px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .btn-jumbo-video-trigger {
      margin-bottom: 38px; } }
  /* line 20, /Applications/MAMP/htdocs/billabong/global/scss/bits/_jumbo_video_trigger_button.scss */
  .btn-jumbo-video-trigger .jumbo-video-play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -40px 0 0 -40px;
    z-index: 10; }
    /* line 28, /Applications/MAMP/htdocs/billabong/global/scss/bits/_jumbo_video_trigger_button.scss */
    .btn-jumbo-video-trigger .jumbo-video-play-button svg {
      width: 80px;
      height: 80px; }
    /* line 33, /Applications/MAMP/htdocs/billabong/global/scss/bits/_jumbo_video_trigger_button.scss */
    .btn-jumbo-video-trigger .jumbo-video-play-button .circle {
      left: -2px;
      top: -1px; }
    /* line 38, /Applications/MAMP/htdocs/billabong/global/scss/bits/_jumbo_video_trigger_button.scss */
    .btn-jumbo-video-trigger .jumbo-video-play-button .icon {
      font-size: 35px; }
  /* line 43, /Applications/MAMP/htdocs/billabong/global/scss/bits/_jumbo_video_trigger_button.scss */
  .btn-jumbo-video-trigger img {
    position: relative;
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    z-index: 5; }

/* line 55, /Applications/MAMP/htdocs/billabong/global/scss/bits/_jumbo_video_trigger_button.scss */
.btn-jumbo-video-trigger::after {
  display: none; }

/* line 7, /Applications/MAMP/htdocs/billabong/global/scss/bits/_social_share_icons.scss */
.social-share-icons.bottom {
  margin-bottom: 60px; }
/* line 11, /Applications/MAMP/htdocs/billabong/global/scss/bits/_social_share_icons.scss */
.social-share-icons .social-icons-bottom {
  width: 100%;
  margin-top: -5px; }
  /* line 16, /Applications/MAMP/htdocs/billabong/global/scss/bits/_social_share_icons.scss */
  .social-share-icons .social-icons-bottom .row {
    white-space: nowrap;
    text-align: center; }
  /* line 21, /Applications/MAMP/htdocs/billabong/global/scss/bits/_social_share_icons.scss */
  .social-share-icons .social-icons-bottom a {
    display: inline-block;
    position: relative;
    width: auto;
    float: none;
    font-size: 24px;
    padding: 0 12px;
    -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1);
    -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -moz-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -o-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
    /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    /* custom */ }

/* line 50, /Applications/MAMP/htdocs/billabong/global/scss/bits/_social_share_icons.scss */
.social-icons a, .social-icons-bottom a {
  display: inline-block;
  position: relative;
  width: auto;
  float: none;
  font-size: 23px;
  padding: 0 12px;
  color: #7e8183;
  line-height: 36px;
  width: 56px;
  text-align: center; }
/* line 63, /Applications/MAMP/htdocs/billabong/global/scss/bits/_social_share_icons.scss */
.social-icons .row, .social-icons-bottom .row {
  white-space: nowrap; }
/* line 67, /Applications/MAMP/htdocs/billabong/global/scss/bits/_social_share_icons.scss */
.social-icons .bd-email, .social-icons-bottom .bd-email {
  font-family: 'billabong_dingsregular';
  font-style: normal;
  background: none !important; }
  /* line 73, /Applications/MAMP/htdocs/billabong/global/scss/bits/_social_share_icons.scss */
  .social-icons .bd-email:before, .social-icons-bottom .bd-email:before {
    text-transform: initial !important;
    content: '0' !important; }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
#layout.style-guide {
  padding: 50px 50px;
  background: #f0f0f4;
  overflow: visible; }
  /* line 8, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
  #layout.style-guide #main-container {
    padding: 0;
    background: transparent;
    overflow: visible;
    max-width: 1760px; }
  /* line 15, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
  #layout.style-guide .style-guide-header {
    float: left;
    position: relative;
    padding-bottom: 20px;
    padding-left: 50px;
    width: 100%;
    min-height: 100px;
    text-align: right; }
    /* line 25, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
    #layout.style-guide .style-guide-header .header-logo {
      display: block;
      position: absolute;
      bottom: 35px;
      vertical-align: bottom;
      line-height: 41px;
      height: 41px;
      width: 60px; }
    /* line 37, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
    #layout.style-guide .style-guide-header .style-guide-page-links {
      display: inline-block;
      width: 100%;
      max-width: 1410px;
      text-align: right;
      padding-left: 20%;
      padding-right: 20px; }
      /* line 46, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
      #layout.style-guide .style-guide-header .style-guide-page-links li {
        display: inline-block;
        position: relative;
        height: 40px;
        margin: 0 2px 0;
        padding: 0 20px;
        font-size: 14px;
        line-height: 40px;
        font-family: "Maison Neue Bold",Calibri,Arial,Roboto,sans-serif;
        font-weight: 700; }
        /* line 56, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
        #layout.style-guide .style-guide-header .style-guide-page-links li.break {
          clear: both; }
        /* line 60, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
        #layout.style-guide .style-guide-header .style-guide-page-links li a {
          color: #2a2a2a;
          border-bottom: 2px solid rgba(42, 42, 42, 0);
          padding-bottom: 5px;
          -webkit-transition: border 140ms ease-out;
          -moz-transition: border 140ms ease-out;
          -o-transition: border 140ms ease-out;
          transition: border 140ms ease-out; }
          /* line 71, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
          #layout.style-guide .style-guide-header .style-guide-page-links li a:hover {
            border-bottom: 2px solid rgba(42, 42, 42, 0.12); }
  /* line 83, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
  #layout.style-guide .style-guide-region.full-bleed {
    margin: 0 -100px;
    width: auto; }
  /* line 89, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
  #layout.style-guide .item-details {
    position: relative;
    float: left;
    padding: 0px 50px 50px;
    margin-bottom: 50px;
    background: #fdfdfd; }
    /* line 99, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
    #layout.style-guide .item-details > .col-sm-6, #layout.style-guide .item-details > .col-sm-8, #layout.style-guide .item-details > .col-sm-12 {
      float: none; }
  /* line 104, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
  #layout.style-guide hr.style-guide-hr {
    width: 100%;
    margin: 80px 0px;
    border-top: 2px solid #f0f0f4; }
  /* line 110, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
  #layout.style-guide hr.style-guide-bg-gap {
    display: block;
    border: 0 none;
    margin: 50px -50px 0px;
    height: 50px;
    background: #f0f0f4;
    clear: both; }
  /* line 119, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
  #layout.style-guide .style-guide-dark-region {
    display: block;
    border: 0 none;
    margin: 0px -50px 0px;
    padding: 40px 50px;
    background: #2a2a2a;
    clear: both; }
  /* line 128, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
  #layout.style-guide .style-guide-desc {
    margin: 0px -50px 40px;
    padding: 50px 50px;
    border-bottom: 2px solid #f0f0f4; }
    /* line 134, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
    #layout.style-guide .style-guide-desc .desc-content {
      width: 80%;
      max-width: 1200px; }
    /* line 142, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
    #layout.style-guide .style-guide-desc .topic-group:not(:last-child) {
      padding-bottom: 25px;
      border-bottom: 1px solid #E5E9EA; }
    /* line 150, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
    #layout.style-guide .style-guide-desc h3 .class {
      font-size: 24px;
      margin-left: 10px; }
    /* line 156, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
    #layout.style-guide .style-guide-desc p, #layout.style-guide .style-guide-desc ul, #layout.style-guide .style-guide-desc li {
      font-family: "Maison Neue Book",Calibri,Arial,Roboto,sans-serif;
      font-weight: normal;
      font-size: 16px;
      margin-top: 20px; }
      /* line 162, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
      #layout.style-guide .style-guide-desc p a, #layout.style-guide .style-guide-desc ul a, #layout.style-guide .style-guide-desc li a {
        font-family: "Maison Neue Bold",Calibri,Arial,Roboto,sans-serif;
        font-weight: 700;
        color: #7e8183;
        border-bottom: 2px solid rgba(42, 42, 42, 0.12);
        padding-bottom: 0px;
        -webkit-transition: border 140ms ease-out;
        -moz-transition: border 140ms ease-out;
        -o-transition: border 140ms ease-out;
        transition: border 140ms ease-out; }
        /* line 174, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
        #layout.style-guide .style-guide-desc p a:hover, #layout.style-guide .style-guide-desc ul a:hover, #layout.style-guide .style-guide-desc li a:hover {
          border-bottom: 2px solid rgba(42, 42, 42, 0.24); }
    /* line 180, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
    #layout.style-guide .style-guide-desc u {
      text-decoration: none;
      padding-bottom: 0px;
      border-bottom: 1px solid #cccfd1;
      line-height: 1; }
    /* line 189, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
    #layout.style-guide .style-guide-desc li:not(:first-child) {
      margin-top: 10px;
      padding-top: 10px;
      border-top: 2px solid #f0f0f4; }
    /* line 195, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
    #layout.style-guide .style-guide-desc li .desc {
      margin-top: 10px;
      padding: 10px 15px;
      background: #f0f0f4; }
  /* line 203, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
  #layout.style-guide .style-guide-region {
    margin: 0; }

/* line 208, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
body.style-guide {
  background: #f0f0f4; }

/* line 212, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
#layout.style-guide.index .style-guide-desc {
  border-bottom: 0 none;
  margin-bottom: 0px; }
  /* line 217, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
  #layout.style-guide.index .style-guide-desc li:not(:first-child) {
    border-top: 0 none; }
  /* line 223, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
  #layout.style-guide.index .style-guide-desc p a, #layout.style-guide.index .style-guide-desc ul a, #layout.style-guide.index .style-guide-desc li a {
    font-family: "Maison Neue Book",Calibri,Arial,Roboto,sans-serif;
    font-weight: normal; }
    /* line 227, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
    #layout.style-guide.index .style-guide-desc p a .strong, #layout.style-guide.index .style-guide-desc ul a .strong, #layout.style-guide.index .style-guide-desc li a .strong {
      font-family: "Maison Neue Bold",Calibri,Arial,Roboto,sans-serif;
      font-weight: 700; }
  /* line 232, /Applications/MAMP/htdocs/billabong/global/scss/bits/_style_guide.scss */
  #layout.style-guide.index .style-guide-desc .topic-group {
    padding-bottom: 50px;
    border-bottom: 1px solid #E5E9EA; }

/* margin modifiers */
/* line 4, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.no-margin {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

/* line 9, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.no-margin-top {
  margin-top: 0px !important; }

/* line 10, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.no-margin-right {
  margin-right: 0px !important; }

/* line 11, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.no-margin-bottom {
  margin-bottom: 0px !important; }

/* line 12, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.no-margin-left {
  margin-left: 0px !important; }

/* line 14, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.horiz-centered {
  margin-left: auto !important;
  margin-right: auto !important; }

/* padding modifiers */
/* line 21, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.no-padding {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

/* line 26, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.no-padding-top {
  padding-top: 0px !important; }

/* line 27, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.no-padding-right {
  padding-right: 0px !important; }

/* line 28, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.no-padding-bottom {
  padding-bottom: 0px !important; }

/* line 29, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.no-padding-left {
  padding-left: 0px !important; }

/* border modifiers */
/* line 33, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.no-border {
  border-top: 0 none !important;
  border-bottom: 0 none !important; }

/* line 38, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.no-border-top {
  border-top: 0 none !important; }

/* line 39, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.no-border-right {
  border-right: 0 none !important; }

/* line 40, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.no-border-bottom {
  border-bottom: 0 none !important; }

/* line 41, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.no-border-left {
  border-left: 0 none !important; }

/* spacers (usually used as <hr/>) */
/* line 45, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer {
  position: relative;
  width: 100%;
  clear: both;
  background: transparent;
  border: 0 none;
  margin: 0;
  padding: 0; }

/* line 56, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-0 {
  padding-top: 0px; }

/* line 57, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-1 {
  padding-top: 1px; }

/* line 58, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-2 {
  padding-top: 2px; }

/* line 59, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-3 {
  padding-top: 3px; }

/* line 60, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-4 {
  padding-top: 4px; }

/* line 61, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-5 {
  padding-top: 5px; }

/* line 62, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-6 {
  padding-top: 6px; }

/* line 63, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-7 {
  padding-top: 7px; }

/* line 64, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-8 {
  padding-top: 8px; }

/* line 65, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-9 {
  padding-top: 9px; }

/* line 66, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-10 {
  padding-top: 10px; }

/* line 67, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-20 {
  padding-top: 20px; }

/* line 68, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-30 {
  padding-top: 30px; }

/* line 69, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-40 {
  padding-top: 40px; }

/* line 70, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-50 {
  padding-top: 50px; }

/* line 71, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-60 {
  padding-top: 60px; }

/* line 72, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-70 {
  padding-top: 70px; }

/* line 73, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-80 {
  padding-top: 80px; }

/* line 74, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-90 {
  padding-top: 90px; }

/* line 75, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-100 {
  padding-top: 100px; }

/* line 76, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-110 {
  padding-top: 110px; }

/* line 77, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-120 {
  padding-top: 120px; }

/* line 78, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-140 {
  padding-top: 140px; }

/* line 79, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-160 {
  padding-top: 160px; }

/* line 80, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-180 {
  padding-top: 180px; }

/* line 81, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
.spacer-200 {
  padding-top: 200px; }

@media (min-width: 768px) {
  /* line 85, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-0 {
    padding-top: 0px; }
  /* line 86, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-1 {
    padding-top: 1px; }
  /* line 87, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-2 {
    padding-top: 2px; }
  /* line 88, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-3 {
    padding-top: 3px; }
  /* line 89, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-4 {
    padding-top: 4px; }
  /* line 90, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-5 {
    padding-top: 5px; }
  /* line 91, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-6 {
    padding-top: 6px; }
  /* line 92, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-7 {
    padding-top: 7px; }
  /* line 93, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-8 {
    padding-top: 8px; }
  /* line 94, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-9 {
    padding-top: 9px; }
  /* line 95, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-10 {
    padding-top: 10px; }
  /* line 96, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-20 {
    padding-top: 20px; }
  /* line 97, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-30 {
    padding-top: 30px; }
  /* line 98, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-40 {
    padding-top: 40px; }
  /* line 99, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-50 {
    padding-top: 50px; }
  /* line 100, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-60 {
    padding-top: 60px; }
  /* line 101, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-70 {
    padding-top: 70px; }
  /* line 102, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-80 {
    padding-top: 80px; }
  /* line 103, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-90 {
    padding-top: 90px; }
  /* line 104, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-100 {
    padding-top: 100px; }
  /* line 105, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-110 {
    padding-top: 110px; }
  /* line 106, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-120 {
    padding-top: 120px; }
  /* line 107, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-140 {
    padding-top: 140px; }
  /* line 108, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-160 {
    padding-top: 160px; }
  /* line 109, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-180 {
    padding-top: 180px; }
  /* line 110, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-xs-200 {
    padding-top: 200px; } }

@media (min-width: 992px) {
  /* line 115, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-0 {
    padding-top: 0px; }
  /* line 116, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-1 {
    padding-top: 1px; }
  /* line 117, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-2 {
    padding-top: 2px; }
  /* line 118, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-3 {
    padding-top: 3px; }
  /* line 119, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-4 {
    padding-top: 4px; }
  /* line 120, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-5 {
    padding-top: 5px; }
  /* line 121, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-6 {
    padding-top: 6px; }
  /* line 122, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-7 {
    padding-top: 7px; }
  /* line 123, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-8 {
    padding-top: 8px; }
  /* line 124, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-9 {
    padding-top: 9px; }
  /* line 125, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-10 {
    padding-top: 10px; }
  /* line 126, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-20 {
    padding-top: 20px; }
  /* line 127, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-30 {
    padding-top: 30px; }
  /* line 128, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-40 {
    padding-top: 40px; }
  /* line 129, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-50 {
    padding-top: 50px; }
  /* line 130, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-60 {
    padding-top: 60px; }
  /* line 131, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-70 {
    padding-top: 70px; }
  /* line 132, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-80 {
    padding-top: 80px; }
  /* line 133, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-90 {
    padding-top: 90px; }
  /* line 134, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-100 {
    padding-top: 100px; }
  /* line 135, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-110 {
    padding-top: 110px; }
  /* line 136, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-120 {
    padding-top: 120px; }
  /* line 137, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-140 {
    padding-top: 140px; }
  /* line 138, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-160 {
    padding-top: 160px; }
  /* line 139, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-180 {
    padding-top: 180px; }
  /* line 140, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-sm-200 {
    padding-top: 200px; } }

@media (min-width: 1200px) {
  /* line 145, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-0 {
    padding-top: 0px; }
  /* line 146, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-1 {
    padding-top: 1px; }
  /* line 147, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-2 {
    padding-top: 2px; }
  /* line 148, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-3 {
    padding-top: 3px; }
  /* line 149, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-4 {
    padding-top: 4px; }
  /* line 150, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-5 {
    padding-top: 5px; }
  /* line 151, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-6 {
    padding-top: 6px; }
  /* line 152, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-7 {
    padding-top: 7px; }
  /* line 153, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-8 {
    padding-top: 8px; }
  /* line 154, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-9 {
    padding-top: 9px; }
  /* line 155, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-10 {
    padding-top: 10px; }
  /* line 156, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-20 {
    padding-top: 20px; }
  /* line 157, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-30 {
    padding-top: 30px; }
  /* line 158, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-40 {
    padding-top: 40px; }
  /* line 159, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-50 {
    padding-top: 50px; }
  /* line 160, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-60 {
    padding-top: 60px; }
  /* line 161, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-70 {
    padding-top: 70px; }
  /* line 162, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-80 {
    padding-top: 80px; }
  /* line 163, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-90 {
    padding-top: 90px; }
  /* line 164, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-100 {
    padding-top: 100px; }
  /* line 165, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-110 {
    padding-top: 110px; }
  /* line 166, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-120 {
    padding-top: 120px; }
  /* line 167, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-140 {
    padding-top: 140px; }
  /* line 168, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-160 {
    padding-top: 160px; }
  /* line 169, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-180 {
    padding-top: 180px; }
  /* line 170, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-md-200 {
    padding-top: 200px; } }

@media (min-width: 1480px) {
  /* line 175, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-0 {
    padding-top: 0px; }
  /* line 176, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-1 {
    padding-top: 1px; }
  /* line 177, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-2 {
    padding-top: 2px; }
  /* line 178, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-3 {
    padding-top: 3px; }
  /* line 179, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-4 {
    padding-top: 4px; }
  /* line 180, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-5 {
    padding-top: 5px; }
  /* line 181, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-6 {
    padding-top: 6px; }
  /* line 182, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-7 {
    padding-top: 7px; }
  /* line 183, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-8 {
    padding-top: 8px; }
  /* line 184, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-9 {
    padding-top: 9px; }
  /* line 185, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-10 {
    padding-top: 10px; }
  /* line 186, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-20 {
    padding-top: 20px; }
  /* line 187, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-30 {
    padding-top: 30px; }
  /* line 188, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-40 {
    padding-top: 40px; }
  /* line 189, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-50 {
    padding-top: 50px; }
  /* line 190, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-60 {
    padding-top: 60px; }
  /* line 191, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-70 {
    padding-top: 70px; }
  /* line 192, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-80 {
    padding-top: 80px; }
  /* line 193, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-90 {
    padding-top: 90px; }
  /* line 194, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-100 {
    padding-top: 100px; }
  /* line 195, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-110 {
    padding-top: 110px; }
  /* line 196, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-120 {
    padding-top: 120px; }
  /* line 197, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-140 {
    padding-top: 140px; }
  /* line 198, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-160 {
    padding-top: 160px; }
  /* line 199, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-180 {
    padding-top: 180px; }
  /* line 200, /Applications/MAMP/htdocs/billabong/global/scss/bits/_spacers.scss */
  .spacer-lg-200 {
    padding-top: 200px; } }

/* line 1, /Applications/MAMP/htdocs/billabong/global/scss/bits/_tile_picker.scss */
.item-views-option-tile-picker {
  white-space: nowrap; }
  /* line 5, /Applications/MAMP/htdocs/billabong/global/scss/bits/_tile_picker.scss */
  .item-views-option-tile-picker li {
    width: 40px;
    height: 40px; }
    /* line 12, /Applications/MAMP/htdocs/billabong/global/scss/bits/_tile_picker.scss */
    .item-views-option-tile-picker li a span {
      padding: 0;
      text-align: center;
      cursor: pointer;
      background: none;
      outline: none;
      border: 1px solid #cccfd1;
      -webkit-box-shadow: 2px 2px 0px 0px rgba(49, 49, 50, 0);
      -moz-box-shadow: 2px 2px 0px 0px rgba(49, 49, 50, 0);
      box-shadow: 2px 2px 0px 0px rgba(49, 49, 50, 0);
      -webkit-transition: box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), -webkit-box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), -moz-box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), border-color 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
      -moz-transition: box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), -webkit-box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), -moz-box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), border-color 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
      -o-transition: box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), -webkit-box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), -moz-box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), border-color 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
      transition: box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), -webkit-box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), -moz-box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), border-color 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
      /* custom */
      -webkit-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
      -moz-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
      -o-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
      transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
      /* custom */ }
      @media (min-width: 768px) and (max-width: 991px) {
        .item-views-option-tile-picker li a span {
          font-size: 11px; } }
    /* line 40, /Applications/MAMP/htdocs/billabong/global/scss/bits/_tile_picker.scss */
    .item-views-option-tile-picker li a:hover {
      margin-top: -1px;
      margin-bottom: -6px; }
      /* line 45, /Applications/MAMP/htdocs/billabong/global/scss/bits/_tile_picker.scss */
      .item-views-option-tile-picker li a:hover span {
        border: 2px solid #cccfd1;
        background: none;
        -webkit-box-shadow: 4px 4px 0px 0px rgba(49, 49, 50, 0.1);
        -moz-box-shadow: 4px 4px 0px 0px rgba(49, 49, 50, 0.1);
        box-shadow: 4px 4px 0px 0px rgba(49, 49, 50, 0.1); }
    /* line 58, /Applications/MAMP/htdocs/billabong/global/scss/bits/_tile_picker.scss */
    .item-views-option-tile-picker li a.selected span {
      border: 2px solid #313132;
      -webkit-box-shadow: 2px 2px 0px 0px rgba(49, 49, 50, 0);
      -moz-box-shadow: 2px 2px 0px 0px rgba(49, 49, 50, 0);
      box-shadow: 2px 2px 0px 0px rgba(49, 49, 50, 0); }
    /* line 68, /Applications/MAMP/htdocs/billabong/global/scss/bits/_tile_picker.scss */
    .item-views-option-tile-picker li a.disabled {
      color: #a9adb0;
      background: url('../../pdp-toolkit/img/content/disabled-wiggle-pattern.png') 0px 0px;
      opacity: 1;
      pointer-events: none; }
      /* line 77, /Applications/MAMP/htdocs/billabong/global/scss/bits/_tile_picker.scss */
      .item-views-option-tile-picker li a.disabled span, .item-views-option-tile-picker li a.disabled span:hover {
        border: 1px solid #cccfd1 !important;
        color: #a9adb0 !important;
        background: none; }
    /* line 84, /Applications/MAMP/htdocs/billabong/global/scss/bits/_tile_picker.scss */
    .item-views-option-tile-picker li a.disabled:hover {
      color: #a9adb0; }
      /* line 89, /Applications/MAMP/htdocs/billabong/global/scss/bits/_tile_picker.scss */
      .item-views-option-tile-picker li a.disabled:hover span, .item-views-option-tile-picker li a.disabled:hover span:hover {
        border: 1px solid #cccfd1 !important;
        color: #a9adb0 !important; }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/bits/_view_changer.scss */
.view-changer {
  position: relative;
  overflow: hidden; }
  /* line 7, /Applications/MAMP/htdocs/billabong/global/scss/bits/_view_changer.scss */
  .view-changer .changer-view {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden; }
    /* line 14, /Applications/MAMP/htdocs/billabong/global/scss/bits/_view_changer.scss */
    .view-changer .changer-view.active {
      position: relative;
      visibility: visible; }
    /* line 19, /Applications/MAMP/htdocs/billabong/global/scss/bits/_view_changer.scss */
    .view-changer .changer-view.transitioning {
      visibility: visible; }

/* large page blocks */
/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
#site-header {
  border-bottom: none;
  -webkit-transition: margin-top 400ms cubic-bezier(0.19, 0, 0.45, 0.975);
  /* older webkit */
  -webkit-transition: margin-top 400ms cubic-bezier(0.19, -0.005, 0.45, 0.975);
  -moz-transition: margin-top 400ms cubic-bezier(0.19, -0.005, 0.45, 0.975);
  -o-transition: margin-top 400ms cubic-bezier(0.19, -0.005, 0.45, 0.975);
  transition: margin-top 400ms cubic-bezier(0.19, -0.005, 0.45, 0.975);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.19, 0, 0.45, 0.975);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.19, -0.005, 0.45, 0.975);
  -moz-transition-timing-function: cubic-bezier(0.19, -0.005, 0.45, 0.975);
  -o-transition-timing-function: cubic-bezier(0.19, -0.005, 0.45, 0.975);
  transition-timing-function: cubic-bezier(0.19, -0.005, 0.45, 0.975);
  /* custom */ }
  /* line 18, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  #site-header .site-search {
    background: #fdfdfd; }
  /* line 23, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  #site-header .header-message, #site-header .headache-bar {
    width: 100% !important;
    padding: 0 30px;
    max-width: 1920px;
    margin: 0 auto; }
    /* line 30, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    #site-header .header-message .container, #site-header .headache-bar .container {
      width: 100% !important; }
      /* line 33, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
      #site-header .header-message .container p, #site-header .headache-bar .container p {
        font-weight: bold;
        letter-spacing: 0.1em; }
  /* line 46, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  #site-header .header-menu-settings-anchor:hover, #site-header .header-store-locator-link:hover, #site-header .header-profile-login-link:hover, #site-header .header-profile-register-link:hover, #site-header .header-menu-wishlist-link:hover {
    color: #fff; }
  /* line 50, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  #site-header .header-menu-settings-anchor span, #site-header .header-store-locator-link span, #site-header .header-profile-login-link span, #site-header .header-profile-register-link span, #site-header .header-menu-wishlist-link span {
    position: relative;
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    -webkit-transition: border 600ms cubic-bezier(0.34, 0.065, 0.13, 1);
    -webkit-transition: border 600ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -moz-transition: border 600ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -o-transition: border 600ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    transition: border 600ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
    /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    /* custom */ }
    /* line 69, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    #site-header .header-menu-settings-anchor span:hover, #site-header .header-store-locator-link span:hover, #site-header .header-profile-login-link span:hover, #site-header .header-profile-register-link span:hover, #site-header .header-menu-wishlist-link span:hover {
      border-bottom: 1px solid rgba(255, 255, 255, 0.6); }
  /* line 75, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  #site-header .header-menu-level1 {
    white-space: nowrap; }
    /* line 79, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    #site-header .header-menu-level1 > li {
      float: none;
      display: inline-block; }
      @media (min-width: 992px) and (max-width: 1199px) {
        #site-header .header-menu-level1 > li {
          margin-left: 17px; } }
      /* line 88, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
      #site-header .header-menu-level1 > li a {
        letter-spacing: 0.1em;
        border-bottom: 2px solid rgba(255, 255, 255, 0);
        -webkit-transition: border-color 300ms cubic-bezier(0.34, 0.065, 0.13, 1);
        -webkit-transition: border-color 300ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -moz-transition: border-color 300ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -o-transition: border-color 300ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
        transition: border-color 300ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
        /* older webkit */
        -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
        transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
        /* custom */ }
        /* line 105, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
        #site-header .header-menu-level1 > li a:hover {
          border-bottom: 2px solid rgba(255, 255, 255, 0.85); }
      @media (min-width: 768px) and (max-width: 1199px) {
        #site-header .header-menu-level1 > li.wildcard {
          display: none; } }
  /* line 119, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  #site-header .header-menu-search {
    cursor: pointer;
    margin-left: 22px;
    padding: 4px 15px 6px;
    overflow: hidden; }
    /* line 128, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    #site-header .header-menu-search .header-menu-search-link:hover {
      color: #fff; }
    /* line 132, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    #site-header .header-menu-search .header-menu-search-link .header-menu-search-icon {
      padding: 0 1px; }
      /* line 136, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
      #site-header .header-menu-search .header-menu-search-link .header-menu-search-icon:hover {
        color: #fff; }
  /* line 145, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  #site-header .header-site-search .fancy-title {
    border-bottom: 1px solid rgba(42, 42, 42, 0.12); }
  /* line 152, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  #site-header .header-menu-cart .header-mini-cart-menu-cart-link {
    overflow: hidden;
    padding-left: 1px; }
  /* line 158, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  #site-header .header-gender-selector {
    border-right: none; }
    /* line 162, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    #site-header .header-gender-selector a {
      -webkit-transition: opacity 400ms cubic-bezier(0.34, 0.065, 0.13, 1);
      -webkit-transition: opacity 400ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -moz-transition: opacity 400ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -o-transition: opacity 400ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
      transition: opacity 400ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
      /* older webkit */
      -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
      transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
      /* custom */ }
    @media (min-width: 1480px) {
      #site-header .header-gender-selector {
        padding: 0 45px 0 80px; } }
    @media (min-width: 1200px) and (max-width: 1479px) {
      #site-header .header-gender-selector {
        padding: 0 30px 0 50px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #site-header .header-gender-selector {
        padding: 0 40px 0 50px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #site-header .header-gender-selector {
        padding: 0 80px; } }
  /* line 196, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  #site-header .header-content a:not(.header-menu-search):not(.header-menu-cart) {
    font-family: "Maison Neue Bold",Calibri,Arial,Roboto,sans-serif;
    font-weight: 700;
    letter-spacing: 0.08em; }
  /* line 202, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  #site-header .header-main-wrapper {
    z-index: 2;
    max-width: 1920px;
    margin: 0 auto; }
  /* line 209, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  #site-header .header-secondary-wrapper {
    max-width: 1920px;
    margin: 0 auto;
    z-index: 1;
    background: #fdfdfd; }
    /* line 216, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    #site-header .header-secondary-wrapper .header-menu-secondary-nav {
      display: inline-block;
      width: 100% !important; }
      @media (min-width: 992px) and (max-width: 1199px) {
        #site-header .header-secondary-wrapper .header-menu-secondary-nav .header-menu-level1 {
          width: 100%; } }
      /* line 227, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
      #site-header .header-secondary-wrapper .header-menu-secondary-nav .header-menu-level1 a {
        font-family: "Maison Neue Bold",Calibri,Arial,Roboto,sans-serif;
        font-weight: 700;
        letter-spacing: 0.12em; }
  @media (min-width: 768px) and (max-width: 991px) {
    #site-header .header-menu-site-search {
      margin-right: 0px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    #site-header .header-menu-site-search {
      right: -10px;
      margin-left: 15px; } }
  /* line 246, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  #site-header .header-menu-site-search .header-menu-site-search-label {
    -webkit-transition: opacity 600ms cubic-bezier(0.34, 0.065, 0.13, 1);
    -webkit-transition: opacity 600ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -moz-transition: opacity 600ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -o-transition: opacity 600ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    transition: opacity 600ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
    /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    /* custom */ }
  /* line 262, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  #site-header .header-menu-site-search:hover .header-menu-site-search-label {
    opacity: 1; }
  @media (min-width: 768px) and (max-width: 991px) {
    #site-header .header-logo {
      top: -4px;
      width: 40px;
      height: 27px; }
      /* line 276, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
      #site-header .header-logo svg {
        width: 100%;
        height: 100%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #site-header .header-menu-secondary-nav, #site-header .header-menu-level1 {
      display: none !important; } }

/* line 294, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.headache-bar-closed #site-header {
  margin-top: -40px; }
/* line 300, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.headache-bar-closed.sticky-nav .header-secondary-wrapper {
  top: 40px; }

@media (min-width: 991px) {
  .sales #site-header .header-secondary-wrapper, .gender #site-header .header-secondary-wrapper, .collection #site-header .header-secondary-wrapper, .category #site-header .header-secondary-wrapper, .team #site-header .header-secondary-wrapper {
    background: transparent; } }

/* line 323, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.header-secondary-container, .header-main-nav {
  width: 100%;
  max-width: 1840px;
  padding: 0 40px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .header-secondary-container, .header-main-nav {
      padding: 0 30px; } }
  /* line 333, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  .header-secondary-container .header-menu-wrapper, .header-main-nav .header-menu-wrapper {
    position: absolute;
    left: 365px;
    right: 40px;
    width: auto;
    height: inherit;
    float: none !important; }
    @media (min-width: 1200px) and (max-width: 1479px) {
      .header-secondary-container .header-menu-wrapper, .header-main-nav .header-menu-wrapper {
        left: 325px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .header-secondary-container .header-menu-wrapper, .header-main-nav .header-menu-wrapper {
        left: 215px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .header-secondary-container .header-menu-wrapper, .header-main-nav .header-menu-wrapper {
        left: 110px;
        text-align: left; } }
  /* line 356, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  .header-secondary-container .header-logo-wrapper, .header-main-nav .header-logo-wrapper {
    position: relative;
    margin-top: 3px; }
    /* line 361, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    .header-secondary-container .header-logo-wrapper figure.right-divider, .header-main-nav .header-logo-wrapper figure.right-divider {
      position: absolute;
      width: 3px;
      height: 30px;
      top: 2px;
      right: -3px;
      background: url('../img/divider-pattern.png'); }
      @media (min-width: 768px) and (max-width: 991px) {
        .header-secondary-container .header-logo-wrapper figure.right-divider, .header-main-nav .header-logo-wrapper figure.right-divider {
          display: none; } }
    /* line 375, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    .header-secondary-container .header-logo-wrapper .header-go-to-top, .header-main-nav .header-logo-wrapper .header-go-to-top {
      line-height: 30px;
      white-space: nowrap; }
  /* line 382, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  .header-secondary-container .header-gender-selector-men-label, .header-secondary-container .header-gender-selector-women-label, .header-main-nav .header-gender-selector-men-label, .header-main-nav .header-gender-selector-women-label {
    margin-top: 4px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .header-secondary-container, .header-main-nav {
      width: 100%;
      padding: 0 30px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .header-secondary-container, .header-main-nav {
      width: 100%; } }

/* line 396, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.header-compact #site-header {
  border-bottom: none; }
  /* line 400, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  .header-compact #site-header .header-main-nav {
    pointer-events: none;
    display: none; }
  /* line 405, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  .header-compact #site-header .header-secondary-wrapper {
    z-index: 2;
    background: #fdfdfd;
    max-width: 1920px; }
    /* line 411, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    .header-compact #site-header .header-secondary-wrapper::after {
      position: absolute;
      left: 0px;
      right: 0px;
      width: auto;
      height: 5px;
      bottom: -5px;
      background: rgba(0, 0, 0, 0.1);
      content: "";
      z-index: 1; }
    /* line 423, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    .header-compact #site-header .header-secondary-wrapper .header-menu {
      left: 10px;
      right: 20px; }
    /* line 428, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    .header-compact #site-header .header-secondary-wrapper .header-menu-site-search {
      margin: 0; }
    /* line 434, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    .header-compact #site-header .header-secondary-wrapper .header-menu-level1 > li {
      margin-left: 0px; }
      @media (min-width: 1480px) {
        .header-compact #site-header .header-secondary-wrapper .header-menu-level1 > li:not(:first-child) {
          margin-left: 25px; } }
      @media (min-width: 1200px) and (max-width: 1479px) {
        .header-compact #site-header .header-secondary-wrapper .header-menu-level1 > li:not(:first-child) {
          margin-left: 15px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .header-compact #site-header .header-secondary-wrapper .header-menu-level1 > li:not(:first-child) {
          margin-left: 20px; } }
      /* line 453, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
      .header-compact #site-header .header-secondary-wrapper .header-menu-level1 > li a:not(.btn-solid-shadow) {
        letter-spacing: 0.1em; }
        /* line 457, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
        .header-compact #site-header .header-secondary-wrapper .header-menu-level1 > li a:not(.btn-solid-shadow) span {
          position: relative;
          display: inline-block; }
        /* line 462, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
        .header-compact #site-header .header-secondary-wrapper .header-menu-level1 > li a:not(.btn-solid-shadow) .underline {
          position: absolute;
          top: calc(50% + 10px);
          left: 0px;
          right: 0px;
          height: 1px;
          background: #d1d4d6;
          opacity: 0; }
    @media (min-width: 1480px) {
      .header-compact #site-header .header-secondary-wrapper .header-gender-selector {
        padding: 0 45px 0 48px; } }
    @media (min-width: 1200px) and (max-width: 1479px) {
      .header-compact #site-header .header-secondary-wrapper .header-gender-selector {
        padding: 0 45px 0 50px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .header-compact #site-header .header-secondary-wrapper .header-gender-selector {
        padding: 0 20px 0 30px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .header-compact #site-header .header-secondary-wrapper .header-gender-selector {
        padding: 0 80px; } }
    /* line 494, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    .header-compact #site-header .header-secondary-wrapper .header-secondary-container {
      padding: 0; }
      @media (min-width: 768px) and (max-width: 991px) {
        .header-compact #site-header .header-secondary-wrapper .header-secondary-container {
          padding: 6 40px; } }
      @media (min-width: 1200px) and (max-width: 1479px) {
        .header-compact #site-header .header-secondary-wrapper .header-secondary-container .header-menu-wrapper {
          left: 380px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .header-compact #site-header .header-secondary-wrapper .header-secondary-container .header-menu-wrapper {
          left: 322px; } }
    /* line 514, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    .header-compact #site-header .header-secondary-wrapper .header-go-to-top {
      padding: 0 35px 0 30px;
      margin: 0;
      -webkit-transition: opacity 140ms ease-out;
      -moz-transition: opacity 140ms ease-out;
      -o-transition: opacity 140ms ease-out;
      transition: opacity 140ms ease-out; }

/* line 527, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.header-compact .header-logo {
  width: 50px;
  height: 34px; }
  /* line 532, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  .header-compact .header-logo svg {
    width: 100%;
    height: 100%; }
  @media (min-width: 768px) and (max-width: 991px) {
    .header-compact .header-logo {
      margin-left: 30px; } }

/* line 547, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.header-compact.nav-open .header-secondary-wrapper::after, .search-open .header-secondary-wrapper::after {
  display: none; }

/* line 555, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.header-compact.fixed-nav #site-header {
  position: absolute; }
/* line 561, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.header-compact.fixed-nav .header-secondary-wrapper::after {
  display: none; }

/* line 569, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.header-bottom-hide .header-menu-cart {
  margin-left: 18px; }
  /* line 573, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  .header-bottom-hide .header-menu-cart .header-mini-cart-menu-cart-link {
    overflow: hidden;
    padding-left: 1px; }

/* line 584, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.main #site-header .header-menu {
  position: absolute;
  left: 0px;
  right: 90px;
  float: none; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .main #site-header .header-menu {
      right: 30px; } }
/* line 595, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.main #site-header .header-secondary-wrapper {
  text-align: center; }
/* line 599, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.main #site-header .header-menu-level1 {
  display: inline-block;
  position: relative;
  width: 100%; }
@media (min-width: 1200px) and (max-width: 1479px) {
  .main #site-header .navigation-link {
    margin-left: 2%; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .main #site-header .navigation-link {
    margin-left: 4%; } }
/* line 623, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.main .header-secondary-wrapper .header-menu-site-search {
  position: absolute;
  left: auto;
  right: 0px;
  float: none; }
  /* line 629, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  .main .header-secondary-wrapper .header-menu-site-search .header-menu-site-search-icon {
    padding: 0 1px; }

@media (min-width: 768px) and (max-width: 991px) {
  .pdp #site-header, .navigation #site-header {
    margin-left: 0px; } }

/* line 653, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.header-compact-facets .header-secondary-wrapper.facets {
  width: 100%;
  display: block;
  position: fixed;
  top: 0;
  z-index: 9999; }
  /* line 661, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  .header-compact-facets .header-secondary-wrapper.facets .attribute-selector-container {
    margin-top: 3px; }
    /* line 665, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    .header-compact-facets .header-secondary-wrapper.facets .attribute-selector-container .attribute-selector {
      height: 30px; }
      /* line 670, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
      .header-compact-facets .header-secondary-wrapper.facets .attribute-selector-container .attribute-selector.expanded, .header-compact-facets .header-secondary-wrapper.facets .attribute-selector-container .attribute-selector:hover.expanded {
        height: auto; }
  /* line 676, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  .header-compact-facets .header-secondary-wrapper.facets .control-label {
    padding: 0 10px; }

@media (min-width: 1200px) and (max-width: 1479px) {
  .category .header-secondary-container .header-menu-wrapper, .category .header-main-nav .header-menu-wrapper, .collection .header-secondary-container .header-menu-wrapper, .collection .header-main-nav .header-menu-wrapper, .community .header-secondary-container .header-menu-wrapper, .community .header-main-nav .header-menu-wrapper, .gender .header-secondary-container .header-menu-wrapper, .gender .header-main-nav .header-menu-wrapper, .pdp .header-secondary-container .header-menu-wrapper, .pdp .header-main-nav .header-menu-wrapper, .sales .header-secondary-container .header-menu-wrapper, .sales .header-main-nav .header-menu-wrapper, .team .header-secondary-container .header-menu-wrapper, .team .header-main-nav .header-menu-wrapper {
    left: 325px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .category .header-secondary-container .header-menu-wrapper, .category .header-main-nav .header-menu-wrapper, .collection .header-secondary-container .header-menu-wrapper, .collection .header-main-nav .header-menu-wrapper, .community .header-secondary-container .header-menu-wrapper, .community .header-main-nav .header-menu-wrapper, .gender .header-secondary-container .header-menu-wrapper, .gender .header-main-nav .header-menu-wrapper, .pdp .header-secondary-container .header-menu-wrapper, .pdp .header-main-nav .header-menu-wrapper, .sales .header-secondary-container .header-menu-wrapper, .sales .header-main-nav .header-menu-wrapper, .team .header-secondary-container .header-menu-wrapper, .team .header-main-nav .header-menu-wrapper {
    left: 285px; }
    /* line 706, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    .category .header-secondary-container .header-menu-wrapper .header-menu-level1 > li, .category .header-main-nav .header-menu-wrapper .header-menu-level1 > li, .collection .header-secondary-container .header-menu-wrapper .header-menu-level1 > li, .collection .header-main-nav .header-menu-wrapper .header-menu-level1 > li, .community .header-secondary-container .header-menu-wrapper .header-menu-level1 > li, .community .header-main-nav .header-menu-wrapper .header-menu-level1 > li, .gender .header-secondary-container .header-menu-wrapper .header-menu-level1 > li, .gender .header-main-nav .header-menu-wrapper .header-menu-level1 > li, .pdp .header-secondary-container .header-menu-wrapper .header-menu-level1 > li, .pdp .header-main-nav .header-menu-wrapper .header-menu-level1 > li, .sales .header-secondary-container .header-menu-wrapper .header-menu-level1 > li, .sales .header-main-nav .header-menu-wrapper .header-menu-level1 > li, .team .header-secondary-container .header-menu-wrapper .header-menu-level1 > li, .team .header-main-nav .header-menu-wrapper .header-menu-level1 > li {
      margin-left: 4% !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .category .header-secondary-container .header-menu-wrapper, .category .header-main-nav .header-menu-wrapper, .collection .header-secondary-container .header-menu-wrapper, .collection .header-main-nav .header-menu-wrapper, .community .header-secondary-container .header-menu-wrapper, .community .header-main-nav .header-menu-wrapper, .gender .header-secondary-container .header-menu-wrapper, .gender .header-main-nav .header-menu-wrapper, .pdp .header-secondary-container .header-menu-wrapper, .pdp .header-main-nav .header-menu-wrapper, .sales .header-secondary-container .header-menu-wrapper, .sales .header-main-nav .header-menu-wrapper, .team .header-secondary-container .header-menu-wrapper, .team .header-main-nav .header-menu-wrapper {
    left: 110px;
    text-align: left; } }
@media (min-width: 768px) and (max-width: 991px) {
  .category .header-compact .header-secondary-container .header-menu-wrapper, .category .header-compact .header-main-nav .header-menu-wrapper, .collection .header-compact .header-secondary-container .header-menu-wrapper, .collection .header-compact .header-main-nav .header-menu-wrapper, .community .header-compact .header-secondary-container .header-menu-wrapper, .community .header-compact .header-main-nav .header-menu-wrapper, .gender .header-compact .header-secondary-container .header-menu-wrapper, .gender .header-compact .header-main-nav .header-menu-wrapper, .pdp .header-compact .header-secondary-container .header-menu-wrapper, .pdp .header-compact .header-main-nav .header-menu-wrapper, .sales .header-compact .header-secondary-container .header-menu-wrapper, .sales .header-compact .header-main-nav .header-menu-wrapper, .team .header-compact .header-secondary-container .header-menu-wrapper, .team .header-compact .header-main-nav .header-menu-wrapper {
    left: 100px;
    text-align: left; } }

/* line 738, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.layout-container:not(.header-compact) #site-header.solid .header-secondary-wrapper {
  border-bottom: 1px solid rgba(42, 42, 42, 0.12); }
/* line 742, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.layout-container:not(.header-compact) #site-header.solid .header-secondary-wrapper.pdp {
  border-bottom: 1px solid rgba(169, 173, 176, 0.3);
  background: #fdfdfd; }

@media (min-width: 768px) and (max-width: 1199px) {
  .layout-container:not(.header-compact) .header-secondary-wrapper .header-menu-site-search {
    right: 40px; } }

/* line 776, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.community #site-header .header-menu-secondary-nav .navigation-link a, .facets #site-header .header-menu-secondary-nav .navigation-link a, .navigation #site-header .header-menu-secondary-nav .navigation-link a, .pdp #site-header .header-menu-secondary-nav .navigation-link a {
  position: relative;
  display: inline-block;
  padding-bottom: 2px;
  border-bottom: 2px solid rgba(228, 229, 230, 0);
  -webkit-transition: border 600ms cubic-bezier(0.34, 0.065, 0.13, 1);
  -webkit-transition: border 600ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
  -moz-transition: border 600ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
  -o-transition: border 600ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
  transition: border 600ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
  -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
  -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
  -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
  transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
  /* custom */ }
  /* line 795, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  .community #site-header .header-menu-secondary-nav .navigation-link a:hover, .facets #site-header .header-menu-secondary-nav .navigation-link a:hover, .navigation #site-header .header-menu-secondary-nav .navigation-link a:hover, .pdp #site-header .header-menu-secondary-nav .navigation-link a:hover {
    border-bottom: 2px solid #e4e5e6; }
/* line 805, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.community #content .header-secondary-wrapper, .facets #content .header-secondary-wrapper, .navigation #content .header-secondary-wrapper, .pdp #content .header-secondary-wrapper {
  top: 0;
  display: none;
  position: fixed;
  width: 100%;
  z-index: 9999; }
/* line 813, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.community #content .shopping-layout-breadcrumb, .facets #content .shopping-layout-breadcrumb, .navigation #content .shopping-layout-breadcrumb, .pdp #content .shopping-layout-breadcrumb {
  background: #fdfdfd; }
  /* line 817, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  .community #content .shopping-layout-breadcrumb .global-views-breadcrumb, .facets #content .shopping-layout-breadcrumb .global-views-breadcrumb, .navigation #content .shopping-layout-breadcrumb .global-views-breadcrumb, .pdp #content .shopping-layout-breadcrumb .global-views-breadcrumb {
    width: 100%;
    padding: 0 40px; }
/* line 831, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.community .header-compact-community #content .header-menu-wrapper, .community .header-compact-pdp #content .header-menu-wrapper, .community .header-compact-facets #content .header-menu-wrapper, .facets .header-compact-community #content .header-menu-wrapper, .facets .header-compact-pdp #content .header-menu-wrapper, .facets .header-compact-facets #content .header-menu-wrapper, .navigation .header-compact-community #content .header-menu-wrapper, .navigation .header-compact-pdp #content .header-menu-wrapper, .navigation .header-compact-facets #content .header-menu-wrapper, .pdp .header-compact-community #content .header-menu-wrapper, .pdp .header-compact-pdp #content .header-menu-wrapper, .pdp .header-compact-facets #content .header-menu-wrapper {
  left: 260px; }
  @media (max-width: 1480px) {
    .community .header-compact-community #content .header-menu-wrapper, .community .header-compact-pdp #content .header-menu-wrapper, .community .header-compact-facets #content .header-menu-wrapper, .facets .header-compact-community #content .header-menu-wrapper, .facets .header-compact-pdp #content .header-menu-wrapper, .facets .header-compact-facets #content .header-menu-wrapper, .navigation .header-compact-community #content .header-menu-wrapper, .navigation .header-compact-pdp #content .header-menu-wrapper, .navigation .header-compact-facets #content .header-menu-wrapper, .pdp .header-compact-community #content .header-menu-wrapper, .pdp .header-compact-pdp #content .header-menu-wrapper, .pdp .header-compact-facets #content .header-menu-wrapper {
      left: 235px; } }
/* line 840, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.community .header-compact-community #content .header-secondary-wrapper, .community .header-compact-pdp #content .header-secondary-wrapper, .community .header-compact-facets #content .header-secondary-wrapper, .facets .header-compact-community #content .header-secondary-wrapper, .facets .header-compact-pdp #content .header-secondary-wrapper, .facets .header-compact-facets #content .header-secondary-wrapper, .navigation .header-compact-community #content .header-secondary-wrapper, .navigation .header-compact-pdp #content .header-secondary-wrapper, .navigation .header-compact-facets #content .header-secondary-wrapper, .pdp .header-compact-community #content .header-secondary-wrapper, .pdp .header-compact-pdp #content .header-secondary-wrapper, .pdp .header-compact-facets #content .header-secondary-wrapper {
  display: block;
  background: #fdfdfd;
  max-width: 1920px;
  z-index: 10000 !important; }
  @media (min-width: 768px) and (max-width: 991px) {
    .community .header-compact-community #content .header-secondary-wrapper, .community .header-compact-pdp #content .header-secondary-wrapper, .community .header-compact-facets #content .header-secondary-wrapper, .facets .header-compact-community #content .header-secondary-wrapper, .facets .header-compact-pdp #content .header-secondary-wrapper, .facets .header-compact-facets #content .header-secondary-wrapper, .navigation .header-compact-community #content .header-secondary-wrapper, .navigation .header-compact-pdp #content .header-secondary-wrapper, .navigation .header-compact-facets #content .header-secondary-wrapper, .pdp .header-compact-community #content .header-secondary-wrapper, .pdp .header-compact-pdp #content .header-secondary-wrapper, .pdp .header-compact-facets #content .header-secondary-wrapper {
      padding: 10px 0px 9px 0px; } }
  /* line 853, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  .community .header-compact-community #content .header-secondary-wrapper.facets .header-logo-content, .community .header-compact-pdp #content .header-secondary-wrapper.facets .header-logo-content, .community .header-compact-facets #content .header-secondary-wrapper.facets .header-logo-content, .facets .header-compact-community #content .header-secondary-wrapper.facets .header-logo-content, .facets .header-compact-pdp #content .header-secondary-wrapper.facets .header-logo-content, .facets .header-compact-facets #content .header-secondary-wrapper.facets .header-logo-content, .navigation .header-compact-community #content .header-secondary-wrapper.facets .header-logo-content, .navigation .header-compact-pdp #content .header-secondary-wrapper.facets .header-logo-content, .navigation .header-compact-facets #content .header-secondary-wrapper.facets .header-logo-content, .pdp .header-compact-community #content .header-secondary-wrapper.facets .header-logo-content, .pdp .header-compact-pdp #content .header-secondary-wrapper.facets .header-logo-content, .pdp .header-compact-facets #content .header-secondary-wrapper.facets .header-logo-content {
    border-right: 3px double #e5e6e7;
    border-left: 3px double #e5e6e7;
    padding: 0 40px; }
  @media (min-width: 768px) and (max-width: 991px) {
    /* line 861, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    .community .header-compact-community #content .header-secondary-wrapper.facets .form-group-container, .community .header-compact-pdp #content .header-secondary-wrapper.facets .form-group-container, .community .header-compact-facets #content .header-secondary-wrapper.facets .form-group-container, .facets .header-compact-community #content .header-secondary-wrapper.facets .form-group-container, .facets .header-compact-pdp #content .header-secondary-wrapper.facets .form-group-container, .facets .header-compact-facets #content .header-secondary-wrapper.facets .form-group-container, .navigation .header-compact-community #content .header-secondary-wrapper.facets .form-group-container, .navigation .header-compact-pdp #content .header-secondary-wrapper.facets .form-group-container, .navigation .header-compact-facets #content .header-secondary-wrapper.facets .form-group-container, .pdp .header-compact-community #content .header-secondary-wrapper.facets .form-group-container, .pdp .header-compact-pdp #content .header-secondary-wrapper.facets .form-group-container, .pdp .header-compact-facets #content .header-secondary-wrapper.facets .form-group-container {
      width: 78%;
      padding: 0px; }
    /* line 866, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    .community .header-compact-community #content .header-secondary-wrapper.facets .header-menu-wrapper, .community .header-compact-pdp #content .header-secondary-wrapper.facets .header-menu-wrapper, .community .header-compact-facets #content .header-secondary-wrapper.facets .header-menu-wrapper, .facets .header-compact-community #content .header-secondary-wrapper.facets .header-menu-wrapper, .facets .header-compact-pdp #content .header-secondary-wrapper.facets .header-menu-wrapper, .facets .header-compact-facets #content .header-secondary-wrapper.facets .header-menu-wrapper, .navigation .header-compact-community #content .header-secondary-wrapper.facets .header-menu-wrapper, .navigation .header-compact-pdp #content .header-secondary-wrapper.facets .header-menu-wrapper, .navigation .header-compact-facets #content .header-secondary-wrapper.facets .header-menu-wrapper, .pdp .header-compact-community #content .header-secondary-wrapper.facets .header-menu-wrapper, .pdp .header-compact-pdp #content .header-secondary-wrapper.facets .header-menu-wrapper, .pdp .header-compact-facets #content .header-secondary-wrapper.facets .header-menu-wrapper {
      left: 145px; }
    /* line 870, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    .community .header-compact-community #content .header-secondary-wrapper.facets .header-logo, .community .header-compact-pdp #content .header-secondary-wrapper.facets .header-logo, .community .header-compact-facets #content .header-secondary-wrapper.facets .header-logo, .facets .header-compact-community #content .header-secondary-wrapper.facets .header-logo, .facets .header-compact-pdp #content .header-secondary-wrapper.facets .header-logo, .facets .header-compact-facets #content .header-secondary-wrapper.facets .header-logo, .navigation .header-compact-community #content .header-secondary-wrapper.facets .header-logo, .navigation .header-compact-pdp #content .header-secondary-wrapper.facets .header-logo, .navigation .header-compact-facets #content .header-secondary-wrapper.facets .header-logo, .pdp .header-compact-community #content .header-secondary-wrapper.facets .header-logo, .pdp .header-compact-pdp #content .header-secondary-wrapper.facets .header-logo, .pdp .header-compact-facets #content .header-secondary-wrapper.facets .header-logo {
      margin-left: 0px; }
    /* line 874, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    .community .header-compact-community #content .header-secondary-wrapper.facets .header-logo-content, .community .header-compact-pdp #content .header-secondary-wrapper.facets .header-logo-content, .community .header-compact-facets #content .header-secondary-wrapper.facets .header-logo-content, .facets .header-compact-community #content .header-secondary-wrapper.facets .header-logo-content, .facets .header-compact-pdp #content .header-secondary-wrapper.facets .header-logo-content, .facets .header-compact-facets #content .header-secondary-wrapper.facets .header-logo-content, .navigation .header-compact-community #content .header-secondary-wrapper.facets .header-logo-content, .navigation .header-compact-pdp #content .header-secondary-wrapper.facets .header-logo-content, .navigation .header-compact-facets #content .header-secondary-wrapper.facets .header-logo-content, .pdp .header-compact-community #content .header-secondary-wrapper.facets .header-logo-content, .pdp .header-compact-pdp #content .header-secondary-wrapper.facets .header-logo-content, .pdp .header-compact-facets #content .header-secondary-wrapper.facets .header-logo-content {
      border-left: none;
      border-right: none;
      padding: 0 40px 0 0; } }
/* line 883, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.community .header-compact-community #content .header-secondary-container, .community .header-compact-pdp #content .header-secondary-container, .community .header-compact-facets #content .header-secondary-container, .facets .header-compact-community #content .header-secondary-container, .facets .header-compact-pdp #content .header-secondary-container, .facets .header-compact-facets #content .header-secondary-container, .navigation .header-compact-community #content .header-secondary-container, .navigation .header-compact-pdp #content .header-secondary-container, .navigation .header-compact-facets #content .header-secondary-container, .pdp .header-compact-community #content .header-secondary-container, .pdp .header-compact-pdp #content .header-secondary-container, .pdp .header-compact-facets #content .header-secondary-container {
  position: relative;
  width: 100%; }
  /* line 890, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  .community .header-compact-community #content .header-secondary-container .community-sticky-nav, .community .header-compact-community #content .header-secondary-container .facets-sticky-nav, .community .header-compact-community #content .header-secondary-container .pdp-sticky-nav, .community .header-compact-pdp #content .header-secondary-container .community-sticky-nav, .community .header-compact-pdp #content .header-secondary-container .facets-sticky-nav, .community .header-compact-pdp #content .header-secondary-container .pdp-sticky-nav, .community .header-compact-facets #content .header-secondary-container .community-sticky-nav, .community .header-compact-facets #content .header-secondary-container .facets-sticky-nav, .community .header-compact-facets #content .header-secondary-container .pdp-sticky-nav, .facets .header-compact-community #content .header-secondary-container .community-sticky-nav, .facets .header-compact-community #content .header-secondary-container .facets-sticky-nav, .facets .header-compact-community #content .header-secondary-container .pdp-sticky-nav, .facets .header-compact-pdp #content .header-secondary-container .community-sticky-nav, .facets .header-compact-pdp #content .header-secondary-container .facets-sticky-nav, .facets .header-compact-pdp #content .header-secondary-container .pdp-sticky-nav, .facets .header-compact-facets #content .header-secondary-container .community-sticky-nav, .facets .header-compact-facets #content .header-secondary-container .facets-sticky-nav, .facets .header-compact-facets #content .header-secondary-container .pdp-sticky-nav, .navigation .header-compact-community #content .header-secondary-container .community-sticky-nav, .navigation .header-compact-community #content .header-secondary-container .facets-sticky-nav, .navigation .header-compact-community #content .header-secondary-container .pdp-sticky-nav, .navigation .header-compact-pdp #content .header-secondary-container .community-sticky-nav, .navigation .header-compact-pdp #content .header-secondary-container .facets-sticky-nav, .navigation .header-compact-pdp #content .header-secondary-container .pdp-sticky-nav, .navigation .header-compact-facets #content .header-secondary-container .community-sticky-nav, .navigation .header-compact-facets #content .header-secondary-container .facets-sticky-nav, .navigation .header-compact-facets #content .header-secondary-container .pdp-sticky-nav, .pdp .header-compact-community #content .header-secondary-container .community-sticky-nav, .pdp .header-compact-community #content .header-secondary-container .facets-sticky-nav, .pdp .header-compact-community #content .header-secondary-container .pdp-sticky-nav, .pdp .header-compact-pdp #content .header-secondary-container .community-sticky-nav, .pdp .header-compact-pdp #content .header-secondary-container .facets-sticky-nav, .pdp .header-compact-pdp #content .header-secondary-container .pdp-sticky-nav, .pdp .header-compact-facets #content .header-secondary-container .community-sticky-nav, .pdp .header-compact-facets #content .header-secondary-container .facets-sticky-nav, .pdp .header-compact-facets #content .header-secondary-container .pdp-sticky-nav {
    float: none;
    width: 100%;
    text-align: right;
    white-space: nowrap; }
    /* line 897, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    .community .header-compact-community #content .header-secondary-container .community-sticky-nav h2, .community .header-compact-community #content .header-secondary-container .facets-sticky-nav h2, .community .header-compact-community #content .header-secondary-container .pdp-sticky-nav h2, .community .header-compact-pdp #content .header-secondary-container .community-sticky-nav h2, .community .header-compact-pdp #content .header-secondary-container .facets-sticky-nav h2, .community .header-compact-pdp #content .header-secondary-container .pdp-sticky-nav h2, .community .header-compact-facets #content .header-secondary-container .community-sticky-nav h2, .community .header-compact-facets #content .header-secondary-container .facets-sticky-nav h2, .community .header-compact-facets #content .header-secondary-container .pdp-sticky-nav h2, .facets .header-compact-community #content .header-secondary-container .community-sticky-nav h2, .facets .header-compact-community #content .header-secondary-container .facets-sticky-nav h2, .facets .header-compact-community #content .header-secondary-container .pdp-sticky-nav h2, .facets .header-compact-pdp #content .header-secondary-container .community-sticky-nav h2, .facets .header-compact-pdp #content .header-secondary-container .facets-sticky-nav h2, .facets .header-compact-pdp #content .header-secondary-container .pdp-sticky-nav h2, .facets .header-compact-facets #content .header-secondary-container .community-sticky-nav h2, .facets .header-compact-facets #content .header-secondary-container .facets-sticky-nav h2, .facets .header-compact-facets #content .header-secondary-container .pdp-sticky-nav h2, .navigation .header-compact-community #content .header-secondary-container .community-sticky-nav h2, .navigation .header-compact-community #content .header-secondary-container .facets-sticky-nav h2, .navigation .header-compact-community #content .header-secondary-container .pdp-sticky-nav h2, .navigation .header-compact-pdp #content .header-secondary-container .community-sticky-nav h2, .navigation .header-compact-pdp #content .header-secondary-container .facets-sticky-nav h2, .navigation .header-compact-pdp #content .header-secondary-container .pdp-sticky-nav h2, .navigation .header-compact-facets #content .header-secondary-container .community-sticky-nav h2, .navigation .header-compact-facets #content .header-secondary-container .facets-sticky-nav h2, .navigation .header-compact-facets #content .header-secondary-container .pdp-sticky-nav h2, .pdp .header-compact-community #content .header-secondary-container .community-sticky-nav h2, .pdp .header-compact-community #content .header-secondary-container .facets-sticky-nav h2, .pdp .header-compact-community #content .header-secondary-container .pdp-sticky-nav h2, .pdp .header-compact-pdp #content .header-secondary-container .community-sticky-nav h2, .pdp .header-compact-pdp #content .header-secondary-container .facets-sticky-nav h2, .pdp .header-compact-pdp #content .header-secondary-container .pdp-sticky-nav h2, .pdp .header-compact-facets #content .header-secondary-container .community-sticky-nav h2, .pdp .header-compact-facets #content .header-secondary-container .facets-sticky-nav h2, .pdp .header-compact-facets #content .header-secondary-container .pdp-sticky-nav h2 {
      position: absolute;
      left: 0px;
      white-space: nowrap;
      line-height: 40px;
      text-transform: uppercase;
      color: #1e1e1e;
      padding: 0 20px;
      font-family: "Maison Neue Bold", Calibri, Arial, Roboto, sans-serif;
      font-size: 13px;
      font-style: normal;
      line-height: 40px;
      letter-spacing: 0.04em; }
    /* line 914, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    .community .header-compact-community #content .header-secondary-container .community-sticky-nav .attribute-selector-container, .community .header-compact-community #content .header-secondary-container .facets-sticky-nav .attribute-selector-container, .community .header-compact-community #content .header-secondary-container .pdp-sticky-nav .attribute-selector-container, .community .header-compact-pdp #content .header-secondary-container .community-sticky-nav .attribute-selector-container, .community .header-compact-pdp #content .header-secondary-container .facets-sticky-nav .attribute-selector-container, .community .header-compact-pdp #content .header-secondary-container .pdp-sticky-nav .attribute-selector-container, .community .header-compact-facets #content .header-secondary-container .community-sticky-nav .attribute-selector-container, .community .header-compact-facets #content .header-secondary-container .facets-sticky-nav .attribute-selector-container, .community .header-compact-facets #content .header-secondary-container .pdp-sticky-nav .attribute-selector-container, .facets .header-compact-community #content .header-secondary-container .community-sticky-nav .attribute-selector-container, .facets .header-compact-community #content .header-secondary-container .facets-sticky-nav .attribute-selector-container, .facets .header-compact-community #content .header-secondary-container .pdp-sticky-nav .attribute-selector-container, .facets .header-compact-pdp #content .header-secondary-container .community-sticky-nav .attribute-selector-container, .facets .header-compact-pdp #content .header-secondary-container .facets-sticky-nav .attribute-selector-container, .facets .header-compact-pdp #content .header-secondary-container .pdp-sticky-nav .attribute-selector-container, .facets .header-compact-facets #content .header-secondary-container .community-sticky-nav .attribute-selector-container, .facets .header-compact-facets #content .header-secondary-container .facets-sticky-nav .attribute-selector-container, .facets .header-compact-facets #content .header-secondary-container .pdp-sticky-nav .attribute-selector-container, .navigation .header-compact-community #content .header-secondary-container .community-sticky-nav .attribute-selector-container, .navigation .header-compact-community #content .header-secondary-container .facets-sticky-nav .attribute-selector-container, .navigation .header-compact-community #content .header-secondary-container .pdp-sticky-nav .attribute-selector-container, .navigation .header-compact-pdp #content .header-secondary-container .community-sticky-nav .attribute-selector-container, .navigation .header-compact-pdp #content .header-secondary-container .facets-sticky-nav .attribute-selector-container, .navigation .header-compact-pdp #content .header-secondary-container .pdp-sticky-nav .attribute-selector-container, .navigation .header-compact-facets #content .header-secondary-container .community-sticky-nav .attribute-selector-container, .navigation .header-compact-facets #content .header-secondary-container .facets-sticky-nav .attribute-selector-container, .navigation .header-compact-facets #content .header-secondary-container .pdp-sticky-nav .attribute-selector-container, .pdp .header-compact-community #content .header-secondary-container .community-sticky-nav .attribute-selector-container, .pdp .header-compact-community #content .header-secondary-container .facets-sticky-nav .attribute-selector-container, .pdp .header-compact-community #content .header-secondary-container .pdp-sticky-nav .attribute-selector-container, .pdp .header-compact-pdp #content .header-secondary-container .community-sticky-nav .attribute-selector-container, .pdp .header-compact-pdp #content .header-secondary-container .facets-sticky-nav .attribute-selector-container, .pdp .header-compact-pdp #content .header-secondary-container .pdp-sticky-nav .attribute-selector-container, .pdp .header-compact-facets #content .header-secondary-container .community-sticky-nav .attribute-selector-container, .pdp .header-compact-facets #content .header-secondary-container .facets-sticky-nav .attribute-selector-container, .pdp .header-compact-facets #content .header-secondary-container .pdp-sticky-nav .attribute-selector-container {
      display: inline-block;
      float: none;
      text-align: left; }
    /* line 920, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    .community .header-compact-community #content .header-secondary-container .community-sticky-nav .btn-primary, .community .header-compact-community #content .header-secondary-container .facets-sticky-nav .btn-primary, .community .header-compact-community #content .header-secondary-container .pdp-sticky-nav .btn-primary, .community .header-compact-pdp #content .header-secondary-container .community-sticky-nav .btn-primary, .community .header-compact-pdp #content .header-secondary-container .facets-sticky-nav .btn-primary, .community .header-compact-pdp #content .header-secondary-container .pdp-sticky-nav .btn-primary, .community .header-compact-facets #content .header-secondary-container .community-sticky-nav .btn-primary, .community .header-compact-facets #content .header-secondary-container .facets-sticky-nav .btn-primary, .community .header-compact-facets #content .header-secondary-container .pdp-sticky-nav .btn-primary, .facets .header-compact-community #content .header-secondary-container .community-sticky-nav .btn-primary, .facets .header-compact-community #content .header-secondary-container .facets-sticky-nav .btn-primary, .facets .header-compact-community #content .header-secondary-container .pdp-sticky-nav .btn-primary, .facets .header-compact-pdp #content .header-secondary-container .community-sticky-nav .btn-primary, .facets .header-compact-pdp #content .header-secondary-container .facets-sticky-nav .btn-primary, .facets .header-compact-pdp #content .header-secondary-container .pdp-sticky-nav .btn-primary, .facets .header-compact-facets #content .header-secondary-container .community-sticky-nav .btn-primary, .facets .header-compact-facets #content .header-secondary-container .facets-sticky-nav .btn-primary, .facets .header-compact-facets #content .header-secondary-container .pdp-sticky-nav .btn-primary, .navigation .header-compact-community #content .header-secondary-container .community-sticky-nav .btn-primary, .navigation .header-compact-community #content .header-secondary-container .facets-sticky-nav .btn-primary, .navigation .header-compact-community #content .header-secondary-container .pdp-sticky-nav .btn-primary, .navigation .header-compact-pdp #content .header-secondary-container .community-sticky-nav .btn-primary, .navigation .header-compact-pdp #content .header-secondary-container .facets-sticky-nav .btn-primary, .navigation .header-compact-pdp #content .header-secondary-container .pdp-sticky-nav .btn-primary, .navigation .header-compact-facets #content .header-secondary-container .community-sticky-nav .btn-primary, .navigation .header-compact-facets #content .header-secondary-container .facets-sticky-nav .btn-primary, .navigation .header-compact-facets #content .header-secondary-container .pdp-sticky-nav .btn-primary, .pdp .header-compact-community #content .header-secondary-container .community-sticky-nav .btn-primary, .pdp .header-compact-community #content .header-secondary-container .facets-sticky-nav .btn-primary, .pdp .header-compact-community #content .header-secondary-container .pdp-sticky-nav .btn-primary, .pdp .header-compact-pdp #content .header-secondary-container .community-sticky-nav .btn-primary, .pdp .header-compact-pdp #content .header-secondary-container .facets-sticky-nav .btn-primary, .pdp .header-compact-pdp #content .header-secondary-container .pdp-sticky-nav .btn-primary, .pdp .header-compact-facets #content .header-secondary-container .community-sticky-nav .btn-primary, .pdp .header-compact-facets #content .header-secondary-container .facets-sticky-nav .btn-primary, .pdp .header-compact-facets #content .header-secondary-container .pdp-sticky-nav .btn-primary {
      display: inline-block;
      float: none;
      top: -17px; }
  @media (min-width: 768px) and (max-width: 991px) {
    /* line 930, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    .community .header-compact-community #content .header-secondary-container h2, .community .header-compact-pdp #content .header-secondary-container h2, .community .header-compact-facets #content .header-secondary-container h2, .facets .header-compact-community #content .header-secondary-container h2, .facets .header-compact-pdp #content .header-secondary-container h2, .facets .header-compact-facets #content .header-secondary-container h2, .navigation .header-compact-community #content .header-secondary-container h2, .navigation .header-compact-pdp #content .header-secondary-container h2, .navigation .header-compact-facets #content .header-secondary-container h2, .pdp .header-compact-community #content .header-secondary-container h2, .pdp .header-compact-pdp #content .header-secondary-container h2, .pdp .header-compact-facets #content .header-secondary-container h2 {
      display: none; }
    /* line 936, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    .community .header-compact-community #content .header-secondary-container .facets-sticky-nav .col-sm-6, .community .header-compact-pdp #content .header-secondary-container .facets-sticky-nav .col-sm-6, .community .header-compact-facets #content .header-secondary-container .facets-sticky-nav .col-sm-6, .facets .header-compact-community #content .header-secondary-container .facets-sticky-nav .col-sm-6, .facets .header-compact-pdp #content .header-secondary-container .facets-sticky-nav .col-sm-6, .facets .header-compact-facets #content .header-secondary-container .facets-sticky-nav .col-sm-6, .navigation .header-compact-community #content .header-secondary-container .facets-sticky-nav .col-sm-6, .navigation .header-compact-pdp #content .header-secondary-container .facets-sticky-nav .col-sm-6, .navigation .header-compact-facets #content .header-secondary-container .facets-sticky-nav .col-sm-6, .pdp .header-compact-community #content .header-secondary-container .facets-sticky-nav .col-sm-6, .pdp .header-compact-pdp #content .header-secondary-container .facets-sticky-nav .col-sm-6, .pdp .header-compact-facets #content .header-secondary-container .facets-sticky-nav .col-sm-6 {
      width: 27.667%;
      margin-left: 0px; }
    /* line 941, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    .community .header-compact-community #content .header-secondary-container .facets-sticky-nav .filter-by-selector, .community .header-compact-pdp #content .header-secondary-container .facets-sticky-nav .filter-by-selector, .community .header-compact-facets #content .header-secondary-container .facets-sticky-nav .filter-by-selector, .facets .header-compact-community #content .header-secondary-container .facets-sticky-nav .filter-by-selector, .facets .header-compact-pdp #content .header-secondary-container .facets-sticky-nav .filter-by-selector, .facets .header-compact-facets #content .header-secondary-container .facets-sticky-nav .filter-by-selector, .navigation .header-compact-community #content .header-secondary-container .facets-sticky-nav .filter-by-selector, .navigation .header-compact-pdp #content .header-secondary-container .facets-sticky-nav .filter-by-selector, .navigation .header-compact-facets #content .header-secondary-container .facets-sticky-nav .filter-by-selector, .pdp .header-compact-community #content .header-secondary-container .facets-sticky-nav .filter-by-selector, .pdp .header-compact-pdp #content .header-secondary-container .facets-sticky-nav .filter-by-selector, .pdp .header-compact-facets #content .header-secondary-container .facets-sticky-nav .filter-by-selector {
      width: 22%; } }

@media (min-width: 768px) and (max-width: 991px) {
  .category .layout-container:not(.header-bottom-hide) .header-menu-cart, .collection .layout-container:not(.header-bottom-hide) .header-menu-cart {
    right: 0px; } }

/* line 967, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.community #main-container .header-menu-wrapper {
  left: 0px !important; }
  /* line 971, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  .community #main-container .header-menu-wrapper .centered-absolute {
    position: absolute;
    top: 0px;
    left: 40px;
    right: 0px;
    width: auto;
    height: 41px;
    text-align: center; }
    /* line 981, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    .community #main-container .header-menu-wrapper .centered-absolute .container {
      position: relative;
      display: inline-block;
      height: 41px; }
      /* line 987, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
      .community #main-container .header-menu-wrapper .centered-absolute .container h2 {
        padding: 0 !important;
        text-align: left; }
        @media (max-width: 1300px) {
          .community #main-container .header-menu-wrapper .centered-absolute .container h2 {
            margin-left: 20%; } }
        @media (max-width: 1115px) {
          .community #main-container .header-menu-wrapper .centered-absolute .container h2 {
            margin-left: 22.5%; } }
      /* line 1000, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
      .community #main-container .header-menu-wrapper .centered-absolute .container .social-icons {
        position: absolute;
        right: 26px; }
        /* line 1005, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
        .community #main-container .header-menu-wrapper .centered-absolute .container .social-icons a {
          display: inline-block;
          position: relative;
          width: auto;
          float: none;
          font-size: 23px;
          padding: 0 12px;
          color: #7e8183;
          line-height: 36px;
          width: 56px;
          text-align: center; }

/* line 1027, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.pdp .header-compact-pdp #site-header {
  border-bottom: none !important; }
/* line 1031, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.pdp .header-compact-pdp #content .header-menu-wrapper {
  left: 155px; }
/* line 1036, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
.pdp .header-compact-pdp .header-secondary-wrapper.pdp {
  border-bottom: 1px solid rgba(42, 42, 42, 0.12); }
  /* line 1040, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
  .pdp .header-compact-pdp .header-secondary-wrapper.pdp .header-logo-wrapper .header-logo-content {
    padding: 0 40px 0 0;
    border-left: none; }
    /* line 1045, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_header.scss */
    .pdp .header-compact-pdp .header-secondary-wrapper.pdp .header-logo-wrapper .header-logo-content .header-logo {
      margin-left: 0px; }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
footer {
  max-width: 1920px;
  margin: 0 auto; }
  /* line 7, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
  footer .footer-newsletter {
    height: initial;
    padding: 40px 0 42px; }
  /* line 12, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
  footer .footer-host-selector-anchor span {
    white-space: nowrap; }
  /* line 16, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
  footer .footer-newsletter-content {
    text-align: center;
    max-width: initial; }
    /* line 21, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
    footer .footer-newsletter-content form {
      position: relative;
      display: inline-block;
      top: 0px;
      left: 0px;
      white-space: nowrap; }
    /* line 26, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
    footer .footer-newsletter-content .footer-newsletter-label {
      position: relative;
      display: inline-block;
      top: 0px;
      left: 0px;
      font-family: "Maison Neue Medium",Calibri,Arial,Roboto,sans-serif;
      font-weight: 500;
      top: -19px;
      letter-spacing: 0.01em;
      white-space: nowrap;
      width: initial;
      margin-right: 55px;
      float: none; }
    /* line 39, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
    footer .footer-newsletter-content .footer-newsletter-input-container {
      position: relative;
      display: inline-block;
      top: 0px;
      left: 0px;
      white-space: nowrap;
      width: initial;
      min-width: 340px;
      border: 0 none;
      float: none; }
      /* line 49, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
      footer .footer-newsletter-content .footer-newsletter-input-container input {
        width: 100%;
        border: 2px solid #818181;
        line-height: 50px;
        height: 50px;
        -webkit-transition: border-color 600ms cubic-bezier(0.34, 0.065, 0.13, 1);
        -webkit-transition: border-color 600ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -moz-transition: border-color 600ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -o-transition: border-color 600ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
        transition: border-color 600ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
        /* older webkit */
        -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
        transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
        /* custom */ }
        /* line 56, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
        footer .footer-newsletter-content .footer-newsletter-input-container input:hover {
          border-color: #f0f1f3; }
        /* line 60, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
        footer .footer-newsletter-content .footer-newsletter-input-container input:focus, footer .footer-newsletter-content .footer-newsletter-input-container input:active {
          border-color: #f0f1f3; }
      /* line 77, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
      footer .footer-newsletter-content .footer-newsletter-input-container button {
        position: absolute;
        top: 0px;
        left: 0px;
        left: auto;
        right: 0px;
        margin-top: 0px;
        line-height: 50px;
        height: 50px; }
  /* line 88, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
  footer .footer-bottom-column-link {
    white-space: nowrap;
    margin-top: 23px; }
    @media (min-width: 768px) and (max-width: 991px) {
      footer .footer-bottom-column-link {
        height: 42px !important;
        line-height: 42px !important; } }
  /* line 101, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
  footer a.footer-bottom-column-link, footer a.footer-host-selector-anchor {
    margin-top: 21px; }
    /* line 105, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
    footer a.footer-bottom-column-link span, footer a.footer-host-selector-anchor span {
      position: relative;
      display: inline-block;
      padding-bottom: 2px;
      border-bottom: 1px solid rgba(255, 255, 255, 0);
      -webkit-transition: border 600ms cubic-bezier(0.34, 0.065, 0.13, 1);
      -webkit-transition: border 600ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -moz-transition: border 600ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -o-transition: border 600ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
      transition: border 600ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
      /* older webkit */
      -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
      transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
      /* custom */ }
      /* line 124, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
      footer a.footer-bottom-column-link span:hover, footer a.footer-host-selector-anchor span:hover {
        border-bottom: 1px solid rgba(255, 255, 255, 0.6); }
  /* line 130, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
  footer .footer-bottom-column-sublink {
    margin-top: 18px;
    letter-spacing: 0.07em; }
  /* line 135, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
  footer .footer-bottom-column-social-section:not(:first-child) {
    margin-top: 33px; }
  @media (min-width: 768px) and (max-width: 991px) {
    footer .footer-bottom-column-social-section {
      height: 42px !important;
      margin-top: 25px !important; }
      /* line 146, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
      footer .footer-bottom-column-social-section.women {
        display: block !important; }
      /* line 150, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
      footer .footer-bottom-column-social-section .bbg {
        display: none; }
      /* line 154, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
      footer .footer-bottom-column-social-section .footer-bottom-column-link {
        padding-left: 25%;
        text-align: left;
        width: auto;
        margin-top: 4px; } }
  /* line 163, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
  footer .footer-bottom-social-links {
    margin-top: 13px;
    white-space: nowrap;
    overflow: visible;
    margin-left: -13px; }
    /* line 170, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
    footer .footer-bottom-social-links a {
      float: none;
      display: inline-block;
      width: 40px;
      margin: 0;
      text-align: center; }
      @media (min-width: 992px) and (max-width: 1199px) {
        footer .footer-bottom-social-links a {
          font-size: 18px;
          margin-right: 12px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        footer .footer-bottom-social-links a {
          width: 30px !important;
          line-height: 42px !important;
          height: 42px !important; }
          /* line 188, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
          footer .footer-bottom-social-links a i {
            font-size: 18px !important;
            line-height: 42px !important; } }
    @media (min-width: 768px) and (max-width: 991px) {
      footer .footer-bottom-social-links {
        margin-left: -10px !important;
        padding-left: 0px !important;
        position: absolute !important;
        float: none !important;
        left: 50%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    footer .footer-content-copyright {
      margin-top: -107px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    footer .footer-content {
      padding-bottom: 40px; } }
  /* line 219, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
  footer .footer-content-bottom {
    overflow: visible; }
  /* line 226, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
  footer .footer-content-nav a:hover {
    color: #fff; }
  /* line 230, /Applications/MAMP/htdocs/billabong/global/scss/blocks/_footer.scss */
  footer .footer-content-nav a:active, footer .footer-content-nav a:focus {
    color: #fff; }

/* modals */
/* line 4, /Applications/MAMP/htdocs/billabong/global/scss/modals/_added_to_cart.scss */
#added-to-cart-overlay .product-callout-thumb {
  margin-right: -20px; }
  /* line 8, /Applications/MAMP/htdocs/billabong/global/scss/modals/_added_to_cart.scss */
  #added-to-cart-overlay .product-callout-thumb img {
    margin-left: 0px; }
/* line 13, /Applications/MAMP/htdocs/billabong/global/scss/modals/_added_to_cart.scss */
#added-to-cart-overlay .product-callout-desc {
  right: -40px; }
  @media (min-width: 768px) and (max-width: 991px) {
    #added-to-cart-overlay .product-callout-desc {
      margin-left: 0px;
      right: -40px; } }
/* line 23, /Applications/MAMP/htdocs/billabong/global/scss/modals/_added_to_cart.scss */
#added-to-cart-overlay .horizontal-sm {
  left: 0px;
  text-align: left;
  margin: 23px 0 15px 0px; }
  /* line 29, /Applications/MAMP/htdocs/billabong/global/scss/modals/_added_to_cart.scss */
  #added-to-cart-overlay .horizontal-sm.second-hr {
    margin: 23px 0 23px 0px; }
/* line 34, /Applications/MAMP/htdocs/billabong/global/scss/modals/_added_to_cart.scss */
#added-to-cart-overlay small {
  margin-top: 18px; }
/* line 38, /Applications/MAMP/htdocs/billabong/global/scss/modals/_added_to_cart.scss */
#added-to-cart-overlay h2 {
  margin-top: 12px; }
/* line 42, /Applications/MAMP/htdocs/billabong/global/scss/modals/_added_to_cart.scss */
#added-to-cart-overlay span {
  margin-bottom: 26px; }
/* line 46, /Applications/MAMP/htdocs/billabong/global/scss/modals/_added_to_cart.scss */
#added-to-cart-overlay p {
  line-height: 1;
  margin-top: 9px; }
/* line 51, /Applications/MAMP/htdocs/billabong/global/scss/modals/_added_to_cart.scss */
#added-to-cart-overlay button span.title {
  margin-bottom: 0px; }
/* line 55, /Applications/MAMP/htdocs/billabong/global/scss/modals/_added_to_cart.scss */
#added-to-cart-overlay .btn-cart {
  margin-top: 28px; }
/* line 59, /Applications/MAMP/htdocs/billabong/global/scss/modals/_added_to_cart.scss */
#added-to-cart-overlay .item-cell-row {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 0 60px; }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modals/_generic.scss */
.modal {
  position: absolute;
  z-index: 99999;
  overflow: visible;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }
  @media (min-width: 768px) and (max-width: 991px) {
    .modal {
      padding-right: 0px; } }

/* line 18, /Applications/MAMP/htdocs/billabong/global/scss/modals/_generic.scss */
.modal-dialog {
  top: 0px !important;
  width: 880px;
  height: 0px;
  margin: 0 auto; }
  @media (min-width: 768px) and (max-width: 991px) {
    .modal-dialog {
      width: 700px; } }
  /* line 29, /Applications/MAMP/htdocs/billabong/global/scss/modals/_generic.scss */
  .modal-dialog.modal-sm {
    max-width: 486px; }
  /* line 33, /Applications/MAMP/htdocs/billabong/global/scss/modals/_generic.scss */
  .modal-dialog .modal-header {
    position: absolute;
    width: 100%;
    height: 90px; }
    /* line 39, /Applications/MAMP/htdocs/billabong/global/scss/modals/_generic.scss */
    .modal-dialog .modal-header hr {
      margin: 23px auto 32px !important; }
    /* line 43, /Applications/MAMP/htdocs/billabong/global/scss/modals/_generic.scss */
    .modal-dialog .modal-header button {
      z-index: 10; }
  @media (min-width: 768px) and (max-width: 991px) {
    .modal-dialog .modal-body {
      padding: 60px 30px 60px 64px !important; } }
  /* line 55, /Applications/MAMP/htdocs/billabong/global/scss/modals/_generic.scss */
  .modal-dialog .modal-content {
    position: absolute;
    top: 90px;
    background: #fdfdfd;
    width: 100%; }
    /* line 62, /Applications/MAMP/htdocs/billabong/global/scss/modals/_generic.scss */
    .modal-dialog .modal-content .centered {
      text-align: center; }
  /* line 67, /Applications/MAMP/htdocs/billabong/global/scss/modals/_generic.scss */
  .modal-dialog textarea {
    margin-bottom: 25px;
    padding: 10px !important;
    -webkit-transition: box-shadow 160ms cubic-bezier(0.28, 0.01, 0.175, 1), -webkit-box-shadow 160ms cubic-bezier(0.28, 0.01, 0.175, 1), -moz-box-shadow 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
    -moz-transition: box-shadow 160ms cubic-bezier(0.28, 0.01, 0.175, 1), -webkit-box-shadow 160ms cubic-bezier(0.28, 0.01, 0.175, 1), -moz-box-shadow 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
    -o-transition: box-shadow 160ms cubic-bezier(0.28, 0.01, 0.175, 1), -webkit-box-shadow 160ms cubic-bezier(0.28, 0.01, 0.175, 1), -moz-box-shadow 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
    transition: box-shadow 160ms cubic-bezier(0.28, 0.01, 0.175, 1), -webkit-box-shadow 160ms cubic-bezier(0.28, 0.01, 0.175, 1), -moz-box-shadow 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
    /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
    -moz-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
    -o-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
    transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
    /* custom */ }
    /* line 82, /Applications/MAMP/htdocs/billabong/global/scss/modals/_generic.scss */
    .modal-dialog textarea:hover, .modal-dialog textarea:focus {
      margin-bottom: 23px; }
  /* line 87, /Applications/MAMP/htdocs/billabong/global/scss/modals/_generic.scss */
  .modal-dialog input {
    padding: 10px !important;
    -webkit-transition: box-shadow 160ms cubic-bezier(0.28, 0.01, 0.175, 1), -webkit-box-shadow 160ms cubic-bezier(0.28, 0.01, 0.175, 1), -moz-box-shadow 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
    -moz-transition: box-shadow 160ms cubic-bezier(0.28, 0.01, 0.175, 1), -webkit-box-shadow 160ms cubic-bezier(0.28, 0.01, 0.175, 1), -moz-box-shadow 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
    -o-transition: box-shadow 160ms cubic-bezier(0.28, 0.01, 0.175, 1), -webkit-box-shadow 160ms cubic-bezier(0.28, 0.01, 0.175, 1), -moz-box-shadow 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
    transition: box-shadow 160ms cubic-bezier(0.28, 0.01, 0.175, 1), -webkit-box-shadow 160ms cubic-bezier(0.28, 0.01, 0.175, 1), -moz-box-shadow 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
    /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
    -moz-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
    -o-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
    transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
    /* custom */ }
  /* line 102, /Applications/MAMP/htdocs/billabong/global/scss/modals/_generic.scss */
  .modal-dialog label {
    letter-spacing: 0.06em; }
  /* line 106, /Applications/MAMP/htdocs/billabong/global/scss/modals/_generic.scss */
  .modal-dialog .horizontal-sm {
    left: 0px;
    height: 2px;
    text-align: left;
    margin: 26px 0px; }
    /* line 112, /Applications/MAMP/htdocs/billabong/global/scss/modals/_generic.scss */
    .modal-dialog .horizontal-sm.centered {
      margin: 26px auto; }
  /* line 119, /Applications/MAMP/htdocs/billabong/global/scss/modals/_generic.scss */
  .modal-dialog .product-callout img {
    margin-left: -15px; }
  /* line 123, /Applications/MAMP/htdocs/billabong/global/scss/modals/_generic.scss */
  .modal-dialog .product-callout .horizontal-sm {
    left: 0px;
    text-align: left;
    margin: 26px 0px 23px 0px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .modal-dialog .product-callout {
      width: calc(50% - 25px);
      padding: 0;
      margin-right: 15px; } }
  /* line 138, /Applications/MAMP/htdocs/billabong/global/scss/modals/_generic.scss */
  .modal-dialog form .checkbox {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 16px; }
    /* line 145, /Applications/MAMP/htdocs/billabong/global/scss/modals/_generic.scss */
    .modal-dialog form .checkbox label {
      padding: 0px;
      margin: 0px; }
  /* line 151, /Applications/MAMP/htdocs/billabong/global/scss/modals/_generic.scss */
  .modal-dialog form .btn-primary {
    margin-top: 15px; }

/* line 157, /Applications/MAMP/htdocs/billabong/global/scss/modals/_generic.scss */
#modal-backdrop {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #292929;
  opacity: 0;
  z-index: 99999; }

/* line 4, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
#image-overlay-vertical, #image-overlay-horizontal, #image-overlay {
  left: 0px !important;
  top: 0px !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important; }
  /* line 12, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
  #image-overlay-vertical .modal-dialog, #image-overlay-horizontal .modal-dialog, #image-overlay .modal-dialog {
    width: 100%; }
  /* line 17, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
  #image-overlay-vertical button.close, #image-overlay-horizontal button.close, #image-overlay button.close {
    top: 25px; }
  /* line 21, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
  #image-overlay-vertical .modal-content, #image-overlay-horizontal .modal-content, #image-overlay .modal-content {
    position: relative;
    border: 0 none;
    background: transparent;
    overflow: visible;
    margin-top: 0px; }
    /* line 29, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
    #image-overlay-vertical .modal-content .modal-slider, #image-overlay-horizontal .modal-content .modal-slider, #image-overlay .modal-content .modal-slider {
      position: relative; }
    /* line 33, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
    #image-overlay-vertical .modal-content .slides, #image-overlay-horizontal .modal-content .slides, #image-overlay .modal-content .slides {
      position: relative;
      top: 0px;
      width: 100%;
      height: auto;
      z-index: 1;
      overflow: hidden; }
      /* line 42, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
      #image-overlay-vertical .modal-content .slides .slide, #image-overlay-horizontal .modal-content .slides .slide, #image-overlay .modal-content .slides .slide {
        position: relative;
        visibility: visible;
        top: 0px;
        width: 100%;
        height: auto;
        opacity: 0; }
        /* line 51, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
        #image-overlay-vertical .modal-content .slides .slide:not(:first-child), #image-overlay-horizontal .modal-content .slides .slide:not(:first-child), #image-overlay .modal-content .slides .slide:not(:first-child) {
          position: absolute;
          width: 100%;
          height: auto;
          visibility: hidden; }
        /* line 59, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
        #image-overlay-vertical .modal-content .slides .slide .slide-image, #image-overlay-horizontal .modal-content .slides .slide .slide-image, #image-overlay .modal-content .slides .slide .slide-image {
          position: relative;
          top: 0px;
          left: 0px;
          width: 100%;
          height: auto; }
    /* line 71, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
    #image-overlay-vertical .modal-content .jumbo-slider-controls, #image-overlay-horizontal .modal-content .jumbo-slider-controls, #image-overlay .modal-content .jumbo-slider-controls {
      position: absolute;
      width: 100%;
      top: 0px;
      z-index: 50; }
      /* line 78, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
      #image-overlay-vertical .modal-content .jumbo-slider-controls .jumbo-arrows, #image-overlay-horizontal .modal-content .jumbo-slider-controls .jumbo-arrows, #image-overlay .modal-content .jumbo-slider-controls .jumbo-arrows {
        position: absolute;
        width: 100%; }
        @media (min-width: 768px) and (max-width: 991px) {
          #image-overlay-vertical .modal-content .jumbo-slider-controls .jumbo-arrows, #image-overlay-horizontal .modal-content .jumbo-slider-controls .jumbo-arrows, #image-overlay .modal-content .jumbo-slider-controls .jumbo-arrows {
            display: none; } }
        /* line 87, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
        #image-overlay-vertical .modal-content .jumbo-slider-controls .jumbo-arrows .slider-arrow, #image-overlay-horizontal .modal-content .jumbo-slider-controls .jumbo-arrows .slider-arrow, #image-overlay .modal-content .jumbo-slider-controls .jumbo-arrows .slider-arrow {
          position: absolute;
          display: block;
          top: 0px;
          width: auto;
          height: auto;
          visibility: visible;
          margin-top: -38px; }
          /* line 97, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
          #image-overlay-vertical .modal-content .jumbo-slider-controls .jumbo-arrows .slider-arrow.slider-arrow-prev, #image-overlay-horizontal .modal-content .jumbo-slider-controls .jumbo-arrows .slider-arrow.slider-arrow-prev, #image-overlay .modal-content .jumbo-slider-controls .jumbo-arrows .slider-arrow.slider-arrow-prev {
            left: 0px; }
          /* line 101, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
          #image-overlay-vertical .modal-content .jumbo-slider-controls .jumbo-arrows .slider-arrow.slider-arrow-next, #image-overlay-horizontal .modal-content .jumbo-slider-controls .jumbo-arrows .slider-arrow.slider-arrow-next, #image-overlay .modal-content .jumbo-slider-controls .jumbo-arrows .slider-arrow.slider-arrow-next {
            right: 0px; }
          /* line 105, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
          #image-overlay-vertical .modal-content .jumbo-slider-controls .jumbo-arrows .slider-arrow button, #image-overlay-horizontal .modal-content .jumbo-slider-controls .jumbo-arrows .slider-arrow button, #image-overlay .modal-content .jumbo-slider-controls .jumbo-arrows .slider-arrow button {
            padding: 30px;
            background: transparent; }
          /* line 110, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
          #image-overlay-vertical .modal-content .jumbo-slider-controls .jumbo-arrows .slider-arrow svg, #image-overlay-horizontal .modal-content .jumbo-slider-controls .jumbo-arrows .slider-arrow svg, #image-overlay .modal-content .jumbo-slider-controls .jumbo-arrows .slider-arrow svg {
            position: relative;
            overflow: visible;
            width: 70px;
            height: 15px; }
            /* line 117, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
            #image-overlay-vertical .modal-content .jumbo-slider-controls .jumbo-arrows .slider-arrow svg *, #image-overlay-horizontal .modal-content .jumbo-slider-controls .jumbo-arrows .slider-arrow svg *, #image-overlay .modal-content .jumbo-slider-controls .jumbo-arrows .slider-arrow svg * {
              fill: #fdfdfd !important; }
      /* line 124, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
      #image-overlay-vertical .modal-content .jumbo-slider-controls .jumbo-pagination, #image-overlay-horizontal .modal-content .jumbo-slider-controls .jumbo-pagination, #image-overlay .modal-content .jumbo-slider-controls .jumbo-pagination {
        position: absolute;
        left: 0px;
        right: 0px;
        text-align: center; }
        /* line 131, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
        #image-overlay-vertical .modal-content .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item, #image-overlay-horizontal .modal-content .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item, #image-overlay .modal-content .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item {
          position: relative;
          display: inline-block;
          width: 7px;
          height: 7px;
          background: transparent;
          opacity: 0.5;
          padding: 15px;
          cursor: pointer;
          -webkit-transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
          -moz-transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
          -o-transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
          transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
          /* custom */
          -webkit-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
          -moz-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
          -o-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
          transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
          /* custom */ }
          /* line 153, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
          #image-overlay-vertical .modal-content .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item:not(:last-child), #image-overlay-horizontal .modal-content .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item:not(:last-child), #image-overlay .modal-content .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item:not(:last-child) {
            margin-right: 5px; }
          /* line 157, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
          #image-overlay-vertical .modal-content .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item .slider-pager-icon, #image-overlay-horizontal .modal-content .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item .slider-pager-icon, #image-overlay .modal-content .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item .slider-pager-icon {
            position: absolute;
            top: 12px;
            left: 12px;
            width: 6px;
            height: 6px;
            border: 4px solid #fff;
            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
            border-radius: 7px;
            -webkit-transition: all 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
            -moz-transition: all 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
            -o-transition: all 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
            transition: all 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
            /* custom */
            -webkit-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
            -moz-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
            -o-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
            transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
            /* custom */ }
          /* line 181, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
          #image-overlay-vertical .modal-content .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item .slash, #image-overlay-horizontal .modal-content .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item .slash, #image-overlay .modal-content .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item .slash {
            position: absolute;
            visibility: hidden;
            top: 14px;
            left: -12px;
            width: 56px;
            height: 2px;
            background: #fff; }
          /* line 192, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
          #image-overlay-vertical .modal-content .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item:hover, #image-overlay-horizontal .modal-content .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item:hover, #image-overlay .modal-content .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item:hover {
            opacity: 1 !important; }
          /* line 196, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
          #image-overlay-vertical .modal-content .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item.selected, #image-overlay-horizontal .modal-content .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item.selected, #image-overlay .modal-content .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item.selected {
            opacity: 1 !important; }
            /* line 200, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
            #image-overlay-vertical .modal-content .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item.selected .slider-pager-icon, #image-overlay-horizontal .modal-content .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item.selected .slider-pager-icon, #image-overlay .modal-content .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item.selected .slider-pager-icon {
              top: 5px;
              left: 5px;
              width: 20px;
              height: 20px;
              border: 2px solid #fff;
              -webkit-border-radius: 20px;
              -moz-border-radius: 20px;
              border-radius: 20px; }
    /* line 217, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
    #image-overlay-vertical .modal-content .slides-container, #image-overlay-horizontal .modal-content .slides-container, #image-overlay .modal-content .slides-container {
      position: relative;
      overflow: hidden; }
    /* line 223, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
    #image-overlay-vertical .modal-content .jumbo-slider-shadows, #image-overlay-horizontal .modal-content .jumbo-slider-shadows, #image-overlay .modal-content .jumbo-slider-shadows {
      position: absolute;
      top: 0px;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 2; }
      /* line 232, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
      #image-overlay-vertical .modal-content .jumbo-slider-shadows .shadow, #image-overlay-horizontal .modal-content .jumbo-slider-shadows .shadow, #image-overlay .modal-content .jumbo-slider-shadows .shadow {
        position: absolute;
        top: 0px;
        width: 356px;
        height: 100%; }
        /* line 239, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
        #image-overlay-vertical .modal-content .jumbo-slider-shadows .shadow.shadow-left, #image-overlay-horizontal .modal-content .jumbo-slider-shadows .shadow.shadow-left, #image-overlay .modal-content .jumbo-slider-shadows .shadow.shadow-left {
          display: none;
          left: 0px;
          background: url('../img/slider-control-gradient-left.png') repeat-y left top;
          opacity: 0; }
        /* line 247, /Applications/MAMP/htdocs/billabong/global/scss/modals/_image_overlay.scss */
        #image-overlay-vertical .modal-content .jumbo-slider-shadows .shadow.shadow-right, #image-overlay-horizontal .modal-content .jumbo-slider-shadows .shadow.shadow-right, #image-overlay .modal-content .jumbo-slider-shadows .shadow.shadow-right {
          display: none;
          right: 0px;
          background: url('../img/slider-control-gradient-right.png') repeat-y right top;
          opacity: 0; }

/* line 4, /Applications/MAMP/htdocs/billabong/global/scss/modals/_jumbo_video.scss */
.jumbo-video-modal .close {
  top: 20px !important;
  right: 0px !important; }
/* line 9, /Applications/MAMP/htdocs/billabong/global/scss/modals/_jumbo_video.scss */
.jumbo-video-modal .modal-content {
  background: rgba(42, 42, 42, 0.2);
  border: 0 none; }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modals/_product_zoom.scss */
.product-zoom-modal {
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  background: #f0f0f5; }
  /* line 9, /Applications/MAMP/htdocs/billabong/global/scss/modals/_product_zoom.scss */
  .product-zoom-modal.in button.close {
    top: 20px;
    right: 20px;
    z-index: 100; }
  /* line 15, /Applications/MAMP/htdocs/billabong/global/scss/modals/_product_zoom.scss */
  .product-zoom-modal .modal-dialog {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%; }
  /* line 23, /Applications/MAMP/htdocs/billabong/global/scss/modals/_product_zoom.scss */
  .product-zoom-modal .modal-content {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    max-width: 1920px;
    background: #f0f1f3;
    border: 0 none; }
  /* line 34, /Applications/MAMP/htdocs/billabong/global/scss/modals/_product_zoom.scss */
  .product-zoom-modal .modal-backdrop {
    background-color: #f0f0f5 !important; }
  /* line 38, /Applications/MAMP/htdocs/billabong/global/scss/modals/_product_zoom.scss */
  .product-zoom-modal .thumbs-container {
    position: absolute;
    top: 50%;
    margin-left: 90px;
    margin-top: -190px;
    z-index: 10; }
    /* line 46, /Applications/MAMP/htdocs/billabong/global/scss/modals/_product_zoom.scss */
    .product-zoom-modal .thumbs-container .thumbs-slider-wrapper {
      position: relative;
      max-height: 300px;
      padding-bottom: 18px;
      margin-bottom: -18px;
      overflow: hidden; }
      @media (min-width: 768px) and (max-width: 991px) {
        .product-zoom-modal .thumbs-container .thumbs-slider-wrapper {
          max-height: 240px; } }
    /* line 59, /Applications/MAMP/htdocs/billabong/global/scss/modals/_product_zoom.scss */
    .product-zoom-modal .thumbs-container .thumbs-list {
      width: 100%; }
      /* line 63, /Applications/MAMP/htdocs/billabong/global/scss/modals/_product_zoom.scss */
      .product-zoom-modal .thumbs-container .thumbs-list li {
        position: relative;
        overflow: visible;
        height: 80px !important;
        display: block !important;
        margin-top: 20px; }
        /* line 71, /Applications/MAMP/htdocs/billabong/global/scss/modals/_product_zoom.scss */
        .product-zoom-modal .thumbs-container .thumbs-list li:first-child {
          margin-top: 0px; }
        /* line 75, /Applications/MAMP/htdocs/billabong/global/scss/modals/_product_zoom.scss */
        .product-zoom-modal .thumbs-container .thumbs-list li a {
          position: absolute;
          left: 0px;
          right: 0px;
          margin: 0 auto;
          border: 0 none !important;
          width: 80px !important;
          height: 80px !important; }
    /* line 88, /Applications/MAMP/htdocs/billabong/global/scss/modals/_product_zoom.scss */
    .product-zoom-modal .thumbs-container .item-details-slider-controls-up, .product-zoom-modal .thumbs-container .item-details-slider-controls-down {
      width: 88px;
      display: block;
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
  /* line 97, /Applications/MAMP/htdocs/billabong/global/scss/modals/_product_zoom.scss */
  .product-zoom-modal .bg-image-wrapper {
    position: absolute;
    z-index: 1; }
    /* line 102, /Applications/MAMP/htdocs/billabong/global/scss/modals/_product_zoom.scss */
    .product-zoom-modal .bg-image-wrapper img {
      position: absolute;
      top: 0px;
      left: 0px;
      max-width: none;
      max-height: none; }

/* line 6, /Applications/MAMP/htdocs/billabong/global/scss/modals/_rate_this_product.scss */
#rate-product-overlay .modal-dialog textarea#review-headline {
  margin-bottom: 17px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  /* line 14, /Applications/MAMP/htdocs/billabong/global/scss/modals/_rate_this_product.scss */
  #rate-product-overlay .modal-dialog textarea#review-headline:hover, #rate-product-overlay .modal-dialog textarea#review-headline:focus {
    margin-bottom: 15px; }
/* line 19, /Applications/MAMP/htdocs/billabong/global/scss/modals/_rate_this_product.scss */
#rate-product-overlay .modal-dialog textarea#review {
  margin-bottom: 17px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  /* line 27, /Applications/MAMP/htdocs/billabong/global/scss/modals/_rate_this_product.scss */
  #rate-product-overlay .modal-dialog textarea#review:hover, #rate-product-overlay .modal-dialog textarea#review:focus {
    margin-bottom: 17px; }
/* line 32, /Applications/MAMP/htdocs/billabong/global/scss/modals/_rate_this_product.scss */
#rate-product-overlay .modal-dialog .btn-primary {
  margin-top: 3px; }
/* line 36, /Applications/MAMP/htdocs/billabong/global/scss/modals/_rate_this_product.scss */
#rate-product-overlay .modal-dialog .product-callout {
  padding-left: 30px; }
  /* line 40, /Applications/MAMP/htdocs/billabong/global/scss/modals/_rate_this_product.scss */
  #rate-product-overlay .modal-dialog .product-callout small {
    margin-top: 23px; }
  /* line 44, /Applications/MAMP/htdocs/billabong/global/scss/modals/_rate_this_product.scss */
  #rate-product-overlay .modal-dialog .product-callout span {
    color: #37383a; }
/* line 49, /Applications/MAMP/htdocs/billabong/global/scss/modals/_rate_this_product.scss */
#rate-product-overlay .modal-dialog .review-col {
  padding-left: 30px; }
/* line 53, /Applications/MAMP/htdocs/billabong/global/scss/modals/_rate_this_product.scss */
#rate-product-overlay .modal-dialog i.global-views-star-rating-empty {
  cursor: pointer;
  margin-right: 0px;
  padding: 0 7px;
  letter-spacing: 0; }

/* line 4, /Applications/MAMP/htdocs/billabong/global/scss/modals/_register_login.scss */
#register-login-overlay h2 {
  margin-top: 12px;
  margin-bottom: 23px; }
/* line 9, /Applications/MAMP/htdocs/billabong/global/scss/modals/_register_login.scss */
#register-login-overlay p {
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 29px;
  padding: 0 !important; }
/* line 16, /Applications/MAMP/htdocs/billabong/global/scss/modals/_register_login.scss */
#register-login-overlay a.uppercase {
  position: relative;
  float: left;
  width: 100%;
  font-size: 11px;
  line-height: 1;
  margin: 14px 0 8px 0;
  letter-spacing: 0.06em; }
/* line 27, /Applications/MAMP/htdocs/billabong/global/scss/modals/_register_login.scss */
#register-login-overlay hr.vertical {
  margin: 0 -10px 0 0; }
/* line 31, /Applications/MAMP/htdocs/billabong/global/scss/modals/_register_login.scss */
#register-login-overlay .checkbox label {
  text-transform: none;
  letter-spacing: 0.02em;
  font-size: 12px;
  color: #2a2a2a; }
/* line 38, /Applications/MAMP/htdocs/billabong/global/scss/modals/_register_login.scss */
#register-login-overlay .modal-body {
  padding: 60px 0px 60px 0px !important; }
/* line 42, /Applications/MAMP/htdocs/billabong/global/scss/modals/_register_login.scss */
#register-login-overlay .col-sm-12 {
  padding: 0 60px; }
@media (min-width: 768px) and (max-width: 991px) {
  /* line 48, /Applications/MAMP/htdocs/billabong/global/scss/modals/_register_login.scss */
  #register-login-overlay .modal-body {
    padding: 60px 0px 60px 0px !important; }
  /* line 52, /Applications/MAMP/htdocs/billabong/global/scss/modals/_register_login.scss */
  #register-login-overlay .col-sm-12 {
    padding: 0 50px; } }

/* line 4, /Applications/MAMP/htdocs/billabong/global/scss/modals/_shop_the_look.scss */
#shop-the-look-overlay .modal-body {
  padding: 60px 20px 60px 70px !important; }
/* line 8, /Applications/MAMP/htdocs/billabong/global/scss/modals/_shop_the_look.scss */
#shop-the-look-overlay .left-col {
  padding: 0px; }
/* line 12, /Applications/MAMP/htdocs/billabong/global/scss/modals/_shop_the_look.scss */
#shop-the-look-overlay .the-look {
  padding-right: 35px; }
  /* line 16, /Applications/MAMP/htdocs/billabong/global/scss/modals/_shop_the_look.scss */
  #shop-the-look-overlay .the-look .item-views-option-tile {
    margin-top: 20px;
    margin-bottom: 0px; }
/* line 22, /Applications/MAMP/htdocs/billabong/global/scss/modals/_shop_the_look.scss */
#shop-the-look-overlay .left-description {
  margin: 29px 0 0 60px; }
  /* line 26, /Applications/MAMP/htdocs/billabong/global/scss/modals/_shop_the_look.scss */
  #shop-the-look-overlay .left-description p {
    font-family: "Maison Neue Bold",Calibri,Arial,Roboto,sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #2a2a2a;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-top: 0px; }
  /* line 35, /Applications/MAMP/htdocs/billabong/global/scss/modals/_shop_the_look.scss */
  #shop-the-look-overlay .left-description .list {
    margin-bottom: 30px; }
    /* line 39, /Applications/MAMP/htdocs/billabong/global/scss/modals/_shop_the_look.scss */
    #shop-the-look-overlay .left-description .list li {
      margin-bottom: -2px;
      font-size: 13px;
      letter-spacing: 0em; }
/* line 49, /Applications/MAMP/htdocs/billabong/global/scss/modals/_shop_the_look.scss */
#shop-the-look-overlay .grid-quick-shop .btn-image-label {
  padding: 0; }
@media (min-width: 768px) and (max-width: 991px) {
  /* line 56, /Applications/MAMP/htdocs/billabong/global/scss/modals/_shop_the_look.scss */
  #shop-the-look-overlay .left-description {
    margin: 29px 0 0 40px; } }

/* line 3, /Applications/MAMP/htdocs/billabong/global/scss/modals/_region_language.scss */
#region-language-modal small {
  margin-bottom: 20px; }
/* line 9, /Applications/MAMP/htdocs/billabong/global/scss/modals/_region_language.scss */
#region-language-modal ul li {
  font-family: "Maison Neue Bold",Calibri,Arial,Roboto,sans-serif;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px; }
  /* line 14, /Applications/MAMP/htdocs/billabong/global/scss/modals/_region_language.scss */
  #region-language-modal ul li:last-child {
    margin-bottom: 0; }
  /* line 18, /Applications/MAMP/htdocs/billabong/global/scss/modals/_region_language.scss */
  #region-language-modal ul li a {
    color: #37383a; }

/* individual page modules */
/* line 1, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_block.scss */
.gender-block {
  position: relative;
  z-index: 1;
  overflow: hidden;
  opacity: 0; }
  /* line 8, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_block.scss */
  .gender-block a.home-gender-image {
    overflow: hidden; }
  /* line 12, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_block.scss */
  .gender-block .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #1e1e1e;
    z-index: 100;
    visibility: hidden; }
  /* line 25, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_block.scss */
  .gender-block .text-content h2 {
    position: relative;
    text-transform: none; }
    /* line 29, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_block.scss */
    .gender-block .text-content h2 .line-wrapper {
      overflow: hidden;
      width: 100% !important; }
    /* line 34, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_block.scss */
    .gender-block .text-content h2 .line {
      width: 100% !important; }
    @media (min-width: 1480px) {
      .gender-block .text-content h2 {
        font-size: 120px; } }
    @media (min-width: 1200px) and (max-width: 1479px) {
      .gender-block .text-content h2 {
        font-size: 100px !important; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .gender-block .text-content h2 {
        font-size: 80px !important; } }
  /* line 56, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_block.scss */
  .gender-block .home-gender-button {
    margin-top: 25px !important; }
    @media (min-width: 1200px) and (max-width: 1479px) {
      .gender-block .home-gender-button {
        margin-top: 18px !important; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .gender-block .home-gender-button {
        margin-top: 2px !important; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .gender-block .home-gender-button {
        margin-top: -5px !important; } }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_bottom_images.scss */
.social-bottom-images {
  background: transparent;
  white-space: nowrap;
  overflow: hidden; }
  /* line 8, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_bottom_images.scss */
  .social-bottom-images .social-bottom-image-wrapper {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-right: -4px;
    margin-bottom: -10px; }
    /* line 16, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_bottom_images.scss */
    .social-bottom-images .social-bottom-image-wrapper .social-bottom-image {
      position: relative;
      float: none;
      width: 100%;
      height: auto; }

@media (min-width: 992px) and (max-width: 1199px) {
  .gender-community {
    margin-top: 60px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .gender-community {
    margin-top: 60px; } }
/* line 16, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_community.scss */
.gender-community .gender-community-main-wrapper {
  background: transparent; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .gender-community .gender-community-main-wrapper {
      margin-top: 87px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .gender-community .gender-community-main-wrapper {
      margin-top: 87px; } }
/* line 33, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_community.scss */
.gender-community .gender-community-main {
  overflow: hidden;
  background: transparent; }
/* line 38, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_community.scss */
.gender-community .gender-community-main-content {
  max-width: 80%; }
  /* line 42, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_community.scss */
  .gender-community .gender-community-main-content h2 {
    position: relative;
    letter-spacing: 0.006em;
    line-height: 77px;
    margin-left: -4px;
    text-transform: none; }
    /* line 50, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_community.scss */
    .gender-community .gender-community-main-content h2 .line-wrapper {
      width: 100% !important;
      overflow: hidden; }
    /* line 55, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_community.scss */
    .gender-community .gender-community-main-content h2 .line {
      width: 100% !important;
      white-space: nowrap; }
  /* line 61, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_community.scss */
  .gender-community .gender-community-main-content p {
    font-family: "Maison Neue Bold",Calibri,Arial,Roboto,sans-serif;
    font-weight: 700;
    letter-spacing: 0.3em;
    margin-top: 31px;
    margin-bottom: 31px;
    line-height: 1;
    overflow: hidden; }
    /* line 69, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_community.scss */
    .gender-community .gender-community-main-content p span {
      display: inline-block;
      position: relative; }
  /* line 75, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_community.scss */
  .gender-community .gender-community-main-content .btn-outline {
    margin-top: 17px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .gender-community .gender-community-main-content {
      margin-top: -120px;
      left: 32px; }
      /* line 96, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_community.scss */
      .gender-community .gender-community-main-content h2 {
        font-size: 36px;
        line-height: 45px; }
      /* line 101, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_community.scss */
      .gender-community .gender-community-main-content p {
        margin-top: 18px;
        margin-bottom: 21px;
        font-size: 12px; }
      /* line 107, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_community.scss */
      .gender-community .gender-community-main-content .btn-video-play {
        margin-bottom: -27px; } }
/* line 113, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_community.scss */
.gender-community .gender-community-secondary-team-link-arrow {
  vertical-align: middle !important; }
/* line 117, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_community.scss */
.gender-community .gender-community-secondary-team-link {
  margin-top: 37px; }
/* line 121, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_community.scss */
.gender-community .gender-community-secondary-team-link-arrow {
  overflow: hidden; }
/* line 127, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_community.scss */
.gender-community .gender-community-secondary-content-wrapper h2 {
  text-transform: none; }
/* line 131, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_community.scss */
.gender-community .gender-community-secondary-content-wrapper p.gender-community-secondary-description {
  text-transform: none; }
@media (min-width: 768px) and (max-width: 991px) {
  .gender-community .gender-community-secondary-content-wrapper {
    width: calc(32% - 1px); } }

/* line 6, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_featured_categories.scss */
.gender-featured-categories {
  padding-bottom: 20px;
  margin-bottom: -12px; }
  /* line 13, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_featured_categories.scss */
  .gender-featured-categories h1 {
    letter-spacing: -0.006em;
    text-transform: none; }
  /* line 18, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_featured_categories.scss */
  .gender-featured-categories h2 {
    margin-top: 36px;
    letter-spacing: 0.32em; }
  /* line 24, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_featured_categories.scss */
  .gender-featured-categories p.gender-featured-categories-description {
    margin-top: 9px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .gender-featured-categories p.gender-featured-categories-description {
        font-size: 12px;
        line-height: 19px; } }
  /* line 33, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_featured_categories.scss */
  .gender-featured-categories a.gender-featured-categories-link {
    margin-top: 24px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .gender-featured-categories a.gender-featured-categories-link {
        font-size: 11px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .gender-featured-categories {
      margin-top: 78px; }
      /* line 48, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_featured_categories.scss */
      .gender-featured-categories h1 {
        font-size: 48px;
        line-height: 1; }
      /* line 53, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_featured_categories.scss */
      .gender-featured-categories h2 {
        font-size: 14px;
        margin-top: 24px; }
      /* line 58, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_featured_categories.scss */
      .gender-featured-categories p.gender-featured-categories-description {
        font-size: 13px;
        line-height: 19px;
        margin-top: 13px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .gender-featured-categories {
      margin-top: 76px; } }
  /* line 76, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_featured_categories.scss */
  .gender-featured-categories .gender-featured-categories-right-column, .gender-featured-categories .gender-featured-categories-left-cell-top, .gender-featured-categories .gender-featured-categories-right-row-top, .gender-featured-categories .gender-featured-categories-right-bottom-cell-left, .gender-featured-categories .gender-featured-categories-right-row-bottom {
    overflow: visible; }
  @media (min-width: 768px) and (max-width: 991px) {
    .gender-featured-categories .gender-featured-categories-left-cell-top {
      min-height: 305px;
      margin-left: 0px;
      width: 100%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .gender-featured-categories .gender-featured-categories-left-cell-mid {
      margin-top: 57px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .gender-featured-categories .gender-featured-categories-right-row-bottom {
      margin-top: 62px; } }
  @media (min-width: 1480px) {
    /* line 107, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_featured_categories.scss */
    .gender-featured-categories .gender-featured-categories-left-cell-mid {
      margin-top: 67px; } }
  @media (min-width: 1200px) and (max-width: 1479px) {
    .gender-featured-categories .gender-featured-categories-left-column {
      width: calc(33.333%); } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .gender-featured-categories .gender-featured-categories-left-column {
      width: calc(33.333%); } }
  @media (min-width: 768px) and (max-width: 991px) {
    .gender-featured-categories .gender-featured-categories-left-column {
      width: calc(33.333%); } }
  @media (min-width: 1200px) and (max-width: 1479px) {
    .gender-featured-categories .gender-featured-categories-right-column {
      width: calc(66.667% - 71px);
      margin-left: 70px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .gender-featured-categories .gender-featured-categories-right-column {
      width: calc(66.667% - 41px);
      margin-left: 40px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .gender-featured-categories .gender-featured-categories-right-column {
      width: calc(66.667% - 41px);
      margin-left: 40px; } }

/* line 148, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_featured_categories.scss */
.btn-gender-featured-category {
  position: relative;
  float: left;
  overflow: visible;
  margin-bottom: -5px; }
  /* line 155, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_featured_categories.scss */
  .btn-gender-featured-category .gender-featured-category-name {
    margin-bottom: 0px;
    padding-bottom: 16px;
    white-space: nowrap;
    width: 100%; }
    /* line 162, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_featured_categories.scss */
    .btn-gender-featured-category .gender-featured-category-name .arrow {
      position: relative;
      display: inline-block;
      top: -1px;
      width: 29px;
      height: 5px;
      margin-left: 7px;
      overflow: hidden;
      visibility: hidden; }
      /* line 173, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_featured_categories.scss */
      .btn-gender-featured-category .gender-featured-category-name .arrow svg {
        position: absolute;
        width: 100%;
        height: 100%; }
  /* line 181, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_featured_categories.scss */
  .btn-gender-featured-category .gender-featured-category-thumb {
    overflow: hidden;
    max-width: 100%; }
  /* line 186, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_featured_categories.scss */
  .btn-gender-featured-category .tabs-wrapper {
    position: absolute;
    width: 100%;
    bottom: -15px;
    text-align: center; }
  /* line 193, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_featured_categories.scss */
  .btn-gender-featured-category .rollover-tab {
    background-color: #252627;
    display: inline-block;
    float: none;
    height: 30px;
    margin-left: 8px;
    color: #ffffff;
    font-size: 10px;
    letter-spacing: 0.1em;
    line-height: 30px;
    padding: 0 20px;
    text-transform: uppercase;
    text-align: center;
    opacity: 0;
    vertical-align: bottom; }
    /* line 210, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_featured_categories.scss */
    .btn-gender-featured-category .rollover-tab:first-child {
      margin-left: 0px; }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_masonry.scss */
.gender-masonry-wrapper {
  background: transparent; }

/* line 6, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_masonry.scss */
.masonry-cell {
  overflow: hidden; }
  /* line 10, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_masonry.scss */
  .masonry-cell span {
    display: inline-block; }
  /* line 16, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_masonry.scss */
  .masonry-cell:hover .masonry-overlay {
    display: block; }
  /* line 23, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_masonry.scss */
  .masonry-cell.masonry-cell-instagram .masonry-overlay-title {
    margin-top: 25px;
    font-size: 28px;
    line-height: 43.2px; }
    @media (min-width: 1200px) and (max-width: 1479px) {
      .masonry-cell.masonry-cell-instagram .masonry-overlay-title {
        font-size: 24px;
        line-height: 38.4px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .masonry-cell.masonry-cell-instagram .masonry-overlay-title {
        font-size: 24px;
        line-height: 38.4px;
        margin-top: 18px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .masonry-cell.masonry-cell-instagram .masonry-overlay-title {
        font-size: 18px;
        line-height: 28.8px;
        margin-top: 12px; } }
  /* line 48, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_masonry.scss */
  .masonry-cell.masonry-cell-instagram .masonry-overlay-link {
    margin-top: 28px;
    letter-spacing: 0.32em; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .masonry-cell.masonry-cell-instagram .masonry-overlay-link {
        margin-top: 16px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .masonry-cell.masonry-cell-instagram .masonry-overlay-link {
        margin-top: 14px; } }
  /* line 67, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_masonry.scss */
  .masonry-cell .masonry-overlay {
    display: block;
    opacity: 0;
    background: rgba(30, 30, 30, 0.85); }
    /* line 73, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_masonry.scss */
    .masonry-cell .masonry-overlay .masonry-overlay-title {
      position: relative;
      top: 0px;
      left: 0px;
      width: 100%;
      margin-top: 23px;
      font-size: 44px;
      line-height: 62.4px; }
      /* line 84, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_masonry.scss */
      .masonry-cell .masonry-overlay .masonry-overlay-title .line-wrapper {
        width: 112% !important;
        overflow: hidden;
        white-space: nowrap; }
      @media (min-width: 1200px) and (max-width: 1479px) {
        .masonry-cell .masonry-overlay .masonry-overlay-title {
          font-size: 36px;
          line-height: 48px;
          margin-top: 24px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .masonry-cell .masonry-overlay .masonry-overlay-title {
          font-size: 28px;
          line-height: 38.4px;
          margin-top: 18px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .masonry-cell .masonry-overlay .masonry-overlay-title {
          font-size: 22px;
          line-height: 31.2px;
          margin-top: 2px; } }
    /* line 109, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_masonry.scss */
    .masonry-cell .masonry-overlay .masonry-overlay-link {
      margin-top: 26px;
      letter-spacing: 0.32em;
      overflow: hidden; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .masonry-cell .masonry-overlay .masonry-overlay-link {
          margin-top: 16px;
          font-size: 12px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .masonry-cell .masonry-overlay .masonry-overlay-link {
          margin-top: 4px;
          font-size: 10px; } }
    /* line 130, /Applications/MAMP/htdocs/billabong/global/scss/modules/_gender_masonry.scss */
    .masonry-cell .masonry-overlay .masonry-overlay-link-line {
      position: relative;
      top: -1px;
      border: 0 none;
      height: 2px;
      background: #fff; }

/* line 3, /Applications/MAMP/htdocs/billabong/global/scss/modules/_attribute_selector.scss */
.attribute-selector-container .attribute-selector, .attribute-selector {
  padding: 9px 20px 7px;
  background: #fdfdfd !important;
  height: 40px;
  -webkit-box-shadow: 2px 2px 0px 0px rgba(49, 49, 50, 0);
  -moz-box-shadow: 2px 2px 0px 0px rgba(49, 49, 50, 0);
  box-shadow: 2px 2px 0px 0px rgba(49, 49, 50, 0);
  -webkit-transition: box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), -webkit-box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), -moz-box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), height 160ms ease-out;
  -moz-transition: box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), -webkit-box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), -moz-box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), height 160ms ease-out;
  -o-transition: box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), -webkit-box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), -moz-box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), height 160ms ease-out;
  transition: box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), -webkit-box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), -moz-box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), height 160ms ease-out;
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
  transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
  /* custom */ }
  /* line 23, /Applications/MAMP/htdocs/billabong/global/scss/modules/_attribute_selector.scss */
  .attribute-selector-container .attribute-selector ul, .attribute-selector ul {
    padding-bottom: 10px; }
  /* line 27, /Applications/MAMP/htdocs/billabong/global/scss/modules/_attribute_selector.scss */
  .attribute-selector-container .attribute-selector.expanded, .attribute-selector.expanded {
    height: auto; }
  /* line 33, /Applications/MAMP/htdocs/billabong/global/scss/modules/_attribute_selector.scss */
  .attribute-selector-container .attribute-selector:hover, .attribute-selector-container .attribute-selector.expanded, .attribute-selector-container .attribute-selector:hover.expanded, .attribute-selector:hover, .attribute-selector.expanded, .attribute-selector:hover.expanded {
    padding: 8px 19px 6px;
    border-width: 2px;
    -webkit-box-shadow: 4px 4px 0px 0px rgba(49, 49, 50, 0.1);
    -moz-box-shadow: 4px 4px 0px 0px rgba(49, 49, 50, 0.1);
    box-shadow: 4px 4px 0px 0px rgba(49, 49, 50, 0.1); }
  /* line 45, /Applications/MAMP/htdocs/billabong/global/scss/modules/_attribute_selector.scss */
  .attribute-selector-container .attribute-selector ul li, .attribute-selector ul li {
    position: relative;
    -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1);
    -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -moz-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -o-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
    /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    /* custom */ }
    /* line 61, /Applications/MAMP/htdocs/billabong/global/scss/modules/_attribute_selector.scss */
    .attribute-selector-container .attribute-selector ul li hr, .attribute-selector ul li hr {
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%;
      height: 1px;
      background: #cccfd1;
      opacity: 0; }
    /* line 73, /Applications/MAMP/htdocs/billabong/global/scss/modules/_attribute_selector.scss */
    .attribute-selector-container .attribute-selector ul li:hover, .attribute-selector-container .attribute-selector ul li.selected, .attribute-selector ul li:hover, .attribute-selector ul li.selected {
      border-bottom: none; }
    /* line 77, /Applications/MAMP/htdocs/billabong/global/scss/modules/_attribute_selector.scss */
    .attribute-selector-container .attribute-selector ul li.selected, .attribute-selector ul li.selected {
      color: #313132;
      background: transparent;
      padding: 0px;
      margin: 0 20px; }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_buttons.scss */
.btn-image-label {
  position: relative;
  left: 0px;
  top: 0px;
  float: left;
  overflow: visible;
  margin-bottom: -5px; }
  /* line 11, /Applications/MAMP/htdocs/billabong/global/scss/modules/_buttons.scss */
  .btn-image-label .image-wrapper {
    position: relative;
    left: 0px;
    top: 0px;
    float: left;
    overflow: hidden; }
  /* line 19, /Applications/MAMP/htdocs/billabong/global/scss/modules/_buttons.scss */
  .btn-image-label .tabs-wrapper {
    position: absolute;
    width: 100%;
    bottom: -15px;
    text-align: center; }
  /* line 26, /Applications/MAMP/htdocs/billabong/global/scss/modules/_buttons.scss */
  .btn-image-label .rollover-tab {
    background-color: #252627;
    display: inline-block;
    float: none;
    height: 30px;
    color: #ffffff;
    font-size: 10px;
    letter-spacing: 0.1em;
    line-height: 30px;
    padding: 0 20px;
    text-transform: uppercase;
    text-align: center;
    opacity: 0; }

/* line 43, /Applications/MAMP/htdocs/billabong/global/scss/modules/_buttons.scss */
.btn-arrow-label {
  color: #1e1e1e; }
  /* line 47, /Applications/MAMP/htdocs/billabong/global/scss/modules/_buttons.scss */
  .btn-arrow-label:hover {
    color: #1e1e1e; }
  /* line 52, /Applications/MAMP/htdocs/billabong/global/scss/modules/_buttons.scss */
  .btn-arrow-label.sm .right-link-arrow {
    margin-top: 0px;
    top: 4px; }
  /* line 58, /Applications/MAMP/htdocs/billabong/global/scss/modules/_buttons.scss */
  .btn-arrow-label .right-link-arrow {
    display: inline-block;
    position: relative;
    overflow: hidden;
    top: 0px;
    margin-top: -2px; }

/* line 68, /Applications/MAMP/htdocs/billabong/global/scss/modules/_buttons.scss */
a.btn-secondary {
  background: #fdfdfd; }

/* line 75, /Applications/MAMP/htdocs/billabong/global/scss/modules/_buttons.scss */
.video-block .btn-close, .jumbo-video .btn-close {
  position: absolute;
  top: 20px;
  right: 30px;
  width: 40px;
  height: 40px;
  z-index: 100;
  visibility: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(55, 56, 58, 0.8);
  color: #f9fafb;
  font-size: 26px; }
  /* line 94, /Applications/MAMP/htdocs/billabong/global/scss/modules/_buttons.scss */
  .video-block .btn-close .icon, .jumbo-video .btn-close .icon {
    font-family: "Maison Neue Medium", Calibri, Arial, Roboto, sans-serif;
    font-style: normal;
    text-transform: none;
    font-size: inherit; }
  /* line 101, /Applications/MAMP/htdocs/billabong/global/scss/modules/_buttons.scss */
  .video-block .btn-close::before, .jumbo-video .btn-close::before {
    display: none;
    content: ''; }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_category_thumb.scss */
.btn-category-thumb {
  overflow: visible;
  margin-bottom: -5px; }
  /* line 7, /Applications/MAMP/htdocs/billabong/global/scss/modules/_category_thumb.scss */
  .btn-category-thumb.grid-thumb {
    margin-bottom: 32px; }
  /* line 11, /Applications/MAMP/htdocs/billabong/global/scss/modules/_category_thumb.scss */
  .btn-category-thumb.bottom-center-label {
    margin-bottom: 55px; }
  /* line 15, /Applications/MAMP/htdocs/billabong/global/scss/modules/_category_thumb.scss */
  .btn-category-thumb a {
    display: inline-block;
    position: relative; }
  /* line 20, /Applications/MAMP/htdocs/billabong/global/scss/modules/_category_thumb.scss */
  .btn-category-thumb .arrow {
    position: relative;
    display: inline-block;
    top: -1px;
    width: 29px;
    height: 5px;
    margin-left: 7px;
    overflow: hidden;
    visibility: hidden; }
  /* line 31, /Applications/MAMP/htdocs/billabong/global/scss/modules/_category_thumb.scss */
  .btn-category-thumb .category-name {
    text-transform: uppercase;
    font-size: 11px;
    color: #1e1e1e;
    display: block;
    float: left;
    clear: both;
    letter-spacing: 0.02em;
    margin-bottom: 0px;
    padding-bottom: 16px;
    font-family: "Maison Neue Demi",Calibri,Arial,Roboto,sans-serif;
    font-weight: 600; }
    /* line 45, /Applications/MAMP/htdocs/billabong/global/scss/modules/_category_thumb.scss */
    .btn-category-thumb .category-name svg {
      position: absolute;
      width: 100%;
      height: 100%; }
  /* line 53, /Applications/MAMP/htdocs/billabong/global/scss/modules/_category_thumb.scss */
  .btn-category-thumb .category-thumb, .btn-category-thumb .img-wrapper {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 100%; }
    /* line 60, /Applications/MAMP/htdocs/billabong/global/scss/modules/_category_thumb.scss */
    .btn-category-thumb .category-thumb img, .btn-category-thumb .img-wrapper img {
      width: 100%;
      height: auto; }
  /* line 66, /Applications/MAMP/htdocs/billabong/global/scss/modules/_category_thumb.scss */
  .btn-category-thumb .tabs-wrapper {
    position: absolute;
    width: 100%;
    bottom: -6px;
    text-align: center; }
  /* line 73, /Applications/MAMP/htdocs/billabong/global/scss/modules/_category_thumb.scss */
  .btn-category-thumb .rollover-tab {
    background-color: #252627;
    display: inline-block;
    float: none;
    height: 30px;
    color: #ffffff;
    font-size: 10px;
    letter-spacing: 0.1em;
    line-height: 30px;
    padding: 0 20px;
    text-transform: uppercase;
    text-align: center;
    opacity: 0; }
    /* line 88, /Applications/MAMP/htdocs/billabong/global/scss/modules/_category_thumb.scss */
    .btn-category-thumb .rollover-tab:not(:first-child) {
      margin-left: 8px; }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_collection_thumb.scss */
.btn-collection-thumb {
  overflow: visible;
  margin-bottom: -5px; }
  /* line 7, /Applications/MAMP/htdocs/billabong/global/scss/modules/_collection_thumb.scss */
  .btn-collection-thumb.grid-thumb {
    margin-bottom: 32px; }
  /* line 11, /Applications/MAMP/htdocs/billabong/global/scss/modules/_collection_thumb.scss */
  .btn-collection-thumb.bottom-center-label {
    margin-bottom: 55px; }
  /* line 15, /Applications/MAMP/htdocs/billabong/global/scss/modules/_collection_thumb.scss */
  .btn-collection-thumb a {
    display: inline-block;
    position: relative; }
  /* line 20, /Applications/MAMP/htdocs/billabong/global/scss/modules/_collection_thumb.scss */
  .btn-collection-thumb .arrow {
    position: relative;
    display: inline-block;
    top: -1px;
    width: 29px;
    height: 5px;
    margin-left: 7px;
    overflow: hidden;
    visibility: hidden; }
  /* line 31, /Applications/MAMP/htdocs/billabong/global/scss/modules/_collection_thumb.scss */
  .btn-collection-thumb .category-name {
    text-transform: uppercase;
    font-size: 11px;
    color: #1e1e1e;
    display: block;
    float: left;
    clear: both;
    letter-spacing: 0.02em;
    margin-bottom: 0px;
    padding-bottom: 16px;
    font-family: "Maison Neue Demi",Calibri,Arial,Roboto,sans-serif;
    font-weight: 600; }
    /* line 45, /Applications/MAMP/htdocs/billabong/global/scss/modules/_collection_thumb.scss */
    .btn-collection-thumb .category-name svg {
      position: absolute;
      width: 100%;
      height: 100%; }
  /* line 53, /Applications/MAMP/htdocs/billabong/global/scss/modules/_collection_thumb.scss */
  .btn-collection-thumb .category-thumb, .btn-collection-thumb .img-wrapper {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 100%; }
    /* line 60, /Applications/MAMP/htdocs/billabong/global/scss/modules/_collection_thumb.scss */
    .btn-collection-thumb .category-thumb img, .btn-collection-thumb .img-wrapper img {
      width: 100%;
      height: auto; }
  /* line 66, /Applications/MAMP/htdocs/billabong/global/scss/modules/_collection_thumb.scss */
  .btn-collection-thumb .overlay-content {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    background: rgba(30, 30, 30, 0.85);
    z-index: 2; }
    /* line 78, /Applications/MAMP/htdocs/billabong/global/scss/modules/_collection_thumb.scss */
    .btn-collection-thumb .overlay-content .overlay-title {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      margin-top: 0px;
      font-size: 44px;
      line-height: 62.4px;
      text-align: center;
      font-family: "Maison Neue Bold",Calibri,Arial,Roboto,sans-serif;
      font-weight: bold;
      color: #fff; }
      /* line 94, /Applications/MAMP/htdocs/billabong/global/scss/modules/_collection_thumb.scss */
      .btn-collection-thumb .overlay-content .overlay-title .line-wrapper {
        overflow: hidden;
        white-space: nowrap;
        width: 100% !important; }
      /* line 100, /Applications/MAMP/htdocs/billabong/global/scss/modules/_collection_thumb.scss */
      .btn-collection-thumb .overlay-content .overlay-title .line {
        left: 0px;
        right: 0px;
        margin: 0 auto; }
      @media (min-width: 1200px) and (max-width: 1479px) {
        .btn-collection-thumb .overlay-content .overlay-title {
          font-size: 36px;
          line-height: 48px;
          margin-top: 0px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .btn-collection-thumb .overlay-content .overlay-title {
          font-size: 30px;
          line-height: 38.4px;
          margin-top: 0px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .btn-collection-thumb .overlay-content .overlay-title {
          font-size: 26px;
          line-height: 31.2px;
          margin-top: 0px; } }
  /* line 126, /Applications/MAMP/htdocs/billabong/global/scss/modules/_collection_thumb.scss */
  .btn-collection-thumb .tabs-wrapper {
    position: absolute;
    width: 100%;
    bottom: -6px;
    text-align: center;
    z-index: 10; }
  /* line 134, /Applications/MAMP/htdocs/billabong/global/scss/modules/_collection_thumb.scss */
  .btn-collection-thumb .rollover-tab {
    background-color: #252627;
    display: inline-block;
    float: none;
    height: 30px;
    color: #ffffff;
    font-size: 10px;
    letter-spacing: 0.1em;
    line-height: 30px;
    padding: 0 20px;
    text-transform: uppercase;
    text-align: center;
    opacity: 0; }
    /* line 149, /Applications/MAMP/htdocs/billabong/global/scss/modules/_collection_thumb.scss */
    .btn-collection-thumb .rollover-tab:not(:first-child) {
      margin-left: 8px; }

/* line 6, /Applications/MAMP/htdocs/billabong/global/scss/modules/_color_select_item.scss */
.color-select-item:hover .item-cell-badges {
  display: block; }
/* line 13, /Applications/MAMP/htdocs/billabong/global/scss/modules/_color_select_item.scss */
.color-select-item.sm .item-cell-color {
  width: 30px; }
/* line 20, /Applications/MAMP/htdocs/billabong/global/scss/modules/_color_select_item.scss */
.color-select-item .item-cell-details {
  padding: 17px 0px 25px; }
  /* line 24, /Applications/MAMP/htdocs/billabong/global/scss/modules/_color_select_item.scss */
  .color-select-item .item-cell-details a {
    padding-bottom: 0px; }
  /* line 28, /Applications/MAMP/htdocs/billabong/global/scss/modules/_color_select_item.scss */
  .color-select-item .item-cell-details .item-cell-info {
    margin-top: 3px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .color-select-item .item-cell-details {
      padding: 7px 0px 25px; }
      /* line 40, /Applications/MAMP/htdocs/billabong/global/scss/modules/_color_select_item.scss */
      .color-select-item .item-cell-details .item-cell-title {
        font-size: 11px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .color-select-item .item-cell-details {
      padding: 7px 0px 25px; }
      /* line 49, /Applications/MAMP/htdocs/billabong/global/scss/modules/_color_select_item.scss */
      .color-select-item .item-cell-details .item-cell-title {
        font-size: 11px; } }
/* line 55, /Applications/MAMP/htdocs/billabong/global/scss/modules/_color_select_item.scss */
.color-select-item .item-cell-image-wrapper {
  background: #f0f1f3; }
/* line 59, /Applications/MAMP/htdocs/billabong/global/scss/modules/_color_select_item.scss */
.color-select-item .item-cell-image-link {
  position: relative;
  overflow: hidden; }
/* line 64, /Applications/MAMP/htdocs/billabong/global/scss/modules/_color_select_item.scss */
.color-select-item .item-cell-image-container {
  overflow: hidden; }
  /* line 68, /Applications/MAMP/htdocs/billabong/global/scss/modules/_color_select_item.scss */
  .color-select-item .item-cell-image-container .item-cell-image-wrapper {
    position: relative;
    overflow: hidden; }
    /* line 73, /Applications/MAMP/htdocs/billabong/global/scss/modules/_color_select_item.scss */
    .color-select-item .item-cell-image-container .item-cell-image-wrapper:not(:first-child) {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%; }
  /* line 83, /Applications/MAMP/htdocs/billabong/global/scss/modules/_color_select_item.scss */
  .color-select-item .item-cell-image-container .item-cell-image {
    position: relative;
    display: inline-block;
    width: 100%; }
  /* line 89, /Applications/MAMP/htdocs/billabong/global/scss/modules/_color_select_item.scss */
  .color-select-item .item-cell-image-container .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #fdfdfd;
    z-index: 100;
    visibility: hidden; }
/* line 104, /Applications/MAMP/htdocs/billabong/global/scss/modules/_color_select_item.scss */
.color-select-item .item-cell-hover-top, .color-select-item .item-cell-hover-bottom, .color-select-item .item-cell-image-prev, .color-select-item .item-cell-image-next {
  display: block;
  opacity: 0; }
@media (min-width: 768px) and (max-width: 991px) {
  .color-select-item .item-cell-image-prev, .color-select-item .item-cell-image-next {
    display: none !important; } }
/* line 117, /Applications/MAMP/htdocs/billabong/global/scss/modules/_color_select_item.scss */
.color-select-item .item-cell-hover-bottom {
  bottom: -4px;
  height: 20px; }
  /* line 122, /Applications/MAMP/htdocs/billabong/global/scss/modules/_color_select_item.scss */
  .color-select-item .item-cell-hover-bottom .item-cell-colors {
    display: inline-block;
    position: relative;
    text-align: center; }
/* line 130, /Applications/MAMP/htdocs/billabong/global/scss/modules/_color_select_item.scss */
.color-select-item .item-cell-color {
  display: block;
  position: relative;
  float: left;
  top: 5px;
  width: 40px;
  height: 10px;
  vertical-align: top;
  margin-top: 5px;
  z-index: 1;
  -webkit-transition: margin-top 140ms ease-out, height 140ms ease-out;
  -moz-transition: margin-top 140ms ease-out, height 140ms ease-out;
  -o-transition: margin-top 140ms ease-out, height 140ms ease-out;
  transition: margin-top 140ms ease-out, height 140ms ease-out; }
  /* line 142, /Applications/MAMP/htdocs/billabong/global/scss/modules/_color_select_item.scss */
  .color-select-item .item-cell-color.active {
    margin-top: 0px !important;
    height: 20px !important;
    z-index: 5; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .color-select-item .item-cell-color {
      width: 24px; } }

/* line 7, /Applications/MAMP/htdocs/billabong/global/scss/modules/_community_sidebar.scss */
.community-detail .sidebar-team .sidebar-team-container .row > div {
  margin-bottom: 2px; }
  /* line 11, /Applications/MAMP/htdocs/billabong/global/scss/modules/_community_sidebar.scss */
  .community-detail .sidebar-team .sidebar-team-container .row > div .category-name {
    font-family: "Maison Neue Bold",Calibri,Arial,Roboto,sans-serif;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.06em;
    padding-top: 13px;
    padding-bottom: 0px;
    white-space: nowrap; }
    /* line 20, /Applications/MAMP/htdocs/billabong/global/scss/modules/_community_sidebar.scss */
    .community-detail .sidebar-team .sidebar-team-container .row > div .category-name .arrow {
      top: -2px; }

/* line 9, /Applications/MAMP/htdocs/billabong/global/scss/modules/_community_sticky_nav.scss */
.community-filters ul li:hover {
  color: #a9adb0; }
/* line 13, /Applications/MAMP/htdocs/billabong/global/scss/modules/_community_sticky_nav.scss */
.community-filters ul li.selected a {
  border-bottom: 2px solid #37383a; }
/* line 18, /Applications/MAMP/htdocs/billabong/global/scss/modules/_community_sticky_nav.scss */
.community-filters ul li a {
  border-bottom: 2px solid rgba(55, 56, 58, 0);
  -webkit-transition: border 400ms cubic-bezier(0.29, 0, 0, 1);
  /* older webkit */
  -webkit-transition: border 400ms cubic-bezier(0.29, 0, 0, 1.005);
  -moz-transition: border 400ms cubic-bezier(0.29, 0, 0, 1.005);
  -o-transition: border 400ms cubic-bezier(0.29, 0, 0, 1.005);
  transition: border 400ms cubic-bezier(0.29, 0, 0, 1.005);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.29, 0, 0, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.29, 0, 0, 1.005);
  -moz-transition-timing-function: cubic-bezier(0.29, 0, 0, 1.005);
  -o-transition-timing-function: cubic-bezier(0.29, 0, 0, 1.005);
  transition-timing-function: cubic-bezier(0.29, 0, 0, 1.005);
  /* custom */ }
  /* line 34, /Applications/MAMP/htdocs/billabong/global/scss/modules/_community_sticky_nav.scss */
  .community-filters ul li a:hover {
    color: #2a2a2a; }

/* line 3, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_bar.scss */
.facets-bar, .facets-sticky-nav {
  max-width: 1440px;
  margin: 0 auto; }
  /* line 8, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_bar.scss */
  .facets-bar .control-label, .facets-sticky-nav .control-label {
    font-size: 11px;
    font-family: "Maison Neue Bold", Calibri, Arial, Roboto, sans-serif;
    font-weight: bold;
    letter-spacing: 0.06em;
    line-height: 38px;
    padding-left: 0px;
    padding-right: 0px; }
  /* line 19, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_bar.scss */
  .facets-bar .attribute-selector-container, .facets-sticky-nav .attribute-selector-container {
    position: relative;
    margin-top: 1px; }
    /* line 24, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_bar.scss */
    .facets-bar .attribute-selector-container .attribute-selector, .facets-sticky-nav .attribute-selector-container .attribute-selector {
      background: #fdfdfd !important;
      border-bottom: 2px solid #e3e3e3;
      padding: 5px 10px 1px; }
      /* line 32, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_bar.scss */
      .facets-bar .attribute-selector-container .attribute-selector:hover, .facets-bar .attribute-selector-container .attribute-selector.expanded, .facets-bar .attribute-selector-container .attribute-selector:hover.expanded, .facets-sticky-nav .attribute-selector-container .attribute-selector:hover, .facets-sticky-nav .attribute-selector-container .attribute-selector.expanded, .facets-sticky-nav .attribute-selector-container .attribute-selector:hover.expanded {
        padding: 5px 10px 1px;
        border-width: 0px;
        border-bottom: 2px solid #e3e3e3; }
        /* line 38, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_bar.scss */
        .facets-bar .attribute-selector-container .attribute-selector:hover .attribute, .facets-bar .attribute-selector-container .attribute-selector.expanded .attribute, .facets-bar .attribute-selector-container .attribute-selector:hover.expanded .attribute, .facets-sticky-nav .attribute-selector-container .attribute-selector:hover .attribute, .facets-sticky-nav .attribute-selector-container .attribute-selector.expanded .attribute, .facets-sticky-nav .attribute-selector-container .attribute-selector:hover.expanded .attribute {
          color: #2a2a2a; }
      /* line 43, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_bar.scss */
      .facets-bar .attribute-selector-container .attribute-selector:hover, .facets-sticky-nav .attribute-selector-container .attribute-selector:hover {
        -webkit-box-shadow: 1px 1px 0px 0px rgba(49, 49, 50, 0);
        -moz-box-shadow: 1px 1px 0px 0px rgba(49, 49, 50, 0);
        box-shadow: 1px 1px 0px 0px rgba(49, 49, 50, 0); }
      /* line 51, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_bar.scss */
      .facets-bar .attribute-selector-container .attribute-selector.expanded, .facets-bar .attribute-selector-container .attribute-selector:hover.expanded, .facets-sticky-nav .attribute-selector-container .attribute-selector.expanded, .facets-sticky-nav .attribute-selector-container .attribute-selector:hover.expanded {
        width: calc(100% + 20px);
        margin-right: -20px;
        border: 2px solid #e3e3e3;
        padding: 13px 18px 15px;
        top: -10px;
        left: -10px;
        -webkit-box-shadow: 3px 3px 0px 0px rgba(49, 49, 50, 0.1);
        -moz-box-shadow: 3px 3px 0px 0px rgba(49, 49, 50, 0.1);
        box-shadow: 3px 3px 0px 0px rgba(49, 49, 50, 0.1); }
      /* line 66, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_bar.scss */
      .facets-bar .attribute-selector-container .attribute-selector .attribute, .facets-sticky-nav .attribute-selector-container .attribute-selector .attribute {
        font-family: "Maison Neue Bold", Calibri, Arial, Roboto, sans-serif;
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 0.1em;
        -webkit-transition: color 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
        -moz-transition: color 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
        -o-transition: color 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
        transition: color 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
        -webkit-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        -moz-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        -o-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        /* custom */ }
      /* line 89, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_bar.scss */
      .facets-bar .attribute-selector-container .attribute-selector ul li:hover, .facets-bar .attribute-selector-container .attribute-selector ul li.selected, .facets-sticky-nav .attribute-selector-container .attribute-selector ul li:hover, .facets-sticky-nav .attribute-selector-container .attribute-selector ul li.selected {
        border-bottom: none; }
      /* line 93, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_bar.scss */
      .facets-bar .attribute-selector-container .attribute-selector ul li.selected, .facets-sticky-nav .attribute-selector-container .attribute-selector ul li.selected {
        color: #313132;
        background: transparent;
        padding: 0px;
        margin: 0 20px; }
  /* line 104, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_bar.scss */
  .facets-bar .tile-options, .facets-sticky-nav .tile-options {
    white-space: nowrap;
    margin-top: 4px; }
    /* line 109, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_bar.scss */
    .facets-bar .tile-options .tile-option, .facets-sticky-nav .tile-options .tile-option {
      position: relative;
      min-width: 30px;
      height: 30px; }
      /* line 115, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_bar.scss */
      .facets-bar .tile-options .tile-option span, .facets-sticky-nav .tile-options .tile-option span {
        position: relative;
        display: inline-block;
        height: inherit;
        padding: 8px 7px;
        line-height: 1;
        text-align: center;
        cursor: pointer;
        background: none;
        outline: none;
        border: 1px solid #cccfd1;
        -webkit-box-shadow: 2px 2px 0px 0px rgba(49, 49, 50, 0);
        -moz-box-shadow: 2px 2px 0px 0px rgba(49, 49, 50, 0);
        box-shadow: 2px 2px 0px 0px rgba(49, 49, 50, 0);
        -webkit-transition: box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), -webkit-box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), -moz-box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), border-color 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
        -moz-transition: box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), -webkit-box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), -moz-box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), border-color 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
        -o-transition: box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), -webkit-box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), -moz-box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), border-color 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
        transition: box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), -webkit-box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), -moz-box-shadow 240ms cubic-bezier(0.28, 0.01, 0.175, 1), border-color 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
        /* custom */
        -webkit-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        -moz-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        -o-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        /* custom */ }
        @media (min-width: 768px) and (max-width: 991px) {
          .facets-bar .tile-options .tile-option span, .facets-sticky-nav .tile-options .tile-option span {
            font-size: 11px; } }
      /* line 149, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_bar.scss */
      .facets-bar .tile-options .tile-option:hover, .facets-bar .tile-options .tile-option.selected, .facets-bar .tile-options .tile-option.active, .facets-sticky-nav .tile-options .tile-option:hover, .facets-sticky-nav .tile-options .tile-option.selected, .facets-sticky-nav .tile-options .tile-option.active {
        min-width: 30px;
        height: 30px;
        margin-left: -1px;
        margin-right: -1px; }
        /* line 156, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_bar.scss */
        .facets-bar .tile-options .tile-option:hover:not(:first-child), .facets-bar .tile-options .tile-option.selected:not(:first-child), .facets-bar .tile-options .tile-option.active:not(:first-child), .facets-sticky-nav .tile-options .tile-option:hover:not(:first-child), .facets-sticky-nav .tile-options .tile-option.selected:not(:first-child), .facets-sticky-nav .tile-options .tile-option.active:not(:first-child) {
          margin-left: 9px; }
        /* line 160, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_bar.scss */
        .facets-bar .tile-options .tile-option:hover span, .facets-bar .tile-options .tile-option.selected span, .facets-bar .tile-options .tile-option.active span, .facets-sticky-nav .tile-options .tile-option:hover span, .facets-sticky-nav .tile-options .tile-option.selected span, .facets-sticky-nav .tile-options .tile-option.active span {
          border: 2px solid #cccfd1;
          padding: 7px 7px;
          background: none;
          -webkit-box-shadow: 3px 3px 0px 0px rgba(49, 49, 50, 0.1);
          -moz-box-shadow: 3px 3px 0px 0px rgba(49, 49, 50, 0.1);
          box-shadow: 3px 3px 0px 0px rgba(49, 49, 50, 0.1); }
      /* line 175, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_bar.scss */
      .facets-bar .tile-options .tile-option.selected span, .facets-bar .tile-options .tile-option.active span, .facets-sticky-nav .tile-options .tile-option.selected span, .facets-sticky-nav .tile-options .tile-option.active span {
        border: 2px solid #313132; }
      /* line 180, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_bar.scss */
      .facets-bar .tile-options .tile-option.disabled, .facets-sticky-nav .tile-options .tile-option.disabled {
        color: #a9adb0;
        background: url('../../pdp-toolkit/img/content/disabled-wiggle-pattern.png') 0px 0px;
        opacity: 1;
        pointer-events: none; }
        /* line 189, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_bar.scss */
        .facets-bar .tile-options .tile-option.disabled span, .facets-bar .tile-options .tile-option.disabled span:hover, .facets-sticky-nav .tile-options .tile-option.disabled span, .facets-sticky-nav .tile-options .tile-option.disabled span:hover {
          border: 1px solid #cccfd1 !important;
          color: #a9adb0 !important;
          background: none; }
      /* line 196, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_bar.scss */
      .facets-bar .tile-options .tile-option.disabled:hover, .facets-sticky-nav .tile-options .tile-option.disabled:hover {
        color: #a9adb0; }
        /* line 201, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_bar.scss */
        .facets-bar .tile-options .tile-option.disabled:hover span, .facets-bar .tile-options .tile-option.disabled:hover span:hover, .facets-sticky-nav .tile-options .tile-option.disabled:hover span, .facets-sticky-nav .tile-options .tile-option.disabled:hover span:hover {
          border: 1px solid #cccfd1 !important;
          color: #a9adb0 !important; }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
.facets-categories-container {
  position: absolute; }

/* line 6, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
.facets-categories {
  top: 0px;
  width: 100%; }
  /* line 13, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
  .facets-categories .inner-container.bottom {
    position: absolute;
    width: 100%;
    bottom: 0px; }
  /* line 20, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
  .facets-categories .facets-category-group {
    margin-bottom: 48px; }
    /* line 24, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
    .facets-categories .facets-category-group h4 {
      margin-bottom: -7px; }
      /* line 28, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
      .facets-categories .facets-category-group h4 .icons i {
        position: relative;
        top: -1px;
        margin-right: 3px;
        font-size: 12px; }
    /* line 36, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
    .facets-categories .facets-category-group > ul li {
      font-size: 0.8em; }
      /* line 40, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
      .facets-categories .facets-category-group > ul li ul li {
        font-size: 1em; }
    /* line 45, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
    .facets-categories .facets-category-group li {
      margin-top: 16px; }
      /* line 49, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
      .facets-categories .facets-category-group li a {
        -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1);
        -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -moz-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -o-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
        transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
        /* older webkit */
        -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
        transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
        /* custom */ }
  @media (max-width: 1199px) {
    .facets-categories {
      left: -30px;
      z-index: 1000; }
      /* line 71, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
      .facets-categories.fixed {
        left: 0px; }
      /* line 75, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
      .facets-categories .inner-container {
        position: relative;
        top: -5px;
        background: #fdfdfd; }
      /* line 81, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
      .facets-categories .nav-tabs {
        background: #fff;
        border-bottom: 1px solid #f0f1f3; }
        /* line 86, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
        .facets-categories .nav-tabs li {
          margin-top: -3px; }
          /* line 89, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
          .facets-categories .nav-tabs li button {
            height: 50px;
            line-height: 50px;
            font-size: 12px;
            letter-spacing: 0.3em; }
            /* line 96, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
            .facets-categories .nav-tabs li button .title {
              color: #1e1e1e; }
            /* line 100, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
            .facets-categories .nav-tabs li button .title, .facets-categories .nav-tabs li button .text-over {
              font-size: inherit;
              letter-spacing: inherit; }
            /* line 105, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
            .facets-categories .nav-tabs li button .text-over {
              color: #fff; }
          /* line 111, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
          .facets-categories .nav-tabs li.active button .title {
            color: #fff; }
      /* line 118, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
      .facets-categories .facets-categories-controls {
        border-bottom: none; }
        /* line 122, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
        .facets-categories .facets-categories-controls li button {
          display: block;
          height: 46px;
          font-family: "Maison Neue Bold", Calibri, Arial, Roboto, sans-serif;
          font-size: 12px;
          font-style: normal;
          line-height: 46px;
          letter-spacing: 0.4em;
          text-transform: uppercase;
          color: #1e1e1e; }
      /* line 136, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
      .facets-categories .facets-category-group {
        margin-bottom: 0px;
        border-top: none; }
        /* line 141, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
        .facets-categories .facets-category-group:first-child {
          margin-top: 0px; }
        /* line 147, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
        .facets-categories .facets-category-group:not(:first-child) h4 {
          border-top: 1px solid #414142; }
        /* line 152, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
        .facets-categories .facets-category-group h4 {
          font-size: 16px;
          margin-bottom: 0px;
          margin-top: 0px;
          background-color: #1e1e1e;
          color: #fff; }
          /* line 162, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
          .facets-categories .facets-category-group h4.collapsed .icons .bd-cross {
            opacity: 0; }
          /* line 167, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
          .facets-categories .facets-category-group h4 .icons i {
            color: #7e8183;
            font-size: 26px;
            line-height: 78px;
            vertical-align: middle;
            font-weight: normal;
            -webkit-transition: all 320ms cubic-bezier(0.725, 0.005, 0.345, 0.885);
            -moz-transition: all 320ms cubic-bezier(0.725, 0.005, 0.345, 0.885);
            -o-transition: all 320ms cubic-bezier(0.725, 0.005, 0.345, 0.885);
            transition: all 320ms cubic-bezier(0.725, 0.005, 0.345, 0.885);
            /* custom */
            -webkit-transition-timing-function: cubic-bezier(0.725, 0.005, 0.345, 0.885);
            -moz-transition-timing-function: cubic-bezier(0.725, 0.005, 0.345, 0.885);
            -o-transition-timing-function: cubic-bezier(0.725, 0.005, 0.345, 0.885);
            transition-timing-function: cubic-bezier(0.725, 0.005, 0.345, 0.885);
            /* custom */ }
            /* line 185, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
            .facets-categories .facets-category-group h4 .icons i.bd-cross {
              color: #45ade8;
              font-size: 36px;
              line-height: 72px;
              margin-right: -15px; }
              /* line 192, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
              .facets-categories .facets-category-group h4 .icons i.bd-cross::before {
                font-family: "Maison Neue Medium",Calibri,Arial,Roboto,sans-serif;
                font-weight: 500;
                content: '×'; }
            /* line 198, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
            .facets-categories .facets-category-group h4 .icons i.bd-gt {
              font-size: 27px;
              margin-right: -4px; }
            /* line 203, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
            .facets-categories .facets-category-group h4 .icons i.bd-menu1 {
              font-size: 40px;
              margin-right: -9px; }
        /* line 213, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
        .facets-categories .facets-category-group .collapse li, .facets-categories .facets-category-group .collapsing li {
          position: relative;
          font-size: 12px;
          line-height: 62px;
          height: 60px;
          margin-top: 0px;
          border-top: none;
          padding: 0 30px; }
          /* line 224, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
          .facets-categories .facets-category-group .collapse li:first-child label, .facets-categories .facets-category-group .collapsing li:first-child label {
            border-top: none; }
          /* line 230, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
          .facets-categories .facets-category-group .collapse li label, .facets-categories .facets-category-group .collapsing li label {
            position: relative;
            width: 100%;
            font-size: inherit;
            line-height: inherit;
            height: 100%;
            vertical-align: middle;
            color: #2a2a2a;
            border-top: 1px solid #cccfd1;
            padding: 0 50px; }
          /* line 242, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
          .facets-categories .facets-category-group .collapse li input, .facets-categories .facets-category-group .collapsing li input {
            position: absolute;
            display: block; }
          /* line 247, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
          .facets-categories .facets-category-group .collapse li input[type=checkbox]:checked + label i, .facets-categories .facets-category-group .collapsing li input[type=checkbox]:checked + label i {
            background: #2a2a2a;
            border: 1px solid #2a2a2a; }
            /* line 252, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
            .facets-categories .facets-category-group .collapse li input[type=checkbox]:checked + label i::before, .facets-categories .facets-category-group .collapsing li input[type=checkbox]:checked + label i::before {
              position: absolute;
              top: 3px;
              left: 3px;
              content: 'D';
              font-size: 14px;
              font-family: 'billabong_dingsregular';
              font-weight: normal;
              font-style: normal;
              color: #fff; }
          /* line 266, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
          .facets-categories .facets-category-group .collapse li i, .facets-categories .facets-category-group .collapsing li i {
            position: absolute;
            top: 20px;
            left: 10px;
            width: 20px;
            height: 20px;
            border: 1px solid #cccfd1; }
      /* line 278, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
      .facets-categories .tab-content {
        border-bottom: none; }
        /* line 282, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
        .facets-categories .tab-content .tab-pane.in {
          border-bottom: 1px solid #f0f1f3;
          padding-bottom: 60px; }
      /* line 288, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
      .facets-categories #facets-tabs-sort {
        padding-bottom: 0px; }
        /* line 292, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
        .facets-categories #facets-tabs-sort .facets-categories-controls {
          border-bottom: 1px solid #f0f1f3; }
        /* line 296, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
        .facets-categories #facets-tabs-sort .facets-category-group {
          position: relative;
          line-height: 82px;
          height: 80px;
          margin-top: 0px;
          border-top: none;
          padding: 0 30px;
          width: 100%; }
          /* line 306, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
          .facets-categories #facets-tabs-sort .facets-category-group label {
            position: relative;
            width: 100%;
            font-size: inherit;
            line-height: inherit;
            height: 100%;
            vertical-align: middle;
            color: #2a2a2a;
            padding: 0 50px;
            background-color: #f9f9fa;
            letter-spacing: 0.16em;
            text-align: center;
            font-size: 16px;
            margin-bottom: 0px;
            margin-top: 0px; }
          /* line 326, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
          .facets-categories #facets-tabs-sort .facets-category-group:not(:first-child) label {
            border-top: 1px solid #cccfd1; }
          /* line 330, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
          .facets-categories #facets-tabs-sort .facets-category-group input {
            position: absolute;
            display: block; }
          /* line 336, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
          .facets-categories #facets-tabs-sort .facets-category-group.checked label {
            background-color: #1e1e1e;
            color: #fff; } }

/* line 358, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
.button-tabs .facets-categories .nav-tabs li button, .button-tabs .facets-categories .nav-tabs li button.border {
  -webkit-transition: all 160ms cubic-bezier(0.725, 0.005, 0.345, 0.885);
  -moz-transition: all 160ms cubic-bezier(0.725, 0.005, 0.345, 0.885);
  -o-transition: all 160ms cubic-bezier(0.725, 0.005, 0.345, 0.885);
  transition: all 160ms cubic-bezier(0.725, 0.005, 0.345, 0.885);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.725, 0.005, 0.345, 0.885);
  -moz-transition-timing-function: cubic-bezier(0.725, 0.005, 0.345, 0.885);
  -o-transition-timing-function: cubic-bezier(0.725, 0.005, 0.345, 0.885);
  transition-timing-function: cubic-bezier(0.725, 0.005, 0.345, 0.885);
  /* custom */ }
/* line 371, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
.button-tabs .facets-categories .nav-tabs li.active button {
  color: #fff;
  background: #1e1e1e; }
  /* line 376, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
  .button-tabs .facets-categories .nav-tabs li.active button .border {
    border-color: #1e1e1e; }

@media (max-width: 1199px) {
  .facets:not(.category-landing) .facets-categories-container {
    display: none; } }
@media (max-width: 1199px) {
  .facets:not(.category-landing) .facets-categories-content {
    margin-left: 0;
    width: 100%; }
    /* line 399, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
    .facets:not(.category-landing) .facets-categories-content .first-feature {
      border-top: 0 none; } }

@media (max-width: 1199px) {
  /* line 412, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
  .facets .facets-categories-content .feature {
    padding: 40px 0px; }
    /* line 416, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
    .facets .facets-categories-content .feature.first-feature {
      border-top: 0 none; }
    /* line 420, /Applications/MAMP/htdocs/billabong/global/scss/modules/_facets_categories.scss */
    .facets .facets-categories-content .feature .jumbo-feature .call-out {
      padding: 0px 60px; } }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_featured_call_out.scss */
.featured-call-out {
  padding-bottom: 0px !important;
  margin-bottom: 120px; }
  /* line 7, /Applications/MAMP/htdocs/billabong/global/scss/modules/_featured_call_out.scss */
  .featured-call-out .call-out {
    margin-bottom: 100px; }
    @media (min-width: 1200px) and (max-width: 1479px) {
      /* line 13, /Applications/MAMP/htdocs/billabong/global/scss/modules/_featured_call_out.scss */
      .featured-call-out .call-out h2 {
        font-size: 48px;
        line-height: 1.167; } }
    @media (min-width: 768px) and (max-width: 1199px) {
      /* line 21, /Applications/MAMP/htdocs/billabong/global/scss/modules/_featured_call_out.scss */
      .featured-call-out .call-out h2 {
        font-size: 30px;
        line-height: 1.167;
        text-align: left; }
      /* line 27, /Applications/MAMP/htdocs/billabong/global/scss/modules/_featured_call_out.scss */
      .featured-call-out .call-out small {
        font-size: 12px;
        margin-top: 17px;
        letter-spacing: 0.16em;
        line-height: 1.3;
        margin-bottom: 9px;
        text-align: left; }
      /* line 36, /Applications/MAMP/htdocs/billabong/global/scss/modules/_featured_call_out.scss */
      .featured-call-out .call-out p, .featured-call-out .call-out ul {
        font-size: 14px;
        line-height: 24px; }
      /* line 41, /Applications/MAMP/htdocs/billabong/global/scss/modules/_featured_call_out.scss */
      .featured-call-out .call-out .centered {
        margin-left: -10px; } }
  /* line 51, /Applications/MAMP/htdocs/billabong/global/scss/modules/_featured_call_out.scss */
  .featured-call-out .details-col:first-child {
    padding-left: 20px; }
  /* line 55, /Applications/MAMP/htdocs/billabong/global/scss/modules/_featured_call_out.scss */
  .featured-call-out .details-col .btn-category-thumb {
    margin-left: -10px; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .featured-call-out {
      margin-bottom: 60px; } }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
.jumbo-feature {
  position: relative; }
  /* line 8, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
  .jumbo-feature.contained .centered {
    margin-top: 55px;
    margin-bottom: 85px; }
  /* line 15, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
  .jumbo-feature.contained .no-margin .centered {
    margin: 0; }
  /* line 20, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
  .jumbo-feature.contained .call-out {
    height: auto; }
    /* line 24, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
    .jumbo-feature.contained .call-out .info {
      font-family: "Maison Neue Bold",Calibri,Arial,Roboto,sans-serif;
      font-weight: 700;
      font-size: 12px;
      margin-bottom: 17px; }
    /* line 31, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
    .jumbo-feature.contained .call-out small {
      margin-top: 34px;
      margin-bottom: 5px; }
    /* line 36, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
    .jumbo-feature.contained .call-out p {
      color: #7e8183;
      text-transform: none;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: 0.025em; }
    /* line 44, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
    .jumbo-feature.contained .call-out .btn-outline-shadow {
      margin-top: 25px; }
    @media (min-width: 768px) and (max-width: 1199px) {
      .jumbo-feature.contained .call-out {
        padding: 0 30px; } }
  /* line 54, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
  .jumbo-feature h2 {
    display: inline-block;
    position: relative;
    left: -2px;
    color: #313132; }
  /* line 61, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
  .jumbo-feature small {
    font-size: 15px;
    margin-top: 19px;
    margin-bottom: 15px;
    color: #1e1e1e; }
  /* line 68, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
  .jumbo-feature p {
    letter-spacing: 0.01em;
    color: #7e8183; }
  /* line 74, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
  .jumbo-feature .btn-outline, .jumbo-feature .btn-outline-shadow {
    background: #fdfdfd; }
  /* line 78, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
  .jumbo-feature .top {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-top: 60px; }
    @media (min-width: 768px) and (max-width: 1199px) {
      .jumbo-feature .top {
        margin-top: 0px; } }
  /* line 90, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
  .jumbo-feature .centered {
    margin-top: 150px;
    margin-bottom: 185px; }
  /* line 95, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
  .jumbo-feature .media-wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 0;
    padding: 0; }
    /* line 104, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
    .jumbo-feature .media-wrapper.right-align {
      left: auto;
      right: 0px; }
    /* line 109, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
    .jumbo-feature .media-wrapper .media {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 0;
      background-position: center top; }
  /* line 122, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
  .jumbo-feature .copy {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 2; }
  /* line 130, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
  .jumbo-feature .text-container {
    max-width: 400px;
    z-index: 10; }
  /* line 136, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
  .jumbo-feature .contained .call-out, .jumbo-feature .call-out {
    padding-top: 0px !important;
    height: 100%;
    background: #fdfdfd; }
    /* line 148, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
    .jumbo-feature .contained .call-out ul, .jumbo-feature .call-out ul {
      margin-top: 23px;
      letter-spacing: 0.01em; }
      /* line 153, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
      .jumbo-feature .contained .call-out ul > li, .jumbo-feature .call-out ul > li {
        margin-bottom: -2px; }
      /* line 157, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
      .jumbo-feature .contained .call-out ul li, .jumbo-feature .call-out ul li {
        list-style: none;
        line-height: 24px; }
      /* line 162, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
      .jumbo-feature .contained .call-out ul li:before, .jumbo-feature .call-out ul li:before {
        content: "•";
        font-size: 18px;
        vertical-align: middle;
        line-height: 24px;
        margin-right: 6px; }
  @media (min-width: 1200px) and (max-width: 1479px) {
    /* line 174, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
    .jumbo-feature h2 {
      font-size: 48px;
      line-height: 1.167; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    /* line 182, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
    .jumbo-feature h2 {
      font-size: 30px;
      line-height: 1.167;
      text-align: left; }
    /* line 188, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
    .jumbo-feature small {
      font-size: 12px;
      margin-top: 17px;
      letter-spacing: 0.16em;
      line-height: 1.3;
      margin-bottom: 9px;
      text-align: left; }
    /* line 197, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
    .jumbo-feature p, .jumbo-feature ul {
      font-size: 13px;
      line-height: 24px; }
    /* line 202, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
    .jumbo-feature .centered {
      margin-left: -10px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    /* line 211, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
    .jumbo-feature .media-wrapper {
      width: 62.5%; }
    /* line 216, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
    .jumbo-feature .text-container {
      width: 100%;
      margin-left: 0px; }
    /* line 221, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
    .jumbo-feature .col-md-9.col-md-offset-16 {
      margin-left: 62.5%;
      width: 29.16667%; }
    /* line 226, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_feature.scss */
    .jumbo-feature .col-md-9.col-md-offset-2 {
      width: 29.16667%; } }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
.jumbo-slider {
  overflow: hidden; }
  /* line 6, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
  .jumbo-slider.contained {
    margin-top: 66px;
    margin-bottom: 110px; }
  /* line 11, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
  .jumbo-slider .slides-container {
    position: relative;
    top: 0px;
    width: 100%;
    height: auto;
    z-index: 1;
    overflow: hidden; }
  /* line 20, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
  .jumbo-slider .slides {
    position: relative;
    top: 0px;
    width: 100%;
    height: auto;
    z-index: 1;
    overflow: hidden; }
    /* line 29, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
    .jumbo-slider .slides .slide {
      position: relative;
      visibility: visible;
      top: 0px;
      width: 100%;
      height: auto;
      opacity: 0; }
      /* line 38, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
      .jumbo-slider .slides .slide:not(:first-child) {
        position: absolute;
        width: 100%;
        height: auto;
        visibility: hidden; }
      /* line 46, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
      .jumbo-slider .slides .slide .slide-image {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto; }
  /* line 58, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
  .jumbo-slider .jumbo-slider-controls {
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: 50; }
    /* line 65, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
    .jumbo-slider .jumbo-slider-controls .jumbo-arrows {
      position: absolute;
      width: 100%; }
      /* line 70, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
      .jumbo-slider .jumbo-slider-controls .jumbo-arrows .slider-arrow {
        position: absolute;
        display: block;
        top: 0px;
        width: initial;
        height: initial;
        visibility: visible; }
        /* line 79, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
        .jumbo-slider .jumbo-slider-controls .jumbo-arrows .slider-arrow.slider-arrow-prev {
          left: 0px; }
        /* line 83, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
        .jumbo-slider .jumbo-slider-controls .jumbo-arrows .slider-arrow.slider-arrow-next {
          right: 0px; }
        /* line 87, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
        .jumbo-slider .jumbo-slider-controls .jumbo-arrows .slider-arrow button {
          padding: 30px;
          background: transparent; }
        /* line 92, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
        .jumbo-slider .jumbo-slider-controls .jumbo-arrows .slider-arrow svg {
          position: relative;
          overflow: visible;
          width: 70px;
          height: 15px; }
          /* line 99, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
          .jumbo-slider .jumbo-slider-controls .jumbo-arrows .slider-arrow svg * {
            fill: #fdfdfd !important; }
    /* line 106, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
    .jumbo-slider .jumbo-slider-controls .jumbo-pagination {
      position: absolute;
      left: 0px;
      right: 0px;
      text-align: center; }
      /* line 113, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
      .jumbo-slider .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item {
        position: relative;
        display: inline-block;
        width: 7px;
        height: 7px;
        background: transparent;
        opacity: 0.5;
        padding: 15px;
        cursor: pointer;
        -webkit-transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
        -moz-transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
        -o-transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
        transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
        /* custom */
        -webkit-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        -moz-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        -o-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        /* custom */ }
        /* line 135, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
        .jumbo-slider .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item:not(:last-child) {
          margin-right: 5px; }
        /* line 139, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
        .jumbo-slider .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item .slider-pager-icon {
          position: absolute;
          top: 12px;
          left: 12px;
          width: 6px;
          height: 6px;
          border: 4px solid #fff;
          -webkit-border-radius: 7px;
          -moz-border-radius: 7px;
          border-radius: 7px;
          -webkit-transition: all 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
          -moz-transition: all 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
          -o-transition: all 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
          transition: all 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
          /* custom */
          -webkit-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
          -moz-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
          -o-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
          transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
          /* custom */ }
        /* line 163, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
        .jumbo-slider .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item .slash {
          position: absolute;
          visibility: hidden;
          top: 14px;
          left: -12px;
          width: 56px;
          height: 2px;
          background: #fff; }
        /* line 174, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
        .jumbo-slider .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item:hover {
          opacity: 1 !important; }
        /* line 178, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
        .jumbo-slider .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item.selected {
          opacity: 1 !important; }
          /* line 182, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
          .jumbo-slider .jumbo-slider-controls .jumbo-pagination .jumbo-pagination-item.selected .slider-pager-icon {
            top: 5px;
            left: 5px;
            width: 20px;
            height: 20px;
            border: 2px solid #fff;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px; }
  /* line 199, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
  .jumbo-slider .jumbo-slider-shadows {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2; }
    @media (min-width: 768px) and (max-width: 1199px) {
      .jumbo-slider .jumbo-slider-shadows {
        display: none; } }
    /* line 212, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
    .jumbo-slider .jumbo-slider-shadows .shadow {
      position: absolute;
      top: 0px;
      width: 356px;
      height: 100%; }
      /* line 219, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
      .jumbo-slider .jumbo-slider-shadows .shadow.shadow-left {
        display: none;
        left: 0px;
        background: url('../img/slider-control-gradient-left.png') repeat-y left top;
        opacity: 0; }
      /* line 227, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider.scss */
      .jumbo-slider .jumbo-slider-shadows .shadow.shadow-right {
        display: none;
        right: 0px;
        background: url('../img/slider-control-gradient-right.png') repeat-y right top;
        opacity: 0; }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
.slider-container-wrapper {
  background: transparent; }

/* line 6, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
.jumbo-slider-detailed {
  position: relative;
  margin-top: -40px; }
  /* line 17, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
  .jumbo-slider-detailed.xl .slides-texts .slide-text .slide-content h2 {
    margin-left: -7px;
    line-height: 120px;
    font-size: 100px; }
  @media (min-width: 1200px) and (max-width: 1479px) {
    .jumbo-slider-detailed.xl .slides-texts .slide-text .slide-content {
      width: 1110px;
      max-width: none;
      padding-left: 60px; }
      /* line 29, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
      .jumbo-slider-detailed.xl .slides-texts .slide-text .slide-content h2 {
        font-size: 82px;
        line-height: 98px; }
      /* line 34, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
      .jumbo-slider-detailed.xl .slides-texts .slide-text .slide-content p {
        font-size: 17px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .jumbo-slider-detailed.xl .slides-texts .slide-text .slide-content {
      width: 970px;
      max-width: none;
      padding-left: 3.5%;
      margin: 0 auto; }
      /* line 46, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
      .jumbo-slider-detailed.xl .slides-texts .slide-text .slide-content h2 {
        font-size: 48px;
        line-height: 57.6px; }
      /* line 51, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
      .jumbo-slider-detailed.xl .slides-texts .slide-text .slide-content p {
        font-size: 14px;
        margin-top: 15px;
        margin-bottom: 2px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .jumbo-slider-detailed.xl .slides-texts .slide-text .slide-content {
      width: 702px;
      max-width: none;
      margin: 0 auto; }
      /* line 64, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
      .jumbo-slider-detailed.xl .slides-texts .slide-text .slide-content h2 {
        font-size: 40px;
        line-height: 48px; }
      /* line 69, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
      .jumbo-slider-detailed.xl .slides-texts .slide-text .slide-content p {
        font-size: 14px;
        margin-top: 15px;
        margin-bottom: 2px; } }
  /* line 78, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
  .jumbo-slider-detailed .slider-container {
    position: relative;
    top: 0px;
    width: 100%;
    overflow: hidden;
    max-width: 1920px; }
  /* line 87, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
  .jumbo-slider-detailed .slider-controls {
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: 50; }
    @media (min-width: 768px) and (max-width: 991px) {
      .jumbo-slider-detailed .slider-controls {
        top: 10px; } }
    /* line 98, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
    .jumbo-slider-detailed .slider-controls .arrows {
      position: absolute;
      width: 100%; }
      /* line 103, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
      .jumbo-slider-detailed .slider-controls .arrows .slider-arrow {
        position: absolute;
        display: block;
        top: 0px;
        width: initial;
        height: initial;
        visibility: visible; }
        /* line 112, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
        .jumbo-slider-detailed .slider-controls .arrows .slider-arrow.slider-arrow-prev {
          left: 0px; }
        /* line 116, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
        .jumbo-slider-detailed .slider-controls .arrows .slider-arrow.slider-arrow-next {
          right: 0px; }
        /* line 120, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
        .jumbo-slider-detailed .slider-controls .arrows .slider-arrow button {
          padding: 30px;
          background: transparent; }
        /* line 125, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
        .jumbo-slider-detailed .slider-controls .arrows .slider-arrow svg {
          position: relative;
          width: 42px;
          height: 10px;
          overflow: visible; }
          /* line 132, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
          .jumbo-slider-detailed .slider-controls .arrows .slider-arrow svg * {
            fill: #fdfdfd !important; }
    /* line 139, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
    .jumbo-slider-detailed .slider-controls .pagination {
      position: absolute;
      left: 0px;
      right: 0px;
      height: 0px;
      text-align: center; }
      /* line 147, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
      .jumbo-slider-detailed .slider-controls .pagination .pagination-item {
        position: relative;
        display: inline-block;
        width: 7px;
        height: 7px;
        background: transparent;
        opacity: 0.5;
        padding: 15px;
        cursor: pointer;
        -webkit-transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
        -moz-transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
        -o-transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
        transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
        /* custom */
        -webkit-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        -moz-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        -o-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        /* custom */ }
        /* line 169, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
        .jumbo-slider-detailed .slider-controls .pagination .pagination-item:not(:last-child) {
          margin-right: 5px; }
        /* line 173, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
        .jumbo-slider-detailed .slider-controls .pagination .pagination-item .slider-pager-icon {
          position: absolute;
          top: 10px;
          left: 12px;
          width: 6px;
          height: 6px;
          border: 4px solid #fff;
          -webkit-border-radius: 7px;
          -moz-border-radius: 7px;
          border-radius: 7px;
          -webkit-transition: all 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
          -moz-transition: all 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
          -o-transition: all 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
          transition: all 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
          /* custom */
          -webkit-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
          -moz-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
          -o-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
          transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
          /* custom */ }
        /* line 197, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
        .jumbo-slider-detailed .slider-controls .pagination .pagination-item .slash {
          position: absolute;
          visibility: hidden;
          top: 13px;
          left: -13px;
          width: 56px;
          height: 2px;
          background: #fff; }
        /* line 208, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
        .jumbo-slider-detailed .slider-controls .pagination .pagination-item:hover {
          opacity: 1 !important; }
        /* line 212, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
        .jumbo-slider-detailed .slider-controls .pagination .pagination-item.selected {
          opacity: 1 !important; }
          /* line 216, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
          .jumbo-slider-detailed .slider-controls .pagination .pagination-item.selected .slider-pager-icon {
            top: 4px;
            left: 5px;
            width: 20px;
            height: 20px;
            border: 2px solid #fff;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px; }
        @media (min-width: 768px) and (max-width: 1199px) {
          .jumbo-slider-detailed .slider-controls .pagination .pagination-item {
            padding: 15px 10px; }
            /* line 234, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
            .jumbo-slider-detailed .slider-controls .pagination .pagination-item .slider-pager-icon {
              left: 7px; }
            /* line 238, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
            .jumbo-slider-detailed .slider-controls .pagination .pagination-item .slash {
              left: -17px; }
            /* line 242, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
            .jumbo-slider-detailed .slider-controls .pagination .pagination-item.selected .slider-pager-icon {
              left: 0px; } }
  /* line 250, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
  .jumbo-slider-detailed .slides {
    position: relative;
    top: 0px;
    width: 100%;
    height: auto;
    z-index: 1;
    overflow: hidden; }
    /* line 259, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
    .jumbo-slider-detailed .slides .slide {
      position: relative;
      visibility: visible;
      top: 0px;
      width: 100%;
      height: auto;
      opacity: 0; }
      /* line 268, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
      .jumbo-slider-detailed .slides .slide:not(:first-child) {
        position: absolute;
        width: 100%;
        height: auto;
        visibility: hidden; }
      /* line 276, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
      .jumbo-slider-detailed .slides .slide .slide-image {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto; }
  /* line 288, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
  .jumbo-slider-detailed .slides-texts {
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 20; }
    /* line 295, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
    .jumbo-slider-detailed .slides-texts .slide-text {
      position: absolute;
      width: 100%;
      visibility: visible;
      opacity: 0; }
      /* line 302, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
      .jumbo-slider-detailed .slides-texts .slide-text:not(:first-child) {
        visibility: hidden; }
      /* line 306, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
      .jumbo-slider-detailed .slides-texts .slide-text.centered {
        text-align: center; }
        /* line 310, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
        .jumbo-slider-detailed .slides-texts .slide-text.centered .slide-content {
          margin-left: 0px;
          width: 100%; }
        /* line 316, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
        .jumbo-slider-detailed .slides-texts .slide-text.centered .line, .jumbo-slider-detailed .slides-texts .slide-text.centered .line-wrapper {
          width: 100% !important; }
      /* line 323, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
      .jumbo-slider-detailed .slides-texts .slide-text.video-content .slide-content {
        color: #ffffff;
        text-align: left;
        font-family: "Maison Neue Book",Calibri,Arial,Roboto,sans-serif; }
        /* line 329, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
        .jumbo-slider-detailed .slides-texts .slide-text.video-content .slide-content h2 {
          position: relative;
          letter-spacing: 0.006em;
          font-size: 60px;
          line-height: 77px;
          margin-left: -4px; }
          /* line 337, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
          .jumbo-slider-detailed .slides-texts .slide-text.video-content .slide-content h2 .line-wrapper {
            width: 100% !important;
            overflow: hidden; }
          /* line 342, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
          .jumbo-slider-detailed .slides-texts .slide-text.video-content .slide-content h2 .line {
            width: 100% !important;
            white-space: nowrap; }
        /* line 348, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
        .jumbo-slider-detailed .slides-texts .slide-text.video-content .slide-content p {
          font-family: "Maison Neue Bold",Calibri,Arial,Roboto,sans-serif;
          font-weight: 700;
          letter-spacing: 0.3em;
          margin-top: 31px;
          margin-bottom: 31px;
          line-height: 1;
          overflow: hidden;
          color: inherit;
          text-transform: uppercase;
          font-size: 15px; }
          /* line 360, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
          .jumbo-slider-detailed .slides-texts .slide-text.video-content .slide-content p span {
            display: inline-block;
            position: relative; }
        /* line 366, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
        .jumbo-slider-detailed .slides-texts .slide-text.video-content .slide-content .play-icon {
          display: inline-block;
          font-family: FontAwesome;
          font-style: normal;
          color: #fff;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
          /* line 377, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
          .jumbo-slider-detailed .slides-texts .slide-text.video-content .slide-content .play-icon:before {
            content: "\f04b"; }
        @media (min-width: 768px) and (max-width: 1199px) {
          /* line 384, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
          .jumbo-slider-detailed .slides-texts .slide-text.video-content .slide-content h2 {
            font-size: 48px;
            line-height: 57.6px; }
          /* line 389, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
          .jumbo-slider-detailed .slides-texts .slide-text.video-content .slide-content p {
            font-size: 14px;
            margin-top: 15px;
            margin-bottom: 2px; } }
      /* line 398, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
      .jumbo-slider-detailed .slides-texts .slide-text .slide-content {
        position: relative;
        top: 0px;
        left: 0px;
        right: 0px;
        margin: 0px auto;
        color: #fff;
        max-width: initial; }
        /* line 408, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
        .jumbo-slider-detailed .slides-texts .slide-text .slide-content h2 {
          position: relative;
          font-family: "Maison Neue Bold",Calibri,Arial,Roboto,sans-serif;
          font-weight: bold;
          letter-spacing: -0.006em;
          margin-left: -7px;
          font-size: 80px;
          line-height: 102px;
          color: inherit;
          text-transform: none; }
        /* line 421, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
        .jumbo-slider-detailed .slides-texts .slide-text .slide-content p {
          position: relative;
          font-family: "Maison Neue Bold",Calibri,Arial,Roboto,sans-serif;
          font-weight: 700;
          letter-spacing: 0.3em;
          margin-top: 30px;
          margin-bottom: 22px;
          line-height: 1;
          color: inherit;
          text-transform: uppercase;
          font-size: 18px;
          overflow: hidden; }
          /* line 433, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
          .jumbo-slider-detailed .slides-texts .slide-text .slide-content p span {
            display: inline-block;
            position: relative; }
        /* line 439, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
        .jumbo-slider-detailed .slides-texts .slide-text .slide-content a {
          position: relative;
          letter-spacing: 0.35em;
          border-color: #d1d4d6;
          color: inherit;
          text-transform: uppercase;
          display: inline-block;
          font-size: 12px;
          margin-top: 15px;
          font-family: "Maison Neue Bold",Calibri,Arial,Roboto,sans-serif;
          font-weight: bold; }
        /* line 452, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
        .jumbo-slider-detailed .slides-texts .slide-text .slide-content .line-wrapper {
          overflow: hidden; }
        @media (min-width: 1480px) {
          .jumbo-slider-detailed .slides-texts .slide-text .slide-content {
            width: 1310px;
            max-width: initial; } }
        @media (min-width: 1200px) and (max-width: 1479px) {
          .jumbo-slider-detailed .slides-texts .slide-text .slide-content {
            width: 100%;
            margin-left: 43px;
            max-width: initial; }
            /* line 470, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
            .jumbo-slider-detailed .slides-texts .slide-text .slide-content h2 {
              font-size: 58px;
              line-height: 69.6px; }
            /* line 475, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
            .jumbo-slider-detailed .slides-texts .slide-text .slide-content p {
              margin-top: 20px;
              margin-bottom: 12px;
              font-size: 16px; } }
        @media (min-width: 992px) and (max-width: 1199px) {
          .jumbo-slider-detailed .slides-texts .slide-text .slide-content {
            width: 100%;
            margin-left: 33px;
            max-width: initial; }
            /* line 488, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
            .jumbo-slider-detailed .slides-texts .slide-text .slide-content h2 {
              font-size: 42px;
              line-height: 50.4px; }
            /* line 493, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
            .jumbo-slider-detailed .slides-texts .slide-text .slide-content p {
              font-size: 14px;
              margin-top: 18px;
              margin-bottom: 2px; }
            /* line 499, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
            .jumbo-slider-detailed .slides-texts .slide-text .slide-content .btn-outline {
              max-width: 280px; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .jumbo-slider-detailed .slides-texts .slide-text .slide-content {
            width: 100%;
            margin-left: 33px;
            max-width: initial; }
            /* line 510, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
            .jumbo-slider-detailed .slides-texts .slide-text .slide-content h2 {
              font-size: 42px;
              line-height: 50.4px; }
            /* line 515, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
            .jumbo-slider-detailed .slides-texts .slide-text .slide-content p {
              font-size: 14px;
              margin-top: 18px;
              margin-bottom: 2px; }
            /* line 521, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
            .jumbo-slider-detailed .slides-texts .slide-text .slide-content .btn-outline {
              max-width: 240px; } }
  /* line 529, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
  .jumbo-slider-detailed .slider-shadows {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2; }
    @media (min-width: 768px) and (max-width: 1199px) {
      .jumbo-slider-detailed .slider-shadows {
        display: none; } }
    /* line 541, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
    .jumbo-slider-detailed .slider-shadows .shadow {
      position: absolute;
      top: 0px;
      width: 356px;
      height: 100%; }
      /* line 548, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
      .jumbo-slider-detailed .slider-shadows .shadow.shadow-left {
        display: none;
        left: 0px;
        background: url('../img/slider-control-gradient-left.png') repeat-y left top;
        opacity: 0; }
      /* line 556, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_slider_detailed.scss */
      .jumbo-slider-detailed .slider-shadows .shadow.shadow-right {
        display: none;
        right: 0px;
        background: url('../img/slider-control-gradient-right.png') repeat-y right top;
        opacity: 0; }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
.jumbo-spotlight {
  position: relative;
  overflow: hidden; }
  /* line 9, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
  .jumbo-spotlight.contained small {
    font-family: "Maison Neue Bold",Calibri,Arial,Roboto,sans-serif;
    font-weight: 700;
    font-size: 18px; }
  @media (min-width: 1200px) and (max-width: 1479px) {
    /* line 16, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
    .jumbo-spotlight.contained h2 {
      font-size: 60px;
      line-height: 65px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    /* line 25, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
    .jumbo-spotlight.contained h2 {
      font-size: 48px;
      line-height: 1.167; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    /* line 33, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
    .jumbo-spotlight.contained .image {
      height: 300px; }
    /* line 39, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
    .jumbo-spotlight.contained .copy .call-out {
      padding: 40px 60px 0px;
      height: 300px;
      white-space: nowrap; }
    /* line 46, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
    .jumbo-spotlight.contained .centered {
      margin-top: 55px;
      margin-bottom: 55px; }
    /* line 51, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
    .jumbo-spotlight.contained h2 {
      font-size: 40px;
      line-height: 1.167;
      color: #ffffff;
      text-align: left; }
    /* line 58, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
    .jumbo-spotlight.contained small {
      color: #ffffff;
      text-align: left; } }
  /* line 67, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
  .jumbo-spotlight.white .btn-outline {
    color: #fdfdfd; }
    /* line 70, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
    .jumbo-spotlight.white .btn-outline .text-over {
      color: inherit; }
      /* line 73, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
      .jumbo-spotlight.white .btn-outline .text-over:hover {
        color: #1e1e1e; }
  /* line 80, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
  .jumbo-spotlight small {
    margin-top: 19px;
    margin-bottom: 15px; }
  /* line 85, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
  .jumbo-spotlight p {
    letter-spacing: 0.01em; }
  /* line 94, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
  .jumbo-spotlight .image {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-position: center top; }
  /* line 106, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
  .jumbo-spotlight .copy {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 2; }
  /* line 114, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
  .jumbo-spotlight .text-container {
    max-width: 400px; }
  /* line 118, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
  .jumbo-spotlight .call-out {
    padding-top: 0px !important; }
    /* line 128, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
    .jumbo-spotlight .call-out ul {
      margin-top: 23px;
      letter-spacing: 0.01em; }
      /* line 133, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
      .jumbo-spotlight .call-out ul > li {
        margin-bottom: -2px; }
      /* line 137, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
      .jumbo-spotlight .call-out ul li {
        list-style: none;
        line-height: 24px; }
      /* line 142, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
      .jumbo-spotlight .call-out ul li:before {
        content: "•";
        font-size: 18px;
        vertical-align: middle;
        line-height: 24px;
        margin-right: 6px; }
  @media (min-width: 1200px) and (max-width: 1479px) {
    /* line 154, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
    .jumbo-spotlight h2 {
      font-size: 48px;
      line-height: 1.167; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    /* line 162, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
    .jumbo-spotlight .col-md-9.col-md-offset-16 {
      margin-left: 62.5%;
      width: 29.16667%; }
    /* line 167, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
    .jumbo-spotlight .col-md-9.col-md-offset-2 {
      width: 29.16667%; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    /* line 174, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
    .jumbo-spotlight h2 {
      font-size: 36px;
      line-height: 1.167;
      text-align: left; }
    /* line 180, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
    .jumbo-spotlight p, .jumbo-spotlight ul {
      font-size: 13px;
      line-height: 24px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    /* line 188, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
    .jumbo-spotlight .centered {
      margin-top: 85px;
      margin-bottom: 85px;
      margin-left: -13px; }
    /* line 194, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
    .jumbo-spotlight .col-md-9.col-md-offset-16 {
      max-width: 400px;
      width: 100%;
      float: right; }
      /* line 200, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
      .jumbo-spotlight .col-md-9.col-md-offset-16 h2 {
        color: #fff; }
      /* line 204, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_spotlight.scss */
      .jumbo-spotlight .col-md-9.col-md-offset-16 p, .jumbo-spotlight .col-md-9.col-md-offset-16 ul {
        color: #cccfd1; } }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_video.scss */
.jumbo-video {
  position: relative;
  overflow: hidden;
  margin-bottom: 73px; }
  /* line 8, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_video.scss */
  .jumbo-video.contained {
    margin-bottom: 0px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .jumbo-video {
      margin-bottom: 38px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .jumbo-video {
      margin-bottom: 38px; } }
  /* line 20, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_video.scss */
  .jumbo-video .jumbo-video-play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -40px 0 0 -40px;
    z-index: 10; }
    /* line 28, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_video.scss */
    .jumbo-video .jumbo-video-play-button svg {
      width: 80px;
      height: 80px; }
    /* line 33, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_video.scss */
    .jumbo-video .jumbo-video-play-button .circle {
      left: -2px;
      top: -1px; }
    /* line 38, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_video.scss */
    .jumbo-video .jumbo-video-play-button .icon {
      font-size: 35px; }
  /* line 43, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_video.scss */
  .jumbo-video img {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    z-index: 5; }
  /* line 54, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_video.scss */
  .jumbo-video .video-container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1; }

/* line 65, /Applications/MAMP/htdocs/billabong/global/scss/modules/_jumbo_video.scss */
.jumbo-video::after {
  display: none; }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_most_popular.scss */
.most-popular {
  margin-top: 0px;
  margin-bottom: 30px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .most-popular {
      margin-bottom: 20px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .most-popular {
      margin-bottom: 20px; } }
  /* line 15, /Applications/MAMP/htdocs/billabong/global/scss/modules/_most_popular.scss */
  .most-popular .most-popular-content {
    margin-top: 106px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .most-popular .most-popular-content {
        margin-top: 86px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .most-popular .most-popular-content {
        margin-top: 86px; } }
  /* line 28, /Applications/MAMP/htdocs/billabong/global/scss/modules/_most_popular.scss */
  .most-popular .item-cell-image-link {
    overflow: hidden; }
    /* line 31, /Applications/MAMP/htdocs/billabong/global/scss/modules/_most_popular.scss */
    .most-popular .item-cell-image-link .item-cell-image {
      position: relative;
      display: inline-block; }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
#main.navigation {
  padding-bottom: 0px; }

/* line 14, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
#site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation-link > a {
  position: relative;
  display: inline-block;
  padding-bottom: 2px;
  border-bottom: 2px solid rgba(228, 229, 230, 0);
  -webkit-transition: border 600ms cubic-bezier(0.34, 0.065, 0.13, 1);
  -webkit-transition: border 600ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
  -moz-transition: border 600ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
  -o-transition: border 600ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
  transition: border 600ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
  -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
  -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
  -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
  transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
  /* custom */ }
  /* line 33, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
  #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation-link > a:hover {
    border-bottom: 2px solid #e4e5e6; }
/* line 38, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
#site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation-link.selected > a {
  border-bottom: 2px solid #e4e5e6; }
/* line 43, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
#site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation {
  overflow-x: hidden;
  overflow-y: hidden;
  overflow: hidden;
  background: transparent !important;
  border: 0 none;
  padding: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  /* line 59, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
  #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation > .container {
    width: 100%;
    max-width: 1840px;
    margin: 0 auto;
    padding: 0 40px; }
    /* line 66, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation > .container > .row {
      position: relative; }
  /* line 71, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
  #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .btn-close {
    position: absolute;
    float: none;
    display: block;
    top: -4px;
    right: 0px;
    z-index: 100; }
  /* line 80, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
  #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .quick-links {
    padding-top: 24px;
    text-align: left; }
    /* line 85, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .quick-links a {
      border-bottom: 1px solid rgba(42, 42, 42, 0); }
      /* line 89, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
      #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .quick-links a:hover {
        border-bottom: 1px solid rgba(42, 42, 42, 0.12); }
    /* line 94, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .quick-links h3 {
      margin-left: -2px;
      white-space: normal; }
    /* line 99, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .quick-links ul {
      margin: 0; }
    /* line 103, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .quick-links li {
      margin-top: 19px; }
    /* line 107, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .quick-links .hr {
      margin: 13px 0 35px; }
    @media (min-width: 992px) and (max-width: 1479px) {
      #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .quick-links {
        padding-top: 0px; }
        /* line 119, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
        #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .quick-links li {
          margin-top: 16px; }
        /* line 123, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
        #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .quick-links h3 {
          margin-bottom: 22px; }
        /* line 127, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
        #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .quick-links .hr {
          margin: 23px 0 25px; } }
  /* line 139, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
  #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation figure.featured-image {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position-y: 60px; }
    @media (min-width: 1200px) and (max-width: 1479px) {
      #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation figure.featured-image {
        display: none; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation figure.featured-image {
        display: none; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation figure.featured-image {
        display: none; } }
  /* line 167, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
  #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .subcategories {
    text-align: left;
    margin-top: 43px; }
    /* line 172, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .subcategories .hr {
      margin: 13px 0 10px; }
    /* line 176, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .subcategories li {
      margin-bottom: 0px;
      line-height: 30px; }
      /* line 181, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
      #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .subcategories li a {
        font-family: "Maison Neue Demi",Calibri,Arial,Roboto,sans-serif;
        font-weight: 600;
        font-size: 12px;
        color: #7e8183;
        line-height: 1.2;
        letter-spacing: 0.02em; }
    @media (min-width: 992px) and (max-width: 1479px) {
      #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .subcategories {
        margin-top: 19px; }
        /* line 199, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
        #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .subcategories li {
          line-height: 26px; }
          /* line 202, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
          #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .subcategories li a {
            font-size: 12px; }
        /* line 207, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
        #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .subcategories .subcategory-col {
          margin-left: 4.3333%; }
        /* line 211, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
        #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .subcategories .subcategory {
          margin-bottom: 35px; } }
  @media (min-width: 992px) and (max-width: 1479px) {
    /* line 227, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .subcategory-col {
      margin-left: 4.3333%; } }
  /* line 238, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
  #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .cta {
    text-align: left;
    padding: 49px 60px 50px; }
    /* line 243, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .cta p {
      line-height: 1;
      margin-bottom: 3px; }
    /* line 248, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .cta a {
      margin-top: 24px; }
    /* line 252, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .cta .btn-solid-shadow.btn-small {
      font-family: "Maison Neue Bold",Calibri,Arial,Roboto,sans-serif;
      font-weight: 700;
      padding: 0 19px !important;
      line-height: 30px !important;
      height: 30px; }
      /* line 259, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
      #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .cta .btn-solid-shadow.btn-small .title, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .cta .btn-solid-shadow.btn-small .text-over {
        font-size: 11px;
        letter-spacing: 0.1em; }
    @media (min-width: 768px) and (max-width: 1479px) {
      #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .cta {
        padding: 39px 50px 40px;
        display: none; } }
  /* line 273, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
  #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation a {
    -webkit-transition: border 420ms cubic-bezier(0.19, 0.02, 0.065, 1);
    -moz-transition: border 420ms cubic-bezier(0.19, 0.02, 0.065, 1);
    -o-transition: border 420ms cubic-bezier(0.19, 0.02, 0.065, 1);
    transition: border 420ms cubic-bezier(0.19, 0.02, 0.065, 1);
    /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.19, 0.02, 0.065, 1);
    -moz-transition-timing-function: cubic-bezier(0.19, 0.02, 0.065, 1);
    -o-transition-timing-function: cubic-bezier(0.19, 0.02, 0.065, 1);
    transition-timing-function: cubic-bezier(0.19, 0.02, 0.065, 1);
    /* custom */ }
  /* line 286, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
  #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation hr {
    position: relative;
    width: 100%;
    height: 1px;
    background: rgba(42, 42, 42, 0.12);
    border: 0 none;
    margin: 31px 0 33px; }
  /* line 295, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
  #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation .hr {
    background: rgba(42, 42, 42, 0.12);
    border: 0 none; }
  /* line 309, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
  #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.list .subcategories .subcategory a {
    border-bottom: 1px solid rgba(42, 42, 42, 0); }
    /* line 313, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.list .subcategories .subcategory a:hover {
      border-bottom: 1px solid rgba(42, 42, 42, 0.12); }
  /* line 320, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
  #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.list .subcategories .subcategory h4 a:hover {
    border-bottom: 1px solid rgba(42, 42, 42, 0); }
  /* line 333, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
  #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.showcase .subcategories .subcategory, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.thumbnails .subcategories .subcategory {
    margin-bottom: 54px; }
    /* line 337, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.showcase .subcategories .subcategory a, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.thumbnails .subcategories .subcategory a {
      width: 80%;
      border-bottom: 0 none;
      white-space: normal; }
      /* line 342, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
      #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.showcase .subcategories .subcategory a:hover, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.thumbnails .subcategories .subcategory a:hover {
        border-bottom: 0 none; }
        /* line 346, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
        #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.showcase .subcategories .subcategory a:hover span, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.thumbnails .subcategories .subcategory a:hover span {
          border-bottom: 1px solid rgba(42, 42, 42, 0.12); }
      /* line 351, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
      #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.showcase .subcategories .subcategory a span, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.thumbnails .subcategories .subcategory a span {
        border-bottom: 1px solid rgba(42, 42, 42, 0);
        -webkit-transition: border 360ms cubic-bezier(0.34, 0.065, 0.13, 1);
        -webkit-transition: border 360ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -moz-transition: border 360ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -o-transition: border 360ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
        transition: border 360ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
        /* older webkit */
        -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
        transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
        /* custom */ }
  /* line 370, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
  #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.showcase .subcategories .thumb, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.thumbnails .subcategories .thumb {
    margin-top: 20px;
    padding-right: 12.667%; }
    /* line 375, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.showcase .subcategories .thumb span, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.thumbnails .subcategories .thumb span {
      margin-top: 13px; }
    /* line 379, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.showcase .subcategories .thumb a, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.thumbnails .subcategories .thumb a {
      display: block;
      font-family: "Maison Neue Demi",Calibri,Arial,Roboto,sans-serif;
      font-weight: 600;
      color: #7e8183;
      font-size: 12px;
      letter-spacing: 0.01em;
      margin-top: 15px; }
  @media (min-width: 1200px) and (max-width: 1479px) {
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.list .quick-links, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.list .cta, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.thumbnails .quick-links, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.thumbnails .cta {
      margin-left: 0px;
      width: 100%; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.list .quick-links, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.list .cta, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.thumbnails .quick-links, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.thumbnails .cta {
      margin-left: 0px;
      width: 100%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.list .quick-links, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.list .cta, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.thumbnails .quick-links, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.thumbnails .cta {
      margin-left: 0px;
      width: 100%; } }
  @media (min-width: 1480px) {
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.list .featured-col, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.thumbnails .featured-col {
      min-width: 600px; } }
  @media (min-width: 1200px) and (max-width: 1479px) {
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.list .featured-col, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.thumbnails .featured-col {
      width: 21%; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.list .featured-col, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.thumbnails .featured-col {
      width: 21%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.list .featured-col, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.thumbnails .featured-col {
      width: 21%; } }
  @media (min-width: 1480px) {
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.list .subcategory-col, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.thumbnails .subcategory-col {
      margin-left: 45px; } }
  @media (min-width: 1200px) and (max-width: 1479px) {
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.list .subcategory-col, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.thumbnails .subcategory-col {
      width: 66.667%; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.list .subcategory-col, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.thumbnails .subcategory-col {
      width: 66.667%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.list .subcategory-col, #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.thumbnails .subcategory-col {
      width: 66.667%; } }
  @media (min-width: 992px) and (max-width: 1479px) {
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.showcase .subcategory-col {
      margin-left: 3.3333%; } }
  @media (min-width: 992px) and (max-width: 1479px) {
    /* line 473, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.showcase .subcategories .subcategory .hr {
      margin: 8px 0 10px; }
    /* line 477, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.showcase .subcategories .subcategory .btn-category-thumb {
      margin-top: 10px;
      padding-right: 0px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation.showcase .subcategories {
      width: 100%; } }
/* line 493, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
#site-header .site-search {
  border-bottom: 1px solid #e4e6e6; }
  /* line 497, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
  #site-header .site-search .search-results-container {
    overflow-y: visible;
    overflow: visible;
    background: transparent;
    border-top: 1px solid #e4e6e6;
    margin-top: 30px; }
  /* line 505, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
  #site-header .site-search .results {
    padding-bottom: 43px; }
    @media (min-width: 768px) and (max-width: 1199px) {
      #site-header .site-search .results .item-cell:nth-child(4n+1) {
        clear: both; } }
/* line 519, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
#site-header .site-search-content, #site-header .search-no-results-wrapper, #site-header .search-results-wrapper {
  position: relative;
  z-index: 10; }
/* line 527, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
#site-header .search-no-results .search-results-content-container {
  padding-bottom: 79px; }

@media (min-width: 992px) {
  .layout-container:not(.header-compact) .header-secondary-wrapper {
    padding: 28px 0px 29px; } }

@media (min-width: 992px) {
  .layout-container:not(.header-compact) #site-header:not(.solid) .header-secondary-wrapper {
    height: 180px;
    background: url('../img/nav-gradient.png') repeat-x center top; } }

/* line 564, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
.nav-open #site-header .site-search, #site-header.solid .site-search {
  border-bottom: 0 none;
  height: 99px; }

/* line 570, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
.white-block {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 0px;
  background: #fdfdfd;
  z-index: 1;
  -webkit-transition: height 360ms cubic-bezier(0.27, 0, 0.26, 0.99);
  /* older webkit */
  -webkit-transition: height 360ms cubic-bezier(0.27, -0.01, 0.26, 0.99);
  -moz-transition: height 360ms cubic-bezier(0.27, -0.01, 0.26, 0.99);
  -o-transition: height 360ms cubic-bezier(0.27, -0.01, 0.26, 0.99);
  transition: height 360ms cubic-bezier(0.27, -0.01, 0.26, 0.99);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.27, 0, 0.26, 0.99);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.27, -0.01, 0.26, 0.99);
  -moz-transition-timing-function: cubic-bezier(0.27, -0.01, 0.26, 0.99);
  -o-transition-timing-function: cubic-bezier(0.27, -0.01, 0.26, 0.99);
  transition-timing-function: cubic-bezier(0.27, -0.01, 0.26, 0.99);
  /* custom */ }

/* line 593, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
.nav-veil {
  position: absolute;
  top: 65px;
  left: 0px;
  width: 100%;
  height: 0px;
  background: rgba(240, 240, 244, 0.8);
  z-index: 0;
  pointer-events: none;
  -webkit-transition: opacity 600ms cubic-bezier(0.27, 0, 0.26, 0.99);
  /* older webkit */
  -webkit-transition: opacity 600ms cubic-bezier(0.27, -0.01, 0.26, 0.99);
  -moz-transition: opacity 600ms cubic-bezier(0.27, -0.01, 0.26, 0.99);
  -o-transition: opacity 600ms cubic-bezier(0.27, -0.01, 0.26, 0.99);
  transition: opacity 600ms cubic-bezier(0.27, -0.01, 0.26, 0.99);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.27, 0, 0.26, 0.99);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.27, -0.01, 0.26, 0.99);
  -moz-transition-timing-function: cubic-bezier(0.27, -0.01, 0.26, 0.99);
  -o-transition-timing-function: cubic-bezier(0.27, -0.01, 0.26, 0.99);
  transition-timing-function: cubic-bezier(0.27, -0.01, 0.26, 0.99);
  /* custom */ }

/* line 623, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
.header-compact.search-open .site-search::after {
  opacity: 0; }
/* line 629, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
.header-compact #site-header .header-secondary-wrapper .header-menu-secondary-nav .navigation hr {
  margin: 11px 0 33px; }
/* line 635, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
.header-compact:not(.nav-open):not(.search-open) .site-search::after {
  position: absolute;
  left: 0px;
  right: 0px;
  width: auto;
  height: 5px;
  bottom: -5px;
  background: rgba(0, 0, 0, 0.1);
  content: "";
  opacity: 1;
  z-index: 1;
  -webkit-transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
  -moz-transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
  -o-transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
  transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
  transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
  /* custom */ }
/* line 660, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
.header-compact .site-search-content {
  top: 19px; }
/* line 664, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
.header-compact .white-block {
  top: 60px; }

/* line 669, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
.header-site-search {
  z-index: 10; }

/* line 673, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
.header-secondary-container {
  position: relative;
  z-index: 10; }

/* line 680, /Applications/MAMP/htdocs/billabong/global/scss/modules/_navigation.scss */
.open .header-menu-level1-anchor:before, .open .header-menu-home-anchor:before, .open .header-menu-shop-anchor:before {
  display: none !important; }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
.new-looks {
  margin: 40px auto 120px;
  padding-bottom: 20px; }
  @media (min-width: 1480px) {
    .new-looks {
      width: 1420px; } }
  @media (min-width: 1200px) and (max-width: 1479px) {
    .new-looks {
      width: 1170px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .new-looks {
      width: 970px;
      margin-top: 20px;
      margin-bottom: 22px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .new-looks {
      width: 720px;
      margin-top: 20px;
      margin-bottom: 22px; } }
  /* line 27, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
  .new-looks .slider-content {
    margin-top: 150px;
    text-align: center;
    overflow: visible; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .new-looks .slider-content {
        margin-top: 87px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .new-looks .slider-content {
        margin-top: 87px; } }
    /* line 45, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
    .new-looks .slider-content .slider-title {
      top: 12.5%;
      letter-spacing: -0.006em;
      line-height: 1;
      z-index: 50; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .new-looks .slider-content .slider-title {
          top: 7.5%;
          font-size: 60px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .new-looks .slider-content .slider-title {
          top: 7.5%;
          font-size: 60px; } }
    /* line 63, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
    .new-looks .slider-content .slider-arrows {
      position: absolute;
      width: 100%; }
      /* line 68, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
      .new-looks .slider-content .slider-arrows .slider-arrow {
        position: absolute;
        visibility: visible; }
        /* line 73, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
        .new-looks .slider-content .slider-arrows .slider-arrow button {
          position: relative;
          overflow: hidden !important;
          padding: 10px; }
        /* line 79, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
        .new-looks .slider-content .slider-arrows .slider-arrow svg {
          width: 30px;
          height: auto; }
      /* line 85, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
      .new-looks .slider-content .slider-arrows .slider-arrow-next {
        right: -50px; }
      /* line 89, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
      .new-looks .slider-content .slider-arrows .slider-arrow-prev {
        left: -50px; }
    /* line 94, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
    .new-looks .slider-content .slider-pagination {
      position: absolute;
      left: 0px;
      right: 0px;
      text-align: center;
      overflow: hidden; }
      /* line 102, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
      .new-looks .slider-content .slider-pagination .slider-pagination-item {
        position: relative;
        display: inline-block;
        width: 7px;
        height: 7px;
        background: transparent;
        opacity: 0.5;
        padding: 15px;
        cursor: pointer;
        -webkit-transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
        -moz-transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
        -o-transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
        transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
        /* custom */
        -webkit-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        -moz-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        -o-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        /* custom */ }
        /* line 124, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
        .new-looks .slider-content .slider-pagination .slider-pagination-item:not(:last-child) {
          margin-right: 5px; }
        /* line 128, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
        .new-looks .slider-content .slider-pagination .slider-pagination-item .slider-pager-icon {
          position: absolute;
          top: 12px;
          left: 12px;
          width: 6px;
          height: 6px;
          border: 4px solid #1e1e1e;
          -webkit-border-radius: 7px;
          -moz-border-radius: 7px;
          border-radius: 7px;
          -webkit-transition: all 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
          -moz-transition: all 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
          -o-transition: all 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
          transition: all 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
          /* custom */
          -webkit-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
          -moz-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
          -o-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
          transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
          /* custom */ }
        /* line 152, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
        .new-looks .slider-content .slider-pagination .slider-pagination-item .slash {
          position: absolute;
          visibility: hidden;
          top: 14px;
          left: -12px;
          width: 56px;
          height: 2px;
          background: #1e1e1e; }
        /* line 163, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
        .new-looks .slider-content .slider-pagination .slider-pagination-item:hover {
          opacity: 1 !important; }
        /* line 167, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
        .new-looks .slider-content .slider-pagination .slider-pagination-item.selected {
          opacity: 1 !important; }
          /* line 171, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
          .new-looks .slider-content .slider-pagination .slider-pagination-item.selected .slider-pager-icon {
            top: 5px;
            left: 5px;
            width: 20px;
            height: 20px;
            border: 2px solid #1e1e1e;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px; }
  /* line 188, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
  .new-looks .new-looks-slider-wrapper {
    max-width: initial;
    width: auto; }
  /* line 193, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
  .new-looks .new-looks-slider {
    position: relative;
    overflow: visible;
    overflow-y: initial;
    z-index: 1; }
  /* line 201, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
  .new-looks .slider-main-item, .new-looks .slider-side-item {
    position: absolute;
    width: inherit; }
    /* line 206, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
    .new-looks .slider-main-item .images-wrapper, .new-looks .slider-side-item .images-wrapper {
      position: relative;
      overflow: hidden; }
    /* line 212, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
    .new-looks .slider-main-item .slider-item-link, .new-looks .slider-side-item .slider-item-link {
      position: relative;
      top: 0px;
      left: 0px;
      overflow: hidden;
      width: 100%;
      height: auto; }
    /* line 221, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
    .new-looks .slider-main-item .tabs-wrapper, .new-looks .slider-side-item .tabs-wrapper {
      position: absolute;
      width: 100%;
      bottom: -15px;
      text-align: center; }
    /* line 228, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
    .new-looks .slider-main-item .rollover-tab, .new-looks .slider-side-item .rollover-tab {
      background-color: #252627;
      display: inline-block;
      float: none;
      height: 30px;
      margin-left: 8px;
      color: #ffffff;
      font-size: 10px;
      letter-spacing: 0.1em;
      line-height: 30px;
      padding: 0 20px;
      text-transform: uppercase;
      text-align: center;
      opacity: 0; }
  /* line 246, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
  .new-looks .slider-side-item {
    position: absolute;
    top: 0px; }
    /* line 251, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
    .new-looks .slider-side-item.side-item-left {
      left: 0px; }
    /* line 255, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
    .new-looks .slider-side-item.side-item-right {
      right: 0px; }
    /* line 259, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
    .new-looks .slider-side-item .slider-item-link {
      background: #fdfdfd; }
    /* line 263, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
    .new-looks .slider-side-item .slider-item-image {
      top: 0px;
      left: 0px;
      opacity: 0.3; }
  /* line 270, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
  .new-looks .slider-wrapper {
    position: relative;
    display: inline-block; }
  /* line 275, /Applications/MAMP/htdocs/billabong/global/scss/modules/_new_looks.scss */
  .new-looks .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #fdfdfd;
    z-index: 100;
    visibility: hidden; }

/* line 4, /Applications/MAMP/htdocs/billabong/global/scss/modules/_other_collections.scss */
.other-collections .fancy-title {
  margin-bottom: 117px; }
/* line 8, /Applications/MAMP/htdocs/billabong/global/scss/modules/_other_collections.scss */
.other-collections .btn-category-thumb {
  padding: 0;
  margin: 0 0 70px; }
/* line 15, /Applications/MAMP/htdocs/billabong/global/scss/modules/_other_collections.scss */
.other-collections .img-wrapper img {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important; }

/* line 6, /Applications/MAMP/htdocs/billabong/global/scss/modules/_pdp_sticky_nav.scss */
.header-secondary-wrapper.pdp .header-logo-wrapper a {
  white-space: nowrap;
  -webkit-transition: opacity 140ms ease-out;
  -moz-transition: opacity 140ms ease-out;
  -o-transition: opacity 140ms ease-out;
  transition: opacity 140ms ease-out; }
/* line 19, /Applications/MAMP/htdocs/billabong/global/scss/modules/_pdp_sticky_nav.scss */
.header-secondary-wrapper.pdp .attribute-selector-container .attribute-selector {
  padding: 10px 20px 6px; }
  /* line 24, /Applications/MAMP/htdocs/billabong/global/scss/modules/_pdp_sticky_nav.scss */
  .header-secondary-wrapper.pdp .attribute-selector-container .attribute-selector:hover, .header-secondary-wrapper.pdp .attribute-selector-container .attribute-selector.expanded {
    padding: 9px 19px 5px; }
    /* line 28, /Applications/MAMP/htdocs/billabong/global/scss/modules/_pdp_sticky_nav.scss */
    .header-secondary-wrapper.pdp .attribute-selector-container .attribute-selector:hover .icon-utility-menu, .header-secondary-wrapper.pdp .attribute-selector-container .attribute-selector.expanded .icon-utility-menu {
      top: 7px;
      right: 9px; }
/* line 35, /Applications/MAMP/htdocs/billabong/global/scss/modules/_pdp_sticky_nav.scss */
.header-secondary-wrapper.pdp .attribute-selector-container .icon-utility-menu {
  position: absolute;
  float: none;
  top: 8px;
  right: 10px; }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
.product-slider {
  opacity: 0;
  background: #fdfdfd; }
  /* line 7, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-content-header {
    margin-top: 24px;
    left: -3px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-content-header {
        margin-top: 8px;
        margin-left: calc(50% - 1px);
        margin-bottom: 0px; } }
  /* line 23, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-content-header-title {
    display: inline-block;
    position: relative;
    width: 100%;
    max-height: 124px;
    line-height: 62px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-content-header-title {
        max-height: 80px;
        line-height: 36px;
        font-size: 28px; } }
    /* line 49, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-content-header-title .line-wrapper {
      overflow: hidden; }
  /* line 54, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-price {
    width: auto; }
  /* line 58, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-price .item-views-price-lead {
    font-size: 20px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-price .item-views-price-lead {
        font-size: 17px; } }
  /* line 66, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-rating-header {
    width: auto;
    margin-top: 2px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-rating-header {
        margin-top: 0px; } }
  /* line 76, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-rating-header {
    white-space: nowrap;
    margin-top: 2px;
    padding-left: 8px; }
  /* line 82, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .global-views-star-rating i {
    font-size: 18px;
    letter-spacing: 0.1em; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .global-views-star-rating i {
        font-size: 21px; } }
  /* line 96, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .global-views-star-rating-review-total {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    top: -3px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .global-views-star-rating-review-total {
        margin-left: 3px;
        top: -2px; } }
  /* line 113, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-image-gallery-view {
    position: relative;
    overflow: visible;
    margin-top: 0px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-image-gallery-view {
        overflow: hidden; } }
  /* line 124, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-free-shipping {
    margin-top: 6px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-free-shipping {
        margin-top: 1px; } }
    @media (max-height: 960px) {
      .product-slider .item-details-free-shipping {
        margin-top: 1px; } }
  /* line 141, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-hr {
    margin-top: 23px;
    margin-bottom: 23px; }
    @media (max-height: 960px) {
      .product-slider .item-details-hr {
        display: none; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .product-slider .item-views-option-color {
      margin-top: 8px;
      margin-bottom: 20px; } }
  @media (max-height: 960px) {
    .product-slider .item-views-option-color {
      margin-top: 16px; }
      /* line 166, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-views-option-color p {
        margin-bottom: 1px; } }
  /* line 172, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-views-option-color-label {
    white-space: nowrap;
    margin-bottom: 7px; }
  /* line 179, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-views-option-color-tiles-container li {
    margin-right: 21px; }
  /* line 184, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-pick-up-in-store {
    margin-top: 0px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-pick-up-in-store button {
        margin-top: 12px; } }
  /* line 200, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-add-to-wishlist {
    width: 100%; }
    /* line 204, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-add-to-wishlist button {
      max-width: 340px; }
  /* line 209, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .product-list-control-button-wishlist {
    margin-top: 20px;
    min-height: 45px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .product-list-control-button-wishlist {
        margin-top: 15px;
        min-height: 42px; } }
  /* line 224, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-add-to-cart button {
    margin-top: 10px; }
  /* line 228, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-social-sharing {
    margin-top: 43px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-social-sharing {
        margin-top: 33px;
        padding-bottom: 10px; } }
  /* line 242, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-main-content-wrapper {
    width: 100%; }
  /* line 246, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-main {
    position: relative;
    z-index: 1; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-main {
        width: 280px;
        padding: 0px;
        margin-right: 10px; } }
  /* line 258, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-main-bottom-banner {
    margin-bottom: 0px; }
  /* line 264, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .social-sharing-flyout-icons a i {
    display: inline-block;
    position: relative;
    top: 5px;
    color: #7e8183;
    font-size: 21px;
    line-height: 1;
    -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1);
    -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -moz-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -o-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
    /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    /* custom */ }
  /* line 287, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .social-sharing-flyout-icons a:hover i {
    color: #1e1e1e; }
  /* line 291, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-image-actions {
    margin-top: 30px; }
    /* line 299, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-image-actions a {
      display: inline-block;
      position: relative;
      color: #7e8183;
      line-height: 1;
      -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1);
      -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -moz-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -o-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
      transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
      /* older webkit */
      -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
      transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
      /* custom */ }
      /* line 318, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-details-image-actions a:hover {
        color: #1e1e1e; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-image-actions {
        margin-bottom: 30px; }
        /* line 327, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
        .product-slider .item-details-image-actions a {
          display: block;
          margin-bottom: 5px !important; } }
  /* line 338, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-shop-look-link {
    letter-spacing: 0.06em;
    white-space: nowrap;
    -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1);
    -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -moz-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -o-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
    /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    /* custom */ }
    /* line 355, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-shop-look-link .arrow-container {
      display: inline-block;
      position: relative;
      top: 4px;
      overflow: hidden;
      letter-spacing: 0.06em; }
      /* line 363, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-details-shop-look-link .arrow-container svg {
        margin-left: 6px; }
      /* line 367, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-details-shop-look-link .arrow-container svg * {
        fill: #7e8183; }
  /* line 376, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-sku-container, .product-slider .item-details-content-header, .product-slider .item-details-info, .product-slider .item-details-main {
    float: right !important;
    max-width: 360px;
    margin-right: 45px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-sku-container, .product-slider .item-details-content-header, .product-slider .item-details-info, .product-slider .item-details-main {
        width: 280px;
        max-width: none;
        margin-right: 0px; } }
  @media (max-height: 960px) {
    .product-slider .item-details-info {
      margin-top: -1px; } }
  /* line 396, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-sku-container {
    margin-top: 0px;
    padding-top: 75px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-sku-container {
        padding-top: 40px; } }
    @media (max-width: 991px) {
      .product-slider .item-details-sku-container {
        font-size: 11px; } }
    @media (max-height: 960px) {
      /* line 413, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-details-sku-container span {
        display: none; } }
  /* line 419, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-more-info {
    max-width: 360px;
    margin-right: 45px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-more-info {
        max-width: none;
        margin-right: 0px; } }
  /* line 430, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .btn-secondary {
    color: #1e1e1e; }
  /* line 434, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .zoom-viewer-container {
    position: absolute;
    top: 75px;
    left: auto;
    right: 45px;
    opacity: 0;
    max-width: 580px;
    max-height: 580px;
    z-index: 100;
    overflow: visible; }
    @media (max-height: 960px) {
      .product-slider .zoom-viewer-container {
        top: 20px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .zoom-viewer-container {
        right: 10px; } }
    /* line 454, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .zoom-viewer-container .shadow {
      position: absolute;
      top: 8px;
      left: 8px;
      width: 100%;
      height: 100%;
      content: "";
      background: rgba(49, 49, 50, 0.15);
      z-index: 1; }
      @media (min-width: 768px) and (max-width: 1479px) {
        .product-slider .zoom-viewer-container .shadow {
          top: 6px;
          left: 6px; } }
    /* line 471, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .zoom-viewer-container .zoom-viewer {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      position: relative;
      width: 580px;
      height: 580px;
      overflow: hidden;
      z-index: 2; }
      @media (min-width: 992px) and (max-width: 1479px) {
        .product-slider .zoom-viewer-container .zoom-viewer {
          width: 480px;
          height: 480px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .product-slider .zoom-viewer-container .zoom-viewer {
          width: 320px;
          height: 320px; } }
    /* line 494, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .zoom-viewer-container .zoomed-image {
      position: absolute;
      max-width: none;
      max-height: none; }
  /* line 502, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-slider-controls {
    position: absolute;
    padding-top: 75px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-slider-controls {
        padding-top: 40px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-slider-controls {
        margin-left: -5px; } }
    /* line 519, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-slider-controls .btn-arrow {
      opacity: 0; }
    /* line 523, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-slider-controls .thumbs-container {
      position: relative; }
      /* line 527, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-details-slider-controls .thumbs-container .thumbs-slider-wrapper {
        position: relative;
        max-height: 500px;
        padding-bottom: 18px;
        margin-bottom: -18px;
        overflow: hidden; }
        @media (min-width: 768px) and (max-width: 991px) {
          .product-slider .item-details-slider-controls .thumbs-container .thumbs-slider-wrapper {
            max-height: 240px; } }
      /* line 540, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-details-slider-controls .thumbs-container .btn-shadow-thumb .shadow {
        background: rgba(42, 42, 42, 0.12); }
  /* line 549, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-slider-controls-list li {
    position: relative;
    overflow: visible;
    height: 80px !important;
    display: block !important; }
    /* line 556, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-slider-controls-list li:not(:first-child) {
      margin-top: 20px; }
    /* line 560, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-slider-controls-list li .btn-shadow-thumb {
      position: absolute;
      left: 0px;
      right: 0px;
      margin: 0 auto;
      border: 0 none !important;
      width: 80px !important;
      height: 80px !important; }
    /* line 576, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-slider-controls-list li .img-wrapper {
      top: 0px;
      left: 0px; }
    /* line 581, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-slider-controls-list li img {
      position: relative;
      display: inline-block;
      border: 0 none !important;
      z-index: 2;
      padding: 1px; }
  @media (min-width: 768px) and (max-width: 991px) {
    /* line 592, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-slider-controls-list li {
      height: 60px !important; }
      /* line 596, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-details-slider-controls-list li .btn-shadow-thumb {
        width: 60px !important;
        height: 60px !important; }
      /* line 606, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-details-slider-controls-list li .img-wrapper {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden; }
      /* line 614, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-details-slider-controls-list li img {
        width: 100%;
        height: auto; } }
  /* line 624, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-views-option-color-tiles-container li {
    position: relative;
    overflow: visible;
    width: 60px !important;
    height: 80px !important; }
    /* line 631, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-views-option-color-tiles-container li:not(:first-child) {
      margin-top: 20px; }
    /* line 635, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-views-option-color-tiles-container li .item-views-option-color-tile {
      position: absolute;
      left: 0px;
      right: 0px;
      margin: 0 auto;
      border: 0 none !important;
      width: 60px !important;
      height: 80px !important; }
      /* line 650, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-views-option-color-tiles-container li .item-views-option-color-tile .img-wrapper {
        top: 0px;
        left: 0px; }
        /* line 654, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
        .product-slider .item-views-option-color-tiles-container li .item-views-option-color-tile .img-wrapper img {
          width: 100%;
          height: auto; }
    /* line 661, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-views-option-color-tiles-container li img {
      position: relative;
      display: inline-block;
      border: 0 none !important;
      z-index: 2;
      padding: 1px; }
  /* line 671, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-image-gallery-wrapper {
    padding-top: 0px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-image-gallery-wrapper {
        padding-top: 0px; } }
  /* line 680, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-image-gallery {
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    z-index: 0; }
    /* line 688, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-image-gallery .overlay {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background: #fdfdfd;
      z-index: 100; }
  /* line 699, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .zoom-reticule {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 172px;
    height: 172px;
    background: url('../img/magnifier.png') top left no-repeat;
    opacity: 0; }
  /* line 709, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-image-gallery-detailed-image {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%; }
    /* line 717, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-image-gallery-detailed-image .image-wrapper {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      /* line 726, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-details-image-gallery-detailed-image .image-wrapper img.center-block {
        display: block;
        position: absolute;
        float: none;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0; }
  /* line 743, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .tooltip .tooltip-inner {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  /* line 750, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .tooltip .tooltip-arrow {
    top: 26px;
    right: -19px;
    background: transparent;
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Chrome, Safari, Opera */
    transform: rotate(0deg); }
  /* line 761, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .tooltip .tooltip-arrow-shadow {
    top: 26px;
    right: -19px;
    background: transparent;
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Chrome, Safari, Opera */
    transform: rotate(0deg); }
  /* line 772, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .tooltip .tooltip-inner-shadow {
    display: block;
    position: absolute;
    top: 5px;
    right: -5px;
    background-color: #dbdcdd;
    color: #dbdcdd;
    border: none;
    padding: 20px 40px;
    font-family: "Maison Neue Bold", Calibri, Arial, Roboto, sans-serif;
    font-size: 12px;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.4em;
    line-height: 14px;
    z-index: 0; }
  /* line 794, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-more-info-content-container {
    margin-top: 33px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-more-info-content-container {
        margin-top: 95px; } }
  /* line 807, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-more-info-content-tabs {
    position: relative;
    text-align: justify;
    height: 37px; }
    /* line 813, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-more-info-content-tabs .item-details-tab-title {
      position: relative;
      display: inline-block;
      float: none;
      top: 0px;
      left: 0px;
      padding: 0;
      margin: 0;
      width: auto; }
      /* line 824, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-details-more-info-content-tabs .item-details-tab-title a {
        -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1);
        -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -moz-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -o-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
        transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
        /* older webkit */
        -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
        transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
        /* custom */ }
      /* line 839, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-details-more-info-content-tabs .item-details-tab-title:hover a {
        color: #313132; }
    /* line 844, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-more-info-content-tabs .break {
      position: relative;
      display: inline-block;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 0px; }
  /* line 854, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-tab-content {
    padding-top: 23px;
    height: 350px; }
    /* line 859, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-tab-content p {
      letter-spacing: 0.01em;
      margin-bottom: 22px; }
    @media (min-width: 1200px) {
      .product-slider .item-details-tab-content {
        overflow: auto; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-tab-content {
        padding-top: 0px;
        margin-top: -9px;
        margin-bottom: 30px;
        height: auto; }
        /* line 875, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
        .product-slider .item-details-tab-content p {
          margin-bottom: 17px; }
        /* line 879, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
        .product-slider .item-details-tab-content li {
          letter-spacing: 0.01em;
          margin-bottom: 0px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .product-slider .item-details-tabs-wrapper {
      padding-bottom: 55px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    /* line 901, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-tabs-titles .subtitle {
      font-size: 12px;
      margin-top: 27px;
      letter-spacing: 0.1em;
      margin-bottom: 17px;
      line-height: 1.4em; }
    /* line 910, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-tabs-titles .item-details-hr {
      margin-bottom: 18px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .product-slider .item-details-tab-main-title {
      line-height: 1;
      margin-bottom: 2px;
      text-transform: uppercase; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .product-slider .item-details-tabs-content {
      left: 3.67%; } }
  /* line 940, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-options-content {
    overflow: visible; }
  /* line 945, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .btn-outline-shadow, .product-slider .btn-outline-tile-shadow {
    background: rgba(240, 240, 242, 0.6); }
  /* line 952, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider.contained .btn-outline-shadow, .product-slider.contained .btn-outline-tile-shadow {
    background: rgba(253, 253, 253, 0.6); }
  /* line 956, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider.contained .item-details-image-gallery-wrapper {
    padding-top: 75px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider.contained .item-details-image-gallery-wrapper {
        padding-top: 40px; } }

/* line 19, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
.btn-outline, .btn-outline-shadow, .btn-solid, .btn-solid-shadow, .btn-shadow-thumb, .btn-outline-tile-shadow, a.btn-outline, a.btn-outline-shadow, a.btn-solid, a.btn-solid-shadow, a.btn-shadow-thumb, a.btn-outline-tile-shadow, button.btn-outline, button.btn-outline-shadow, button.btn-solid, button.btn-solid-shadow, button.btn-shadow-thumb, button.btn-outline-tile-shadow {
  position: relative;
  color: inherit;
  text-transform: uppercase;
  display: inline-block;
  color: #1e1e1e;
  padding: 0;
  border: 0 none;
  white-space: nowrap;
  letter-spacing: 0.35em;
  line-height: 1;
  opacity: 0;
  font-family: "Maison Neue Bold",Calibri,Arial,Roboto,sans-serif;
  font-weight: bold;
  font-size: 12px;
  -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1);
  -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
  -moz-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
  -o-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
  transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
  -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
  -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
  -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
  transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
  /* custom */ }
  /* line 52, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
  .btn-outline:hover, .btn-outline:active, .btn-outline:focus, .btn-outline-shadow:hover, .btn-outline-shadow:active, .btn-outline-shadow:focus, .btn-solid:hover, .btn-solid:active, .btn-solid:focus, .btn-solid-shadow:hover, .btn-solid-shadow:active, .btn-solid-shadow:focus, .btn-shadow-thumb:hover, .btn-shadow-thumb:active, .btn-shadow-thumb:focus, .btn-outline-tile-shadow:hover, .btn-outline-tile-shadow:active, .btn-outline-tile-shadow:focus, a.btn-outline:hover, a.btn-outline:active, a.btn-outline:focus, a.btn-outline-shadow:hover, a.btn-outline-shadow:active, a.btn-outline-shadow:focus, a.btn-solid:hover, a.btn-solid:active, a.btn-solid:focus, a.btn-solid-shadow:hover, a.btn-solid-shadow:active, a.btn-solid-shadow:focus, a.btn-shadow-thumb:hover, a.btn-shadow-thumb:active, a.btn-shadow-thumb:focus, a.btn-outline-tile-shadow:hover, a.btn-outline-tile-shadow:active, a.btn-outline-tile-shadow:focus, button.btn-outline:hover, button.btn-outline:active, button.btn-outline:focus, button.btn-outline-shadow:hover, button.btn-outline-shadow:active, button.btn-outline-shadow:focus, button.btn-solid:hover, button.btn-solid:active, button.btn-solid:focus, button.btn-solid-shadow:hover, button.btn-solid-shadow:active, button.btn-solid-shadow:focus, button.btn-shadow-thumb:hover, button.btn-shadow-thumb:active, button.btn-shadow-thumb:focus, button.btn-outline-tile-shadow:hover, button.btn-outline-tile-shadow:active, button.btn-outline-tile-shadow:focus {
    color: #1e1e1e;
    background: none;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  /* line 65, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
  .btn-outline.white .overlay, .btn-outline-shadow.white .overlay, .btn-solid.white .overlay, .btn-solid-shadow.white .overlay, .btn-shadow-thumb.white .overlay, .btn-outline-tile-shadow.white .overlay, a.btn-outline.white .overlay, a.btn-outline-shadow.white .overlay, a.btn-solid.white .overlay, a.btn-solid-shadow.white .overlay, a.btn-shadow-thumb.white .overlay, a.btn-outline-tile-shadow.white .overlay, button.btn-outline.white .overlay, button.btn-outline-shadow.white .overlay, button.btn-solid.white .overlay, button.btn-solid-shadow.white .overlay, button.btn-shadow-thumb.white .overlay, button.btn-outline-tile-shadow.white .overlay {
    background: #a9adb0; }
  /* line 69, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
  .btn-outline.white .text-over, .btn-outline-shadow.white .text-over, .btn-solid.white .text-over, .btn-solid-shadow.white .text-over, .btn-shadow-thumb.white .text-over, .btn-outline-tile-shadow.white .text-over, a.btn-outline.white .text-over, a.btn-outline-shadow.white .text-over, a.btn-solid.white .text-over, a.btn-solid-shadow.white .text-over, a.btn-shadow-thumb.white .text-over, a.btn-outline-tile-shadow.white .text-over, button.btn-outline.white .text-over, button.btn-outline-shadow.white .text-over, button.btn-solid.white .text-over, button.btn-solid-shadow.white .text-over, button.btn-shadow-thumb.white .text-over, button.btn-outline-tile-shadow.white .text-over {
    color: #fdfdfd; }
  /* line 74, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
  .btn-outline .title, .btn-outline-shadow .title, .btn-solid .title, .btn-solid-shadow .title, .btn-shadow-thumb .title, .btn-outline-tile-shadow .title, a.btn-outline .title, a.btn-outline-shadow .title, a.btn-solid .title, a.btn-solid-shadow .title, a.btn-shadow-thumb .title, a.btn-outline-tile-shadow .title, button.btn-outline .title, button.btn-outline-shadow .title, button.btn-solid .title, button.btn-solid-shadow .title, button.btn-shadow-thumb .title, button.btn-outline-tile-shadow .title {
    position: relative;
    display: inline-block;
    padding: 0px 0px;
    background: transparent;
    letter-spacing: 0.35em;
    white-space: nowrap;
    z-index: 5; }
  /* line 85, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
  .btn-outline .color-block, .btn-outline-shadow .color-block, .btn-solid .color-block, .btn-solid-shadow .color-block, .btn-shadow-thumb .color-block, .btn-outline-tile-shadow .color-block, a.btn-outline .color-block, a.btn-outline-shadow .color-block, a.btn-solid .color-block, a.btn-solid-shadow .color-block, a.btn-shadow-thumb .color-block, a.btn-outline-tile-shadow .color-block, button.btn-outline .color-block, button.btn-outline-shadow .color-block, button.btn-solid .color-block, button.btn-solid-shadow .color-block, button.btn-shadow-thumb .color-block, button.btn-outline-tile-shadow .color-block {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #1e1e1e;
    z-index: 2; }
  /* line 95, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
  .btn-outline .overlay, .btn-outline-shadow .overlay, .btn-solid .overlay, .btn-solid-shadow .overlay, .btn-shadow-thumb .overlay, .btn-outline-tile-shadow .overlay, a.btn-outline .overlay, a.btn-outline-shadow .overlay, a.btn-solid .overlay, a.btn-solid-shadow .overlay, a.btn-shadow-thumb .overlay, a.btn-outline-tile-shadow .overlay, button.btn-outline .overlay, button.btn-outline-shadow .overlay, button.btn-solid .overlay, button.btn-solid-shadow .overlay, button.btn-shadow-thumb .overlay, button.btn-outline-tile-shadow .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #fdfdfd;
    opacity: 0;
    z-index: 5; }
  /* line 107, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
  .btn-outline .border, .btn-outline-shadow .border, .btn-solid .border, .btn-solid-shadow .border, .btn-shadow-thumb .border, .btn-outline-tile-shadow .border, a.btn-outline .border, a.btn-outline-shadow .border, a.btn-solid .border, a.btn-solid-shadow .border, a.btn-shadow-thumb .border, a.btn-outline-tile-shadow .border, button.btn-outline .border, button.btn-outline-shadow .border, button.btn-solid .border, button.btn-solid-shadow .border, button.btn-shadow-thumb .border, button.btn-outline-tile-shadow .border {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: transparent;
    border: 2px solid #d1d4d6;
    z-index: 3; }
  /* line 119, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
  .btn-outline .text-over, .btn-outline-shadow .text-over, .btn-solid .text-over, .btn-solid-shadow .text-over, .btn-shadow-thumb .text-over, .btn-outline-tile-shadow .text-over, a.btn-outline .text-over, a.btn-outline-shadow .text-over, a.btn-solid .text-over, a.btn-solid-shadow .text-over, a.btn-shadow-thumb .text-over, a.btn-outline-tile-shadow .text-over, button.btn-outline .text-over, button.btn-outline-shadow .text-over, button.btn-solid .text-over, button.btn-solid-shadow .text-over, button.btn-shadow-thumb .text-over, button.btn-outline-tile-shadow .text-over {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: transparent;
    opacity: 0;
    z-index: 10;
    color: #1e1e1e;
    font-size: 12px;
    padding: 14px 0px;
    letter-spacing: 0.35em;
    line-height: 1; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .btn-outline, .btn-outline-shadow, .btn-solid, .btn-solid-shadow, .btn-shadow-thumb, .btn-outline-tile-shadow, a.btn-outline, a.btn-outline-shadow, a.btn-solid, a.btn-solid-shadow, a.btn-shadow-thumb, a.btn-outline-tile-shadow, button.btn-outline, button.btn-outline-shadow, button.btn-solid, button.btn-solid-shadow, button.btn-shadow-thumb, button.btn-outline-tile-shadow {
      font-size: 11px;
      padding: 0;
      letter-spacing: 0.3em; }
      /* line 152, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
      .btn-outline .text-over, .btn-outline .title, .btn-outline-shadow .text-over, .btn-outline-shadow .title, .btn-solid .text-over, .btn-solid .title, .btn-solid-shadow .text-over, .btn-solid-shadow .title, .btn-shadow-thumb .text-over, .btn-shadow-thumb .title, .btn-outline-tile-shadow .text-over, .btn-outline-tile-shadow .title, a.btn-outline .text-over, a.btn-outline .title, a.btn-outline-shadow .text-over, a.btn-outline-shadow .title, a.btn-solid .text-over, a.btn-solid .title, a.btn-solid-shadow .text-over, a.btn-solid-shadow .title, a.btn-shadow-thumb .text-over, a.btn-shadow-thumb .title, a.btn-outline-tile-shadow .text-over, a.btn-outline-tile-shadow .title, button.btn-outline .text-over, button.btn-outline .title, button.btn-outline-shadow .text-over, button.btn-outline-shadow .title, button.btn-solid .text-over, button.btn-solid .title, button.btn-solid-shadow .text-over, button.btn-solid-shadow .title, button.btn-shadow-thumb .text-over, button.btn-shadow-thumb .title, button.btn-outline-tile-shadow .text-over, button.btn-outline-tile-shadow .title {
        padding: 14px 0px;
        font-size: 11px;
        letter-spacing: 0.3em;
        line-height: 1.3; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .btn-outline, .btn-outline-shadow, .btn-solid, .btn-solid-shadow, .btn-shadow-thumb, .btn-outline-tile-shadow, a.btn-outline, a.btn-outline-shadow, a.btn-solid, a.btn-solid-shadow, a.btn-shadow-thumb, a.btn-outline-tile-shadow, button.btn-outline, button.btn-outline-shadow, button.btn-solid, button.btn-solid-shadow, button.btn-shadow-thumb, button.btn-outline-tile-shadow {
      letter-spacing: 0.1em; }
      /* line 165, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
      .btn-outline .text-over, .btn-outline .title, .btn-outline-shadow .text-over, .btn-outline-shadow .title, .btn-solid .text-over, .btn-solid .title, .btn-solid-shadow .text-over, .btn-solid-shadow .title, .btn-shadow-thumb .text-over, .btn-shadow-thumb .title, .btn-outline-tile-shadow .text-over, .btn-outline-tile-shadow .title, a.btn-outline .text-over, a.btn-outline .title, a.btn-outline-shadow .text-over, a.btn-outline-shadow .title, a.btn-solid .text-over, a.btn-solid .title, a.btn-solid-shadow .text-over, a.btn-solid-shadow .title, a.btn-shadow-thumb .text-over, a.btn-shadow-thumb .title, a.btn-outline-tile-shadow .text-over, a.btn-outline-tile-shadow .title, button.btn-outline .text-over, button.btn-outline .title, button.btn-outline-shadow .text-over, button.btn-outline-shadow .title, button.btn-solid .text-over, button.btn-solid .title, button.btn-solid-shadow .text-over, button.btn-solid-shadow .title, button.btn-shadow-thumb .text-over, button.btn-shadow-thumb .title, button.btn-outline-tile-shadow .text-over, button.btn-outline-tile-shadow .title {
        letter-spacing: 0.1em; } }

/* line 178, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
.btn-outline:hover, .btn-outline-shadow:hover, a.btn-outline:hover, a.btn-outline-shadow:hover, button.btn-outline:hover, button.btn-outline-shadow:hover {
  background: transparent; }
/* line 182, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
.btn-outline.white, .btn-outline-shadow.white, a.btn-outline.white, a.btn-outline-shadow.white, button.btn-outline.white, button.btn-outline-shadow.white {
  color: #fdfdfd;
  border-color: #d1d4d6; }
  /* line 187, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
  .btn-outline.white .title, .btn-outline-shadow.white .title, a.btn-outline.white .title, a.btn-outline-shadow.white .title, button.btn-outline.white .title, button.btn-outline-shadow.white .title {
    color: #fdfdfd; }
  /* line 191, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
  .btn-outline.white .text-over, .btn-outline-shadow.white .text-over, a.btn-outline.white .text-over, a.btn-outline-shadow.white .text-over, button.btn-outline.white .text-over, button.btn-outline-shadow.white .text-over {
    color: #1e1e1e; }
  /* line 195, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
  .btn-outline.white .overlay, .btn-outline-shadow.white .overlay, a.btn-outline.white .overlay, a.btn-outline-shadow.white .overlay, button.btn-outline.white .overlay, button.btn-outline-shadow.white .overlay {
    background: #fdfdfd; }

/* line 201, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
.btn-outline {
  color: #fdfdfd; }

/* line 216, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
.btn-outline-shadow, .btn-solid-shadow, .btn-shadow-thumb, .btn-outline-tile-shadow, a.btn-outline-shadow, a.btn-solid-shadow, a.btn-shadow-thumb, a.btn-outline-tile-shadow, button.btn-outline-shadow, button.btn-solid-shadow, button.btn-shadow-thumb, button.btn-outline-tile-shadow {
  padding: 0; }
  /* line 220, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
  .btn-outline-shadow .overlay, .btn-solid-shadow .overlay, .btn-shadow-thumb .overlay, .btn-outline-tile-shadow .overlay, a.btn-outline-shadow .overlay, a.btn-solid-shadow .overlay, a.btn-shadow-thumb .overlay, a.btn-outline-tile-shadow .overlay, button.btn-outline-shadow .overlay, button.btn-solid-shadow .overlay, button.btn-shadow-thumb .overlay, button.btn-outline-tile-shadow .overlay {
    background: #a9adb0; }
  /* line 224, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
  .btn-outline-shadow .text-over, .btn-solid-shadow .text-over, .btn-shadow-thumb .text-over, .btn-outline-tile-shadow .text-over, a.btn-outline-shadow .text-over, a.btn-solid-shadow .text-over, a.btn-shadow-thumb .text-over, a.btn-outline-tile-shadow .text-over, button.btn-outline-shadow .text-over, button.btn-solid-shadow .text-over, button.btn-shadow-thumb .text-over, button.btn-outline-tile-shadow .text-over {
    color: #fdfdfd; }
  /* line 228, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
  .btn-outline-shadow .shadow, .btn-solid-shadow .shadow, .btn-shadow-thumb .shadow, .btn-outline-tile-shadow .shadow, a.btn-outline-shadow .shadow, a.btn-solid-shadow .shadow, a.btn-shadow-thumb .shadow, a.btn-outline-tile-shadow .shadow, button.btn-outline-shadow .shadow, button.btn-solid-shadow .shadow, button.btn-shadow-thumb .shadow, button.btn-outline-tile-shadow .shadow {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 100%;
    height: 100%;
    background: rgba(206, 207, 208, 0.7);
    opacity: 0;
    z-index: 0; }
  @media (min-width: 768px) and (max-width: 991px) {
    /* line 242, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
    .btn-outline-shadow .title, .btn-solid-shadow .title, .btn-shadow-thumb .title, .btn-outline-tile-shadow .title, a.btn-outline-shadow .title, a.btn-solid-shadow .title, a.btn-shadow-thumb .title, a.btn-outline-tile-shadow .title, button.btn-outline-shadow .title, button.btn-solid-shadow .title, button.btn-shadow-thumb .title, button.btn-outline-tile-shadow .title {
      padding: 14px 0px; } }

/* line 259, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
.btn-outline, .btn-outline-shadow, .btn-solid, .btn-solid-shadow, a.btn-outline, a.btn-outline-shadow, a.btn-solid, a.btn-solid-shadow, button.btn-outline, button.btn-outline-shadow, button.btn-solid, button.btn-solid-shadow {
  height: 50px;
  line-height: 50px;
  padding: 0px; }
  /* line 266, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
  .btn-outline .text-over, .btn-outline .title, .btn-outline-shadow .text-over, .btn-outline-shadow .title, .btn-solid .text-over, .btn-solid .title, .btn-solid-shadow .text-over, .btn-solid-shadow .title, a.btn-outline .text-over, a.btn-outline .title, a.btn-outline-shadow .text-over, a.btn-outline-shadow .title, a.btn-solid .text-over, a.btn-solid .title, a.btn-solid-shadow .text-over, a.btn-solid-shadow .title, button.btn-outline .text-over, button.btn-outline .title, button.btn-outline-shadow .text-over, button.btn-outline-shadow .title, button.btn-solid .text-over, button.btn-solid .title, button.btn-solid-shadow .text-over, button.btn-solid-shadow .title {
    height: inherit;
    padding: 0px;
    line-height: inherit; }
  @media (max-width: 1199px) {
    .btn-outline, .btn-outline-shadow, .btn-solid, .btn-solid-shadow, a.btn-outline, a.btn-outline-shadow, a.btn-solid, a.btn-solid-shadow, button.btn-outline, button.btn-outline-shadow, button.btn-solid, button.btn-solid-shadow {
      height: 40px;
      line-height: 40px; } }
  /* line 277, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
  .btn-outline.fluid, .btn-outline-shadow.fluid, .btn-solid.fluid, .btn-solid-shadow.fluid, a.btn-outline.fluid, a.btn-outline-shadow.fluid, a.btn-solid.fluid, a.btn-solid-shadow.fluid, button.btn-outline.fluid, button.btn-outline-shadow.fluid, button.btn-solid.fluid, button.btn-solid-shadow.fluid {
    width: auto; }
    /* line 282, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
    .btn-outline.fluid .text-over, .btn-outline.fluid .title, .btn-outline-shadow.fluid .text-over, .btn-outline-shadow.fluid .title, .btn-solid.fluid .text-over, .btn-solid.fluid .title, .btn-solid-shadow.fluid .text-over, .btn-solid-shadow.fluid .title, a.btn-outline.fluid .text-over, a.btn-outline.fluid .title, a.btn-outline-shadow.fluid .text-over, a.btn-outline-shadow.fluid .title, a.btn-solid.fluid .text-over, a.btn-solid.fluid .title, a.btn-solid-shadow.fluid .text-over, a.btn-solid-shadow.fluid .title, button.btn-outline.fluid .text-over, button.btn-outline.fluid .title, button.btn-outline-shadow.fluid .text-over, button.btn-outline-shadow.fluid .title, button.btn-solid.fluid .text-over, button.btn-solid.fluid .title, button.btn-solid-shadow.fluid .text-over, button.btn-solid-shadow.fluid .title {
      padding: 0px 40px; }
  /* line 287, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
  .btn-outline.short, .btn-outline-shadow.short, .btn-solid.short, .btn-solid-shadow.short, a.btn-outline.short, a.btn-outline-shadow.short, a.btn-solid.short, a.btn-solid-shadow.short, button.btn-outline.short, button.btn-outline-shadow.short, button.btn-solid.short, button.btn-solid-shadow.short {
    height: 40px;
    line-height: 40px;
    padding: 0px; }
    /* line 296, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
    .btn-outline.short.fluid .text-over, .btn-outline.short.fluid .title, .btn-outline-shadow.short.fluid .text-over, .btn-outline-shadow.short.fluid .title, .btn-solid.short.fluid .text-over, .btn-solid.short.fluid .title, .btn-solid-shadow.short.fluid .text-over, .btn-solid-shadow.short.fluid .title, a.btn-outline.short.fluid .text-over, a.btn-outline.short.fluid .title, a.btn-outline-shadow.short.fluid .text-over, a.btn-outline-shadow.short.fluid .title, a.btn-solid.short.fluid .text-over, a.btn-solid.short.fluid .title, a.btn-solid-shadow.short.fluid .text-over, a.btn-solid-shadow.short.fluid .title, button.btn-outline.short.fluid .text-over, button.btn-outline.short.fluid .title, button.btn-outline-shadow.short.fluid .text-over, button.btn-outline-shadow.short.fluid .title, button.btn-solid.short.fluid .text-over, button.btn-solid.short.fluid .title, button.btn-solid-shadow.short.fluid .text-over, button.btn-solid-shadow.short.fluid .title {
      padding: 0px 20px; }
    /* line 301, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
    .btn-outline.short .shadow, .btn-outline-shadow.short .shadow, .btn-solid.short .shadow, .btn-solid-shadow.short .shadow, a.btn-outline.short .shadow, a.btn-outline-shadow.short .shadow, a.btn-solid.short .shadow, a.btn-solid-shadow.short .shadow, button.btn-outline.short .shadow, button.btn-outline-shadow.short .shadow, button.btn-solid.short .shadow, button.btn-solid-shadow.short .shadow {
      top: 4px;
      left: 4px; }

/* line 317, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
.btn-solid:hover, .btn-solid:active, .btn-solid:focus, .btn-solid-shadow:hover, .btn-solid-shadow:active, .btn-solid-shadow:focus, a.btn-solid:hover, a.btn-solid:active, a.btn-solid:focus, a.btn-solid-shadow:hover, a.btn-solid-shadow:active, a.btn-solid-shadow:focus, button.btn-solid:hover, button.btn-solid:active, button.btn-solid:focus, button.btn-solid-shadow:hover, button.btn-solid-shadow:active, button.btn-solid-shadow:focus {
  background: #1e1e1e; }
/* line 322, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
.btn-solid .title, .btn-solid-shadow .title, a.btn-solid .title, a.btn-solid-shadow .title, button.btn-solid .title, button.btn-solid-shadow .title {
  width: 100%;
  color: #fdfdfd; }
/* line 327, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
.btn-solid .color-block, .btn-solid-shadow .color-block, a.btn-solid .color-block, a.btn-solid-shadow .color-block, button.btn-solid .color-block, button.btn-solid-shadow .color-block {
  background: #1e1e1e; }
/* line 331, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
.btn-solid .overlay, .btn-solid-shadow .overlay, a.btn-solid .overlay, a.btn-solid-shadow .overlay, button.btn-solid .overlay, button.btn-solid-shadow .overlay {
  background: #45ade8; }

/* line 338, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
.btn-shadow-thumb, a.btn-shadow-thumb, button.btn-shadow-thumb {
  padding: 0;
  -webkit-transition: width 200ms cubic-bezier(0.34, 0.065, 0.13, 1), height 200ms cubic-bezier(0.34, 0.065, 0.13, 1), padding 200ms cubic-bezier(0.34, 0.065, 0.13, 1);
  -webkit-transition: width 200ms cubic-bezier(0.34, 0.065, 0.13, 1.005), height 200ms cubic-bezier(0.34, 0.065, 0.13, 1.005), padding 200ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
  -moz-transition: width 200ms cubic-bezier(0.34, 0.065, 0.13, 1.005), height 200ms cubic-bezier(0.34, 0.065, 0.13, 1.005), padding 200ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
  -o-transition: width 200ms cubic-bezier(0.34, 0.065, 0.13, 1.005), height 200ms cubic-bezier(0.34, 0.065, 0.13, 1.005), padding 200ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
  transition: width 200ms cubic-bezier(0.34, 0.065, 0.13, 1.005), height 200ms cubic-bezier(0.34, 0.065, 0.13, 1.005), padding 200ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
  -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
  -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
  -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
  transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
  /* custom */ }
  /* line 358, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
  .btn-shadow-thumb:hover .border, a.btn-shadow-thumb:hover .border, button.btn-shadow-thumb:hover .border {
    border: 2px solid #d1d4d6; }
  /* line 367, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
  .btn-shadow-thumb.selected .border, a.btn-shadow-thumb.selected .border, button.btn-shadow-thumb.selected .border {
    border: 2px solid #252627; }
  /* line 372, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
  .btn-shadow-thumb .img-wrapper, a.btn-shadow-thumb .img-wrapper, button.btn-shadow-thumb .img-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  /* line 379, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
  .btn-shadow-thumb img, a.btn-shadow-thumb img, button.btn-shadow-thumb img {
    position: relative;
    display: inline-block;
    border: 0 none;
    z-index: 2; }
  /* line 386, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
  .btn-shadow-thumb .bg, a.btn-shadow-thumb .bg, button.btn-shadow-thumb .bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #fdfdfd;
    z-index: 1; }
  /* line 397, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
  .btn-shadow-thumb .border, a.btn-shadow-thumb .border, button.btn-shadow-thumb .border {
    border: 1px solid #d1d4d6;
    -webkit-transition: all 240ms cubic-bezier(0.34, 0.065, 0.13, 1);
    -webkit-transition: all 240ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -moz-transition: all 240ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -o-transition: all 240ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    transition: all 240ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
    /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    /* custom */ }
  /* line 414, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
  .btn-shadow-thumb .shadow, a.btn-shadow-thumb .shadow, button.btn-shadow-thumb .shadow {
    background: rgba(206, 207, 208, 0.7);
    top: 4px;
    left: 4px; }
  @media (min-width: 768px) and (max-width: 991px) {
    /* line 422, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shadow_button.scss */
    .btn-shadow-thumb .shadow, a.btn-shadow-thumb .shadow, button.btn-shadow-thumb .shadow {
      top: 3px;
      left: 3px; } }

/* line 1, /Applications/MAMP/htdocs/billabong/global/scss/modules/_play_button.scss */
.btn-video-play {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  border: 0 none;
  border-radius: 0;
  opacity: 0;
  padding: 1px 0px 0px 5px;
  background-color: transparent;
  margin-top: 10px;
  font-size: 23px;
  margin-bottom: 15px; }
  /* line 17, /Applications/MAMP/htdocs/billabong/global/scss/modules/_play_button.scss */
  .btn-video-play .circle {
    position: absolute;
    top: -3px;
    left: -3px;
    width: 80px;
    height: 80px; }
    /* line 25, /Applications/MAMP/htdocs/billabong/global/scss/modules/_play_button.scss */
    .btn-video-play .circle svg * {
      stroke: white;
      stroke-dasharray: 360px;
      stroke-width: 5px !important;
      stroke-dashoffset: -360px; }
    /* line 35, /Applications/MAMP/htdocs/billabong/global/scss/modules/_play_button.scss */
    .btn-video-play .circle.hover svg * {
      stroke: white;
      stroke-dasharray: 360px 110px;
      stroke-width: 5px !important;
      stroke-dashoffset: -360px; }
  /* line 45, /Applications/MAMP/htdocs/billabong/global/scss/modules/_play_button.scss */
  .btn-video-play i {
    font-size: 30px;
    line-height: 80px;
    width: 100%;
    text-align: center; }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
.product-pairing {
  position: relative;
  padding-bottom: 0px;
  margin: 0px auto 71px; }
  @media (min-width: 1480px) {
    .product-pairing:not(.contained) {
      width: 1420px; } }
  @media (min-width: 1200px) and (max-width: 1479px) {
    .product-pairing:not(.contained) {
      width: 1170px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .product-pairing:not(.contained) {
      width: 970px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .product-pairing:not(.contained) {
      width: 720px;
      margin-top: 25px;
      margin-bottom: 40px; } }
  /* line 31, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
  .product-pairing.vertical-slider .carousel .title {
    padding: 0 0 0 5px; }
  /* line 36, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
  .product-pairing.contained {
    overflow: hidden; }
  /* line 41, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
  .product-pairing .fancy-title {
    margin-bottom: 0px; }
  /* line 45, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
  .product-pairing .filters {
    position: relative;
    float: left;
    width: 100%;
    z-index: 100; }
    /* line 53, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
    .product-pairing .filters::before, .product-pairing .filters::after {
      display: none;
      clear: none; }
  /* line 59, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
  .product-pairing .carousel-wrapper {
    position: relative;
    max-width: none;
    width: 100%;
    margin-top: 0px; }
  /* line 71, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
  .product-pairing .carousel .overlay-title {
    position: absolute;
    top: 67px;
    left: -75px;
    width: 100%;
    text-align: left;
    height: auto;
    z-index: 10;
    margin: 0;
    padding: 0;
    pointer-events: none; }
  /* line 87, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
  .product-pairing .carousel .cta .arrow {
    position: relative;
    top: 5px;
    overflow: hidden;
    padding-left: 0px;
    margin-left: 5px;
    line-height: 16px;
    vertical-align: top; }
    /* line 97, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
    .product-pairing .carousel .cta .arrow svg {
      vertical-align: middle; }
  /* line 104, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
  .product-pairing .cta {
    text-align: center;
    margin-top: 40px; }
  /* line 109, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
  .product-pairing .slider-content {
    position: relative;
    text-align: center;
    overflow: visible;
    margin-top: 0px; }
    /* line 116, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
    .product-pairing .slider-content .slider-arrows {
      position: absolute;
      width: 100%; }
      /* line 121, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
      .product-pairing .slider-content .slider-arrows .slider-arrow {
        position: absolute;
        visibility: visible;
        width: 50px;
        height: 37px; }
        /* line 128, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
        .product-pairing .slider-content .slider-arrows .slider-arrow button {
          position: relative;
          height: inherit;
          overflow: hidden !important;
          padding: 10px; }
        /* line 135, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
        .product-pairing .slider-content .slider-arrows .slider-arrow svg {
          width: 30px; }
      /* line 140, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
      .product-pairing .slider-content .slider-arrows .slider-arrow-next {
        right: -60px; }
      /* line 144, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
      .product-pairing .slider-content .slider-arrows .slider-arrow-prev {
        left: -60px; }
    /* line 149, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
    .product-pairing .slider-content .slider-pagination {
      display: none;
      position: absolute;
      left: 0px;
      right: 0px;
      text-align: center;
      overflow: hidden; }
      /* line 158, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
      .product-pairing .slider-content .slider-pagination .slider-pagination-item {
        position: relative;
        display: inline-block;
        width: 7px;
        height: 7px;
        background: transparent;
        opacity: 0.5;
        padding: 15px;
        cursor: pointer;
        -webkit-transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
        -moz-transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
        -o-transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
        transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
        /* custom */
        -webkit-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        -moz-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        -o-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        /* custom */ }
        /* line 180, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
        .product-pairing .slider-content .slider-pagination .slider-pagination-item:not(:last-child) {
          margin-right: 5px; }
        /* line 184, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
        .product-pairing .slider-content .slider-pagination .slider-pagination-item .slider-pager-icon {
          position: absolute;
          top: 12px;
          left: 12px;
          width: 6px;
          height: 6px;
          border: 4px solid #1e1e1e;
          -webkit-border-radius: 7px;
          -moz-border-radius: 7px;
          border-radius: 7px;
          -webkit-transition: all 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
          -moz-transition: all 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
          -o-transition: all 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
          transition: all 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
          /* custom */
          -webkit-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
          -moz-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
          -o-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
          transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
          /* custom */ }
        /* line 208, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
        .product-pairing .slider-content .slider-pagination .slider-pagination-item .slash {
          position: absolute;
          visibility: hidden;
          top: 14px;
          left: -12px;
          width: 56px;
          height: 2px;
          background: #1e1e1e; }
        /* line 219, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
        .product-pairing .slider-content .slider-pagination .slider-pagination-item:hover {
          opacity: 1 !important; }
        /* line 223, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
        .product-pairing .slider-content .slider-pagination .slider-pagination-item.selected {
          opacity: 1 !important; }
          /* line 227, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
          .product-pairing .slider-content .slider-pagination .slider-pagination-item.selected .slider-pager-icon {
            top: 5px;
            left: 5px;
            width: 20px;
            height: 20px;
            border: 2px solid #1e1e1e;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px; }
  /* line 244, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
  .product-pairing .slider-wrapper {
    position: relative;
    display: inline-block;
    max-width: initial;
    width: auto; }
  /* line 252, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
  .product-pairing .slider {
    position: relative;
    overflow: visible;
    overflow-y: initial;
    z-index: 1; }
  /* line 260, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
  .product-pairing .slider-main-item, .product-pairing .slider-side-item {
    position: absolute;
    width: inherit; }
    /* line 265, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
    .product-pairing .slider-main-item .images-wrapper, .product-pairing .slider-side-item .images-wrapper {
      position: relative;
      width: inherit;
      height: inherit;
      overflow: hidden; }
    /* line 273, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
    .product-pairing .slider-main-item .slider-item-link, .product-pairing .slider-side-item .slider-item-link {
      position: absolute;
      top: 0px;
      left: 0px;
      overflow: hidden;
      width: 100%;
      height: auto; }
    /* line 282, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
    .product-pairing .slider-main-item .tabs-wrapper, .product-pairing .slider-side-item .tabs-wrapper {
      position: absolute;
      width: 100%;
      bottom: -15px;
      text-align: center; }
    /* line 289, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
    .product-pairing .slider-main-item .rollover-tab, .product-pairing .slider-side-item .rollover-tab {
      background-color: #252627;
      display: inline-block;
      float: none;
      height: 30px;
      margin-left: 8px;
      color: #ffffff;
      font-size: 10px;
      letter-spacing: 0.1em;
      line-height: 30px;
      padding: 0 20px;
      text-transform: uppercase;
      text-align: center;
      opacity: 0; }
  /* line 307, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
  .product-pairing .slider-main-item-wrapper {
    display: inline-block;
    position: relative;
    max-width: none;
    width: auto;
    z-index: 10;
    background: #fdfdfd; }
  /* line 316, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
  .product-pairing .slider-main-item {
    position: relative;
    width: inherit;
    height: inherit; }
    /* line 324, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
    .product-pairing .slider-main-item .title {
      position: relative;
      height: 80px;
      margin: 0 auto 23px;
      padding: 0 0 0 8.3%;
      overflow-x: visible;
      overflow-y: hidden; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .product-pairing .slider-main-item .title {
          margin-bottom: 3px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .product-pairing .slider-main-item .title {
          margin-bottom: 3px; } }
      /* line 341, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
      .product-pairing .slider-main-item .title .title-inner {
        position: relative;
        width: inherit;
        height: inherit; }
      /* line 348, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
      .product-pairing .slider-main-item .title h3 {
        position: absolute;
        right: 100%;
        top: 0px;
        float: none;
        text-align: right;
        margin-right: -93px;
        line-height: 1; }
        @media (min-width: 992px) and (max-width: 1199px) {
          .product-pairing .slider-main-item .title h3 {
            font-size: 60px;
            top: 3px; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .product-pairing .slider-main-item .title h3 {
            font-size: 60px;
            top: 3px; } }
      /* line 369, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
      .product-pairing .slider-main-item .title .description {
        position: absolute;
        left: 100px;
        top: 20px; }
      /* line 376, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
      .product-pairing .slider-main-item .title .desc-title {
        position: relative;
        display: inline-block;
        float: none;
        top: 0px;
        left: 0px;
        font-size: 14px;
        line-height: 18px;
        text-transform: uppercase; }
      /* line 388, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
      .product-pairing .slider-main-item .title .desc-subtitle {
        position: relative;
        display: inline-block;
        float: none;
        top: 0px;
        left: 0px;
        font-size: 12px;
        line-height: 20px;
        color: #a9adb0;
        font-family: "Maison Neue Book", Calibri, Arial, Roboto, sans-serif; }
  /* line 403, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
  .product-pairing .slider-side-item {
    position: absolute;
    top: 0px; }
    /* line 408, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
    .product-pairing .slider-side-item.side-item-left {
      left: 0px; }
    /* line 412, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
    .product-pairing .slider-side-item.side-item-right {
      right: 0px; }
    /* line 416, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
    .product-pairing .slider-side-item .slider-item-link {
      background: #fdfdfd; }
    /* line 420, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
    .product-pairing .slider-side-item .slider-item-image {
      top: 0px;
      left: 0px;
      opacity: 0.3; }
  /* line 427, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_pairing.scss */
  .product-pairing .slider-wrapper {
    position: relative;
    display: inline-block; }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_reviews_content.scss */
.item-details-product-review-content {
  margin-top: 0px;
  margin-bottom: 73px; }
  /* line 7, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_reviews_content.scss */
  .item-details-product-review-content .fancy-title {
    margin-bottom: 72px; }
  /* line 11, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_reviews_content.scss */
  .item-details-product-review-content .item-details-product-reviews-center {
    padding-bottom: 0px;
    overflow: visible; }
  /* line 16, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_reviews_content.scss */
  .item-details-product-review-content .product-reviews-center-list {
    position: relative;
    float: left;
    text-align: center;
    overflow: visible; }
    @media (min-width: 768px) and (max-width: 991px) {
      .item-details-product-review-content .product-reviews-center-list {
        margin: 33px -20px 0; } }
    /* line 27, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_reviews_content.scss */
    .item-details-product-review-content .product-reviews-center-list .product-reviews-center-review-container {
      position: relative;
      float: left; }
    /* line 33, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_reviews_content.scss */
    .item-details-product-review-content .product-reviews-center-list .product-reviews-review {
      text-align: left; }
      @media (min-width: 768px) and (max-width: 991px) {
        .item-details-product-review-content .product-reviews-center-list .product-reviews-review {
          width: 50%;
          padding: 0 4.1667%;
          margin: 0; } }
    /* line 51, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_reviews_content.scss */
    .item-details-product-review-content .product-reviews-center-list figure.vert-line {
      position: absolute;
      top: 80px;
      bottom: 45px;
      width: 1px;
      left: 50%;
      background: #cccfd1; }
    /* line 61, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_reviews_content.scss */
    .item-details-product-review-content .product-reviews-center-list .btn-outline-shadow {
      position: relative;
      display: inline-block;
      background: transparent;
      margin-top: 52px; }
  /* line 69, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_reviews_content.scss */
  .item-details-product-review-content .product-reviews-center-rating-value {
    line-height: 1; }
  /* line 73, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_reviews_content.scss */
  .item-details-product-review-content .product-reviews-review-comment-footer-button {
    -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1);
    -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -moz-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -o-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
    /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    /* custom */ }
  /* line 89, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_reviews_content.scss */
  .item-details-product-review-content .global-views-star-rating-area-empty-content, .item-details-product-review-content .global-views-star-rating-area-filled {
    white-space: nowrap; }
  /* line 94, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_reviews_content.scss */
  .item-details-product-review-content .product-reviews-review .global-views-star-rating-empty, .item-details-product-review-content .product-reviews-review .global-views-star-rating-filled {
    letter-spacing: 0.26em;
    font-size: 34px;
    margin-bottom: 6px; }
  /* line 100, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_reviews_content.scss */
  .item-details-product-review-content .product-reviews-review-comment-footer {
    margin-top: 34px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .item-details-product-review-content .product-reviews-review-attribute {
      position: relative;
      display: block;
      width: 100%;
      font-size: 12px;
      white-space: nowrap; }
      /* line 114, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_reviews_content.scss */
      .item-details-product-review-content .product-reviews-review-attribute:not(:first-child) {
        margin-top: 5px; }
      /* line 118, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_reviews_content.scss */
      .item-details-product-review-content .product-reviews-review-attribute h2 {
        line-height: 1.12; } }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
.product-slider {
  opacity: 0;
  background: #fdfdfd; }
  /* line 7, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-content-header {
    margin-top: 24px;
    left: -3px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-content-header {
        margin-top: 8px;
        margin-left: calc(50% - 1px);
        margin-bottom: 0px; } }
  /* line 23, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-content-header-title {
    display: inline-block;
    position: relative;
    width: 100%;
    max-height: 124px;
    line-height: 62px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-content-header-title {
        max-height: 80px;
        line-height: 36px;
        font-size: 28px; } }
    /* line 49, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-content-header-title .line-wrapper {
      overflow: hidden; }
  /* line 54, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-price {
    width: auto; }
  /* line 58, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-price .item-views-price-lead {
    font-size: 20px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-price .item-views-price-lead {
        font-size: 17px; } }
  /* line 66, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-rating-header {
    width: auto;
    margin-top: 2px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-rating-header {
        margin-top: 0px; } }
  /* line 76, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-rating-header {
    white-space: nowrap;
    margin-top: 2px;
    padding-left: 8px; }
  /* line 82, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .global-views-star-rating i {
    font-size: 18px;
    letter-spacing: 0.1em; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .global-views-star-rating i {
        font-size: 21px; } }
  /* line 96, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .global-views-star-rating-review-total {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    top: -3px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .global-views-star-rating-review-total {
        margin-left: 3px;
        top: -2px; } }
  /* line 113, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-image-gallery-view {
    position: relative;
    overflow: visible;
    margin-top: 0px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-image-gallery-view {
        overflow: hidden; } }
  /* line 124, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-free-shipping {
    margin-top: 6px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-free-shipping {
        margin-top: 1px; } }
    @media (max-height: 960px) {
      .product-slider .item-details-free-shipping {
        margin-top: 1px; } }
  /* line 141, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-hr {
    margin-top: 23px;
    margin-bottom: 23px; }
    @media (max-height: 960px) {
      .product-slider .item-details-hr {
        display: none; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .product-slider .item-views-option-color {
      margin-top: 8px;
      margin-bottom: 20px; } }
  @media (max-height: 960px) {
    .product-slider .item-views-option-color {
      margin-top: 16px; }
      /* line 166, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-views-option-color p {
        margin-bottom: 1px; } }
  /* line 172, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-views-option-color-label {
    white-space: nowrap;
    margin-bottom: 7px; }
  /* line 179, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-views-option-color-tiles-container li {
    margin-right: 21px; }
  /* line 184, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-pick-up-in-store {
    margin-top: 0px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-pick-up-in-store button {
        margin-top: 12px; } }
  /* line 200, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-add-to-wishlist {
    width: 100%; }
    /* line 204, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-add-to-wishlist button {
      max-width: 340px; }
  /* line 209, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .product-list-control-button-wishlist {
    margin-top: 20px;
    min-height: 45px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .product-list-control-button-wishlist {
        margin-top: 15px;
        min-height: 42px; } }
  /* line 224, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-add-to-cart button {
    margin-top: 10px; }
  /* line 228, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-social-sharing {
    margin-top: 43px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-social-sharing {
        margin-top: 33px;
        padding-bottom: 10px; } }
  /* line 242, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-main-content-wrapper {
    width: 100%; }
  /* line 246, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-main {
    position: relative;
    z-index: 1; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-main {
        width: 280px;
        padding: 0px;
        margin-right: 10px; } }
  /* line 258, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-main-bottom-banner {
    margin-bottom: 0px; }
  /* line 264, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .social-sharing-flyout-icons a i {
    display: inline-block;
    position: relative;
    top: 5px;
    color: #7e8183;
    font-size: 21px;
    line-height: 1;
    -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1);
    -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -moz-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -o-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
    /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    /* custom */ }
  /* line 287, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .social-sharing-flyout-icons a:hover i {
    color: #1e1e1e; }
  /* line 291, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-image-actions {
    margin-top: 30px; }
    /* line 299, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-image-actions a {
      display: inline-block;
      position: relative;
      color: #7e8183;
      line-height: 1;
      -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1);
      -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -moz-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -o-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
      transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
      /* older webkit */
      -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
      transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
      /* custom */ }
      /* line 318, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-details-image-actions a:hover {
        color: #1e1e1e; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-image-actions {
        margin-bottom: 30px; }
        /* line 327, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
        .product-slider .item-details-image-actions a {
          display: block;
          margin-bottom: 5px !important; } }
  /* line 338, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-shop-look-link {
    letter-spacing: 0.06em;
    white-space: nowrap;
    -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1);
    -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -moz-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -o-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
    /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
    /* custom */ }
    /* line 355, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-shop-look-link .arrow-container {
      display: inline-block;
      position: relative;
      top: 4px;
      overflow: hidden;
      letter-spacing: 0.06em; }
      /* line 363, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-details-shop-look-link .arrow-container svg {
        margin-left: 6px; }
      /* line 367, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-details-shop-look-link .arrow-container svg * {
        fill: #7e8183; }
  /* line 376, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-sku-container, .product-slider .item-details-content-header, .product-slider .item-details-info, .product-slider .item-details-main {
    float: right !important;
    max-width: 360px;
    margin-right: 45px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-sku-container, .product-slider .item-details-content-header, .product-slider .item-details-info, .product-slider .item-details-main {
        width: 280px;
        max-width: none;
        margin-right: 0px; } }
  @media (max-height: 960px) {
    .product-slider .item-details-info {
      margin-top: -1px; } }
  /* line 396, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-sku-container {
    margin-top: 0px;
    padding-top: 75px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-sku-container {
        padding-top: 40px; } }
    @media (max-width: 991px) {
      .product-slider .item-details-sku-container {
        font-size: 11px; } }
    @media (max-height: 960px) {
      /* line 413, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-details-sku-container span {
        display: none; } }
  /* line 419, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-more-info {
    max-width: 360px;
    margin-right: 45px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-more-info {
        max-width: none;
        margin-right: 0px; } }
  /* line 430, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .btn-secondary {
    color: #1e1e1e; }
  /* line 434, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .zoom-viewer-container {
    position: absolute;
    top: 75px;
    left: auto;
    right: 45px;
    opacity: 0;
    max-width: 580px;
    max-height: 580px;
    z-index: 100;
    overflow: visible; }
    @media (max-height: 960px) {
      .product-slider .zoom-viewer-container {
        top: 20px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .zoom-viewer-container {
        right: 10px; } }
    /* line 454, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .zoom-viewer-container .shadow {
      position: absolute;
      top: 8px;
      left: 8px;
      width: 100%;
      height: 100%;
      content: "";
      background: rgba(49, 49, 50, 0.15);
      z-index: 1; }
      @media (min-width: 768px) and (max-width: 1479px) {
        .product-slider .zoom-viewer-container .shadow {
          top: 6px;
          left: 6px; } }
    /* line 471, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .zoom-viewer-container .zoom-viewer {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      position: relative;
      width: 580px;
      height: 580px;
      overflow: hidden;
      z-index: 2; }
      @media (min-width: 992px) and (max-width: 1479px) {
        .product-slider .zoom-viewer-container .zoom-viewer {
          width: 480px;
          height: 480px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .product-slider .zoom-viewer-container .zoom-viewer {
          width: 320px;
          height: 320px; } }
    /* line 494, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .zoom-viewer-container .zoomed-image {
      position: absolute;
      max-width: none;
      max-height: none; }
  /* line 502, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-slider-controls {
    position: absolute;
    padding-top: 75px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-slider-controls {
        padding-top: 40px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-slider-controls {
        margin-left: -5px; } }
    /* line 519, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-slider-controls .btn-arrow {
      opacity: 0; }
    /* line 523, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-slider-controls .thumbs-container {
      position: relative; }
      /* line 527, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-details-slider-controls .thumbs-container .thumbs-slider-wrapper {
        position: relative;
        max-height: 500px;
        padding-bottom: 18px;
        margin-bottom: -18px;
        overflow: hidden; }
        @media (min-width: 768px) and (max-width: 991px) {
          .product-slider .item-details-slider-controls .thumbs-container .thumbs-slider-wrapper {
            max-height: 240px; } }
      /* line 540, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-details-slider-controls .thumbs-container .btn-shadow-thumb .shadow {
        background: rgba(42, 42, 42, 0.12); }
  /* line 549, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-slider-controls-list li {
    position: relative;
    overflow: visible;
    height: 80px !important;
    display: block !important; }
    /* line 556, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-slider-controls-list li:not(:first-child) {
      margin-top: 20px; }
    /* line 560, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-slider-controls-list li .btn-shadow-thumb {
      position: absolute;
      left: 0px;
      right: 0px;
      margin: 0 auto;
      border: 0 none !important;
      width: 80px !important;
      height: 80px !important; }
    /* line 576, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-slider-controls-list li .img-wrapper {
      top: 0px;
      left: 0px; }
    /* line 581, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-slider-controls-list li img {
      position: relative;
      display: inline-block;
      border: 0 none !important;
      z-index: 2;
      padding: 1px; }
  @media (min-width: 768px) and (max-width: 991px) {
    /* line 592, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-slider-controls-list li {
      height: 60px !important; }
      /* line 596, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-details-slider-controls-list li .btn-shadow-thumb {
        width: 60px !important;
        height: 60px !important; }
      /* line 606, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-details-slider-controls-list li .img-wrapper {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden; }
      /* line 614, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-details-slider-controls-list li img {
        width: 100%;
        height: auto; } }
  /* line 624, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-views-option-color-tiles-container li {
    position: relative;
    overflow: visible;
    width: 60px !important;
    height: 80px !important; }
    /* line 631, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-views-option-color-tiles-container li:not(:first-child) {
      margin-top: 20px; }
    /* line 635, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-views-option-color-tiles-container li .item-views-option-color-tile {
      position: absolute;
      left: 0px;
      right: 0px;
      margin: 0 auto;
      border: 0 none !important;
      width: 60px !important;
      height: 80px !important; }
      /* line 650, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-views-option-color-tiles-container li .item-views-option-color-tile .img-wrapper {
        top: 0px;
        left: 0px; }
        /* line 654, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
        .product-slider .item-views-option-color-tiles-container li .item-views-option-color-tile .img-wrapper img {
          width: 100%;
          height: auto; }
    /* line 661, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-views-option-color-tiles-container li img {
      position: relative;
      display: inline-block;
      border: 0 none !important;
      z-index: 2;
      padding: 1px; }
  /* line 671, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-image-gallery-wrapper {
    padding-top: 0px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-image-gallery-wrapper {
        padding-top: 0px; } }
  /* line 680, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-image-gallery {
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    z-index: 0; }
    /* line 688, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-image-gallery .overlay {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background: #fdfdfd;
      z-index: 100; }
  /* line 699, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .zoom-reticule {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 172px;
    height: 172px;
    background: url('../img/magnifier.png') top left no-repeat;
    opacity: 0; }
  /* line 709, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-image-gallery-detailed-image {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%; }
    /* line 717, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-image-gallery-detailed-image .image-wrapper {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      /* line 726, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-details-image-gallery-detailed-image .image-wrapper img.center-block {
        display: block;
        position: absolute;
        float: none;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0; }
  /* line 743, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .tooltip .tooltip-inner {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  /* line 750, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .tooltip .tooltip-arrow {
    top: 26px;
    right: -19px;
    background: transparent;
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Chrome, Safari, Opera */
    transform: rotate(0deg); }
  /* line 761, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .tooltip .tooltip-arrow-shadow {
    top: 26px;
    right: -19px;
    background: transparent;
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Chrome, Safari, Opera */
    transform: rotate(0deg); }
  /* line 772, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .tooltip .tooltip-inner-shadow {
    display: block;
    position: absolute;
    top: 5px;
    right: -5px;
    background-color: #dbdcdd;
    color: #dbdcdd;
    border: none;
    padding: 20px 40px;
    font-family: "Maison Neue Bold", Calibri, Arial, Roboto, sans-serif;
    font-size: 12px;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.4em;
    line-height: 14px;
    z-index: 0; }
  /* line 794, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-more-info-content-container {
    margin-top: 33px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-more-info-content-container {
        margin-top: 95px; } }
  /* line 807, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-more-info-content-tabs {
    position: relative;
    text-align: justify;
    height: 37px; }
    /* line 813, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-more-info-content-tabs .item-details-tab-title {
      position: relative;
      display: inline-block;
      float: none;
      top: 0px;
      left: 0px;
      padding: 0;
      margin: 0;
      width: auto; }
      /* line 824, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-details-more-info-content-tabs .item-details-tab-title a {
        -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1);
        -webkit-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -moz-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -o-transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
        transition: color 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
        /* older webkit */
        -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
        -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
        transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
        /* custom */ }
      /* line 839, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
      .product-slider .item-details-more-info-content-tabs .item-details-tab-title:hover a {
        color: #313132; }
    /* line 844, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-more-info-content-tabs .break {
      position: relative;
      display: inline-block;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 0px; }
  /* line 854, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-tab-content {
    padding-top: 23px;
    height: 350px; }
    /* line 859, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-tab-content p {
      letter-spacing: 0.01em;
      margin-bottom: 22px; }
    @media (min-width: 1200px) {
      .product-slider .item-details-tab-content {
        overflow: auto; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider .item-details-tab-content {
        padding-top: 0px;
        margin-top: -9px;
        margin-bottom: 30px;
        height: auto; }
        /* line 875, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
        .product-slider .item-details-tab-content p {
          margin-bottom: 17px; }
        /* line 879, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
        .product-slider .item-details-tab-content li {
          letter-spacing: 0.01em;
          margin-bottom: 0px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .product-slider .item-details-tabs-wrapper {
      padding-bottom: 55px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    /* line 901, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-tabs-titles .subtitle {
      font-size: 12px;
      margin-top: 27px;
      letter-spacing: 0.1em;
      margin-bottom: 17px;
      line-height: 1.4em; }
    /* line 910, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
    .product-slider .item-details-tabs-titles .item-details-hr {
      margin-bottom: 18px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .product-slider .item-details-tab-main-title {
      line-height: 1;
      margin-bottom: 2px;
      text-transform: uppercase; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .product-slider .item-details-tabs-content {
      left: 3.67%; } }
  /* line 940, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .item-details-options-content {
    overflow: visible; }
  /* line 945, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider .btn-outline-shadow, .product-slider .btn-outline-tile-shadow {
    background: rgba(240, 240, 242, 0.6); }
  /* line 952, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider.contained .btn-outline-shadow, .product-slider.contained .btn-outline-tile-shadow {
    background: rgba(253, 253, 253, 0.6); }
  /* line 956, /Applications/MAMP/htdocs/billabong/global/scss/modules/_product_slider.scss */
  .product-slider.contained .item-details-image-gallery-wrapper {
    padding-top: 75px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-slider.contained .item-details-image-gallery-wrapper {
        padding-top: 40px; } }

/* line 4, /Applications/MAMP/htdocs/billabong/global/scss/modules/_quick_shop.scss */
.grid-quick-shop .btn-image-label {
  padding: 0 25px; }
  /* line 10, /Applications/MAMP/htdocs/billabong/global/scss/modules/_quick_shop.scss */
  .grid-quick-shop .btn-image-label .image-wrapper img {
    width: 100%; }
  /* line 15, /Applications/MAMP/htdocs/billabong/global/scss/modules/_quick_shop.scss */
  .grid-quick-shop .btn-image-label .tabs-wrapper {
    width: auto;
    left: 25px;
    right: 25px; }
/* line 25, /Applications/MAMP/htdocs/billabong/global/scss/modules/_quick_shop.scss */
.grid-quick-shop .details .attribute-selector-container {
  margin-top: 15px; }
/* line 29, /Applications/MAMP/htdocs/billabong/global/scss/modules/_quick_shop.scss */
.grid-quick-shop .details .item-views-option-tile-picker {
  margin-bottom: -2px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .grid-quick-shop .details .item-views-option-tile-picker {
      margin-bottom: -2px; } }
/* line 38, /Applications/MAMP/htdocs/billabong/global/scss/modules/_quick_shop.scss */
.grid-quick-shop .details .item-views-option-tile {
  margin-top: 20px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .grid-quick-shop .details .item-views-option-tile {
      margin-top: 20px; } }
/* line 48, /Applications/MAMP/htdocs/billabong/global/scss/modules/_quick_shop.scss */
.grid-quick-shop .details .btn-outline-shadow, .grid-quick-shop .details .btn-solid-shadow {
  margin-top: 20px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .grid-quick-shop .details .btn-outline-shadow, .grid-quick-shop .details .btn-solid-shadow {
      line-height: 12px; }
      /* line 57, /Applications/MAMP/htdocs/billabong/global/scss/modules/_quick_shop.scss */
      .grid-quick-shop .details .btn-outline-shadow .title, .grid-quick-shop .details .btn-outline-shadow .text-over, .grid-quick-shop .details .btn-solid-shadow .title, .grid-quick-shop .details .btn-solid-shadow .text-over {
        padding: 15px 0px !important;
        font-size: 11px; } }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_recently_viewed.scss */
.item-details-recently-viewed {
  margin-top: 0px;
  margin-bottom: 30px; }
  /* line 7, /Applications/MAMP/htdocs/billabong/global/scss/modules/_recently_viewed.scss */
  .item-details-recently-viewed .fancy-title {
    margin-bottom: 97px; }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_related_items.scss */
.item-details-related-items {
  margin-bottom: 30px; }
  /* line 6, /Applications/MAMP/htdocs/billabong/global/scss/modules/_related_items.scss */
  .item-details-related-items .fancy-title {
    margin-bottom: 97px; }

/* line 8, /Applications/MAMP/htdocs/billabong/global/scss/modules/_sales_featured_callout.scss */
.sales-landing-content .featured-call-out .call-out small {
  margin-bottom: 7px; }
/* line 12, /Applications/MAMP/htdocs/billabong/global/scss/modules/_sales_featured_callout.scss */
.sales-landing-content .featured-call-out .call-out p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.01em;
  margin-bottom: 5px; }
@media (min-width: 768px) and (max-width: 1199px) {
  /* line 21, /Applications/MAMP/htdocs/billabong/global/scss/modules/_sales_featured_callout.scss */
  .sales-landing-content .featured-call-out .call-out h2 {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 0px; }
  /* line 27, /Applications/MAMP/htdocs/billabong/global/scss/modules/_sales_featured_callout.scss */
  .sales-landing-content .featured-call-out .call-out small {
    line-height: 22px;
    margin-top: 13px;
    margin-bottom: 9px; } }
/* line 35, /Applications/MAMP/htdocs/billabong/global/scss/modules/_sales_featured_callout.scss */
.sales-landing-content .featured-call-out .featured-product {
  margin-bottom: 42px; }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_more.scss */
.shop-more {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 88px;
  text-align: center;
  width: 100%;
  float: none; }
  @media (min-width: 768px) and (max-width: 991px) {
    .shop-more {
      margin-top: 25px; } }
  /* line 19, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_more.scss */
  .shop-more .fancy-title {
    margin-bottom: 104px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .shop-more .fancy-title {
        margin-bottom: 75px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .shop-more .fancy-title {
        margin-bottom: 75px; } }
  /* line 32, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_more.scss */
  .shop-more .shop-more-content {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
    float: none;
    width: 100%;
    white-space: nowrap; }
    @media (min-width: 768px) and (max-width: 991px) {
      .shop-more .shop-more-content {
        margin-top: 0px;
        margin-left: 0px; } }
    /* line 46, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_more.scss */
    .shop-more .shop-more-content .row {
      display: inline-block;
      margin-top: 7px;
      white-space: nowrap; }
  /* line 53, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_more.scss */
  .shop-more .item-details-shop-more-content {
    text-align: center; }
  @media (min-width: 768px) and (max-width: 991px) {
    /* line 59, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_more.scss */
    .shop-more .featured-link {
      width: 185px;
      height: 100px;
      overflow: hidden; }
      /* line 65, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_more.scss */
      .shop-more .featured-link:nth-child(3n+4) {
        clear: both; } }

/* line 73, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_more.scss */
.featured-link {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  margin: 0 0 10px;
  border: 5px solid #ffffff;
  width: auto;
  height: auto; }
  /* line 84, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_more.scss */
  .featured-link a {
    position: absolute;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 11px;
    top: 0px;
    left: 0px;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 110px;
    padding-top: 2px; }
    /* line 99, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_more.scss */
    .featured-link a:hover {
      color: #fff; }
    /* line 103, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_more.scss */
    .featured-link a span {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      text-transform: uppercase;
      color: #ffffff;
      font-size: 11px;
      font-family: "Maison Neue Demi", Calibri, Arial, Roboto, sans-serif;
      text-align: center;
      letter-spacing: 0.1em; }
    /* line 115, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_more.scss */
    .featured-link a .underline {
      position: absolute;
      top: calc(50% + 8px);
      left: 0px;
      right: 0px;
      height: 1px;
      background: #fdfdfd;
      opacity: 0; }
  /* line 126, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_more.scss */
  .featured-link img {
    width: 100%;
    height: auto;
    max-width: none; }
  @media (min-width: 1200px) {
    .featured-link {
      float: none; } }
  @media (max-width: 1199px) {
    .featured-link {
      float: left; } }
  @media (min-width: 1200px) and (max-width: 1479px) {
    .featured-link {
      margin: 0;
      width: 185px; }
      /* line 145, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_more.scss */
      .featured-link a {
        line-height: 86px; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    .featured-link {
      height: 100px;
      width: auto; }
      /* line 152, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_more.scss */
      .featured-link:nth-child(3n+4) {
        clear: both; }
      /* line 159, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_more.scss */
      .featured-link a {
        line-height: 80px; } }

/* line 4, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_subcategory.scss */
.shop-subcategories .shop-subcategory {
  margin-bottom: 73px; }
  /* line 8, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_subcategory.scss */
  .shop-subcategories .shop-subcategory .fancy-title {
    margin-bottom: 117px !important; }
  @media (max-width: 1199px) {
    .shop-subcategories .shop-subcategory {
      margin-bottom: 43px; }
      /* line 16, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_subcategory.scss */
      .shop-subcategories .shop-subcategory .fancy-title {
        margin-bottom: 57px !important; } }
/* line 22, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_subcategory.scss */
.shop-subcategories .btn-secondary {
  background: #fdfdfd; }

/* line 27, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_subcategory.scss */
.subcategory-subcategories {
  padding-top: 0px !important;
  margin-bottom: 72px; }
  /* line 32, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_subcategory.scss */
  .subcategory-subcategories.product-grid-cta {
    margin-bottom: 0px;
    padding-bottom: 2px; }
  /* line 37, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_subcategory.scss */
  .subcategory-subcategories .subcategory {
    margin-top: 0px;
    margin-bottom: 108px; }
    /* line 42, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_subcategory.scss */
    .subcategory-subcategories .subcategory.product-grid {
      margin-bottom: 18px; }
  @media (max-width: 1199px) {
    .subcategory-subcategories {
      margin-bottom: 32px; }
      /* line 51, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_subcategory.scss */
      .subcategory-subcategories .subcategory {
        margin-bottom: 58px; } }

/* line 59, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_subcategory.scss */
.subcategory-landing .feature {
  margin-top: 0px; }

/* line 66, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_subcategory.scss */
.category .first-feature {
  padding-top: 0px;
  border-top: none; }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look.scss */
.shop-the-look {
  margin-top: 0px; }
  /* line 6, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look.scss */
  .shop-the-look .quick-shop-row {
    margin-top: 0px;
    margin-bottom: 76px;
    padding-top: 32px; }
    @media (min-width: 768px) {
      .shop-the-look .quick-shop-row {
        width: 100% !important;
        max-width: 1440px; } }
    /* line 17, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look.scss */
    .shop-the-look .quick-shop-row .btn-outline-shadow {
      padding: 0px; }
      /* line 22, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look.scss */
      .shop-the-look .quick-shop-row .btn-outline-shadow .title, .shop-the-look .quick-shop-row .btn-outline-shadow .text-over {
        padding-left: 0px !important;
        padding-right: 0px !important; }
    @media (min-width: 768px) and (max-width: 1200px) {
      .shop-the-look .quick-shop-row .details {
        padding: 0; }
        /* line 35, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look.scss */
        .shop-the-look .quick-shop-row .details:not(.cols-3) {
          width: 46.67%; } }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
.shop-the-look-slider {
  position: relative;
  padding-bottom: 0px;
  margin: 0px auto 71px; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .shop-the-look-slider {
      margin-bottom: 0px; } }
  @media (min-width: 1480px) {
    .shop-the-look-slider:not(.contained) {
      width: 1420px; } }
  @media (min-width: 1200px) and (max-width: 1479px) {
    .shop-the-look-slider:not(.contained) {
      width: 1170px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .shop-the-look-slider:not(.contained) {
      width: 970px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .shop-the-look-slider:not(.contained) {
      width: 720px;
      margin-top: 25px; } }
  /* line 34, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
  .shop-the-look-slider.vertical-slider .carousel .title {
    padding: 0 0 0 5px; }
  /* line 39, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
  .shop-the-look-slider.contained {
    overflow: hidden; }
  /* line 44, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
  .shop-the-look-slider .fancy-title {
    margin-bottom: 0px; }
  /* line 48, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
  .shop-the-look-slider .carousel-wrapper {
    position: relative;
    max-width: none;
    width: 100%;
    margin-top: 0px; }
  /* line 60, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
  .shop-the-look-slider .carousel .overlay-title {
    position: absolute;
    top: 67px;
    left: -75px;
    width: 100%;
    text-align: left;
    height: auto;
    z-index: 10;
    margin: 0;
    padding: 0;
    pointer-events: none; }
  /* line 76, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
  .shop-the-look-slider .carousel .cta .arrow {
    position: relative;
    top: 5px;
    overflow: hidden;
    padding-left: 0px;
    margin-left: 5px;
    line-height: 16px;
    vertical-align: top; }
    /* line 86, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
    .shop-the-look-slider .carousel .cta .arrow svg {
      vertical-align: middle; }
  /* line 93, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
  .shop-the-look-slider .cta-buttons {
    text-align: center;
    padding-top: 40px; }
  /* line 98, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
  .shop-the-look-slider .slider-content {
    position: relative;
    text-align: center;
    overflow: visible;
    margin-top: 0px; }
    /* line 105, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
    .shop-the-look-slider .slider-content .slider-arrows {
      position: absolute;
      width: 100%; }
      /* line 110, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
      .shop-the-look-slider .slider-content .slider-arrows .slider-arrow {
        position: absolute;
        visibility: visible;
        width: 50px;
        height: 37px; }
        /* line 117, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
        .shop-the-look-slider .slider-content .slider-arrows .slider-arrow button {
          position: relative;
          height: inherit;
          overflow: hidden !important;
          padding: 10px; }
        /* line 124, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
        .shop-the-look-slider .slider-content .slider-arrows .slider-arrow svg {
          width: 30px; }
      /* line 129, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
      .shop-the-look-slider .slider-content .slider-arrows .slider-arrow-next {
        right: -60px; }
      /* line 133, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
      .shop-the-look-slider .slider-content .slider-arrows .slider-arrow-prev {
        left: -60px; }
    /* line 138, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
    .shop-the-look-slider .slider-content .slider-pagination {
      display: none;
      position: absolute;
      left: 0px;
      right: 0px;
      text-align: center;
      overflow: hidden; }
      /* line 147, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
      .shop-the-look-slider .slider-content .slider-pagination .slider-pagination-item {
        position: relative;
        display: inline-block;
        width: 7px;
        height: 7px;
        background: transparent;
        opacity: 0.5;
        padding: 15px;
        cursor: pointer;
        -webkit-transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
        -moz-transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
        -o-transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
        transition: opacity 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
        /* custom */
        -webkit-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        -moz-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        -o-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
        /* custom */ }
        /* line 169, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
        .shop-the-look-slider .slider-content .slider-pagination .slider-pagination-item:not(:last-child) {
          margin-right: 5px; }
        /* line 173, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
        .shop-the-look-slider .slider-content .slider-pagination .slider-pagination-item .slider-pager-icon {
          position: absolute;
          top: 12px;
          left: 12px;
          width: 6px;
          height: 6px;
          border: 4px solid #1e1e1e;
          -webkit-border-radius: 7px;
          -moz-border-radius: 7px;
          border-radius: 7px;
          -webkit-transition: all 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
          -moz-transition: all 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
          -o-transition: all 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
          transition: all 240ms cubic-bezier(0.28, 0.01, 0.175, 1);
          /* custom */
          -webkit-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
          -moz-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
          -o-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
          transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
          /* custom */ }
        /* line 197, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
        .shop-the-look-slider .slider-content .slider-pagination .slider-pagination-item .slash {
          position: absolute;
          visibility: hidden;
          top: 14px;
          left: -12px;
          width: 56px;
          height: 2px;
          background: #1e1e1e; }
        /* line 208, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
        .shop-the-look-slider .slider-content .slider-pagination .slider-pagination-item:hover {
          opacity: 1 !important; }
        /* line 212, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
        .shop-the-look-slider .slider-content .slider-pagination .slider-pagination-item.selected {
          opacity: 1 !important; }
          /* line 216, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
          .shop-the-look-slider .slider-content .slider-pagination .slider-pagination-item.selected .slider-pager-icon {
            top: 5px;
            left: 5px;
            width: 20px;
            height: 20px;
            border: 2px solid #1e1e1e;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px; }
  /* line 233, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
  .shop-the-look-slider .slider-wrapper {
    position: relative;
    display: inline-block;
    max-width: initial;
    width: auto; }
  /* line 241, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
  .shop-the-look-slider .slider {
    position: relative;
    overflow: visible;
    overflow-y: initial;
    z-index: 1; }
  /* line 249, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
  .shop-the-look-slider .slider-main-item, .shop-the-look-slider .slider-side-item {
    position: absolute;
    width: inherit; }
    /* line 254, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
    .shop-the-look-slider .slider-main-item .images-wrapper, .shop-the-look-slider .slider-side-item .images-wrapper {
      position: relative;
      width: inherit;
      height: inherit;
      overflow: hidden; }
    /* line 262, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
    .shop-the-look-slider .slider-main-item .slider-item-link, .shop-the-look-slider .slider-side-item .slider-item-link {
      position: absolute;
      top: 0px;
      left: 0px;
      overflow: hidden;
      width: 100%;
      height: auto; }
    /* line 271, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
    .shop-the-look-slider .slider-main-item .tabs-wrapper, .shop-the-look-slider .slider-side-item .tabs-wrapper {
      position: absolute;
      width: 100%;
      bottom: -15px;
      text-align: center; }
    /* line 278, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
    .shop-the-look-slider .slider-main-item .rollover-tab, .shop-the-look-slider .slider-side-item .rollover-tab {
      background-color: #252627;
      display: inline-block;
      float: none;
      height: 30px;
      margin-left: 8px;
      color: #ffffff;
      font-size: 10px;
      letter-spacing: 0.1em;
      line-height: 30px;
      padding: 0 20px;
      text-transform: uppercase;
      text-align: center;
      opacity: 0; }
  /* line 296, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
  .shop-the-look-slider .slider-main-item {
    position: relative;
    width: inherit;
    height: inherit; }
    /* line 304, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
    .shop-the-look-slider .slider-main-item .title {
      position: relative;
      height: 80px;
      margin: 0 auto 23px;
      padding: 0 0 0 8.3%;
      overflow-x: visible;
      overflow-y: hidden; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .shop-the-look-slider .slider-main-item .title {
          margin-bottom: 3px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .shop-the-look-slider .slider-main-item .title {
          margin-bottom: 3px; } }
      /* line 321, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
      .shop-the-look-slider .slider-main-item .title .title-inner {
        position: relative;
        width: inherit;
        height: inherit; }
      /* line 328, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
      .shop-the-look-slider .slider-main-item .title h3 {
        position: absolute;
        right: 100%;
        top: 0px;
        float: none;
        text-align: right;
        margin-right: -93px;
        line-height: 1; }
        @media (min-width: 992px) and (max-width: 1199px) {
          .shop-the-look-slider .slider-main-item .title h3 {
            font-size: 60px;
            top: 3px; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .shop-the-look-slider .slider-main-item .title h3 {
            font-size: 60px;
            top: 3px; } }
      /* line 349, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
      .shop-the-look-slider .slider-main-item .title .description {
        position: absolute;
        left: 100px;
        top: 20px; }
      /* line 356, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
      .shop-the-look-slider .slider-main-item .title .desc-title {
        position: relative;
        display: inline-block;
        float: none;
        top: 0px;
        left: 0px;
        font-size: 14px;
        line-height: 18px;
        text-transform: uppercase; }
      /* line 368, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
      .shop-the-look-slider .slider-main-item .title .desc-subtitle {
        position: relative;
        display: inline-block;
        float: none;
        top: 0px;
        left: 0px;
        font-size: 12px;
        line-height: 20px;
        color: #a9adb0;
        font-family: "Maison Neue Book", Calibri, Arial, Roboto, sans-serif; }
  /* line 383, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
  .shop-the-look-slider .slider-side-item {
    position: absolute;
    top: 0px; }
    /* line 388, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
    .shop-the-look-slider .slider-side-item.side-item-left {
      left: 0px; }
    /* line 392, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
    .shop-the-look-slider .slider-side-item.side-item-right {
      right: 0px; }
    /* line 396, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
    .shop-the-look-slider .slider-side-item .slider-item-link {
      background: #fdfdfd; }
    /* line 400, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
    .shop-the-look-slider .slider-side-item .slider-item-image {
      top: 0px;
      left: 0px;
      opacity: 0.3; }
  /* line 407, /Applications/MAMP/htdocs/billabong/global/scss/modules/_shop_the_look_slider.scss */
  .shop-the-look-slider .slider-wrapper {
    position: relative;
    display: inline-block; }

/* line 1, /Applications/MAMP/htdocs/billabong/global/scss/modules/_standard_slider.scss */
.standard-slider {
  position: relative;
  opacity: 0; }
  /* line 6, /Applications/MAMP/htdocs/billabong/global/scss/modules/_standard_slider.scss */
  .standard-slider h3 {
    font-family: "Maison Neue Bold", Calibri, Arial, Roboto, sans-serif;
    font-style: normal;
    font-size: 16px;
    text-transform: uppercase;
    color: #1e1e1e;
    letter-spacing: 0.1em;
    margin-bottom: 25px; }
  /* line 17, /Applications/MAMP/htdocs/billabong/global/scss/modules/_standard_slider.scss */
  .standard-slider .controls {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -5px;
    z-index: 100; }
    /* line 25, /Applications/MAMP/htdocs/billabong/global/scss/modules/_standard_slider.scss */
    .standard-slider .controls .btn-arrow {
      position: absolute;
      width: 30px;
      height: 10px;
      visibility: visible; }
      /* line 32, /Applications/MAMP/htdocs/billabong/global/scss/modules/_standard_slider.scss */
      .standard-slider .controls .btn-arrow.left-arrow {
        left: -15px; }
      /* line 36, /Applications/MAMP/htdocs/billabong/global/scss/modules/_standard_slider.scss */
      .standard-slider .controls .btn-arrow.right-arrow {
        right: -15px; }
      /* line 40, /Applications/MAMP/htdocs/billabong/global/scss/modules/_standard_slider.scss */
      .standard-slider .controls .btn-arrow svg {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%; }
  /* line 50, /Applications/MAMP/htdocs/billabong/global/scss/modules/_standard_slider.scss */
  .standard-slider .count {
    position: absolute;
    top: 14px;
    right: 0px;
    color: #7e8183;
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    overflow: hidden;
    font-family: "Maison Neue Demi",Calibri,Arial,Roboto,sans-serif;
    font-weight: 600; }
    /* line 63, /Applications/MAMP/htdocs/billabong/global/scss/modules/_standard_slider.scss */
    .standard-slider .count span {
      display: inline-block;
      position: relative; }
  /* line 69, /Applications/MAMP/htdocs/billabong/global/scss/modules/_standard_slider.scss */
  .standard-slider .slides {
    position: relative;
    top: 0px;
    width: 100%;
    height: auto;
    z-index: 1;
    overflow: hidden; }
    /* line 78, /Applications/MAMP/htdocs/billabong/global/scss/modules/_standard_slider.scss */
    .standard-slider .slides .slider-item-link {
      position: absolute;
      visibility: visible;
      top: 0px;
      width: 100%;
      height: auto; }
      /* line 86, /Applications/MAMP/htdocs/billabong/global/scss/modules/_standard_slider.scss */
      .standard-slider .slides .slider-item-link:not(:first-child) {
        position: absolute;
        width: 100%;
        height: auto;
        visibility: hidden; }
      /* line 94, /Applications/MAMP/htdocs/billabong/global/scss/modules/_standard_slider.scss */
      .standard-slider .slides .slider-item-link .slider-item-image {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto; }
  /* line 106, /Applications/MAMP/htdocs/billabong/global/scss/modules/_standard_slider.scss */
  .standard-slider .btn-arrow-label {
    padding: 20px 0px 0 0;
    color: #37383a;
    float: right;
    font-family: "Maison Neue Bold", Calibri, Arial, Roboto, sans-serif;
    font-size: 21px;
    font-style: normal; }
    /* line 115, /Applications/MAMP/htdocs/billabong/global/scss/modules/_standard_slider.scss */
    .standard-slider .btn-arrow-label .arrow {
      position: relative;
      display: inline-block;
      width: 25px;
      height: 5px;
      top: 12px;
      overflow: hidden;
      padding-left: 0px;
      margin-left: 16px;
      line-height: 16px;
      vertical-align: top; }
      /* line 128, /Applications/MAMP/htdocs/billabong/global/scss/modules/_standard_slider.scss */
      .standard-slider .btn-arrow-label .arrow svg {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%; }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_stories_block.scss */
.stories-block {
  padding-bottom: 32px; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .stories-block .gender-community-secondary-content-wrapper {
      margin-left: 0px;
      padding-left: 40px;
      width: 50%; } }
  @media (min-width: 1200px) and (max-width: 1479px) {
    .stories-block .gender-community-secondary-content {
      margin-top: 40px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .stories-block .gender-community-secondary-content {
      margin-top: 0px; } }
  /* line 25, /Applications/MAMP/htdocs/billabong/global/scss/modules/_stories_block.scss */
  .stories-block .gender-community-secondary-content h2 {
    position: relative;
    font-size: 60px;
    line-height: 64px;
    letter-spacing: -0.006em;
    margin-left: -3px; }
    @media (min-width: 1200px) and (max-width: 1479px) {
      .stories-block .gender-community-secondary-content h2 {
        font-size: 40px;
        line-height: 42px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .stories-block .gender-community-secondary-content h2 {
        font-size: 40px;
        line-height: 42px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .stories-block .gender-community-secondary-content h2 {
        font-size: 36px;
        line-height: 38px; } }
  /* line 49, /Applications/MAMP/htdocs/billabong/global/scss/modules/_stories_block.scss */
  .stories-block .gender-community-secondary-content p.gender-community-subheader {
    margin-top: 41px;
    letter-spacing: 0.32em;
    font-size: 15px;
    line-height: 1; }
    @media (min-width: 1200px) and (max-width: 1479px) {
      .stories-block .gender-community-secondary-content p.gender-community-subheader {
        margin-top: 31px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .stories-block .gender-community-secondary-content p.gender-community-subheader {
        margin-top: 26px;
        letter-spacing: 0.22em;
        font-size: 15px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .stories-block .gender-community-secondary-content p.gender-community-subheader {
        margin-top: 26px;
        letter-spacing: 0.22em;
        font-size: 15px; } }
  /* line 73, /Applications/MAMP/htdocs/billabong/global/scss/modules/_stories_block.scss */
  .stories-block .gender-community-secondary-content p.gender-community-secondary-description {
    margin-top: 12px; }
    @media (min-width: 1200px) and (max-width: 1479px) {
      .stories-block .gender-community-secondary-content p.gender-community-secondary-description {
        margin-top: 12px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .stories-block .gender-community-secondary-content p.gender-community-secondary-description {
        margin-top: 12px;
        font-size: 13px;
        line-height: 18px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .stories-block .gender-community-secondary-content p.gender-community-secondary-description {
        margin-top: 12px;
        font-size: 13px;
        line-height: 18px; } }
  /* line 94, /Applications/MAMP/htdocs/billabong/global/scss/modules/_stories_block.scss */
  .stories-block .gender-community-secondary-content a.btn-outline-shadow {
    margin-top: 25px; }
    @media (min-width: 1200px) and (max-width: 1479px) {
      .stories-block .gender-community-secondary-content a.btn-outline-shadow {
        margin-top: 25px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .stories-block .gender-community-secondary-content a.btn-outline-shadow {
        margin-top: 18px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .stories-block .gender-community-secondary-content a.btn-outline-shadow {
        margin-top: 27px; } }
  /* line 111, /Applications/MAMP/htdocs/billabong/global/scss/modules/_stories_block.scss */
  .stories-block .gender-community-secondary-content a.gender-community-secondary-team-link {
    color: #b3b7ba; }
    @media (min-width: 1200px) and (max-width: 1479px) {
      .stories-block .gender-community-secondary-content a.gender-community-secondary-team-link {
        margin-top: 27px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .stories-block .gender-community-secondary-content a.gender-community-secondary-team-link {
        margin-top: 27px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .stories-block .gender-community-secondary-content a.gender-community-secondary-team-link {
        margin-top: 12px; } }
  /* line 129, /Applications/MAMP/htdocs/billabong/global/scss/modules/_stories_block.scss */
  .stories-block .gender-community-secondary-image-wrapper {
    position: relative;
    float: left;
    overflow: hidden;
    margin-left: 60px;
    width: 50%; }
    /* line 137, /Applications/MAMP/htdocs/billabong/global/scss/modules/_stories_block.scss */
    .stories-block .gender-community-secondary-image-wrapper img {
      margin-left: 0px; }
    @media (min-width: 768px) and (max-width: 1199px) {
      .stories-block .gender-community-secondary-image-wrapper {
        margin-left: 0px; } }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_detail_side_widgets.scss */
.side-widgets {
  padding: 0px; }
  /* line 6, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_detail_side_widgets.scss */
  .side-widgets .side-widget {
    margin-bottom: 0px; }
  /* line 10, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_detail_side_widgets.scss */
  .side-widgets .social-links {
    padding-bottom: 27px; }
    /* line 14, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_detail_side_widgets.scss */
    .side-widgets .social-links > h4 {
      margin-bottom: 14px; }
    /* line 20, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_detail_side_widgets.scss */
    .side-widgets .social-links .content a i {
      font-size: 20px;
      -webkit-transition: color 400ms cubic-bezier(0.34, 0.065, 0.13, 1);
      -webkit-transition: color 400ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -moz-transition: color 400ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -o-transition: color 400ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
      transition: color 400ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1);
      /* older webkit */
      -webkit-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -moz-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
      -o-transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
      transition-timing-function: cubic-bezier(0.34, 0.065, 0.13, 1.005);
      /* custom */ }
  /* line 40, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_detail_side_widgets.scss */
  .side-widgets .twitter, .side-widgets .instagram {
    padding-bottom: 25px; }
    /* line 44, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_detail_side_widgets.scss */
    .side-widgets .twitter h4, .side-widgets .instagram h4 {
      margin-bottom: 18px; }
      /* line 48, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_detail_side_widgets.scss */
      .side-widgets .twitter h4 i, .side-widgets .instagram h4 i {
        display: inline-block;
        font-weight: normal;
        font-size: 13px;
        margin-top: -3px;
        margin-right: 5px; }
        /* line 56, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_detail_side_widgets.scss */
        .side-widgets .twitter h4 i.bd-instagram:before, .side-widgets .instagram h4 i.bd-instagram:before {
          content: 'I'; }
    /* line 62, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_detail_side_widgets.scss */
    .side-widgets .twitter p, .side-widgets .instagram p {
      letter-spacing: 0em; }
    /* line 66, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_detail_side_widgets.scss */
    .side-widgets .twitter .content, .side-widgets .instagram .content {
      overflow: hidden; }
  /* line 71, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_detail_side_widgets.scss */
  .side-widgets .soundcloud {
    padding-bottom: 25px; }
  /* line 75, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_detail_side_widgets.scss */
  .side-widgets .spotify {
    padding-bottom: 26px; }
  /* line 81, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_detail_side_widgets.scss */
  .side-widgets .twitter h4 {
    margin-bottom: 20px; }
  /* line 86, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_detail_side_widgets.scss */
  .side-widgets .events {
    padding-bottom: 25px; }
    /* line 90, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_detail_side_widgets.scss */
    .side-widgets .events h4 {
      margin-bottom: 5px; }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_picks.scss */
.team-picks {
  margin-top: 83px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .team-picks {
      margin-top: 30px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .team-picks {
      margin-top: 30px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .team-picks .team-picks-content {
      margin-top: 68px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .team-picks .team-picks-content {
      margin-top: 68px; } }
  @media (min-width: 1200px) and (max-width: 1479px) {
    .team-picks .team-picks-content .team-picks-athletes {
      width: calc(50%); } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .team-picks .team-picks-content .team-picks-athletes {
      width: calc(50%); } }
  @media (min-width: 768px) and (max-width: 991px) {
    .team-picks .team-picks-content .team-picks-athletes .team-picks-athletes-list {
      margin-left: 32px; } }
  @media (min-width: 1200px) and (max-width: 1479px) {
    .team-picks .team-picks-content .team-picks-athlete-products {
      width: calc(50% - 21px);
      margin-left: 20px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .team-picks .team-picks-content .team-picks-athlete-products {
      width: calc(50% - 21px);
      margin-left: 20px; } }
  @media (min-width: 1200px) and (max-width: 1479px) {
    .team-picks .team-picks-content .team-picks-athlete-products .item-cell:first-child {
      width: calc(50% - 10px);
      margin-left: 0px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .team-picks .team-picks-content .team-picks-athlete-products .item-cell:first-child {
      width: calc(50% - 10px);
      margin-left: 0px; } }
  @media (min-width: 1200px) and (max-width: 1479px) {
    .team-picks .team-picks-content .team-picks-athlete-products .item-cell:not(:first-child) {
      width: calc(50% - 11px);
      margin-left: 20px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .team-picks .team-picks-content .team-picks-athlete-products .item-cell:not(:first-child) {
      width: calc(50% - 11px);
      margin-left: 20px; } }
  /* line 94, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_picks.scss */
  .team-picks .team-picks-content .team-picks-athlete-products .item-cell:nth-child(odd) {
    padding-top: 0px;
    margin-top: 150px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .team-picks .team-picks-content .team-picks-athlete-products .item-cell:nth-child(odd) {
        margin-top: 90px; } }
  /* line 110, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_picks.scss */
  .team-picks .team-picks-content .team-picks-athlete-link {
    position: relative;
    float: left;
    margin-top: -7px;
    margin-right: 6px;
    margin-left: -2px;
    white-space: nowrap; }
    /* line 119, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_picks.scss */
    .team-picks .team-picks-content .team-picks-athlete-link .arrow {
      margin-left: 10px;
      overflow: hidden; }
    /* line 124, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_picks.scss */
    .team-picks .team-picks-content .team-picks-athlete-link svg {
      display: inline-block;
      position: relative;
      overflow: hidden; }
  /* line 131, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_picks.scss */
  .team-picks .team-picks-content .btn-athlete-portrait {
    position: relative;
    float: left; }
    /* line 136, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_picks.scss */
    .team-picks .team-picks-content .btn-athlete-portrait .images-wrapper {
      position: relative;
      float: left;
      overflow: hidden; }
    /* line 143, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_picks.scss */
    .team-picks .team-picks-content .btn-athlete-portrait .team-picks-athlete-image-button {
      position: relative;
      float: left;
      top: 0px;
      left: 0px;
      width: 100%;
      background: #f0f1f3;
      overflow: hidden; }
    /* line 153, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_picks.scss */
    .team-picks .team-picks-content .btn-athlete-portrait .overlay {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background: #fdfdfd;
      z-index: 100;
      visibility: hidden; }
    /* line 164, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_picks.scss */
    .team-picks .team-picks-content .btn-athlete-portrait .tabs-wrapper {
      position: absolute;
      width: 100%;
      bottom: -15px;
      text-align: center; }
    /* line 171, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_picks.scss */
    .team-picks .team-picks-content .btn-athlete-portrait .rollover-tab {
      background-color: #252627;
      display: inline-block;
      float: none;
      height: 30px;
      margin-left: 8px;
      color: #ffffff;
      font-size: 10px;
      letter-spacing: 0.1em;
      line-height: 30px;
      padding: 0 20px;
      text-transform: uppercase;
      text-align: center;
      opacity: 0; }
  /* line 189, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_picks.scss */
  .team-picks .team-picks-content .team-picks-list-athlete {
    margin-top: 13px;
    -webkit-transition: color 400ms cubic-bezier(0.19, 0, 0.45, 0.975);
    /* older webkit */
    -webkit-transition: color 400ms cubic-bezier(0.19, -0.005, 0.45, 0.975);
    -moz-transition: color 400ms cubic-bezier(0.19, -0.005, 0.45, 0.975);
    -o-transition: color 400ms cubic-bezier(0.19, -0.005, 0.45, 0.975);
    transition: color 400ms cubic-bezier(0.19, -0.005, 0.45, 0.975);
    /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.19, 0, 0.45, 0.975);
    /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.19, -0.005, 0.45, 0.975);
    -moz-transition-timing-function: cubic-bezier(0.19, -0.005, 0.45, 0.975);
    -o-transition-timing-function: cubic-bezier(0.19, -0.005, 0.45, 0.975);
    transition-timing-function: cubic-bezier(0.19, -0.005, 0.45, 0.975);
    /* custom */ }
    /* line 205, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_picks.scss */
    .team-picks .team-picks-content .team-picks-list-athlete a {
      -webkit-transition: none;
      -webkit-transition: none;
      -moz-transition: none;
      -o-transition: none;
      transition: none; }
  /* line 214, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_picks.scss */
  .team-picks .team-picks-content .team-picks-athlete-name {
    color: #1e1e1e;
    overflow: hidden;
    line-height: 64px;
    margin-top: -2px;
    z-index: 100; }
    /* line 222, /Applications/MAMP/htdocs/billabong/global/scss/modules/_team_picks.scss */
    .team-picks .team-picks-content .team-picks-athlete-name .athlete-name-inner {
      display: inline-block; }

/* line 2, /Applications/MAMP/htdocs/billabong/global/scss/modules/_video_block.scss */
.video-block {
  overflow: hidden;
  background: #000; }
  /* line 7, /Applications/MAMP/htdocs/billabong/global/scss/modules/_video_block.scss */
  .video-block h2, .video-block p, .video-block ul {
    color: #fff; }
  /* line 13, /Applications/MAMP/htdocs/billabong/global/scss/modules/_video_block.scss */
  .video-block.white h2 {
    color: #fff; }
  /* line 17, /Applications/MAMP/htdocs/billabong/global/scss/modules/_video_block.scss */
  .video-block.white p, .video-block.white ul {
    color: #cccfd1; }
  /* line 22, /Applications/MAMP/htdocs/billabong/global/scss/modules/_video_block.scss */
  .video-block .main-content-wrapper {
    padding: 0px 60px;
    margin: auto; }
    @media (min-width: 1480px) {
      .video-block .main-content-wrapper {
        width: 1420px; } }
    @media (min-width: 1200px) and (max-width: 1479px) {
      .video-block .main-content-wrapper {
        width: 1170px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .video-block .main-content-wrapper {
        width: 970px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .video-block .main-content-wrapper {
        width: 702px; } }
  /* line 44, /Applications/MAMP/htdocs/billabong/global/scss/modules/_video_block.scss */
  .video-block .bg-image {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    z-index: 5; }
  /* line 55, /Applications/MAMP/htdocs/billabong/global/scss/modules/_video_block.scss */
  .video-block .video-container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1; }
  /* line 65, /Applications/MAMP/htdocs/billabong/global/scss/modules/_video_block.scss */
  .video-block .main-content-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 10; }
  /* line 72, /Applications/MAMP/htdocs/billabong/global/scss/modules/_video_block.scss */
  .video-block .main-content {
    position: absolute;
    top: 50%;
    max-width: 80%;
    margin-top: -200px;
    color: #ffffff;
    text-align: left;
    font-family: "Maison Neue Book",Calibri,Arial,Roboto,sans-serif; }
    /* line 82, /Applications/MAMP/htdocs/billabong/global/scss/modules/_video_block.scss */
    .video-block .main-content h2 {
      position: relative;
      letter-spacing: 0.006em;
      font-size: 60px;
      line-height: 77px;
      margin-left: -4px; }
      /* line 90, /Applications/MAMP/htdocs/billabong/global/scss/modules/_video_block.scss */
      .video-block .main-content h2 .line-wrapper {
        width: 100% !important;
        overflow: hidden; }
      /* line 95, /Applications/MAMP/htdocs/billabong/global/scss/modules/_video_block.scss */
      .video-block .main-content h2 .line {
        width: 100% !important;
        white-space: nowrap; }
    /* line 101, /Applications/MAMP/htdocs/billabong/global/scss/modules/_video_block.scss */
    .video-block .main-content p {
      font-family: "Maison Neue Bold",Calibri,Arial,Roboto,sans-serif;
      font-weight: 700;
      letter-spacing: 0.3em;
      margin-top: 31px;
      margin-bottom: 31px;
      line-height: 1;
      overflow: hidden;
      color: inherit;
      text-transform: uppercase;
      font-size: 15px; }
      /* line 113, /Applications/MAMP/htdocs/billabong/global/scss/modules/_video_block.scss */
      .video-block .main-content p span {
        display: inline-block;
        position: relative; }
    /* line 119, /Applications/MAMP/htdocs/billabong/global/scss/modules/_video_block.scss */
    .video-block .main-content .btn-outline {
      margin-top: 17px; }
    /* line 123, /Applications/MAMP/htdocs/billabong/global/scss/modules/_video_block.scss */
    .video-block .main-content .play-icon {
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      color: #fff;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      /* line 134, /Applications/MAMP/htdocs/billabong/global/scss/modules/_video_block.scss */
      .video-block .main-content .play-icon:before {
        content: "\f04b"; }
    @media (min-width: 768px) and (max-width: 991px) {
      .video-block .main-content {
        margin-top: -120px;
        left: 32px; }
        /* line 156, /Applications/MAMP/htdocs/billabong/global/scss/modules/_video_block.scss */
        .video-block .main-content h2 {
          font-size: 36px;
          line-height: 45px; }
        /* line 161, /Applications/MAMP/htdocs/billabong/global/scss/modules/_video_block.scss */
        .video-block .main-content p {
          margin-top: 18px;
          margin-bottom: 21px;
          font-size: 12px; }
        /* line 167, /Applications/MAMP/htdocs/billabong/global/scss/modules/_video_block.scss */
        .video-block .main-content .btn-video-play {
          margin-top: 0px;
          margin-bottom: -4px;
          margin-left: -5px; } }
  /* line 175, /Applications/MAMP/htdocs/billabong/global/scss/modules/_video_block.scss */
  .video-block .gender-community-secondary-team-link-arrow {
    vertical-align: middle !important; }
  /* line 179, /Applications/MAMP/htdocs/billabong/global/scss/modules/_video_block.scss */
  .video-block .gender-community-secondary-team-link {
    margin-top: 37px; }
  /* line 183, /Applications/MAMP/htdocs/billabong/global/scss/modules/_video_block.scss */
  .video-block .gender-community-secondary-team-link-arrow {
    overflow: hidden; }

/* page specific */
/* line 5, /Applications/MAMP/htdocs/billabong/global/scss/pages/_community.scss */
.community .page-content .details li, .community .page-content .details p {
  color: #2a2a2a; }

/* line 13, /Applications/MAMP/htdocs/billabong/global/scss/pages/_community.scss */
.community-detail > *.layout-container {
  margin-bottom: 0px; }
  @media (max-width: 1199px) {
    .community-detail > *.layout-container #content #live-video {
      text-align: center; }
      /* line 23, /Applications/MAMP/htdocs/billabong/global/scss/pages/_community.scss */
      .community-detail > *.layout-container #content #live-video .tag.blue {
        width: auto;
        float: none; }
        /* line 27, /Applications/MAMP/htdocs/billabong/global/scss/pages/_community.scss */
        .community-detail > *.layout-container #content #live-video .tag.blue small {
          display: none; }
      /* line 32, /Applications/MAMP/htdocs/billabong/global/scss/pages/_community.scss */
      .community-detail > *.layout-container #content #live-video .tag-remaining {
        width: 100%;
        margin-top: 15px; }
      /* line 37, /Applications/MAMP/htdocs/billabong/global/scss/pages/_community.scss */
      .community-detail > *.layout-container #content #live-video .st-group {
        border-top: none; } }
@media (min-width: 768px) and (max-width: 1199px) {
  /* line 47, /Applications/MAMP/htdocs/billabong/global/scss/pages/_community.scss */
  .community-detail > * blockquote p {
    font-family: "Maison Neue Bold", Calibri, Arial, Roboto, sans-serif;
    font-style: normal;
    color: #2a2a2a;
    font-size: 36px;
    line-height: 48px;
    letter-spacing: 0.025em; } }

/* line 61, /Applications/MAMP/htdocs/billabong/global/scss/pages/_community.scss */
.community-landing .community-landing-content {
  min-height: 720px; }

/* line 3, /Applications/MAMP/htdocs/billabong/global/scss/pages/_team_detail.scss */
.team-detail .team-detail-info section {
  margin-bottom: 28px;
  padding-bottom: 60px; }
/* line 10, /Applications/MAMP/htdocs/billabong/global/scss/pages/_team_detail.scss */
.team-detail .team-detail-info section h3 {
  line-height: 1;
  margin-bottom: 27px; }

/* general */
/* line 89, /Applications/MAMP/htdocs/billabong/global/scss/custom.scss */
html {
  overflow-y: scroll; }

/* line 93, /Applications/MAMP/htdocs/billabong/global/scss/custom.scss */
html, body {
  position: relative;
  padding: 0;
  margin: 0; }

/* line 99, /Applications/MAMP/htdocs/billabong/global/scss/custom.scss */
body {
  overflow: hidden;
  background: #f0f0f4;
  opacity: 0;
  -webkit-transition: opacity 400ms cubic-bezier(0.19, 0, 0.45, 0.975);
  /* older webkit */
  -webkit-transition: opacity 400ms cubic-bezier(0.19, -0.005, 0.45, 0.975);
  -moz-transition: opacity 400ms cubic-bezier(0.19, -0.005, 0.45, 0.975);
  -o-transition: opacity 400ms cubic-bezier(0.19, -0.005, 0.45, 0.975);
  transition: opacity 400ms cubic-bezier(0.19, -0.005, 0.45, 0.975);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.19, 0, 0.45, 0.975);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.19, -0.005, 0.45, 0.975);
  -moz-transition-timing-function: cubic-bezier(0.19, -0.005, 0.45, 0.975);
  -o-transition-timing-function: cubic-bezier(0.19, -0.005, 0.45, 0.975);
  transition-timing-function: cubic-bezier(0.19, -0.005, 0.45, 0.975);
  /* custom */ }

/* line 118, /Applications/MAMP/htdocs/billabong/global/scss/custom.scss */
::-webkit-scrollbar {
  all: unset; }

/* line 122, /Applications/MAMP/htdocs/billabong/global/scss/custom.scss */
a {
  -webkit-transition: color 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
  -moz-transition: color 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
  -o-transition: color 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
  transition: color 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
  -webkit-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
  transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
  /* custom */ }
  /* line 134, /Applications/MAMP/htdocs/billabong/global/scss/custom.scss */
  a:active, a:focus {
    color: initial; }

/* line 139, /Applications/MAMP/htdocs/billabong/global/scss/custom.scss */
.social-share-icons a i {
  -webkit-transition: color 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
  -moz-transition: color 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
  -o-transition: color 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
  transition: color 160ms cubic-bezier(0.28, 0.01, 0.175, 1);
  -webkit-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
  transition-timing-function: cubic-bezier(0.28, 0.01, 0.175, 1);
  /* custom */ }

/* line 152, /Applications/MAMP/htdocs/billabong/global/scss/custom.scss */
textarea {
  border: 1px solid #cccfd1; }

/* line 156, /Applications/MAMP/htdocs/billabong/global/scss/custom.scss */
.icon {
  font-family: 'billabong_dingsregular'; }

/* line 160, /Applications/MAMP/htdocs/billabong/global/scss/custom.scss */
.zoom-cursor {
  cursor: url(../img/zoom-cursor.png) 18 18, auto; }

/* line 166, /Applications/MAMP/htdocs/billabong/global/scss/custom.scss */
#layout {
  position: relative;
  min-width: 100%;
  overflow: hidden; }

/* line 173, /Applications/MAMP/htdocs/billabong/global/scss/custom.scss */
#main-container {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
  background: #fdfdfd;
  -webkit-transition: padding-top 400ms cubic-bezier(0.19, 0, 0.45, 0.975);
  /* older webkit */
  -webkit-transition: padding-top 400ms cubic-bezier(0.19, -0.005, 0.45, 0.975);
  -moz-transition: padding-top 400ms cubic-bezier(0.19, -0.005, 0.45, 0.975);
  -o-transition: padding-top 400ms cubic-bezier(0.19, -0.005, 0.45, 0.975);
  transition: padding-top 400ms cubic-bezier(0.19, -0.005, 0.45, 0.975);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.19, 0, 0.45, 0.975);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.19, -0.005, 0.45, 0.975);
  -moz-transition-timing-function: cubic-bezier(0.19, -0.005, 0.45, 0.975);
  -o-transition-timing-function: cubic-bezier(0.19, -0.005, 0.45, 0.975);
  transition-timing-function: cubic-bezier(0.19, -0.005, 0.45, 0.975);
  /* custom */ }

/* line 196, /Applications/MAMP/htdocs/billabong/global/scss/custom.scss */
#main.home #main-container {
  background: transparent; }

/* line 201, /Applications/MAMP/htdocs/billabong/global/scss/custom.scss */
.full-bleed {
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%; }

@media (min-width: 768px) and (max-width: 991px) {
  .no-tablet {
    display: none; } }

/* line 217, /Applications/MAMP/htdocs/billabong/global/scss/custom.scss */
.main, .layout-container {
  height: auto;
  min-height: 100%; }

@media (min-width: 1200px) and (max-width: 1479px) {
  .content-container {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .content-container {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .content-container {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px; } }

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