/* START of LESS variables */
/* END of LESS variables */
/* GENERAL CONTENT STYLES - SPERRY */
/* START SPERRY BRAND STYLES */
/* general */
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.js #homepage-slider .jcarousel-control {
  z-index: 10;
}
.js .home-bottom-left,
.js .home-bottom-center,
.js .home-bottom-right {
  margin: 0;
}
.sperry-content-serif {
  font-family: 'BertholdAkzidenzGroteskMedium', Helvetica, Arial, sans-serif;
  font-weight: 100;
}
.sperry-content-sans {
  font-family: 'BertholdAkzidenzGroteskRegular', Helvetica, Arial, sans-serif;
  font-weight: 100;
}
.sperry-content-link {
  position: absolute !important;
  z-index: 9 !important;
  display: block !important;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  /* hack to get invisible anchors to show up in IE */
  background: url("about:blank") !important;
  padding: 0 !important;
}
.sperry-content-heading-primary {
  font-size: 48px;
  line-height: 50px;
  color: #071c2c;
  text-transform: uppercase;
  letter-spacing: 0.01em;
}
/* end general */
/* start main home descriptor */
.sperry-main-descriptor {
  position: relative;
  background: #ffffff center top no-repeat;
  width: 100%;
  height: 437px;
}
.sperry-main-descriptor-text {
  display: table;
  position: absolute;
  top: 0;
  left: 50%;
  width: 750px;
  height: 100%;
  margin-left: -375px;
}
.sperry-main-descriptor-text-wide {
  margin-left: -460px;
  width: 920px;
}
.sperry-main-descriptor-text-inner {
  display: table-cell;
  vertical-align: middle;
}
.sperry-main-descriptor-heading {
  color: #ffffff;
  margin-bottom: 14px;
}
.sperry-main-descriptor-heading .sperry-content-sans {
  font-size: 46px;
}
.sperry-main-descriptor-paragraph {
  color: #ffffff;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.025em;
  margin-bottom: 14px;
}
/* end main home descriptor */
/* start sub home descriptor */
.sperry-sub-descriptor {
  position: relative;
  width: 307px;
  height: 423px;
}
.sperry-sub-descriptor:hover .sperry-sub-descriptor-heading {
  color: #071c2c;
}
.sperry-sub-descriptor:hover .sperry-sub-descriptor-text {
  background: white;
  background: rgba(255, 255, 255, 0.85);
}
.sperry-sub-descriptor:hover .sperry-sub-descriptor-paragraph {
  color: #071c2c;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.sperry-sub-descriptor-text {
  position: absolute;
  /* 20px */
  top: 4.728132388%;
  /* 20px */
  left: 6.51465798%;
  /* 307px - 40px */
  width: 86.97068404%;
  /* 423px - 40px */
  height: 90.5437352%;
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -o-transition: background-color 0.1s;
  -ms-transition: background-color 0.1s;
  transition: background-color 0.1s;
}
.sperry-sub-descriptor-text-inner {
  position: absolute;
  top: 170px;
  width: 100%;
  text-align: center;
}
.sperry-sub-descriptor-heading {
  font-size: 26px;
  line-height: 28px;
  text-transform: uppercase;
  color: white;
  margin-bottom: 21px;
  letter-spacing: 0.05em;
  -webkit-transition: color .1s;
  -moz-transition: color .1s;
  -o-transition: color .1s;
  -ms-transition: color .1s;
  transition: color .1s;
}
.sperry-sub-descriptor-paragraph {
  font-size: 16px;
  color: white;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: color .1s, opacity .1s;
  -moz-transition: color .1s, opacity .1s;
  -o-transition: color .1s, opacity .1s;
  -ms-transition: color .1s, opacity .1s;
  transition: color .1s, opacity .1s;
}
/* end sub home descriptor */
/* start billboard descriptor */
.sperry-billboard-descriptor {
  position: relative;
  width: 920px;
  height: 460px;
}
.sperry-billboard-descriptor-text {
  position: absolute;
  top: 75px;
  left: 28px;
}
.sperry-billboard-descriptor-heading {
  letter-spacing: 0.025em;
  margin-bottom: 40px;
}
.sperry-billboard-descriptor-paragraph {
  font-size: 18px;
  line-height: 22px;
  color: #071c2c;
  margin-bottom: 40px;
}
/* end billboard descriptor */
/* start tert descriptor */
.sperry-tert-descriptor {
  height: 460px;
  width: 460px;
  position: relative;
}
.sperry-tert-descriptor:hover .sperry-tert-descriptor-heading {
  color: #071c2c;
}
.sperry-tert-descriptor:hover .sperry-tert-descriptor-paragraph {
  color: #071c2c;
  opacity: 1;
}
.ie8 .sperry-tert-descriptor:hover .sperry-tert-descriptor-paragraph {
  display: block;
}
.sperry-tert-descriptor:hover .sperry-tert-descriptor-text {
  background: white;
  background: rgba(255, 255, 255, 0.85);
}
.sperry-tert-descriptor:hover .sperry-tert-descriptor-cta-outer {
  opacity: 1;
}
.ie8 .sperry-tert-descriptor:hover .sperry-tert-descriptor-cta-outer {
  display: block;
}
.sperry-tert-descriptor-text {
  position: absolute;
  /* 20px / 460px */
  top: 4.347826087%;
  left: 4.347826087%;
  /* (460px - 40px) / 460px */
  width: 91.304347826%;
  height: 91.304347826%;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.sperry-tert-descriptor-text-inner {
  text-align: center;
  position: absolute;
  top: 160px;
  width: 100%;
}
.sperry-tert-descriptor-heading {
  font-size: 38px;
  line-height: 42px;
  text-transform: uppercase;
  color: white;
  margin-bottom: 10px;
  letter-spacing: 0.05em;
  -webkit-transition: color .2s;
  -moz-transition: color .2s;
  -o-transition: color .2s;
  -ms-transition: color .2s;
  transition: color .2s;
}
.sperry-tert-descriptor-paragraph {
  font-size: 18px;
  line-height: 22px;
  color: white;
  opacity: 0;
  -webkit-transition: color .2s, opacity .2s;
  -moz-transition: color .2s, opacity .2s;
  -o-transition: color .2s, opacity .2s;
  -ms-transition: color .2s, opacity .2s;
  transition: color .2s, opacity .2s;
}
.ie8 .sperry-tert-descriptor-paragraph {
  display: none;
}
/* end tert descriptor */
/* start competitionpromo */
.sperry-competitionpromo {
  position: relative;
  width: 870px;
  height: 102px;
  padding: 23px 24px;
  border: 1px solid #ccd2dc;
}
.sperry-competitionpromo-image {
  float: left;
  padding-right: 30px;
}
.sperry-competitionpromo-text {
  padding: 14px 0 0;
}
.sperry-competitionpromo-heading {
  font-size: 27px;
  line-height: 1em;
  letter-spacing: 0.05em;
  color: #071c2c;
  text-transform: uppercase;
}
.sperry-competitionpromo-cta {
  /*margin-top: 15px;
  padding: 0 49px;*/
}
/* end competitionpromo */
/* start subcategoryname header */
.sperry-subcategoryname-header {
  position: relative;
  width: 920px;
  height: 212px;
}
.sperry-subcategoryname-header-image {
  position: absolute;
  top: 0;
  left: 0;
}
.sperry-subcategoryname-header-text {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
}
.sperry-subcategoryname-header-text-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.sperry-subcategoryname-header-heading {
  font-size: 31px;
  line-height: 1em;
  color: white;
  text-transform: uppercase;
  margin-top: -6px;
}
/* end subcategoryname header */
/* start ingallery descriptor */
.sperry-ingallery-descriptor-image {
  width: 229px;
  height: 346px;
  border: none;
}
/* end ingallery descriptor */
/* start global headerlink promo */
.sperry-global-headerlink-promo {
  position: relative;
  width: 234px;
  height: 301px;
}
.sperry-global-headerlink-promo-text {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 23px;
}
.sperry-global-headerlink-promo-heading {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.1em;
  margin-bottom: 18px;
  text-transform: uppercase;
  color: white;
}
/* end global headerlink promo */
/* start global searchsuggest */
.sperry-global-searchsuggest-image {
  width: 244px;
  height: 151px;
  border: none;
}
/* end global searchsuggest */
/* start ordersummary promo */
.sperry-ordersummary-promo-image {
  width: 205px;
  height: 130px;
  border: none;
}
/* end ordersummary promo */
/* start search noresults */
.sperry-search-noresults-image {
  width: 920px;
  height: 95px;
  border: none;
}
/* end search noresults */
/* start marketinggraphics banner image */
.sperry-marketinggraphics-banner-image {
  border: none;
}
/* end marketinggraphics banner image */
/* start marketinggraphics main descriptor */
.sperry-marketinggraphics-main-descriptor {
  width: 920px;
  height: 477px;
  position: relative;
}
.sperry-marketinggraphics-main-descriptor-text {
  position: absolute;
  top: 84px;
  left: 408px;
  width: 480px;
}
.sperry-marketinggraphics-main-descriptor-heading {
  margin-bottom: 7px;
}
.sperry-marketinggraphics-main-descriptor-paragraph {
  font-size: 14px;
  line-height: 20px;
  color: #071c2c;
  font-family: 'BertholdAkzidenzGroteskRegular', Helvetica, Arial, sans-serif;
}
/* end marketinggraphics main descriptor */
/* start marketinggraphics secondary descriptor */
.sperry-marketinggraphics-secondary-descriptor {
  width: 307px;
  height: 394px;
  position: relative;
}
.sperry-marketinggraphics-secondary-descriptor-text {
  position: absolute;
  width: 100% !important;
  bottom: 214px;
  text-align: center;
}
.sperry-marketinggraphics-secondary-descriptor-heading {
  font-size: 26px;
  line-height: 1em;
  text-transform: uppercase;
  color: white;
}
/* end marketinggraphics secondary descriptor */
/* start ftrproduct selector */
.sperry-ftrproduct-selector {
  position: relative;
  width: 920px;
  height: 422px;
}
.sperry-ftrproduct-selector-links {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 322px;
}
.sperry-ftrproduct-selector-link {
  display: block;
  height: 100%;
  margin-left: 4px;
  width: 227px;
  float: left;
  text-indent: -9999px;
  /* hack to get invisible anchors to show up in IE */
  background: url("about:blank");
}
.sperry-ftrproduct-selector-link.first {
  margin-left: 0;
}
.sperry-ftrproduct-selector-image {
  width: 920px;
  height: 422px;
  border: none;
  position: relative;
}
/* end ftrproduct selector */
/* start ftrproduct descriptor */
.sperry-ftrproduct-sub-descriptor {
  width: 460px;
  position: relative;
}
.sperry-ftrproduct-sub-descriptor-text {
  position: absolute;
  top: 40px;
  left: 40px;
}
.sperry-ftrproduct-sub-descriptor-heading {
  font-size: 26px;
  line-height: 1em;
  color: white;
  text-transform: uppercase;
}
.sperry-ftrproduct-sub-descriptor-image {
  display: block;
}
/* end ftrproduct descriptor */
/* start maincat main */
.sperry-maincat1-main {
  position: relative;
  width: 682px;
}
.sperry-maincat1-main-text {
  position: absolute;
  top: 76px;
  right: 43px;
}
.sperry-maincat1-main-cta {
  float: right;
  margin-top: 13px;
}
.sperry-maincat1-main-heading {
  font-family: 'BertholdAkzidenzGroteskRegular', Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.sperry-maincat1-main-heading .sperry-content-sans {
  font-weight: 100;
}
/* end maincat main */
/* start maincat sub */
.sperry-maincat-sub {
  width: 324px;
  position: relative;
}
.sperry-maincat-sub-text {
  position: absolute;
  top: 75px;
  width: 100%;
  text-align: center;
}
.sperry-maincat-sub-heading {
  text-transform: uppercase;
  color: white;
  font-size: 26px;
  line-height: 1em;
}
.sperry-maincat-sub-image {
  display: block;
}
/* end maincat sub */
/* start maincat tertiary */
.sperry-maincat-tertiary {
  position: relative;
  width: 281px;
}
.sperry-maincat-tertiary-text {
  position: absolute;
  top: 94px;
  width: 100%;
  text-align: center;
}
.sperry-maincat-tertiary-heading {
  text-transform: uppercase;
  color: white;
  font-size: 26px;
  line-height: 1em;
}
.sperry-maincat-tertiary-image {
  display: block;
}
/* end maincat tertiary */
/* end pintereststyle secondary descriptor */
.sperry-pintereststyle-secondary-descriptor {
  position: relative;
  width: 286px;
}
.sperry-pintereststyle-secondary-descriptor-text {
  position: absolute;
  top: 88px;
  width: 100%;
  text-align: center;
}
.sperry-pintereststyle-secondary-descriptor-heading {
  text-transform: uppercase;
  color: white;
  font-size: 26px;
  line-height: 1em;
}
.sperry-pintereststyle-secondary-descriptor-image {
  display: block;
}
/* end pintereststyle secondary descriptor */
.sperry-marketing-bottom {
  position: relative;
  width: 460px;
  height: 300px;
}
.sperry-marketing-bottom-short {
  height: 280px;
}
.sperry-marketing-bottom-text {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sperry-marketing-bottom-text-inner {
  padding: 0 30px;
  display: table-cell;
  vertical-align: middle;
}
.sperry-marketing-bottom-heading {
  color: #071c2c;
  font-weight: 100;
  font-size: 26px;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: .01em;
  margin-bottom: 0.2em;
}
.sperry-marketing-bottom-paragraph {
  color: #071c2c;
  font-size: 18px;
  line-height: 1em;
  letter-spacing: .01em;
  font-family: 'BertholdAkzidenzGroteskMedium', Helvetica, Arial, sans-serif;
  font-weight: 100;
}
.sperry-gender-descriptor {
  position: relative;
  width: 920px;
  height: 437px;
  margin: 0 auto;
}
.sperry-gender-descriptor-text {
  margin-left: -390px;
  display: table;
  position: absolute;
  top: 0;
  left: 50%;
  width: 780px;
  height: 100%;
}
.sperry-gender-descriptor-text-inner {
  display: table-cell;
  vertical-align: middle;
}
.sperry-gender-descriptor-heading {
  color: #ffffff;
  font-weight: 100;
  font-size: 48px;
  line-height: 50px;
  text-transform: uppercase;
  letter-spacing: .01em;
  margin-bottom: 6px;
}
.sperry-gender-descriptor-paragraph {
  font-weight: 100;
  color: #ffffff;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: .025em;
  margin-bottom: 21px;
}
.sperry-marketing-middle {
  position: relative;
  width: 920px;
  height: 300px;
  margin: 0;
}
.sperry-marketing-middle-left,
.sperry-marketing-middle-right {
  position: relative;
  float: left;
  width: 460px;
  height: 300px;
  margin: 0;
}
.sperry-marketing-middle-paragraph {
  color: #ffffff;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: .025em;
  margin-bottom: 22px;
}
.sperry-marketing-middle-heading {
  color: #ffffff;
  font-weight: 100;
  font-size: 26px;
  line-height: 28px;
  text-transform: uppercase;
  letter-spacing: .01em;
  margin-bottom: 6px;
}
.sperry-marketing-middle-text {
  display: table;
  position: absolute;
  top: 0;
  right: 0;
  width: 270px;
  height: 100%;
}
.sperry-marketing-middle-text-inner {
  display: table-cell;
  vertical-align: middle;
}
.sperry-marketing-bottom-middle {
  height: 280px;
}
.sperry-kids-descriptor-text {
  position: absolute;
  right: 60px;
  top: 40px;
  width: 330px;
}
.sperry-content-header {
  position: relative;
  text-align: center;
  width: 920px;
  height: 212px;
}
.sperry-content-header-text {
  position: absolute;
  display: table;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: white;
}
.sperry-content-header-text-inner {
  display: table-cell;
  vertical-align: middle;
}
.sperry-content-header-heading {
  font-size: 28px;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.sperry-content-header-subheading {
  font-size: 18px;
  line-height: 1.2em;
  letter-spacing: 0.025em;
  margin-top: 6px;
}
.sperry-mobile-descriptor {
  /*position: absolute;*/
  background-position: center top;
  background-repeat: no-repeat;
  width: 320px;
  height: 216px;
}
.sperry-mobile-descriptor-short {
  height: 148px;
}
.sperry-mobile-descriptor .sperry-cta {
  text-align: center;
  min-width: 140px;
  padding: 0 20px;
}
.sperry-mobile-descriptor-cta-marg-top {
  margin-top: 16px;
}
.sperry-mobile-descriptor-text {
  color: #ffffff;
  position: relative;
  padding-left: 20px;
  padding-top: 18px;
}
.sperry-mobile-descriptor-text-a {
  padding-top: 21px;
}
.sperry-mobile-descriptor-text-b {
  padding-top: 54px;
}
.sperry-mobile-descriptor-heading {
  font-size: 23px;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  margin-bottom: 16px;
}
.sperry-mobile-descriptor-heading-less-margin {
  margin-bottom: 8px;
}
.sperry-content-selector {
  position: relative;
  height: 307px;
  width: 920px;
}
.sperry-content-selector-link {
  position: absolute;
  top: 0;
  width: 33.333333%;
  height: 100%;
  z-index: 9;
  display: block;
  background: url("about:blank");
}
.sperry-discover-full-width {
  position: relative;
  width: 100%;
}
.sperry-discover-full-inner {
  width: 920px;
  margin: auto;
}
.sperry-discover-heading-primary {
  font: 32px 'BertholdAkzidenzGroteskMedium', Helvetica, Arial, sans-serif;
  color: #071c2c;
}
.sperry-discover-performance-grid {
  width: 920px;
  background: no-repeat 0 bottom;
}
.sperry-discover-performance-grid-header {
  text-align: center;
  padding: 50px 0;
}
.sperry-discover-story-lead-image {
  height: 335px;
  padding-top: 140px;
  text-align: center;
  background-size: cover;
}
.sperry-discover-journey-header {
  text-align: center;
  padding: 56px 0 72px;
}
.sperry-discover-closing-image {
  height: 598px;
  background-size: cover;
}
.sperry-discover-story-heading-primary {
  font-size: 60px;
  line-height: 1em;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
.sperry-discover-story-heading-secondary {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 100;
  margin-bottom: 21px;
}
.sperry-discover-date {
  margin: 0 auto 21px;
}
.sperry-timeline-text {
  color: #071c2c;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.025em;
}
.sperry-discover-parallax-text {
  display: block;
  margin: 0 auto;
}
.sperry-discover-parallax-image {
  height: 337px;
  background-size: cover;
}
.sperry-discover-performance-grid-cell {
  width: 25%;
  height: 298px;
  float: left;
  text-align: center;
  position: relative;
}
.sperry-discover-performance-grid-text {
  display: table;
  width: 100%;
  height: 56px;
  margin: 108px 0 48px;
}
.sperry-team-detail {
  position: relative;
  margin-top: -5px;
  margin-bottom: 31px;
}
.sperry-discover-performance-grid-title {
  display: table-cell;
  vertical-align: middle;
  color: white;
  font-size: 26px;
  line-height: 28px;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}
.sperry-team-grid-row {
  width: 951px;
  margin-right: -31px;
}
.sperry-team-grid-cell {
  cursor: pointer;
  padding: 27px;
  margin: 0 31px 31px 0;
  float: left;
  width: 229px;
  border: 1px solid #ccd2dc;
  position: relative;
  z-index: 10;
}
.sperry-team-grid-active {
  background: #f2f4f6;
  border-bottom-color: #f2f4f6;
  padding-bottom: 54px;
  margin-bottom: -1px;
}
.sperry-team-grid-image {
  margin-bottom: 20px;
}
.sperry-team-name {
  font-size: 24px;
  line-height: 20px;
  color: #071c2c;
}
.sperry-team-title {
  font-size: 14px;
  line-height: 20px;
  color: #071c2c;
}
.sperry-team-profile-link {
  font-size: 14px;
  line-height: 20px;
  color: #65a0c7;
}
.sperry-team-column {
  float: left;
  width: 31.3333%;
  margin-right: 2%;
}
.sperry-team-detail-image {
  margin-bottom: 20px;
  width: 866px;
}
.sperry-team-subheading {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 20px;
  color: #071c2c;
  text-transform: uppercase;
}
.sperry-team-text {
  font-size: 14px;
  line-height: 20px;
  color: #071c2c;
}
.sperry-team-text strong {
  font-weight: 700;
  font-family: 'BertholdAkzidenzGroteskRegular', Helvetica, Arial, sans-serif;
}
.sperry-team-detail-close {
  background: url("images/sperry-close.png") no-repeat;
  height: 48px;
  width: 48px;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 15;
}
.sperry-team-info {
  display: none;
}
.sperry-team-info-detail {
  border: 1px solid #ccd2dc;
  background: #f2f4f6;
  padding: 27px;
}
.sperry-discover-early-years {
  padding: 0 0 56px;
}
.sperry-discover-early-years-left {
  float: left;
  width: 340px;
}
.sperry-discover-early-years-right {
  float: left;
  width: 546px;
  padding-left: 34px;
}
.sperry-team-header {
  text-align: center;
  color: #ffffff;
  background: no-repeat center 0;
  height: 474px;
  margin-bottom: 55px;
}
.sperry-team-header-title {
  padding-top: 132px;
  text-transform: uppercase;
  font-size: 48px;
  line-height: 1em;
  letter-spacing: 0.15em;
  margin-bottom: 22px;
}
.sperry-team-header-text {
  width: 480px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.025em;
  margin-bottom: 22px;
}
body .sperry-team-cta {
  padding: 0 17px;
  margin: 0 7px;
}
.sperry-breadcrumbs-mobile {
  font-size: 12px;
  line-height: 20px;
}
.sperry-breadcrumbs-mobile a {
  color: #7f8fa6;
}
.sperry-breadcrumbs-mobile li {
  display: inline-block;
}
.sperry-breadcrumbs-mobile li:before {
  content: "\2022";
  color: #7f8fa6;
  display: inline-block;
  margin-right: 3px;
}
.sperry-breadcrumbs-mobile li:first-child:before {
  display: none;
}
.sperry-breadcrumbs-mobile li.sperry-active-page a {
  color: #071c2c;
}
.sperry-team-header-mobile {
  height: 149px;
  width: 100%;
  text-align: center;
  color: white;
  text-transform: uppercase;
}
body .sperry-team-cta-mobile {
  width: 100%;
  padding: 0;
  text-align: center;
  line-height: 58px;
  display: block;
  margin: 10px 0;
}
.sperry-team-container-mobile {
  width: 280px;
  margin: 0 auto;
}
.sperry-team-header-text-mobile {
  font-size: 14px;
  line-height: 18px;
  color: #071c2c;
  margin: 20px 0 12px;
}
.sperry-team-mobile {
  width: 320px;
  margin: 20px auto 0;
}
.sperry-team-member-mobile {
  position: relative;
  padding: 20px;
  border-top: 1px solid #ccd2dc;
}
.sperry-team-member-mobile:after {
  content: " ";
  position: absolute;
  display: block;
  width: 16px;
  height: 9px;
  right: 20px;
  top: 60px;
  background: url("images/team-sprite.png") no-repeat 0 -11px;
}
.sperry-team-headshot-mobile {
  width: 85px;
  float: left;
  margin-right: 10px;
}
.sperry-team-name-mobile {
  color: #071c2c;
  font-size: 18px;
  line-height: 20px;
}
.sperry-team-title-mobile {
  font-size: 14px;
  line-height: 20px;
  color: #071c2c;
}
.sperry-team-detail-mobile {
  display: none;
  padding-top: 20px;
}
.sperry-content-georgia {
  font-family: 'BertholdAkzidenzGroteskMedium', Helvetica, Arial, sans-serif;
}
.sperry-team-member-active-mobile {
  background: #f2f4f6;
}
.sperry-team-member-active-mobile:after {
  background-position: 0 0;
}
.sperry-team-detail-image-mobile {
  width: 100%;
  margin-bottom: -20px;
}
.sperry-team-subheading-mobile {
  font-size: 18px;
  color: #071c2c;
  line-height: 20px;
  margin-top: 40px;
}
.sperry-team-text-mobile {
  font-size: 14px;
  line-height: 18px;
  color: #071c2c;
  font-family: 'BertholdAkzidenzGroteskMedium', Helvetica, Arial, sans-serif;
}
.sperry-team-text-mobile strong {
  font-weight: 700;
}
.sperry-disco-land-cell {
  text-align: center;
  position: relative;
  float: left;
  height: 298px;
  background: #000000;
}
.sperry-disco-land-title {
  position: absolute;
  bottom: 124px;
  width: 100%;
  color: #ffffff;
  font-size: 26px;
  line-height: 28px;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}
.sperry-disco-land-cta-outer {
  position: absolute;
  bottom: 40px;
  width: 100%;
}
.sperry-customize-main-image {
  display: block;
  margin: 18px auto 0;
}
.sperry-discover-heading-primary {
  font: 32px 'BertholdAkzidenzGroteskMedium', Helvetica, Arial, sans-serif;
  color: #071c2c;
  display: inline-block;
}
.sperry-discover-heading-secondary {
  font: 10px Helvetica, sans-serif;
  color: #65a0c7;
  letter-spacing: 2px;
  line-height: 24px;
}
.sperry-discover-sections {
  width: 100%;
}
.sperry-discover-section {
  width: 920px;
  margin-left: auto;
  margin-right: auto;
}
.sperry-discover-nav {
  width: 100%;
  text-align: center;
}
.sperry-discover-nav-box {
  position: inline-block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 25px;
  margin-bottom: 10px;
  margin-top: 0px;
}
.sperry-discover-nav-box-section {
  width: 250px;
  display: inline-block;
}
.sperry-discover-nav-box-arrow-left {
  display: inline-block;
  background: url("../content/core-content/Interface/sprite_sheet.png") 0px 0px no-repeat;
  height: 25px;
  width: 20px;
  position: relative;
}
.sperry-discover-nav-box-arrow-right {
  display: inline-block;
  background: url("../content/core-content/Interface/sprite_sheet.png") -20px 0px no-repeat;
  height: 25px;
  width: 20px;
  position: relative;
}
.sperry-discover-nav-box-arrow-link {
  display: block;
  width: 20px;
  height: 25px;
}
.sperry-discover-nav-pagination {
  width: 60px;
  height: 15px;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
.sperry-discover-nav-pagination-dot {
  width: 15px;
  height: 15px;
  padding: 0;
  margin: 0;
  color: #ddd;
  float: left;
  clear: none;
  display: block;
  position: relative;
  -webkit-transition: color 0.5s ease-out;
  -moz-transition: color 0.5s ease-out;
  -o-transition: color 0.5s ease-out;
  -ms-transition: color 0.5s ease-out;
  transition: color 0.5s ease-out;
  font-size: 32px;
  line-height: 16px;
}
.sperry-discover-nav-pagination-dot:hover,
.dot-active {
  color: #071c2c;
}
.sperry-discover-nav-tabbox,
.sperry-discover-nav-tabbox ul {
  height: 45px;
  max-height: 45px;
  display: table;
  margin: 0 auto;
  z-index: 20;
  position: relative;
}
.sperry-discover-nav-tabbox li {
  position: relative;
  list-style: none;
  float: left;
  display: block;
}
.sperry-discover-nav-tab,
.sperry-discover-nav-tab a:link {
  font: 10px Helvetica, sans-serif;
  letter-spacing: 2px;
  width: 180px;
  height: 27px;
  padding-top: 18px;
  color: #071c2c;
  background-color: #e5e8ed;
  margin: 0 5px 0 5px;
  text-align: center;
  clear: none;
  float: left;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.sperry-discover-nav-tab:hover {
  color: #ffffff;
  background-color: #071c2c;
}
.tab-active {
  background-color: #071c2c;
  color: #ffffff;
}
.tab-active:after {
  width: 26px;
  height: 15px;
  position: absolute;
  top: 45px;
  left: 80px;
  z-index: 15;
  content: " ";
  display: block;
  background: url("../content/core-content/Interface/sprite_sheet.png") 0px -26px no-repeat;
}
.sperry-discover-full-inner {
  width: 920px;
  margin: 0 auto;
}
.sperry-discover-header {
  background-color: #e5e8ed;
  color: #ffffff;
  height: 100%;
  min-height: 475px;
  text-align: center;
  position: relative;
}
.sperry-discover-header-mpfts {
  background-color: #e5e8ed;
  color: #ffffff;
  height: 475px;
  text-align: left;
  position: relative;
}
.sperry-discover-header-mim {
  background-color: #e5e8ed;
  color: #ffffff;
  height: 100%;
  min-height: 625px;
  text-align: center;
  position: relative;
}
.sperry-discover-header-box {
  width: 100%;
  height: 50%;
  overflow: visible;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sperry-discover-header-link {
  position: absolute;
  z-index: 9;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  /* hack to get invisible anchors to show up in IE */
  background: url("about:blank");
}
.sperry-discover-header-title {
  font-size: 48px;
  letter-spacing: 0.15em;
  margin-bottom: 15px;
  line-height: 52px;
}
.sperry-discover-header-title-mpfts {
  font-size: 46px;
  letter-spacing: 0.01em;
  line-height: 1em;
}
.sperry-discover-header-text {
  width: 600px;
  font-size: 16px;
  line-height: 24px;
  margin-left: auto;
  margin-right: auto;
  letter-spacing: 1px;
}
.sperry-discover-header-text-mpfts {
  width: 500px;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.025em;
  margin: 15px 0 15px 0;
}
.sperry-discover-header-text-mim {
  width: 500px;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 1px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}
.sperry-discover-header-video-box {
  font-size: 16px;
  color: #ffffff;
  padding-top: 20px;
  height: 60px;
}
.sperry-discover-header-video {
  height: 42px;
  width: 42px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background: url("../content/core-content/Interface/sprite_sheet.png") -42px 0px no-repeat;
  margin-bottom: 12px;
}
.sperry-discover-content {
  margin-top: 60px;
  width: 100%;
}
.sperry-customize-content {
  margin-top: 0px;
  width: 100%;
  padding-bottom: 50px;
}
.sperry-discover-content-heading {
  letter-spacing: 0.05em;
  color: #071c2c;
  font-size: 48px;
  margin-bottom: 60px;
}
.sperry-customize-content-heading {
  letter-spacing: 5px;
  color: #071c2c;
  font-size: 48px;
  margin: 40px 0 20px 0;
  text-align: center;
  line-height: 1em;
}
.sperry-customize-content-heading-small {
  letter-spacing: 2px;
  color: #071c2c;
  font-size: 18px;
  margin: 0 0 30px 0;
  text-align: center;
}
.sperry-customize-content-text {
  width: 650px;
  letter-spacing: 1px;
  color: #071c2c;
  font-size: 16px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.sperry-discover-content-column-container,
.sperry-style-content-column-container {
  margin: 30px 0 100px 0;
  z-index: 15;
  position: relative;
}
.sperry-discover-content-column {
  font: 14px Georgia, serif;
  color: #071c2c;
  letter-spacing: 0;
  line-height: 20px;
  clear: none;
  float: left;
  z-index: 15;
}
.sperry-style-content-column {
  font: 12px Georgia, serif;
  color: #071c2c;
  letter-spacing: 1px;
  line-height: 18px;
  clear: both;
  z-index: 15;
}
.sperry-discover-column-2 {
  width: 435px;
  padding: 0;
  margin-left: 50px;
}
.sperry-style-column-2 {
  float: left;
  clear: none;
  width: 435px;
  margin-top: 50px;
}
.sperry-style-column-2:first-child {
  float: left;
  clear: none;
  width: 435px;
  margin-right: 50px;
  margin-top: 50px;
}
.sperry-style-column-entry {
  text-align: center;
  padding-bottom: 50px;
  position: relative;
}
.sperry-style-column-img {
  clear: both;
  margin-bottom: 25px;
  width: 435px;
}
.sperry-style-column-title {
  font-size: 28px;
}
.sperry-style-column-link {
  font-size: 14px;
  letter-spacing: 2px;
  text-decoration: underline;
}
.sperry-discover-column-3 {
  width: 290px;
  padding: 0;
  margin-left: 25px;
  line-height: 22px;
}
.sperry-discover-content-column:first-child {
  margin-left: 0px;
}
.sperry-discover-content-column-events-img {
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sperry-discover-content-column-events-box {
  width: 288px;
  height: 288px;
  border: 1px solid #e5e8ed;
  margin-bottom: 15px;
  clear: both;
  text-align: center;
  position: relative;
}
.sperry-discover-content-column-news-img {
  clear: both;
  width: 100%;
  margin-bottom: 15px;
}
.sperry-discover-content-column-news-category {
  font-family: 'BertholdAkzidenzGroteskMedium', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: italic;
  color: #65a0c7;
  clear: both;
  margin-bottom: 21px;
}
.sperry-discover-content-column-news-title {
  font-size: 24px;
  color: #071c2c;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  clear: both;
  margin-bottom: 10px;
}
.sperry-discover-content-column-news-title a {
  color: #071c2c;
}
.sperry-mpfts-social-twitter {
  float: left;
  clear: none;
  background: url("social_icons_white.png") no-repeat;
  height: 30px;
  width: 30px;
}
.sperry-mpfts-social-instagram {
  float: left;
  clear: none;
  background: url("social_icons_white.png") 30px 0;
  height: 30px;
  width: 30px;
}
.sperry-style-social-facebook {
  float: left;
  clear: none;
  background: url("social_icons_blue.png") no-repeat;
  height: 32px;
  width: 32px;
}
.sperry-style-social-twitter {
  float: left;
  clear: none;
  background: url("social_icons_blue.png") 96px 0;
  height: 32px;
  width: 32px;
}
.sperry-style-social-pinterest {
  float: left;
  clear: none;
  background: url("social_icons_blue.png") 64px 0;
  height: 32px;
  width: 32px;
}
.sperry-style-social-instagram {
  float: left;
  clear: none;
  background: url("social_icons_blue.png") 32px 0;
  height: 32px;
  width: 32px;
}
.sperry-customize-shop-outer {
  width: 920px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.sperry-customize-shop-inner:first-child:after {
  border-right: 1px solid #071c2c;
  content: " ";
  display: block;
  position: absolute;
  height: 100%;
  width: 1px;
  right: 0;
  top: 25%;
}
.sperry-customize-shop-inner {
  position: relative;
  width: 460px;
  text-align: center;
  border: 0;
  margin-top: 40px;
  float: left;
  clear: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.sperry-customize-video-box {
  margin: 35px 0 5px 0;
}
.sperry-customize-cta-box {
  width: 460px;
  margin-left: auto;
  margin-right: auto;
}
.sperry-customize-cta {
  width: 120px;
  height: 45px;
}
.sperry-customize-cta-spacer {
  display: inline-block;
  width: 20px;
  min-width: 20px;
}
.sperry-mim-white-hr {
  color: #ffffff;
  width: 200px;
  margin-top: 25px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}
.sperry-discover-header-link-mim {
  z-index: 10;
  display: block;
  position: relative;
  color: #ffffff;
}
.sperry-discover-header-link-mim:hover {
  color: #ffffff;
}
.sperry-ourstory-content-box {
  padding-top: 20px;
  padding-bottom: 50px;
  text-align: center;
  width: 100%;
  position: relative;
}
.sperry-ourstory-content {
  width: 920px;
  padding: 90px 0 0;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}
.sperry-ourstory-header {
  background-color: #e5e8ed;
  color: #ffffff;
  height: 100%;
  min-height: 300px;
  text-align: center;
  position: relative;
}
.sperry-ourstory-fixnav-text {
  font-size: 12px;
  color: #071c2c;
  letter-spacing: 1px;
}
.sperry-ourstory-fixnav-text:first-child {
  margin-top: 0px;
}
.sperry-ourstory-fixnav-circle {
  margin-top: 20px;
  display: inline-block;
  background: url("../content/core-content/Interface/sprite_sheet.png") -84px 0px no-repeat;
  height: 17px;
  width: 100px;
  position: relative;
  margin-right: 10px;
  margin-left: 0;
  padding-left: 25px;
}
.sperry-ourstory-fixnav-circle a {
  font-size: 12px;
  color: #071c2c;
  letter-spacing: 1px;
}
.sperry-ourstory-fixnav-circle a:hover {
  color: #000000;
}
.sperry-ourstory-fixnav-circle:first-child {
  margin-top: 0px;
}
.fixnav-circle-on {
  background: url("../content/core-content/Interface/sprite_sheet.png") -84px -17px no-repeat;
  font-weight: bold;
}
/*Mobile Site*/
.sperry-discover-sections-mobile {
  width: 100%;
}
.sperry-discover-section-mobile {
  width: 320px;
  margin-left: -160px;
  left: 50%;
  position: relative;
  max-width: 320px;
}
.sperry-discover-heading-box-mobile {
  padding: 5px 20px 10px 20px;
}
.sperry-discover-heading-primary-mobile {
  font: 24px 'BertholdAkzidenzGroteskMedium', Helvetica, Arial, sans-serif;
  color: #071c2c;
  display: inline-block;
}
.sperry-discover-heading-secondary-mobile {
  font: 8px Helvetica, sans-serif;
  color: #65a0c7;
  letter-spacing: 2px;
  line-height: 12px;
}
.sperry-discover-heading-primary-mpfts-mobile {
  font: 24px 'BertholdAkzidenzGroteskMedium', Helvetica, Arial, sans-serif;
  color: #071c2c;
  display: inline-block;
  letter-spacing: 0px;
}
.sperry-discover-nav-tabbox-mobile {
  border-bottom: 1px SOLID #ccd2dc;
}
.sperry-discover-nav-tabbox-mobile ul {
  height: 40px;
  max-height: 40px;
  display: table;
  margin: 0 auto;
  position: relative;
  z-index: 15;
  padding: 0;
}
.sperry-discover-nav-tabbox-mobile li {
  position: relative;
  list-style: none;
  float: left;
  display: block;
}
.sperry-discover-nav-tab-mobile,
.sperry-discover-nav-tab-mobile a:link {
  font: 9px Helvetica, sans-serif;
  letter-spacing: 1px;
  width: 88px;
  height: 26px;
  padding-top: 18px;
  color: #071c2c;
  background-color: #ebeef1;
  margin: 0 2px 0 2px;
  text-align: center;
  clear: none;
  float: left;
  transition: all 0.5s ease-out;
  border-top: 1px SOLID #ffffff;
  border-left: 1px SOLID #ffffff;
  border-right: 1px SOLID #ffffff;
}
.sperry-discover-nav-tab-mobile:hover {
  color: #071c2c;
  background-color: #ffffff;
  transition: all 0.5s ease-out;
  border-top: 1px SOLID #ccd2dc;
  border-left: 1px SOLID #ccd2dc;
  border-right: 1px SOLID #ccd2dc;
}
.tab-active-mobile {
  z-index: 15;
  background-color: #ffffff;
  color: #071c2c;
  width: 88px;
  height: 26px;
  border-bottom: 1px SOLID #ffffff;
  border-top: 1px SOLID #ccd2dc;
  border-left: 1px SOLID #ccd2dc;
  border-right: 1px SOLID #ccd2dc;
  margin-bottom: -1px;
}
body .sperry-discover-cta-mobile {
  padding: 0;
  text-align: center;
  line-height: 58px;
  display: block;
  margin: 10px 0;
}
.sperry-discover-header-mobile {
  position: relative;
}
.sperry-discover-header-title-mobile {
  height: 185px;
  width: 100%;
  margin-top: 20px;
  display: table;
  text-align: center;
  position: relative;
}
.sperry-discover-header-title-inner-mobile {
  display: table-cell;
  vertical-align: middle;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 3px;
  position: relative;
}
.sperry-discover-header-text-mobile {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1px;
  color: #071c2c;
  padding: 20px;
  position: relative;
}
.sperry-discover-header-video-mobile {
  padding: 0px 20px 20px 20px;
  width: 280px;
  text-align: center;
  position: relative;
}
.sperry-mim-header-title-mobile {
  height: 185px;
  width: 100%;
  padding-top: 5px;
  display: table;
  text-align: center;
}
.sperry-mim-header-title-inner-mobile {
  display: table-cell;
  vertical-align: middle;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 1px;
  position: relative;
}
.sperry-discover-content-mobile {
  padding: 20px;
  line-height: 22px;
}
.sperry-discover-content-grey-hr {
  display: block;
  border: 0;
  border-top: 1px solid #ccd2dc;
  width: 100%;
  height: 1px;
  margin-top: 15px;
  margin-bottom: 25px;
}
.sperry-discover-content-column-events-box-mobile {
  width: 278px;
  height: 278px;
  border: 1px solid #e5e8ed;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  text-align: center;
  position: relative;
}
.sperry-discover-content-column-events-img-mobile {
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sperry-discover-content-column-events-text-mobile {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0;
  color: #071c2c;
  padding: 20px;
}
.sperry-discover-content-column-news-img-mobile {
  width: 280px;
  margin-left: auto;
  margin-right: auto;
}
.sperry-discover-content-column-news-date-mobile {
  padding: 8px 20px;
  margin-bottom: 20px;
  font-size: 14px;
  color: #65a0c7;
}
.sperry-discover-content-column-news-title-mobile {
  padding: 0px 20px 10px 20px;
  font-size: 20px;
  letter-spacing: 2px;
  color: #071c2c;
}
.sperry-discover-content-column-news-title-mobile a {
  color: #071c2c;
}
.sperry-discover-content-column-news-text-mobile {
  padding: 0px 20px;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1px;
  color: #071c2c;
}
.sperry-style-column-entry-mobile {
  text-align: left;
  padding-bottom: 5px;
  position: relative;
  width: 280px;
  margin: 0 auto;
}
.sperry-style-column-img-mobile {
  clear: both;
  margin-bottom: 15px;
  margin-top: 20px;
  width: 320px;
}
.sperry-style-column-title-mobile {
  font-size: 22px;
}
.sperry-style-column-text-mobile {
  font-size: 14px;
  color: #071c2c;
}
.sperry-customize-column-box-mobile {
  width: 280px;
  padding: 0;
}
.sperry-customize-column-img-mobile {
  clear: both;
  margin-bottom: 15px;
  margin-top: 20px;
  width: 320px;
}
.sperry-customize-column-title-mobile {
  font-size: 24px;
}
.sperry-customize-column-text-mobile {
  font-size: 14px;
  line-height: 20px;
  color: #071c2c;
  padding: 20px 0;
}
.sperry-customize-column-shop-mobile {
  font-size: 18px;
  width: 280px;
  text-align: center;
  padding: 20px 0 20px 0;
}
.sperry-customize-column-tips-video-box {
  text-align: center;
  width: 280px;
  color: #65a0c7;
  position: relative;
  margin-bottom: 25px;
}
.sperry-customize-column-tips-video-box img {
  margin-bottom: 10px;
}
.sperry-customize-column-tips-shop-mobile {
  font-size: 18px;
  width: 280px;
  text-align: center;
  padding: 0px 0 10px 0;
}
.sperry-story-fixed-nav {
  position: absolute;
  top: 100px;
  left: 20px;
  z-index: 9999;
}
@media (max-width: 1120px) {
  .sperry-story-fixed-nav {
    display: none;
  }
}
.sperry-story-fixed-nav.sticky {
  position: fixed;
  top: 80px;
  left: 20px;
}
.sperry-story-header-mobile {
  height: 184px;
  text-align: center;
  position: relative;
  color: white;
}
.sperry-story-header-heading {
  text-transform: uppercase;
  font-size: 24px;
  line-height: 1em;
  letter-spacing: 0.1em;
  position: absolute;
  top: 50px;
  width: 100%;
}
.sperry-story-header-subheading {
  position: absolute;
  width: 100%;
  bottom: 30px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
}
.sperry-story-section {
  background: #ebedf1;
  text-align: center;
  padding: 26px 0;
}
.sperry-story-section-tan {
  background: #f0ebe3;
}
.sperry-story-image {
  display: block;
  margin: 0 auto;
}
.sperry-story-heading {
  font-size: 24px;
  line-height: 1em;
  letter-spacing: 0.15em;
  color: #071c2c;
  text-transform: uppercase;
  margin: 18px auto;
}
.sperry-story-text {
  margin: 18px auto;
  width: 280px;
  color: #071c2c;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.sperry-story-graphic {
  margin: 18px auto;
}
.sperry-story-slider {
  position: relative;
  background: #ebedf1;
  height: 375px;
  text-align: center;
}
.sperry-story-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.sperry-story-slider-pagination {
  position: absolute;
  bottom: 20px;
  font-size: 40px;
  color: #ffffff;
  width: 100%;
  line-height: 0;
}
.sperry-story-slider-page {
  cursor: pointer;
}
.sperry-story-slider-page-active {
  color: #071c2c;
}
.sperry-content-serif-mobile {
  font-family: 'BertholdAkzidenzGroteskRegular', Helvetica, Arial, sans-serif;
}
.sperry-content-serif-mobile strong {
  font-weight: 700;
}
.sperry-story-image-outer {
  position: relative;
}
.sperry-story-image-text {
  position: absolute;
  top: 0;
  width: 320px;
}
.sperry-performance-landing-header {
  height: 184px;
  line-height: 184px;
  color: white;
  font-family: 'BertholdAkzidenzGroteskMedium', Helvetica, Arial, sans-serif;
  text-align: center;
  font-size: 22px;
  letter-spacing: 0.01em;
}
.sperry-performance-landing-link {
  display: block;
  width: 284px;
  padding: 0 18px;
  line-height: 42px;
  border-bottom: 1px solid #ccd2dc;
  text-transform: uppercase;
  color: #071c2c;
  font-family: 'BertholdAkzidenzGroteskRegular', Helvetica, Arial, sans-serif;
  font-size: 15px;
  letter-spacing: 0.2em;
  background-position: 290px center;
  background-repeat: no-repeat;
  position: relative;
  left: 50%;
  margin-left: -160px;
}
/* mobile olapic */
.sperry-olapic-mobile-outer #olapic-widget-wall-wrapper .widget-header-upload {
  display: block;
  width: auto;
  margin: 0;
  float: none;
}
.sperry-olapic-mobile-outer .sperry-olapic-home-title {
  display: none;
}
.sperry-olapic-mobile-outer #olapic-widget-wall-wrapper .widget-header-upload a {
  width: 210px;
  height: auto;
  text-align: center;
  line-height: 58px;
  display: block;
  margin: 10px auto;
  white-space: nowrap;
  font-family: 'BertholdAkzidenzGroteskRegular', Helvetica, Arial, sans-serif;
  position: relative;
  z-index: 10;
  display: inline-block;
  font-size: 10px;
  padding: 0 34px;
  color: white;
  background: #071c2c;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
  font-weight: 400;
}
.sperry-olapic-mobile-outer {
  width: 280px;
  margin: 0 auto;
}
.sperry-olapic-mobile-outer #olapic-widget-wall-wrapper .widget-main-images {
  width: 280px;
}
.sperry-olapic-mobile-outer #olapic-widget-wall-wrapper .widget-main-images > li {
  border: 1px solid #ccd2dc;
  padding: 27px;
  list-style: none !important;
  margin: 31px 31px 0 0;
}
.sperry-olapic-mobile-outer #olapic-widget-wall-wrapper .olapic_image_thumbnail {
  width: 224px;
  height: 224px;
}
.sperry-olapic-mobile-outer #olapic-viewer #viewer-columns {
  border: none;
  margin: 0;
  padding: 23px;
}
.sperry-olapic-mobile-outer #olapic-viewer {
  font-family: 'BertholdAkzidenzGroteskMedium', Helvetica, Arial, sans-serif;
}
.sperry-olapic-mobile-outer #olapic-viewer .author-avatar {
  width: 50px;
  height: 50px;
}
.sperry-olapic-mobile-outer #olapic-viewer .author-info {
  margin: 0;
}
.sperry-olapic-mobile-outer #olapic-viewer .author-names {
  float: none;
}
.sperry-olapic-mobile-outer #olapic-viewer .author-realname {
  margin-top: 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #65a0c7;
}
.sperry-olapic-mobile-outer #olapic-viewer .photo-caption {
  font-size: 14px;
  line-height: 20px;
  color: #071c2c;
}
.sperry-olapic-mobile-outer span.top-product-title:first-child {
  display: none !important;
}
.sperry-olapic-mobile-outer .newcopyright-olapic {
  border: none;
}
/* end mobile olapic */
.sperry-discover-heading-primary {
  margin: 0;
}
.sperry-discover-story-slide {
  position: absolute;
  left: 0;
  top: 0;
  height: 638px;
  width: 100%;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}
.sperry-discover-story-slide-text {
  margin-top: 300px;
  color: #ffffff;
  text-align: center;
}
.sperry-discover-desktop-slider {
  position: relative;
  height: 638px;
}
.sperry-discover-slider-pagination {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 32px;
  line-height: 0;
}
.sperry-discover-slider-page {
  font-size: 40px;
  color: #ffffff;
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -o-transition: opacity .2s;
  -ms-transition: opacity .2s;
  transition: opacity .2s;
}
.ie8 .sperry-discover-slider-page {
  color: #ccc;
}
.sperry-discover-slider-page-active,
.sperry-discover-slider-page:hover {
  opacity: 1;
}
.ie8 .sperry-discover-slider-page-active,
.sperry-discover-slider-page:hover {
  color: #ffffff;
}
.sperry-discover-slider-prev,
.sperry-discover-slider-next {
  height: 41px;
  width: 22px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -20px;
  cursor: pointer;
}
.sperry-discover-slider-prev:after,
.sperry-discover-slider-next:after {
  content: " ";
  position: absolute;
  display: block;
  width: 40px;
  height: 80px;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -40px;
  cursor: pointer;
}
.sperry-discover-slider-prev {
  margin-left: -460px;
}
.sperry-discover-slider-next {
  background-position: -25px 0;
  margin-left: 440px;
}
.sperry-content-header-mobile {
  width: 320px;
  height: 151px;
  position: relative;
  left: 50%;
  max-width: 320px;
  margin-left: -160px;
}
.sperry-content-header-mobile-text {
  position: absolute;
  color: #ffffff;
  text-align: center;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  display: table;
}
.sperry-content-header-mobile-text-inner {
  display: table-cell;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 23px;
  line-height: 24px;
  letter-spacing: 0.025em;
}
.sperry-content-dropdown-bucket {
  position: relative;
  width: 234px;
  height: 301px;
}
.sperry-content-dropdown-bucket-text {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: table;
}
.sperry-content-dropdown-bucket-heading {
  color: #ffffff;
  text-transform: uppercase;
  display: table-cell;
  letter-spacing: 0.1em;
  vertical-align: middle;
  font-size: 20px;
  line-height: 24px;
}
body .sperry-content-dropdown-bucket-cta {
  position: absolute !important;
  bottom: 20px;
  width: 123px;
  text-align: center;
  padding: 0 !important;
  left: 50%;
  color: #ffffff !important;
  margin-left: -61px;
  font-family: 'BertholdAkzidenzGroteskRegular', Helvetica, Arial, sans-serif !important;
  z-index: 10 !important;
  display: inline-block !important;
  font-size: 10px !important;
  letter-spacing: 0.15em !important;
}
.sperry-content-secondary-style {
  width: 100%;
  height: 438px;
  position: relative;
}
.sperry-content-secondary-style-inner {
  color: #ffffff;
  position: absolute;
  letter-spacing: 0.025em;
  left: 68px;
  top: 68px;
  width: 400px;
}
.sperry-content-secondary-style-heading {
  font-size: 48px;
  line-height: 50px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.sperry-content-secondary-style-text {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 32px;
}
.sperry-disco-land-center {
  display: table;
  width: 100%;
  height: 100%;
}
.sperry-disco-land-center-inner {
  display: table-cell;
  vertical-align: middle;
}
.sperry-disco-land-title-centered {
  color: #ffffff;
  font-size: 26px;
  line-height: 28px;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.sperry-disco-land-cell {
  margin-bottom: 35px;
}
.jfk-slider {
  position: relative;
  width: 358px;
  height: 358px;
}
.jfk-slide {
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
}
.jfk-slide img {
  border: 12px solid #ffffff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}
.jfk-slider-outer {
  position: relative;
}
.jfk-left,
.jfk-right {
  position: absolute;
  top: 50%;
  width: 17px;
  height: 20px;
  cursor: pointer;
}
.jfk-left {
  left: -50px;
}
.jfk-right {
  right: -50px;
  width: 21px;
  background-position: -17px 0;
}
.mobile-jfk-slider-outer {
  position: relative;
}
.mobile-jfk-slides {
  position: relative;
  height: 300px;
  width: 250px;
  margin: 0 auto;
}
.mobile-jfk-slide {
  position: absolute;
  top: 0;
  left: 0;
}
.mobile-jfk-slide img {
  border: 12px solid #ffffff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}
.mobile-jfk-left,
.mobile-jfk-right {
  display: block;
  position: absolute;
  top: 40%;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.mobile-jfk-left {
  left: 5px;
}
.mobile-jfk-right {
  right: 5px;
  background-position: -15px 0;
}
.sperry-news-container .sperry-discover-column-2 {
  margin: 30px 0 20px 50px;
}
.sperry-discover-column-left {
  margin-left: 0 !important;
  clear: both;
}
.sperry-discover-content-blog-image {
  width: 100%;
  height: auto;
}
.sperry-news-container {
  margin: 0;
}
.sperry-discover-slider-prev-mobile,
.sperry-discover-slider-next-mobile {
  height: 41px;
  width: 22px;
  position: absolute;
  cursor: pointer;
  z-index: 300;
  top: 75px;
}
.sperry-discover-slider-prev-mobile {
  left: 10px;
}
.sperry-discover-slider-next-mobile {
  right: 10px;
  background-position: -25px 0;
}
.sperry-content-mobile-container {
  width: 320px;
  margin: 0 auto;
}
/*

.video-embed-fix {
  margin: 30px 0 0 -20px;
}

*/
.homePageModal.ui-dialog,
.foot_submodal_wrapper.ui-dialog {
  padding: 5px;
  width: 548px;
  height: auto;
}
.homePageModal.ui-dialog .ui-dialog-titlebar-close.ui-corner-all,
.foot_submodal_wrapper.ui-dialog .ui-dialog-titlebar-close.ui-corner-all {
  position: absolute;
  top: 10px;
  right: 10px;
}
.homePageModal.ui-dialog .ui-dialog-titlebar,
.foot_submodal_wrapper.ui-dialog .ui-dialog-titlebar {
  height: 0;
  padding: 0;
  z-index: 1;
}
.homePageModal.ui-dialog .ui-dialog-content,
.foot_submodal_wrapper.ui-dialog .ui-dialog-content {
  position: relative;
  height: auto;
  padding: 30px;
  border: #999 solid 1px;
  overflow: visible;
}
.signup_modal_content .email-signup-box {
  float: none;
  width: auto;
}
.signup_modal_content label {
  width: auto;
  display: block;
  float: none;
}
.signup_modal_content select {
  width: 30%;
}
.signup_modal_content fieldset {
  width: 30%;
  float: left;
}
.signup_modal_content h1 {
  font-family: 'BertholdAkzidenzGroteskRegular', Helvetica, Arial, sans-serif;
  font-weight: 100;
  font-size: 60px;
  text-transform: uppercase;
  line-height: 56px;
}
.signup_modal_content p {
  font-family: 'BertholdAkzidenzGroteskRegular', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.sperry-content-white {
  color: #ffffff;
}
.sperry-content-center {
  text-align: center;
}
.sperry-content-left {
  text-align: left;
}
.sperry-content-womens-canvas-heading {
  margin-top: 35px;
}
.sperry-content-multiple-cta .sperry-cta {
  min-width: 210px;
  margin: 0 6px;
}
.sperry-gender-cta-offset {
  margin-bottom: 119px;
}
.sperry-mobile-descriptor-heading-pad-less {
  margin-bottom: 5px;
}
body .sperry-cta-white {
  color: #071c2c !important;
  background: #ffffff;
}
/* START Category Grid Slots */
.grid-tile .category-ad-content-asset {
  overflow: visible;
}
.grid-tile h3.sperry-content-heading-primary,
.grid-tile h4.sperry-content-heading-primary {
  font-family: 'BertholdAkzidenzGroteskRegular', Helvetica, Arial, sans-serif;
  color: #65a0c7;
  font-size: 36px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0;
  margin: 5px 0;
}
.grid-tile h4.sperry-content-heading-primary {
  font-size: 28px;
  font-weight: normal;
}
.grid-mkt-tile {
  height: 341px;
}
.grid-mkt-tile.grid-mkt-center {
  text-align: center;
}
.grid-mkt-tile.grid-mkt-border {
  border: #65a0c7 solid 1px;
  padding: 18px;
  margin: 0 -10px;
}
.grid-mkt-tile .button {
  display: block;
  margin: 20px 0 0;
  cursor: pointer;
}
.grid-mkt-tile ul.sperry-list-default {
  line-height: 1.5;
  font-size: 12px;
}
.grid-mkt-tile a.sperry-clickable-area {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* END Category Grid Slots */
/* START Sperry Subscribe LP 2014-02-11 */
ul.sperry-list-default {
  list-style: none;
  padding: 0 10px;
  margin: 0;
}
ul.sperry-list-default li {
  list-style: none!important;
}
ul.sperry-list-default li:before {
  content: "■";
  color: #65a0c7;
  margin-right: 10px;
}
.sperry-lpcolumn-wrapper {
  float: left;
  clear: both;
}
.sperry-lpcolumn-clearfix {
  clear: both;
}
.sperry-lpcolumn-padding {
  padding: 30px 0;
}
.sperry-lpcolumn-1of1 {
  float: none;
  width: 100%;
}
.sperry-lpcolumn-centered {
  text-align: center;
}
.sperry-lpcolumn-1of2,
.sperry-lpcolumn-2of2 {
  width: 450px;
  float: left;
}
.sperry-lpcolumn-1of2 {
  margin-right: 20px;
}
input.sperry-formcolumn-1of1,
.sperry-formcolumn-1of1 {
  width: 97%;
}
input.sperry-formcolumn-1of3,
input.sperry-formcolumn-2of3,
input.sperry-formcolumn-3of3,
.sperry-formcolumn-1of3,
.sperry-formcolumn-2of3,
.sperry-formcolumn-3of3 {
  width: 30%;
  display: inline;
}
input.sperry-cta {
  border: none;
  padding: 16px;
  line-height: 0;
}
input.sperry-cta {
  border: none;
  padding: 16px;
  line-height: 0;
}
/* END Sperry Subscribe LP 2014-02-11  */
/* START Video cat banners */
.sts-video-banner-wrapper {
  width: 920px;
  min-height: 212px;
  display: block;
  position: relative;
  /* For Safari 3.1 to 6.0 */
  -webkit-transition-property: height;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: .2s;
  /* Standard syntax */
  transition-property: height;
  transition-duration: .2s;
  transition-timing-function: ease-in-out;
  transition-delay: .2s;
  /*overflow:hidden;*/
  background-image: url("content/seasonal-content/banners/women/2014/08/STS_cat-landing-slotbanner-women-clothing-shirts-tops-VIDEO.jpg?$staticlink$");
  background-position: center center;
  background-repeat: no-repeat;
}
.sts-video-header-text {
  text-align: center;
  font-size: 24px;
  color: #ffffff;
  margin-top: 30px;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}
.sts-video-header-text span {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  color: #ffffff;
}
.sts-video-banner-wrapper img {
  display: block;
}
.sts-video-banner-wrapper #sts-video-open {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 212px;
  cursor: pointer;
  text-align: center;
}
.sts-video-banner-wrapper #sts-video-open img {
  margin: 0 auto;
  position: relative;
}
.sts-video-banner-wrapper #sts-video-open p {
  color: #ffffff;
  font-size: 14px;
  position: relative;
  margin-top: 15px;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}
.sts-video-banner-wrapper #sts-video-banner {
  display: none;
  width: 920px;
  height: 518px;
  background: rgba(255, 255, 255, 0.66);
}
.sts-video-banner-wrapper #sts-video-banner.sts-video-isopen {
  display: block;
}
.sts-video-banner-wrapper #sts-video-close {
  position: absolute;
  top: 0;
  right: -30px;
  display: none;
  height: 28px;
  width: 28px;
  background: #ffffff;
  background-image: url("content/seasonal-content/banners/general/2014/07/icon-ui-close.jpg?$staticlink$");
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  text-align: center;
  color: #ccc;
  font-family: 'BertholdAkzidenzGroteskRegular', Helvetica, Arial, sans-serif;
  font-size: 20px;
  padding-top: 0;
  border: 1px solid #ccc;
}
.sts-video-banner-wrapper #sts-video-banner.sts-video-isopen #sts-video-close {
  display: block;
}
/* END Video Cat Banners */
/* HOLIDAY GIFT GUIDE NAV COLOR */
.menu-category.level-1 a[href*="holiday-gift-guide"] {
  /*color: #bc262a !important;*/
}
.sperry-bp01-text {
  font-family: 'BrandonPrintedOne', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
.sperry-bp02-text {
  font-family: 'BrandonPrintedTwo', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
/* PROMO NAV TEXT COLOR */
.menu-category.level-1 a[href*="sale-2"] {
  color: #e24307 !important;
}
/* CUSTOM POPUP STYLING */
.ui-dialog.homePageModal .ui-corner-all,
.ui-dialog.homePageModal .ui-corner-bottom,
.ui-dialog.homePageModal .ui-corner-right,
.ui-dialog.homePageModal .ui-corner-br {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
}
.ui-dialog.homePageModal .ui-widget-header {
  border: 0;
  background: none;
  color: transparent;
}
.ui-dialog.homePageModal .ui-dialog-content {
  background-color: transparent;
}
.ui-widget-content.homePageModal {
  background: transparent;
  border: 0;
}
.ui-dialog.homePageModal .ui-icon-closethick {
  -ms-filter: "alpha(opacity=80)";
  opacity: .8;
}
.ui-dialog.homePageModal .ui-icon-closethick:hover,
.ui-dialog.homePageModal .ui-icon-closethick:active {
  -ms-filter: "alpha(opacity=100)";
  opacity: 1;
}
.ui-dialog.homePageModal .ui-dialog-titlebar-close {
  padding: 0;
}
.ui-dialog.homePageModal .ui-state-hover,
.ui-dialog.homePageModal .ui-widget-content .ui-state-hover,
.ui-dialog.homePageModal .ui-widget-header .ui-state-hover,
.ui-dialog.homePageModal .ui-state-focus,
.ui-dialog.homePageModal .ui-widget-content .ui-state-focus,
.ui-dialog.homePageModal .ui-widget-header .ui-state-focus {
  border: 0;
  background: none;
  color: transparent;
}
/* MODULAR TEMPLATE KIT */
/* START CORE STYLES */
/* TESTING STYLES */
.mod-wrapper .grid-test .mod-1of2,
.mod-wrapper .grid-test .mod-1of3,
.mod-wrapper .grid-test .mod-1of4,
.mod-wrapper .grid-test .mod-1of6 {
  height: 50px;
  background: #DDF;
  border: #AAF solid 1px;
  box-sizing: border-box;
}
/* CORE STYLES */
.mod-wrapper {
  position: relative;
  width: 924px;
  margin-left: -2px;
}
.mod-wrapper.full-width {
  width: 100%;
  margin: 0;
}
.mod-wrapper:after,
.mod-wrapper .mod-block:after,
.mod-wrapper .mod-container:after {
  content: "";
  display: block;
  clear: both;
  width: 100%;
}
.mod-wrapper .mod-block {
  position: relative;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
}
.mod-wrapper .mod-block.mod-fullbleed {
  width: 300%;
  margin-left: -100%;
  background-position: center center;
  background-repeat: no-repeat;
}
.mod-wrapper .mod-block.mod-fixed-bg {
  background-size: cover!important;
  background-position: center center;
  background-attachment: fixed!important;
}
.mod-wrapper .mod-stretchwide {
  min-width: 924px;
}
/* GRID COLUMNS */
.mod-wrapper .mod-container {
  display: block;
  position: relative;
  width: 924px;
  margin: 0 auto;
  clear: both;
  background-position: center center;
  background-repeat: no-repeat;
}
.mod-wrapper .mod-column {
  display: block;
  float: left;
  clear: none;
  margin-right: 0;
  position: relative;
}
/* 2 columns */
.mod-wrapper .col-1of2 {
  width: 462px;
}
/* 3 columns */
.mod-wrapper .col-1of3 {
  width: 308px;
}
.mod-wrapper .col-2of3 {
  width: 616px;
}
/* 4 columns */
.mod-wrapper .col-1of4 {
  width: 231px;
  margin-right: 0;
}
.mod-wrapper .col-2of4 {
  width: 462px;
  margin-right: 0;
}
.mod-wrapper .col-3of4 {
  width: 693px;
  margin-right: 0;
}
/* 6 columns */
.mod-wrapper .col-1of6 {
  width: 154px;
}
.mod-wrapper .col-2of6 {
  width: 308px;
}
.mod-wrapper .col-3of6 {
  width: 462px;
}
.mod-wrapper .col-4of6 {
  width: 616px;
}
.mod-wrapper .col-5of6 {
  width: 770px;
}
/* Column Positioning */
.mod-wrapper .push-1of2,
.mod-wrapper .push-3of6 {
  margin-left: 462px;
}
.mod-wrapper .push-1of3,
.mod-wrapper .push-2of6 {
  margin-left: 308px;
}
.mod-wrapper .push-2of3,
.mod-wrapper .push-4of6 {
  margin-left: 616px;
}
.mod-wrapper .push-1of4 {
  margin-left: 231px;
}
.mod-wrapper .push-2of4 {
  margin-left: 462px;
}
.mod-wrapper .push-3of4 {
  margin-left: 693px;
}
.mod-wrapper .push-1of6 {
  margin-left: 154px;
}
.mod-wrapper .push-5of6 {
  margin-left: 770px;
}
.mod-wrapper .first {
  margin-left: 0;
}
.mod-wrapper .last {
  margin-right: 0;
}
.mod-wrapper .last:after {
  content: "";
  display: block;
  clear: both;
}
/* MOBILE GRID COLUMNS */
.mod-wrapper.mod-wrapper-mobile {
  width: 320px;
  margin: 0;
}
.mod-wrapper.mod-wrapper-mobile .mod-container {
  display: block;
  position: relative;
  width: 320px;
  margin: 0 auto;
  clear: both;
}
/* 2 columns */
.mod-wrapper.mod-wrapper-mobile .col-1of2 {
  width: 160px;
}
/* 4 columns */
.mod-wrapper.mod-wrapper-mobile .col-1of4 {
  width: 80px;
  margin-right: 0;
}
.mod-wrapper.mod-wrapper-mobile .col-2of4 {
  width: 160px;
  margin-right: 0;
}
.mod-wrapper.mod-wrapper-mobile .col-3of4 {
  width: 240px;
  margin-right: 0;
}
/* Column Positioning */
.mod-wrapper.mod-wrapper-mobile .push-1of2 {
  margin-left: 160px;
}
.mod-wrapper.mod-wrapper-mobile .push-1of4 {
  margin-left: 80px;
}
.mod-wrapper.mod-wrapper-mobile .push-2of4 {
  margin-left: 160px;
}
.mod-wrapper.mod-wrapper-mobile .push-3of4 {
  margin-left: 240px;
}
/* TYPOGRAPHY */
.mod-wrapper .mod-text.center {
  text-align: center;
}
.mod-wrapper .mod-text a,
.mod-wrapper .mod-text a:hover {
  background: none;
  color: #0AF;
  text-decoration: none;
}
.mod-wrapper .mod-text a:hover {
  text-decoration: underline;
}
.mod-wrapper .mod-text h1,
.mod-wrapper .mod-text h2 {
  font-family: sans-serif;
  font-size: 48px;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: normal;
  margin: 0;
  margin-bottom: 10px;
}
.mod-wrapper.mod-wrapper-mobile .mod-text h1,
.mod-wrapper.mod-wrapper-mobile .mod-text h2 {
  font-size: 36px;
}
.mod-wrapper .mod-text h3,
.mod-wrapper .mod-text h4 {
  font-family: sans-serif;
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: normal;
  margin: 0;
  margin-bottom: 10px;
}
.mod-wrapper .mod-text h4 {
  text-transform: none;
}
.mod-wrapper.mod-wrapper-mobile .mod-text h3,
.mod-wrapper.mod-wrapper-mobile .mod-text h4 {
  font-size: 24px;
}
.mod-wrapper .mod-text h5,
.mod-wrapper .mod-text h6 {
  font-family: sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: normal;
  margin: 0;
  margin-bottom: 10px;
}
.mod-wrapper .mod-text h6 {
  text-transform: none;
}
.mod-wrapper.mod-wrapper-mobile .mod-text h5,
.mod-wrapper.mod-wrapper-mobile .mod-text h6 {
  font-size: 18px;
}
.mod-wrapper .mod-text p {
  font-family: sans-serif;
  font-size: 16px;
  letter-spacing: normal;
  line-height: 1.5;
  margin-top: 10px;
  margin-bottom: 10px;
}
.mod-wrapper.mod-wrapper-mobile .mod-text p {
  font-size: 14px;
}
.mod-wrapper .mod-text ul,
.mod-wrapper .mod-text ol {
  list-style-position: outside;
  padding: 0;
  margin: 30px;
  font-size: 16px;
}
.mod-wrapper .mod-text ul {
  list-style-type: square;
}
.mod-wrapper .mod-text ul li,
.mod-wrapper .mod-text ol li {
  margin: 10px 0;
  letter-spacing: normal;
  line-height: 1.5;
}
.mod-wrapper .mod-text blockquote {
  font-family: sans-serif;
  font-size: 36px;
  font-style: italic;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: normal;
  margin: 30px 30px;
  padding: 0;
  position: relative;
}
.mod-wrapper .mod-text blockquote:before {
  content: '"';
  display: block;
  position: absolute;
  top: 0;
  left: -20px;
}
.mod-wrapper .mod-text blockquote:after {
  content: '"';
  display: block;
  position: absolute;
  right: -20px;
  bottom: -6px;
}
.mod-wrapper .mod-text a.mod-button {
  font-family: sans-serif;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  line-height: 60px;
  letter-spacing: .1em;
  color: #fff;
  background: #0AF;
  border: 0;
  padding: 15px 25px;
  margin: 0 5px 0 0;
  white-space: nowrap;
  -webkit-transition: background linear .1s;
  -moz-transition: background linear .1s;
  -ms-transition: background linear .1s;
  -o-transition: background linear .1s;
  transition: background linear .1s;
}
.mod-wrapper.mod-wrapper-mobile .mod-text a.mod-button {
  font-size: 10px;
  line-height: 40px;
  padding: 10px 15px;
}
.mod-wrapper .mod-text a.mod-button[data-modalid] {
  cursor: pointer;
}
.mod-wrapper .mod-text a.mod-button:hover {
  background: #000;
  text-decoration: none;
}
.mod-wrapper .mod-text hr {
  border: 0;
  height: 0;
  margin: 0;
  display: block;
  background: none;
  clear: both;
}
.mod-wrapper .mod-text .mod-quicklink {
  font-size: 12px;
  text-transform: uppercase;
  color: #999;
  margin: 0 10px;
}
.mod-wrapper .mod-text .mod-quicklink:hover {
  color: #0AF;
  text-decoration: none;
}
.mod-wrapper .mod-text .mod-quicklink:after {
  content: " ›";
}
/* Images */
.mod-wrapper .mod-media {
  position: relative;
}
.mod-wrapper .mod-float-right {
  display: block;
  float: right;
  clear: right;
  margin: 0 0 10px 10px;
}
.mod-wrapper .mod-float-left {
  display: block;
  float: left;
  clear: left;
  margin: 0 10px 10px 0;
}
.mod-wrapper .mod-media-caption {
  font-family: "Interstate Light", Helvetica, sans-serif;
  font-size: 12px;
  color: #FFF;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.3);
}
.mod-wrapper .mod-media-caption a {
  text-decoration: underline;
  color: #FFF;
}
.mod-wrapper .mod-media-caption a:hover {
  color: #0AF;
}
.mod-wrapper .text-interstate-light {
  font-family: "Interstate Light", Helvetica, sans-serif !important;
}
.mod-wrapper .text-interstate-bold {
  font-family: "Interstate Bold", Helvetica, sans-serif !important;
}
.mod-wrapper .text-interstate-black {
  font-family: "Interstate Black", Helvetica, sans-serif !important;
}
/* MISC spacing */
/* Horizontal spacers */
.mod-wrapper hr.mod-spacer,
.mod-wrapper hr.mod-spacer-10,
.mod-wrapper hr.mod-spacer-20,
.mod-wrapper hr.mod-spacer-30,
.mod-wrapper hr.mod-spacer-40,
.mod-wrapper hr.mod-spacer-50 {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  height: 0;
  clear: both;
}
.mod-wrapper hr.mod-spacer-10 {
  height: 10px;
}
.mod-wrapper hr.mod-spacer-20 {
  height: 20px;
}
.mod-wrapper hr.mod-spacer-30 {
  height: 30px;
}
.mod-wrapper hr.mod-spacer-40 {
  height: 40px;
}
.mod-wrapper hr.mod-spacer-50 {
  height: 50px;
}
/* Add padding to elements (ex. .mod-text.pad-20) */
.mod-wrapper .pad-10 {
  padding: 10px;
}
.mod-wrapper .pad-20 {
  padding: 20px;
}
.mod-wrapper .pad-30 {
  padding: 30px;
}
.mod-wrapper .pad-40 {
  padding: 40px;
}
.mod-wrapper .pad-50 {
  padding: 50px;
}
/* SLIDESHOWS */
.mod-slider ul:after {
  content: "";
  display: block;
  clear: both;
}
.mod-slider,
.mod-slider ul {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
}
.mod-slider ul,
.mod-slider ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mod-slider ul li {
  width: 100%;
  display: none;
  background-position: center center;
  background-repeat: no-repeat;
}
.mod-slider ul li:nth-child(1) {
  display: block;
}
.mod-slider ol.mod-control-nav {
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
}
.mod-slider ol.mod-control-nav li {
  display: inline-block;
  margin: 0 5px;
}
.mod-slider ol.mod-control-nav li a {
  text-indent: -9999px;
  display: block;
  width: 16px;
  height: 16px;
  background: #EEE;
  background: rgba(255, 255, 255, 0.7);
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
}
.mod-slider ol.mod-control-nav li a:hover {
  background: #0AF;
}
.mod-slider ol.mod-control-nav li a.mod-active {
  background: #FFF;
}
/* MODALS */
.ui-dialog.mod-modal-wrapper {
  padding: 0;
  width: auto;
}
.mod-modal {
  display: none;
}
.ui-dialog .mod-modal.ui-dialog-content {
  padding: 15px;
}
/* Tool Tips */
.mod-tooltips {
  position: relative;
}
.mod-tooltip {
  position: absolute;
  display: block;
  max-width: 150px;
  width: 0;
  height: 0;
  border: #0AF solid 10px;
  border-radius: 50%;
}
.mod-tooltip-content {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 100;
  left: 0;
  margin-left: -65px;
  bottom: 25px;
  background: #FFF;
  padding: 10px;
  width: 150px;
  -webkit-transition: opacity linear .2s;
  -moz-transition: opacity linear .2s;
  transition: opacity linear .2s;
}
.mod-tooltip-down .mod-tooltip-content {
  bottom: auto;
  top: 25px;
}
.mod-tooltip:hover > .mod-tooltip-content {
  visibility: visible;
  opacity: 1;
}
.mod-tooltip-content:after,
.mod-tooltip-up .mod-tooltip-content:after {
  content: "";
  display: block;
  position: absolute;
  left: 65px;
  bottom: -20px;
  border-width: 10px;
  border-style: solid;
  border-color: #FFF transparent transparent;
}
.mod-tooltip-down .mod-tooltip-content:after {
  bottom: auto;
  top: -20px;
  border-color: transparent transparent #FFF;
}
.mod-tooltip h1,
.mod-tooltip h2,
.mod-tooltip h3,
.mod-tooltip h4,
.mod-tooltip h5,
.mod-tooltip h6,
.mod-tooltip p {
  margin-top: 0;
  margin-bottom: 5px;
}
/* END CORE STYLES - DO NOT EDIT */
/* MODULAR TEMPLATE KIT - SPERRY */
/* START SPERRY BRAND STYLES */
/* TYPOGRAPHY */
.mod-wrapper .mod-text a,
.mod-wrapper .mod-text a:hover {
  background: none;
  color: #7ea8ad;
  text-decoration: none;
}
.mod-wrapper .mod-text a:hover {
  text-decoration: underline;
}
.mod-wrapper .mod-text h1,
.mod-wrapper .mod-text h2 {
  font-family: 'BertholdAkzidenzGroteskRegular', Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #071c2c;
}
.mod-wrapper .mod-text h3,
.mod-wrapper .mod-text h4,
.mod-wrapper .mod-text h5,
.mod-wrapper .mod-text h6 {
  font-family: 'BertholdAkzidenzGroteskRegular', Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #071c2c;
}
.mod-wrapper .mod-text p {
  font-family: 'BertholdAkzidenzGroteskRegular', Helvetica, Arial, sans-serif;
  color: #071c2c;
}
.mod-wrapper .mod-text blockquote {
  font-family: 'BertholdAkzidenzGroteskMedium', Helvetica, Arial, sans-serif;
  color: #071c2c;
}
.mod-wrapper .mod-text a.mod-button {
  font-family: 'BertholdAkzidenzGroteskMedium', Helvetica, Arial, sans-serif;
  background: #071c2c;
}
.mod-wrapper .mod-text a.mod-button[data-modalid] {
  cursor: pointer;
}
.mod-wrapper .mod-text a.mod-button:hover {
  background: #7ea8ad;
  color: #ffffff;
  text-decoration: none;
}
.mod-wrapper .mod-text a.mod-button.mod-button-3 {
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #071c2c;
  color: #071c2c;
  transition: all linear .1s;
}
.mod-wrapper .mod-text a.mod-button.mod-button-3:hover {
  color: #7ea8ad;
  border-color: #7ea8ad;
  background: rgba(255, 255, 255, 0.7);
}
.mod-wrapper .mod-text a.mod-button.mod-button-4 {
  background: rgba(255, 255, 255, 0);
  border: 1px solid #ffffff;
  color: #ffffff;
  transition: all linear .1s;
}
.mod-wrapper .mod-text a.mod-button.mod-button-4:hover {
  background: rgba(255, 255, 255, 0.4);
}
.mod-wrapper .mod-text a.mod-button.mod-button-5 {
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #e6c964;
  color: #071c2c;
  transition: all linear .1s;
}
.mod-wrapper .mod-text a.mod-button.mod-button-4:hover {
  background: rgba(255, 255, 255, 0.7);
}
.mod-wrapper .mod-text a.mod-button.mod-button-block {
  display: block;
  width: 150px;
  margin: 14px auto;
  line-height: 1;
}
.mod-wrapper.mod-wrapper-mobile .mod-text a.mod-button.mod-button-block {
  display: block;
  width: 103px;
  margin: 0 10px 10px 0;
  float: left;
  line-height: 1;
}
/* SPERRY BUTTONS */
/*.mod-text .sperry-button2 {
	border:2px solid #fff; 
	background: #fff;
	background: rgba(255,255,255,.35) !important; 
	text-align: center;
	white-space: nowrap;
	font-family: "Berthold Akzidenz Grotesk Medium", Helvetica, Arial, sans-serif;
	position: relative;
	z-index: 10;
	display: inline-block;
	font-size: 11px;
	line-height: 41px;
	padding: 0 14px;
	color:#071c2c !important;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	-webkit-transition: background-color 0.1s;
	-moz-transition: background-color 0.1s;
	-o-transition: background-color 0.1s;
	-ms-transition: background-color 0.1s;
	transition: background-color 0.1s;
	font-weight: normal;
	height:41px;
	}
	
.mod-text .sperry-button2:hover {
	color:#fff !important; 
	border:2px solid #071c2c; 
	background: rgba(7,28,44,.35) !important;
	text-decoration: none !important;
	}*/
.mod-block.feature .sperry-learn-more {
  color: #071c2c;
  text-decoration: underline;
  width: 185px;
  text-align: center;
  display: block;
  margin: 25px 0 0 0;
  letter-spacing: 0.15em;
}
.mod-block.feature .sperry-learn-more:hover {
  color: #ffffff !important;
}
/* END SPERRY BUTTONS */
.mod-wrapper .mod-text .mod-quicklink {
  font-family: 'BertholdAkzidenzGroteskRegular', Helvetica, Arial, sans-serif;
  letter-spacing: .15em;
  color: #071c2c;
  display: inline-block;
  margin: 4px 19px;
  min-height: 17px;
}
.mod-wrapper .mod-text .mod-quicklink:after {
  content: "";
  display: inline-block;
  background: url("content/core-content/interface/icon-arrows.png?$staticlink$") no-repeat right -49px;
  width: 20px;
  height: 12px;
}
/* SLIDE SHOWS */
.mod-slider ul.mod-direction-nav {
  position: initial;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
}
.mod-slider ul.mod-direction-nav li {
  display: block;
}
.mod-wrapper .mod-slider a.mod-prev,
.mod-wrapper .mod-slider a.mod-next {
  background-image: url(content/seasonal-content/landing-pages/holiday-gift-guide/2014/arrows-vertical-carousel.png?$staticlink$);
  background-position: 0 center;
  background-repeat: no-repeat;
  background-color: transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100px;
  width: 40px;
  display: block;
  opacity: 0;
  transition: opacity linear .2s, left linear .2s, right linear .2s;
}
.mod-wrapper .mod-slider:hover a.mod-prev,
.mod-wrapper .mod-slider:hover a.mod-next {
  left: 10px;
  opacity: 1;
}
.mod-wrapper .mod-slider a.mod-next {
  background-position: -40px center;
  left: auto;
  right: -100px;
}
.mod-wrapper .mod-slider:hover a.mod-next {
  right: 10px;
  left: auto;
  opacity: 1;
}
.mod-wrapper a.mod-prev:hover,
.mod-wrapper a.mod-next:hover {
  background-image: url(content/seasonal-content/landing-pages/holiday-gift-guide/2014/arrows-vertical-carousel.png?$staticlink$);
  background-position: 0 center;
  background-repeat: no-repeat;
  background-color: transparent;
}
.mod-wrapper a.mod-next:hover {
  background-position: -40px center;
}
/* TOOL TIPS */
.mod-tooltip {
  border-color: #7ea8ad;
}
.mod-tooltip-content:after,
.mod-tooltip-up .mod-tooltip-content:after {
  padding: 10px;
}
/* START of Sperry Sailing styles */
.pt_product-search-result .cat-landing-f-assets .asset {
  margin-bottom: 24px;
}
/* END of Sperry Sailing styles */
/* START of Sperry Customize styles */
/* END of Sperry Customize styles */
/* START of Sperry button styles */
body .sperry-cta {
  white-space: nowrap;
  font-family: 'BertholdAkzidenzGroteskMedium', Helvetica, Arial, sans-serif;
  position: relative;
  z-index: 10;
  display: inline-block;
  font-size: 11px;
  line-height: 45px;
  padding: 0 34px;
  color: #ffffff !important;
  background: #071c2c;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
  font-weight: 400;
}
body .sperry-cta:hover {
  background: #65a0c7;
  color: #ffffff;
}
body .sperry-marketing-cta {
  display: inline-block;
  position: relative;
  z-index: 10;
  font-family: 'BertholdAkzidenzGroteskMedium', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: white;
  background: #071c2c;
  letter-spacing: 0.05em;
  margin: 7px 0 0;
  font-size: 12px;
  line-height: 32px;
  padding: 0 14px;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
body .sperry-marketing-cta:hover {
  background: #65a0c7;
  color: #ffffff;
}
.sperry-marketing-cta-large {
  padding: 0 16px;
  margin: 36px 0;
  font-size: 14px;
  line-height: 40px;
}
.sperry-main-descriptor-cta {
  margin-top: 17px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  min-width: 181px;
}
body .sperry-main-descriptor-cta {
  padding: 0 16px;
}
.sperry-sub-descriptor-cta-outer {
  position: absolute;
  bottom: 43px;
  width: 100%;
  text-align: center;
}
.sperry-sub-descriptor-cta {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 181px;
}
body .sperry-sub-descriptor-cta {
  padding: 0;
}
.sperry-tert-descriptor-cta-outer {
  position: absolute;
  bottom: 70px;
  width: 100%;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -o-transition: opacity .2s;
  -ms-transition: opacity .2s;
  transition: opacity .2s;
}
.ie8 .sperry-tert-descriptor-cta-outer {
  display: none;
}
.sperry-tert-descriptor-cta {
  min-width: 181px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.sperry-competitionpromo-cta {
  margin-top: 15px;
  padding: 0 49px;
}
.sperry-marketing-bottom-cta {
  margin-top: 16px;
  min-width: 165px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
body .sperry-marketing-bottom-cta {
  padding: 0 10px;
}
/* SPERRY-CONTENT-BUTTON CORE */
#button-group .sperry-content-button {
  text-align: center;
  white-space: nowrap;
  font-family: 'BertholdAkzidenzGroteskMedium', Helvetica, Arial, sans-serif;
  position: relative;
  z-index: 10;
  display: inline-block;
  font-size: 11px;
  line-height: 41px;
  padding: 0 14px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -o-transition: background-color 0.1s;
  -ms-transition: background-color 0.1s;
  transition: background-color 0.1s;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-weight: normal;
  height: 41px;
}
/* DARK BLUE BUTTON */
.sperry-content-button1 {
  text-align: center;
  white-space: nowrap;
  font-family: 'BertholdAkzidenzGroteskMedium', Helvetica, Arial, sans-serif;
  position: relative;
  z-index: 10;
  display: inline-block;
  font-size: 11px;
  line-height: 41px;
  padding: 0 14px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -o-transition: background-color 0.1s;
  -ms-transition: background-color 0.1s;
  transition: background-color 0.1s;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-weight: normal;
  height: 41px;
  border: 2px solid #071c2c;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.55) !important;
  color: #071c2c !important;
}
.sperry-content-button1:hover {
  color: #ffffff !important;
  border: 2px solid #071c2c;
  background: #071c2c;
  background: rgba(7, 28, 44, 0.55) !important;
  text-decoration: none !important;
}
/* LIGHT WHITE BUTTON */
.sperry-content-button2 {
  text-align: center;
  white-space: nowrap;
  font-family: 'BertholdAkzidenzGroteskMedium', Helvetica, Arial, sans-serif;
  position: relative;
  z-index: 10;
  display: inline-block;
  font-size: 11px;
  line-height: 41px;
  padding: 0 14px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -o-transition: background-color 0.1s;
  -ms-transition: background-color 0.1s;
  transition: background-color 0.1s;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-weight: normal;
  height: 41px;
  border: 2px solid #ffffff;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.55) !important;
  color: #071c2c !important;
}
.sperry-content-button2:hover {
  color: #ffffff !important;
  border: 2px solid #071c2c;
  background: #071c2c;
  background: rgba(7, 28, 44, 0.55) !important;
  text-decoration: none !important;
}
/* GOLD CUP BUTTON */
.sperry-content-button3 {
  text-align: center;
  white-space: nowrap;
  font-family: 'BertholdAkzidenzGroteskMedium', Helvetica, Arial, sans-serif;
  position: relative;
  z-index: 10;
  display: inline-block;
  font-size: 11px;
  line-height: 41px;
  padding: 0 14px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -o-transition: background-color 0.1s;
  -ms-transition: background-color 0.1s;
  transition: background-color 0.1s;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-weight: normal;
  height: 41px;
  border: 2px solid #cda127;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.55) !important;
  color: #071c2c !important;
}
.sperry-content-button3:hover {
  color: #ffffff !important;
  border: 2px solid #cda127;
  background: #cda127 !important;
  background: rgba(205, 161, 39, 0.55) !important;
  text-decoration: none !important;
}
/* GRAY BUTTON */
.sperry-content-button4 {
  text-align: center;
  white-space: nowrap;
  font-family: 'BertholdAkzidenzGroteskMedium', Helvetica, Arial, sans-serif;
  position: relative;
  z-index: 10;
  display: inline-block;
  font-size: 11px;
  line-height: 41px;
  padding: 0 14px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -o-transition: background-color 0.1s;
  -ms-transition: background-color 0.1s;
  transition: background-color 0.1s;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-weight: normal;
  height: 41px;
  border: 2px solid #ffffff;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.55) !important;
  color: #071c2c !important;
}
.sperry-content-button4:hover {
  color: #ffffff !important;
  border: 2px solid #dededb;
  background: #929288;
  background: rgba(146, 146, 136, 0.55) !important;
  text-decoration: none !important;
}
.shopby-button {
  width: 158px;
  height: 30px;
  background: #071c2c;
  color: #fff;
  font-family: 'BertholdAkzidenzGroteskMedium', Helvetica, Arial, sans-serif;
  display: inline-block;
  margin-top: -4px;
  text-align: center;
  line-height: 30px;
}
/* END of Sperry button styles */