/* line 24, /Applications/MAMP/htdocs/billabong-tribong/scss/resources/_fonts.scss */
i, .icon {
  font-style: normal;
  font-family: 'billabong_dingsregular'; }

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

/* line 13, /Applications/MAMP/htdocs/billabong-tribong/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-tribong/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-tribong/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-tribong/scss/utils/_reset.scss */
button {
  cursor: pointer;
  overflow: visible !important; }

/* line 67, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_reset.scss */
svg {
  overflow: visible !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 56, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-0 {
  padding-top: 0px !important; }

/* line 57, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-1 {
  padding-top: 1px !important; }

/* line 58, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-2 {
  padding-top: 2px !important; }

/* line 59, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-3 {
  padding-top: 3px !important; }

/* line 60, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-4 {
  padding-top: 4px !important; }

/* line 61, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-5 {
  padding-top: 5px !important; }

/* line 62, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-6 {
  padding-top: 6px !important; }

/* line 63, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-7 {
  padding-top: 7px !important; }

/* line 64, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-8 {
  padding-top: 8px !important; }

/* line 65, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-9 {
  padding-top: 9px !important; }

/* line 66, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-10 {
  padding-top: 10px !important; }

/* line 67, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-20 {
  padding-top: 20px !important; }

/* line 68, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-30 {
  padding-top: 30px !important; }

/* line 69, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-40 {
  padding-top: 40px !important; }

/* line 70, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-50 {
  padding-top: 50px !important; }

/* line 71, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-60 {
  padding-top: 60px !important; }

/* line 72, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-70 {
  padding-top: 70px !important; }

/* line 73, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-80 {
  padding-top: 80px !important; }

/* line 74, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-90 {
  padding-top: 90px !important; }

/* line 75, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-100 {
  padding-top: 100px !important; }

/* line 76, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-110 {
  padding-top: 110px !important; }

/* line 77, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-120 {
  padding-top: 120px !important; }

/* line 78, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-140 {
  padding-top: 140px !important; }

/* line 79, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-160 {
  padding-top: 160px !important; }

/* line 80, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-180 {
  padding-top: 180px !important; }

/* line 81, /Applications/MAMP/htdocs/billabong-tribong/scss/utils/_spacers.scss */
.spacer-200 {
  padding-top: 200px !important; }

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

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

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

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

/* line 2, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
body {
  opacity: 0;
  -webkit-transition: opacity 300ms cubic-bezier(0.25, 0.25, 0.035, 0.97);
  -moz-transition: opacity 300ms cubic-bezier(0.25, 0.25, 0.035, 0.97);
  -o-transition: opacity 300ms cubic-bezier(0.25, 0.25, 0.035, 0.97);
  transition: opacity 300ms cubic-bezier(0.25, 0.25, 0.035, 0.97);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.035, 0.97);
  -moz-transition-timing-function: cubic-bezier(0.25, 0.25, 0.035, 0.97);
  -o-transition-timing-function: cubic-bezier(0.25, 0.25, 0.035, 0.97);
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.035, 0.97);
  /* custom */ }

/* line 17, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
*[data-scroll-triggered] {
  opacity: 0;
  -webkit-transition: opacity 480ms cubic-bezier(0.555, 0.14, 0.205, 0.555);
  -moz-transition: opacity 480ms cubic-bezier(0.555, 0.14, 0.205, 0.555);
  -o-transition: opacity 480ms cubic-bezier(0.555, 0.14, 0.205, 0.555);
  transition: opacity 480ms cubic-bezier(0.555, 0.14, 0.205, 0.555);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.555, 0.14, 0.205, 0.555);
  -moz-transition-timing-function: cubic-bezier(0.555, 0.14, 0.205, 0.555);
  -o-transition-timing-function: cubic-bezier(0.555, 0.14, 0.205, 0.555);
  transition-timing-function: cubic-bezier(0.555, 0.14, 0.205, 0.555);
  /* custom */ }

/* line 32, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
body, p {
  font-family: "Maison Neue Book", Calibri, Arial, Roboto, sans-serif; }

/* line 40, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
a, a:hover, a:active, a:focus, a:visited {
  text-decoration: none; }

/* top image area */
/* line 46, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
#myCarousel {
  background: #283443; }
  @media (max-width: 480px) {
    #myCarousel .landing-page {
      height: 100%; } }
  /* line 57, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  #myCarousel .landing-page-row {
    position: absolute;
    width: 100%;
    background-size: cover;
    background-position: center; }
    /* line 64, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    #myCarousel .landing-page-row.top-row {
      top: 0px;
      background: #283443; }
    /* line 69, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    #myCarousel .landing-page-row.mid-row {
      top: 33.333%;
      background-position: 20% center; }
    /* line 74, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    #myCarousel .landing-page-row.bottom-row {
      top: 66.667%; }
    /* line 78, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    #myCarousel .landing-page-row .banner-mid-logo {
      position: absolute;
      width: 33%;
      height: 100%;
      left: auto;
      right: 0px;
      top: 0px;
      background-size: contain;
      background-position: 40% center;
      background-repeat: no-repeat; }
  /* line 94, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  #myCarousel .banner-foreground {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%; }
    /* line 102, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    #myCarousel .banner-foreground .foreground-row {
      position: relative;
      width: 100%;
      height: 33%; }
    /* line 108, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    #myCarousel .banner-foreground .banner-img {
      position: absolute;
      left: 0px;
      right: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      margin: 0 auto;
      background-size: contain;
      background-position: center 35%;
      background-repeat: no-repeat; }
    /* line 124, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    #myCarousel .banner-foreground .logo-img {
      position: absolute;
      left: 0px;
      right: 0px;
      height: 100%;
      margin: 0 auto;
      z-index: 10;
      max-width: 468px;
      background-size: contain;
      background-position: center 30%;
      background-repeat: no-repeat; }
  @media (min-width: 1480px) and (max-width: 1649px) {
    /* line 145, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    #myCarousel .landing-page-row .banner-mid-logo {
      width: 30%;
      max-width: 468px;
      background-position: 70% center; } }
  @media (min-width: 1350px) and (max-width: 1479px) {
    /* line 157, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    #myCarousel .banner-foreground .banner-img {
      max-width: 864px; }
    /* line 164, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    #myCarousel .landing-page-row .banner-mid-logo {
      width: 30%;
      max-width: 380px;
      background-position: 30% center; } }
  @media (min-width: 1200px) and (max-width: 1349px) {
    /* line 176, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    #myCarousel .banner-foreground .banner-img {
      max-width: 864px; }
    /* line 183, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    #myCarousel .landing-page-row .banner-mid-logo {
      width: 30%;
      max-width: 320px;
      background-position: 30% center; } }
  @media (max-width: 1199px) {
    /* line 195, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    #myCarousel .landing-page-row.mid-row {
      background-position: 100%; }
    /* line 199, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    #myCarousel .landing-page-row .banner-mid-logo {
      display: none; } }
  @media (max-width: 991px) {
    /* line 209, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    #myCarousel .landing-page-row.mid-row {
      background-position: 100%; }
    /* line 213, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    #myCarousel .landing-page-row .banner-mid-logo {
      display: none; } }
  @media (max-width: 767px) {
    /* line 223, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    #myCarousel .banner-foreground .logo-img {
      top: 3%;
      width: 80%; } }

/* sticky nav button */
/* line 233, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
.sticky-nav {
  position: absolute;
  width: 100%;
  bottom: 0px;
  text-align: center;
  background: transparent; }
  /* line 241, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .sticky-nav a {
    position: relative;
    display: inline-block;
    top: 0px;
    height: 45px;
    background: rgba(0, 0, 0, 0.3);
    padding: 0 45px;
    white-space: nowrap;
    width: auto;
    -webkit-transition: background 320ms cubic-bezier(0.34, 0.065, 0.13, 1);
    -webkit-transition: background 320ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -moz-transition: background 320ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    -o-transition: background 320ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
    transition: background 320ms 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 263, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    .sticky-nav a:hover {
      background: rgba(0, 0, 0, 0.6); }
    /* line 267, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    .sticky-nav a b {
      font-family: "Maison Neue Demi",Calibri,Arial,Roboto,sans-serif;
      font-weight: 600;
      font-size: 12px;
      line-height: 45px;
      letter-spacing: 0.1em;
      overflow: visible;
      margin: 0 20px; }
    /* line 277, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    .sticky-nav a img {
      position: relative;
      display: inline-block;
      top: 2px; }
  @media (max-width: 991px) {
    .sticky-nav {
      display: block; } }

/* page content */
/* line 292, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
.paracontent-a {
  width: 18%; }
  /* line 296, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .paracontent-a hr {
    margin-bottom: 32px; }
  /* line 300, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .paracontent-a h2 {
    font-family: "Maison Neue Bold",Calibri,Arial,Roboto,sans-serif;
    font-weight: 700;
    margin: 30px 0 22px 0;
    font-size: 17px; }
  /* line 306, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .paracontent-a p {
    font-family: "Maison Neue Book",Calibri,Arial,Roboto,sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.03em; }
    /* line 312, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    .paracontent-a p strong {
      font-family: "Maison Neue Demi",Calibri,Arial,Roboto,sans-serif;
      font-weight: 600; }
  @media (max-width: 767px) {
    /* line 319, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    .paracontent-a hr {
      margin-bottom: 20px; }
    /* line 323, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    .paracontent-a h2 {
      font-family: "Maison Neue Bold",Calibri,Arial,Roboto,sans-serif;
      font-weight: 700;
      margin: 24px 0 10px 0;
      font-size: 12px; }
    /* line 329, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    .paracontent-a p {
      font-family: "Maison Neue Book",Calibri,Arial,Roboto,sans-serif;
      font-weight: normal;
      font-size: 12px;
      line-height: 18px;
      letter-spacing: 0.03em; }
      /* line 335, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
      .paracontent-a p strong {
        font-family: "Maison Neue Demi",Calibri,Arial,Roboto,sans-serif;
        font-weight: 600; } }

/* line 342, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
.tribong {
  position: relative;
  height: auto;
  padding: 0 140px;
  margin-top: 0px;
  overflow-x: hidden; }
  @media (max-width: 1199px) {
    .tribong {
      padding: 0 40px; }
      /* line 354, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
      .tribong .container {
        padding: 0; }
      /* line 358, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
      .tribong .paracontent-a {
        width: 50%; }
      /* line 362, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
      .tribong .img-block-a {
        display: none; }
      /* line 366, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
      .tribong .img-block-b {
        width: 50%; } }
  @media (max-width: 767px) {
    .tribong {
      padding: 0 30px;
      min-height: 310px; } }
  /* line 376, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .tribong .container {
    width: 100%;
    height: auto;
    background: transparent; }
    /* line 382, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    .tribong .container .paracontent-a {
      float: left;
      margin-top: 12%; }
    /* line 391, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    .tribong .container .img-block-b {
      position: relative;
      float: left;
      top: 0px;
      left: 8%;
      right: auto;
      box-shadow: 0 0 38px rgba(0, 0, 0, 0.13);
      bottom: auto;
      margin-top: 8%; }
    @media (max-width: 767px) {
      .tribong .container {
        width: 120%; }
        /* line 408, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
        .tribong .container .paracontent-a {
          width: 42%;
          margin-bottom: 30px; }
        /* line 413, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
        .tribong .container .img-block-b {
          float: right;
          position: relative;
          left: auto;
          right: 0%;
          width: 58%; } }
  /* line 423, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .tribong.tribong-b {
    background: transparent; }
    /* line 427, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    .tribong.tribong-b .img-block-b {
      left: 46%; }
    /* line 431, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    .tribong.tribong-b .paracontent-a {
      float: right;
      margin-top: 20%; }
    @media (max-width: 1199px) {
      .tribong.tribong-b {
        padding: 0 40px; }
        /* line 440, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
        .tribong.tribong-b .container {
          padding: 0; }
        /* line 444, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
        .tribong.tribong-b .paracontent-a {
          width: 50%; }
        /* line 448, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
        .tribong.tribong-b .img-block-a {
          display: none; }
        /* line 452, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
        .tribong.tribong-b .img-block-b {
          left: -8%; } }
    @media (max-width: 767px) {
      .tribong.tribong-b {
        padding: 0 30px; }
        /* line 461, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
        .tribong.tribong-b .paracontent-a {
          width: 42%;
          margin-right: 18%; }
        /* line 466, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
        .tribong.tribong-b .img-block-a {
          display: none; }
        /* line 470, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
        .tribong.tribong-b .img-block-b {
          float: left;
          left: -18%;
          right: auto; } }

/* line 479, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
.lifes-better {
  position: absolute;
  left: auto;
  right: 0px;
  width: 264px;
  height: 285px;
  margin-top: -48px;
  margin-right: -16px;
  z-index: -1; }

/* line 491, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
.faded-surfer {
  position: absolute;
  left: 0px;
  width: 100%;
  height: 896px;
  max-width: 1535px;
  margin-top: -560px;
  margin-right: -16px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1; }
  @media (max-width: 991px) {
    .faded-surfer {
      display: none; } }

@media (max-width: 767px) {
  .boardshorts {
    margin-top: 72px; } }
/* line 515, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
.boardshorts .boardshorts-headline {
  width: 100%; }
  /* line 519, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .boardshorts .boardshorts-headline > h1 {
    border-bottom: 2px solid #ed0b23; }
  /* line 523, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .boardshorts .boardshorts-headline p {
    margin-top: 35px;
    font-family: "Maison Neue Bold",Calibri,Arial,Roboto,sans-serif;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 0.3em; }
  @media (max-width: 767px) {
    /* line 532, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    .boardshorts .boardshorts-headline h1 {
      padding-bottom: 20px; }
    /* line 536, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    .boardshorts .boardshorts-headline p {
      margin-top: 15px;
      font-size: 14px;
      line-height: 18px;
      padding: 0 40px; } }
/* line 545, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
.boardshorts .boardshorts-blocks {
  max-width: 1760px;
  margin: 90px auto 0px auto; }
  @media (max-width: 767px) {
    .boardshorts .boardshorts-blocks {
      margin: 40px auto 0px auto; } }
/* line 558, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
.boardshorts .boardshorts-blocks aside b {
  font-size: 16px;
  letter-spacing: 0.06em;
  margin-top: 8px; }
/* line 564, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
.boardshorts .boardshorts-blocks aside ul {
  margin-top: 37px;
  width: 60%;
  min-width: 270px;
  max-width: 320px; }
  /* line 571, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .boardshorts .boardshorts-blocks aside ul li {
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 0.03em;
    margin: 0;
    list-style-type: square; }
/* line 580, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
.boardshorts .boardshorts-blocks aside .btn-block {
  margin-top: 15px; }
@media (max-width: 1199px) {
  /* line 591, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .boardshorts .boardshorts-blocks aside ul li {
    font-size: 14px;
    line-height: 32px; } }
@media (max-width: 767px) {
  /* line 603, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .boardshorts .boardshorts-blocks aside b {
    font-size: 14px;
    letter-spacing: 0.06em;
    margin-top: 8px;
    margin-bottom: 6px; }
  /* line 610, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .boardshorts .boardshorts-blocks aside ul {
    margin: 20px auto 0px;
    padding: 0 70px;
    width: 100%;
    min-width: 0;
    max-width: none; }
    /* line 618, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    .boardshorts .boardshorts-blocks aside ul li {
      font-size: 12px;
      line-height: 18px;
      letter-spacing: 0.03em;
      margin: 5px 0 0 0;
      list-style-type: square; }
  /* line 627, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .boardshorts .boardshorts-blocks aside .btn-block {
    margin-top: 25px;
    padding-top: 0px; }
  /* line 632, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .boardshorts .boardshorts-blocks aside.loztides {
    margin-top: 95px; } }
/* line 643, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
.boardshorts .boardshorts-row aside h1 {
  width: 100%;
  height: 77px;
  text-align: center; }
  /* line 649, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .boardshorts .boardshorts-row aside h1 img {
    display: inline-block;
    max-width: none; }
  @media (max-width: 767px) {
    .boardshorts .boardshorts-row aside h1 {
      height: 52px; }
      /* line 658, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
      .boardshorts .boardshorts-row aside h1 img {
        max-height: 50px; } }

@media (max-width: 767px) {
  .player-screen {
    margin-top: 100px; } }
/* line 673, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
.player-screen .player-bg {
  position: absolute;
  top: -18%;
  width: 100%;
  z-index: -1; }
/* line 681, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
.player-screen figcaption {
  position: absolute;
  top: 155px;
  left: 35px;
  z-index: 100;
  font-family: "Maison Neue Bold",Calibri,Arial,Roboto,sans-serif;
  font-weight: 700;
  font-size: 17px;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 0.3em;
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Safari */
  transform: rotate(90deg); }
  @media (min-width: 992px) and (max-width: 1199px) {
    .player-screen figcaption {
      top: 135px;
      left: -28px;
      font-size: 15px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .player-screen figcaption {
      top: 135px;
      left: -28px;
      font-size: 15px; } }
  @media (max-width: 767px) {
    .player-screen figcaption {
      display: none; } }
/* line 715, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
.player-screen .jumbo-video {
  position: relative;
  overflow: hidden;
  margin: 110px 140px 0px 140px;
  border: 15px solid #fff;
  box-shadow: 0 0 38px rgba(0, 0, 0, 0.13); }
  /* line 723, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .player-screen .jumbo-video.contained {
    margin-bottom: 0px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .player-screen .jumbo-video {
      margin: 110px 65px 38px 65px;
      border: 15px solid #fff;
      box-shadow: 0 0 24px rgba(0, 0, 0, 0.13); } }
  @media (min-width: 768px) and (max-width: 991px) {
    .player-screen .jumbo-video {
      margin: 110px 65px 38px 65px;
      border: 10px solid #fff;
      box-shadow: 0 0 24px rgba(0, 0, 0, 0.13); } }
  @media (max-width: 767px) {
    .player-screen .jumbo-video {
      margin: 60px 10px 8px 10px;
      border: 8px solid #fff;
      box-shadow: 0 0 24px rgba(0, 0, 0, 0.13); } }
  /* line 748, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .player-screen .jumbo-video .player-caption {
    top: 50%;
    bottom: auto;
    margin-top: -75px;
    z-index: 10; }
    @media (max-width: 767px) {
      .player-screen .jumbo-video .player-caption {
        -ms-transform: scale(0.5, 0.5);
        /* IE 9 */
        -webkit-transform: scale(0.5, 0.5);
        /* Safari */
        transform: scale(0.5, 0.5); } }
    /* line 761, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    .player-screen .jumbo-video .player-caption span {
      width: auto;
      margin-top: 110px;
      text-align: center; }
      /* line 767, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
      .player-screen .jumbo-video .player-caption span img {
        display: inline-block;
        width: auto;
        height: auto; }
  /* line 775, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .player-screen .jumbo-video .jumbo-video-play-button {
    position: absolute;
    left: 50%;
    top: 0;
    margin: 0 0 0 -40px;
    z-index: 10; }
    /* line 783, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    .player-screen .jumbo-video .jumbo-video-play-button svg {
      width: 80px;
      height: 80px; }
    /* line 788, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    .player-screen .jumbo-video .jumbo-video-play-button .circle {
      left: -2px;
      top: -1px; }
    /* line 793, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    .player-screen .jumbo-video .jumbo-video-play-button .icon {
      font-size: 35px; }
  /* line 798, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .player-screen .jumbo-video img {
    position: relative;
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    z-index: 5; }
  /* line 809, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .player-screen .jumbo-video .video-container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1; }
  /* line 819, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .player-screen .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 838, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    .player-screen .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 845, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    .player-screen .jumbo-video .btn-close::before {
      display: none;
      content: ''; }
/* line 852, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
.player-screen .jumbo-video::after {
  display: none; }
/* line 856, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
.player-screen .btn-video-play {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  border: 0 none;
  border-radius: 0;
  opacity: 1;
  padding: 1px 0px 0px 5px;
  background-color: transparent;
  margin-top: 10px;
  font-size: 23px;
  margin-bottom: 15px; }
  /* line 872, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .player-screen .btn-video-play .circle {
    position: absolute;
    top: -3px;
    left: -3px;
    width: 80px;
    height: 80px; }
    /* line 880, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    .player-screen .btn-video-play .circle svg * {
      stroke: white;
      stroke-dasharray: 360px;
      stroke-width: 5px !important;
      stroke-dashoffset: -360px; }
    /* line 890, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    .player-screen .btn-video-play .circle.hover svg * {
      stroke: white;
      stroke-dasharray: 360px 110px;
      stroke-width: 5px !important;
      stroke-dashoffset: -360px; }
  /* line 900, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .player-screen .btn-video-play i {
    font-size: 46px;
    line-height: 80px;
    width: 100%;
    text-align: center; }
    /* line 906, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    .player-screen .btn-video-play i:before {
      content: "Y"; }

/* line 913, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
.collection-block {
  margin-top: 200px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .collection-block {
      margin-top: 150px; } }
  @media (max-width: 767px) {
    .collection-block {
      margin-top: 100px; } }
  /* line 925, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .collection-block .container {
    width: 100%;
    padding: 0 8.2%; }
    /* line 930, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
    .collection-block .container ul {
      position: relative;
      float: left;
      width: 100%;
      overflow: visible; }
      /* line 937, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
      .collection-block .container ul li {
        position: relative;
        float: left;
        padding: 0px;
        margin: 0px; }
        /* line 944, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
        .collection-block .container ul li.grey {
          background: #ebebed; }
        /* line 950, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
        .collection-block .container ul li a img {
          max-height: none; }
  /* line 958, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .collection-block hr {
    margin-top: 100px;
    margin-bottom: 22px;
    border: 1px solid #ee2d40; }
    @media (max-width: 767px) {
      .collection-block hr {
        margin-top: 50px;
        margin-bottom: 2px; } }

/* line 972, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
.btn-block a {
  font-family: "Maison Neue Bold",Calibri,Arial,Roboto,sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.3em;
  padding: 0 40px;
  width: auto;
  height: 50px;
  line-height: 46px;
  border: 2px solid #d1d4d6;
  cursor: pointer;
  -webkit-transition: all 160ms cubic-bezier(0.34, 0.065, 0.13, 1);
  -webkit-transition: all 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
  -moz-transition: all 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
  -o-transition: all 160ms cubic-bezier(0.34, 0.065, 0.13, 1.005);
  transition: all 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 997, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .btn-block a:hover, .btn-block a:active, .btn-block a:focus {
    color: #fff;
    border: 2px solid #000;
    background: #000; }

/* line 1005, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
.tabs-wrapper {
  position: absolute;
  width: 100%;
  bottom: -6px;
  text-align: center; }

/* line 1012, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
.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 1027, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
  .rollover-tab:not(:first-child) {
    margin-left: 8px; }

/* line 1032, /Applications/MAMP/htdocs/billabong-tribong/scss/_tweaks.scss */
.tribong-footer {
  position: relative;
  height: auto;
  margin-top: -100px;
  z-index: -1; }
  @media (max-width: 1199px) {
    .tribong-footer {
      margin-top: 0px;
      height: auto; } }

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