/** Shopify CDN: Minification failed

Line 1736:143 Expected identifier but found "*"
Line 9787:0 Unexpected "}"
Line 10016:19 Expected identifier but found whitespace
Line 10143:1 Expected identifier but found "*"
Line 10485:12 Expected identifier but found "*"
Line 10754:4 Unexpected "}"
Line 13686:0 Expected "}" to go with "{"

**/
* { 
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin:0; 
  padding:0;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
  font-family: sans-serif;
  font-size: 10px
  width: 100%; 
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  	height: 100%;
  	width: 100%;
	background: #fff;
	font-style: normal;
	font-weight: 400;
    margin: 0;
	color: #000;
  	line-height: 1;
	overflow-x: hidden;
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
}

a[onclick] { 
  cursor: pointer;
}

a:active {
  color: #eee!important;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

input, textarea, select, a { outline: none; }

::-webkit-input-placeholder {
  color: #999;
}
::-moz-placeholder {
  color: #999;
}
:-ms-input-placeholder {
  color: #999;
}
:-moz-placeholder {
  color: #999;
}

p:first-of-type {
    margin: 0px;
}

/* =============================================================================
   New
   ========================================================================== */

#product input[type="radio"], #collection input[type="radio"] {
  webkit-appearance: none;
  appearance: none;
}

.ge-free-shipping-container {
    background-color: #ffffff;
    line-height: 26px!important;
    position: absolute;
    text-align: center;
    width: 100%;
}
   
.locale-selectors__container {
display: none !important;
}

.blog-index-item:hover > .index-blog-body > .blog-excerpt-link {
    text-decoration: underline;
  }
  .blog-index-item:hover .blog-image-index {
    border: 1px solid #000;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
  }
  .blog-index-grid {
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    column-gap: 4px; 
    row-gap: 40px; 
  }
  .blog-image-index {
    height: 280px;
    width: 100%;
    background-position: center;                       
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
  }
  .blog-index-item { 
    grid-column: span 1;
    display: flex; 
    flex-direction: column;
  }
  .index-more-link {
    display: block; 
    color: #000;
    margin-top: 26px;
    background-color: #fff;
    border: 1px solid #000; 
    padding: 8px 10px; 
    text-align: center; 
    font-size: 12px; 
    width: 200px;
    line-height: 16px;
  } 
  .index-more-link:hover, .index-more-link:active {
    color: #fff;
    background-color: #000;
  }

.collection-grid {
  display: grid; 
  grid-template-columns: repeat(3, 1fr); 
  column-gap: 16px; 
  row-gap: 20px; 
  padding: 10px 40px 40px 240px;
}

@media (max-width: 900px) {
  .collection-grid {
    grid-template-columns: repeat(3, 1fr); 
  	padding: 30px 20px 20px 20px;
  }
  .index-more-link {
    width: 200px;
  }
}

@media (max-width: 500px) {
  .collection-grid {
    grid-template-columns: repeat(2, 1fr); 
  }
}

.collection-grid-item {
  grid-column: span 1;
  display: flex; 
  flex-direction: column;
  font-size: 13px;
  line-height: 20px;
}

#page-fw21-wholesale #content {
      font-size: 12px;
}

#page-fw21-wholesale .locksmith-passcode-container {
  padding-top: 80px;
}

#page-fw21-wholesale #locksmith_passcode_submit {
    color: #fff;
    border: none;
    background-color: #000;
    padding: 4px 20px;
}

#page-fw21-wholesale input {
    border-radius: 0px;
}

.fw20-drop-1 .product-size, .fw20 .product-size {
    display: none!important;
}

.breadcrumb {
  top: 51px;
  position: absolute;
  left: 240px;
  font-size: 10px;
  transition: all .3s ease-in-out;
}

.breadcrumb a {
  transition: all .3s ease-in-out;
}

.breadcrumb a:hover {
  opacity: 0.5;
}

@media (max-width: 900px) {
  .breadcrumb {
    display: none;
  }
}

@media (max-width: 500px) {
  #page-appointments .career-table-cell-right {
    padding-left: 0px;
    padding-top: 40px;
  }
}

.adsumworks-svg {
    width: 100%; 
    max-width: 1800px;
    position: fixed; 
    top: 0px; 
    padding: 20px;
    z-index: 1;
    opacity: 0;
    -webkit-transform: translate3d(0, -175px, 0);
    transform: translate3d(0, -175px, 0);
    transform-origin: top center; /* add this in */
  }

.blog-double-grid {
  display: grid; 
  width: 100%; 
  grid-template-columns: repeat(2, 1fr);
  column-gap: 10px;
  padding: 50px 0px 0px 0px;
}

.blog-double-grid-left, .blog-double-grid-right {
  grid-column: span 1;
  overflow: hidden;
}

.blog-double-grid-left img, .blog-double-grid-right img {
  display: block; 
  width: 100%; 
  margin: 0 auto;
}

@media (max-width: 500px) {
   .blog-double-grid-left, .blog-double-grid-right {
    grid-column: span 1;
   }
}

.hide {
  opacity: 0!important;
  visibility: hidden!important;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
  
.workwear-main-image {
  background: url(/cdn/shop/files/adsum-9B3A1226-2.jpg?10702);
  margin-bottom: 80px;
}

.product-info-sizing-link {
  text-decoration: underline;
  -moz-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

.product-info-sizing-link:hover {
  opacity: 0.7
  -moz-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

#collection .product-size {
  display: block;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}

img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

#product input[type="radio"], input[type="checkbox"], #product-shoe input[type="radio"], input[type="checkbox"] {
  display: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}

input,
button,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

figure {
  margin: 0;
}
img {
  vertical-align: middle;
}


.search-input {
  padding: 2px 3px; 
  border: 1px solid; 
  background: transparent; 
  width: 103px;
  line-height: 15px;
}

.search-input-btn {
 background: transparent; 
  border-top: none; 
  border-left: 1px solid; 
  border-right: 1px solid; 
  border-bottom: 1px solid; 
  padding: 2px 8px; 
  margin-left: 0px;
  font-size: 11px;
  line-height: 15px;
  width: 104px;
}

.search-input-btn:hover {
 color: #fff;
 background-color: #000;
 border: 1px solid #000; 
}

.svg-terra {
    max-width: 240px;
    margin: 0 auto;
    position: absolute;
    top: calc(50vh - 140px);
    display: block;
    width: 240px;
    left: calc(50% - 120px);
  -moz-transition: all 1.5s ease-in-out;
  -webkit-transition: all 1.5s ease-in-out;
  -o-transition: all 1.5s ease-in-out;
  -ms-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}


.product-color-word-link {
  text-decoration: underline;
  -moz-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

.product-color-word-link:hover {
  color: #ccc;
  text-decoration: none;
  -moz-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

.product-color-link {
  display: inline-block; 
  width: 30px; 
  height: 10px;
  -moz-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

.product-color-link:hover {
  border: 1px solid #000!important;
  opacity: 0.8;
  -moz-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

.career-job-position {
  font-size: 14px; font-weight: 600; padding-bottom: 20px;
}

.career-table-cell-left {
  display: table-cell; width: 50%; padding-right: 30px;
}

.career-table-cell-right {
 display: table-cell; width: 50%; padding-left: 30px;
}

.career-job-heading {
  font-size: 13px; 
  padding-bottom: 20px;
}

.career-job-description {
  font-size: 11px; padding-bottom: 20px; line-height: 16px; 
}

.career-list {
  font-size: 11px; 
  list-style-type: circle; 
  line-height: 16px;
}

@media (max-width: 500px) {
  
  .career-table-cell-left {
    display: block; width: 100%; padding-right: 10px;
  }

  .career-table-cell-right {
   display: block; width: 100%; padding-left: 10px;
  }
  
}

.terry-ls-btn img {
  opacity: 1;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.terry-ls-btn:hover img {
  opacity: 0.6;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.marathon-btn {
  display: block;
    margin: 20px auto;
    text-align: center;
    color: #ff1288;
    border: 1px solid #ff1288;
    font-size: 14px;
    padding: 20px;
    max-width: 240px;
}

.marathon-btn:hover {
  color: white!important;
  background-color: #ff1288;
}

.index-featured-collection-link {
  display: block; 
  color: #fff;
  margin-top: 10px;
  margin-left: 10px;
  background-color: #000;
  border: 1px solid #000; 
  padding: 18px 10px; 
  text-align: center; 
  font-size: 12px; 
  width: calc(100% - 20px);
}

.index-featured-collection-link:hover {
  color: #000;
  background-color: #fff;
  border: 1px solid #000; 
}

@media (max-width: 744px) {
  .index-featured-collection-link {
  	width: 100%;
    margin-left: 0px;
  }
}



*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none!important;
  opacity: 0!important;
}
*::-webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none!important;
  opacity: 0!important;
}
*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none!important;
  opacity: 0!important;
}
video::-webkit-media-controls-start-playback-button {
  display: none !important;
  opacity: 0!important;
}
video::-webkit-media-controls {
    display:none !important;
  opacity: 0!important;
}

.custom-video-controls {
  z-index: 2147483647;
}

video {
  pointer-events: none!important;
}

.lazyload,
.lazyloading {
	opacity: 0;
}
.lazyloaded {
	opacity: 1;
	transition: opacity 300ms;
}

img.lazyload:not([src]) {
	visibility: hidden;
}

.shrink-svg {
  top: calc(32vh - 18px)!important;
  -moz-transition: all 1.5s ease-in-out;
  -webkit-transition: all 1.5s ease-in-out;
  -o-transition: all 1.5s ease-in-out;
  -ms-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}

.verrazano-shop-btn {
  margin-top: 20px; 
  display: block; 
  padding: 20px; 
  color: #fff; 
  background: none;  
  font-size: 46px; 
  text-align: center;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.verrazano-shop-btn:hover, .verrazano-shop-btn:active {
  width: 100%; 
  background: #000; 
  color: #fff;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.verrazano-butterfly-stretch {
	display: block; 
  	max-width: 800px; 
  	margin: 0 auto; 
  	width: 100%; 
  	padding: 80px 40px; 
  	box-sizing: border-box;
}

.verrazano-bridge-sign {
  display: block; 
  max-width: 2000px; 
  margin: 0 auto; 
  width: 100%; 
  padding: 80px 40px; 
  box-sizing: border-box;
}

.verrazano-bridge-sign {
    margin: 80px 0px;
    background-color: #000;
    padding: 20px;
  }

.verrazano-blur-run-table {
    background-color: #000; 
    max-width: 9000px!important;
    padding: 20px 0;
    margin: 80px auto !important;
  }

@media (max-width: 900px) {
  .verrazano-bridge-sign {
    margin: 80px 0px;
    background-color: #000;
    padding: 10px;
  }
  .verrazano-bridge-pic {
	margin: 0 auto!important;
    padding: 0 40px 80px 40px!important;
  }
  .verrazano-butterfly-stretch {
  	padding: 0 20px 80px 20px; 
  }
  .verrazano-blur-run-table {
    padding: 20px 0;
  }
}

.verrazano-svg-wrapper {
    position: absolute;
    top: calc(50vh - 28px);
    right: calc(50% - 190px);
    width: 380px;
  -moz-transition: all 1.5s ease-in-out;
  -webkit-transition: all 1.5s ease-in-out;
  -o-transition: all 1.5s ease-in-out;
  -ms-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}

@media (max-width: 600px) {
  .verrazano-svg-wrapper {
  	top: calc(50vh - 98px);
    right: calc(50% - 140px);
    width: 280px;
  }
}

.modal_close {
    visibility: hidden;
}

.modal_close:after {
    visibility: visible;
    content: "x";
}

.esc-size-guide--popup .modal_container {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1)!important;
}

.esc-size-guide--title {
    font-weight: 700;
    margin: 0 0 15px 0!important;
    padding: 0;
    font-size: 12px;
    text-align: left;
}

.esc-size-guide--popup .modal_close {
  font-size: 12px!important;
  padding: 6px 8px!important;
}

.esc-size-guide--popup .modal_background {
  background: #fff!important;
}

.esc-size-guide--table {
  width: 100%;
  font-size: 11px;
  text-align: center;
}

.esc-size-guide--cell, .esc-size-guide--heading {
    text-align: center!important;
}

.esc-size-guide--table-wrap p:first-of-type {
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 20px;
    text-align: left;
}

.esc-size-guide--table-wrap p:last-of-type {
    font-size: 10px;
    padding-top: 9px;
    line-height: 12px;
  text-decoration: italic;
  text-align: left;
}


.product-sizing-block {
  width: 100%;
  font-size: 12px;
  line-height: 15px;
}

.pyro-wrapper {
    display: table;
    height: 100%;
    position: relative;
    bottom: 0px;
    width: 100%;
    text-align: center;
    line-height: 18px;
  font-size: 13px;
}

@media (max-width: 374px) {
  .pyro-wrapper {
    width: 100%;
    padding: 0 10px;
    left: 0;
    font-size: 11px!important;
  }
}

.ss19-btn {
  display: block;
    position: relative;
    top: calc(50vh - 18px);
    left: calc(50vw - 100px);
    font-size: 16px;
    width: 200px;
    text-align: center;
    color: #fff;
    background-color: orangered;
    padding: 10px;
    border-radius: 0px;
}

.ss19-btn:hover {
  background-color: #fff;
  color: orangered;
}

.pyro-btn {
    width: 100%;
  	color: #fff;
    background-color: orangered;
  	font-size: 46px;
    line-height: 46px;
    letter-spacing: -0.02em;
    display: block;
    margin: 0px auto 0 auto;
    max-width: 400px;
    padding: 14px 12px;
}

.pyro-btn:hover {
  background-color: white;
  color: orangered;
}

#collection .product-size {
  display: block;
}

#collection-members-only .product-size {
  display: block!important;
}

#days, #hours, #minutes, #seconds {
  font-size: 12px!important;
}

.tackla-sale-link {
  display: table; 
  height: 100%; 
  position: relative; 
  bottom: 0px; 
  left: calc(100% - 315px);
}

.fw18-sale-copy {
  color: orangered; 
  font-size: 16px; 
  width: 190px; 
  line-height: 22px;
  margin: 0 auto;
}

.fw18-sale-link {
  display: block;
  position: relative;
  top: 50vh;
  left: 50vw;
}

.fw18-sale-block {
  text-align: left;
  background: none; 
  padding: 0px;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.fw18-sale-block-wrapper {
  display: table-cell; 
  vertical-align: bottom; 
  padding-bottom: 100px;
}

@media (max-width: 900px) {
  .fw18-sale-block-wrapper {
  	padding-bottom: 45px;
    vertical-align: bottom;
  }	
  .fw18-sale-block { 
    padding: 20px;
  }
  .fw18-sale-copy {
    color: #fff; 
    font-size: 14px; 
    width: 100%; 
    line-height: 18px;
  }
  .tackla-sale-link {
    left: 0;
    width: 100%;
  }
}

.ss19-lookbook-shop-link {
    background-color: orangered;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    width: 100%;
    display: block;
    padding: 200px;
    margin-bottom: -100px;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.ss19-lookbook-shop-link:hover {
  background-color: white;
  color: orangered;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
}

.ss19-lookbook-shop-link:active {
  background-color: orangered;
}

.shop-ss19-button {
  border: 3px solid #fff; 
  padding: 12px; 
  max-width: 300px; 
  margin: 0 auto;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.ss19-lookbook-shop-link:hover > .shop-ss19-button {
  border: 3px solid orangered;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.shop-ss19-button:hover {
  color:white;
  background-color: orangered;
}

.fw18-sale-image-wrapper {
  display: block; 
  padding: 50px 0; 
  width: 100%; 
  height: 100%;
}

.fw18-sale-image {
	display: block; 
	height: 100%; 
	width: auto; 
	margin: 0 auto;
}

@media (max-width: 900px) {
  .fw18-sale-image-wrapper {
    padding: 0px;
  }
  .fw18-sale-image {
	display: block; 
	height: auto; 
	width: 100%; 
	margin: 0 auto;
    display: none;
  }
}



.fw18-sale-block:hover {
  background: none;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
}

.fw18-sale-block:hover > .tackla-shop-btn {
  background: #000;
  color: white;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.tackla-shop-btn {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  max-width: 230px;
  font-size: 15px; 
  font-weight: 400; 
  padding: 10px 20px;
  background-color: orangered;
  color: white;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
}

@media (max-width: 900px) {
  .tackla-shop-btn {
    max-width: 100%;
  }
}

.tackla-shop-btn:hover {
  background-color: #000;
  color: #fff;
  cursor: pointer;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#page-tackla-lookbook .center-single-margin, #page-tackla-lookbook .center-single {
    margin: 50px auto; 
}

.trip-title {
  padding: 92px 20px 10px 20px; 
  text-align: center; 
  font-size: 20px; 
  letter-spacing: -0.01em;
}

.trip-desc {
  font-size: 13px; 
  padding: 0px 10px 40px 10px; 
  text-align: center; 
  max-width: 460px; 
  margin: 0 auto; 
  line-height: 17px;
}

.trip-photo-desc {
  display: block;
  font-size: 14px; 
  text-align: center; 
  width: 100%; 
  padding: 30px 20px;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.trip-wrapper {
  max-width: 1200px; 
  padding: 0 40px; 
  margin: 0 auto;
}

@media (max-width: 900px) {
  .trip-wrapper {
    max-width: 1200px; 
    padding: 0 10px; 
    margin: 0 auto;
  }
}
  
.trip-photo-desc:hover {
  opacity: 0.5;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#article-fw18-aaron-central-park .ss16-preview-content {
  opacity: 1;
  font-weight: 400;
  font-size: 14px;
}





#page-verrazano > #content > .index-scroll-arrow > .index-scroll-arrow-img,
#page-verrazano > .header-fullsite-fixed > .nav-link, 
#page-verrazano > .header-fullsite-fixed > .nav-link-wrapper > .nav-link, 
#page-verrazano > .header-fullsite-fixed > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary,
#page-verrazano > .header-fullsite-fixed > .Adsum > .adsum-logotype, 
#page-verrazano > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link,
#page-verrazano > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary,
#page-ss19-lookbook > #content > .index-scroll-arrow > .index-scroll-arrow-img,
#page-ss19-lookbook > .header-fullsite-fixed > .nav-link, 
#page-ss19-lookbook > .header-fullsite-fixed > .nav-link-wrapper > .nav-link, 
#page-ss19-lookbook > .header-fullsite-fixed > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary,
#page-ss19-lookbook > .header-fullsite-fixed > .Adsum > .adsum-logotype, 
#page-ss19-lookbook > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link,
#page-ss19-lookbook > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary,
#article-fw18-aaron-central-park > #content > .index-scroll-arrow > .index-scroll-arrow-img,
#article-fw18-aaron-central-park > .header-fullsite > .nav-link, 
#article-fw18-aaron-central-park > .header-fullsite > .nav-link-wrapper > .nav-link, 
#article-fw18-aaron-central-park > .header-fullsite > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary,
#article-fw18-aaron-central-park > .header-fullsite > .Adsum > .adsum-logotype, 
#article-fw18-aaron-central-park > .header-fullsite > .mobile-links-hide > .nav-link-wrapper > .nav-link,
#article-fw18-aaron-central-park > .header-fullsite > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary {
  color: #fff;
  fill: #fff;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}



#page-verrazano > .header-fullsite-fixed > .nav-link:hover, 
#page-verrazano > .header-fullsite-fixed > .nav-link-wrapper > .nav-link:hover, 
#page-verrazano > .header-fullsite-fixed > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary:hover,
#page-verrazano > .header-fullsite-fixed > .Adsum > .adsum-logotype:hover, 
#page-verrazano > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link:hover,
#page-verrazano > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary:hover,
#article-fw18-aaron-central-park > .header-fullsite > .nav-link:hover, 
#article-fw18-aaron-central-park > .header-fullsite > .nav-link-wrapper > .nav-link:hover, 
#article-fw18-aaron-central-park > .header-fullsite > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary:hover,
#article-fw18-aaron-central-park > .header-fullsite > .Adsum > .adsum-logotype:hover, 
#article-fw18-aaron-central-park > .header-fullsite > .mobile-links-hide > .nav-link-wrapper > .nav-link:hover,
#article-fw18-aaron-central-park > .header-fullsite > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary:hover {
  opacity: 0.5;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}




#page-verrazano select, #page-ss19-lookbook select, #article-fw19-workwear select {
  width: auto; 
  vertical-align: inherit;
  cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 34px;
    -moz-padding-end: 34px;
    -webkit-padding-start: 0px;
    -moz-padding-start: 0px;
  background: url(/cdn/shop/files/adsum-down-arrow-white.png?7373984998795179158) no-repeat;
  background-size: 10px;
  background-position: calc(100% - 20px) 3px;
  background-repeat: no-repeat;
  background-color: transparent;
    border: 0px;
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    color: #000;
    font-size: 12px;
    font-weight: 400!important;
    margin: 0;
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


.svg-walkinthepark {
    position: absolute;
    bottom: calc(50vh - 74px);
    width: 400px;
    left: calc(50% - 200px);
    fill: #fff;
}

.svg-westside {
    position: absolute;
    bottom: calc(50vh - 74px);
    width: 300px;
    left: calc(50% - 150px);
    fill: #000;
}

.ss19-jueppa-main-image {
  background: url(/cdn/shop/files/adsum-IMG_4040.jpg?6253);
  position: relative; 
  height: 100vh; 
  width: 100%; 
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
}


.fw18-aaron-main-image {
  background: url(/cdn/shop/files/adsum_MG_0011.jpg?1155838236394844100);
  position: relative; 
  height: 100vh; 
  width: 100%; 
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
}

@media (max-width: 600px) {
  .svg-walkinthepark, .svg-westside {
      position: absolute;
      bottom: calc(50vh - 24px);
      width: 200px;
      left: calc(50% - 100px);
      fill: #fff;
  }
  
  .fw18-aaron-main-image, .ss19-jueppa-main-image {
    height: calc(100vh);
    padding: 0;
    background-attachment: scroll;
  }
  
}


.index-product-image-link {
  display: table-cell; width: 50%; vertical-align: middle;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.index-product-left {
  padding: 50px 20px 50px 0px;
}

.index-product-right {
  padding: 50px 0px 50px 20px;
}


.index-product-image-link:hover {
  cursor: pointer;
  opacity: 0.7;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.index-product-image-block {
	display: table; 
  	width: 100%; 
  	padding: 0px 40px 0 240px;
}

.index-product-text-link {
  display: block; 
  width: 100%; 
  padding: 40px 40px 0 240px;
}

.index-product-text-link-left {
  display: table-cell; 
  width: 50%; 
  font-size: 29px; 
  font-weight: 600; 
  padding: 0px 20px 0px 0px; 
  line-height: 35px;
}

.index-product-text-link-right {
  display: table-cell; 
  width: 50%; 
  font-size: 14px; 
  line-height: 19px; 
  padding: 0px 0px 0px 20px;
}

@media (max-width: 900px) {
  	.index-product-text-link {
  		padding: 40px 20px 0 20px;
	}
    .index-product-image-block {
    	padding: 0 20px;
    }
    .index-product-left {
      padding: 20px 10px 0px 0px;
    }
  .index-product-right {
      padding: 20px 0px 0px 10px;
    }
  .index-product-text-link-left {
   	  display: block;
      width: 75%;
	  font-size: 20px;
      line-height: 25px;
    }
  .index-product-text-link-right {
      display: block; 
      width: 100%; 
      font-size: 13px; 
      line-height: 18px; 
      padding: 10px 0px 0px 0px;
    }
}


.index-product-text-link:hover {
  cursor: pointer;
  opacity: 0.3;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.related-products-wrapper {
    display: table;
    width: 100%;
    padding: 76px 50px 126px 240px;
}

.related-product-50 {
  float: left;
  width: 50%;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.related-product-33 {
  float: left;
  width: 33.3333%;
  padding: 0 6px;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.related-product-25 {
  float: left;
  width: 25%;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.related-product-25:hover, .related-product-33:hover, .related-product-50:hover {
  opacity: 0.7;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.related-products-cell-left {
  display: table-cell; 
  width: 100%;
}

.related-products-cell-right {
  display:table-cell; 
  width: 35%;
}

@media (max-width: 900px) {
  .related-products-cell-left {
    display: block; 
    width: 100%;
  }
  .related-products-cell-right {
    display: block; 
    width: 100%;
  }
  .related-product-25, .related-product-33, .related-product-50 {
  }
  .related-products-wrapper {
    padding: 76px 0px 50px 0px;
  }
}

.product-sizing-pu-right {
	display: inline-block; 
	width: 65%; 
	margin-right: -3px; 
	vertical-align: top; 
	padding-left: 30px; 
	font-size: 12px; 
	line-height: 16px;
}

.product-sizing-pu-left {
  display: inline-block; 
  width: 35%; 
  margin-right: -3px;
}

@media (max-width: 900px) {
  .product-sizing-pu-right {
	display: block; 
	width: 100%; 
    padding-left: 0px;
  }

  .product-sizing-pu-left {
  	display: block;
    width: 100%;
  }
}
  

.index-product-see-more {
    display: block;
    font-size: 11px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin-top: 10px;
    padding: 4px 4px 4px 4px;
    text-align: center;
    cursor: pointer;
    color: #000;
    border: 1px solid #000;
    max-width: 108px;
  line-height: 18px;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#index .product5:hover .index-product-see-more {
    cursor: pointer;
    color: #fff;
    background-color: #000;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.centered-article-text p, .lake-x-text p {
  font-size: 14px;
  line-height: 20px;
  max-width: 500px;
  margin: 20px auto;
}


#article-super-series .right-nav, #article-super-series #eyebrow-cart, #article-super-series .currency-picker {
  color:#fff;
}


#article-super-series select {
  width: auto; 
  vertical-align: inherit;
  cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 34px;
    -moz-padding-end: 34px;
    -webkit-padding-start: 0px;
    -moz-padding-start: 0px;
  background: url(/cdn/shop/files/adsum-down-arrow-white.png?7373984998795179158) no-repeat;
  background-size: 10px;
  background-position: calc(100% - 20px) 3px;
  background-repeat: no-repeat;
  background-color: transparent;
    border: 0px;
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    color: #000;
    font-size: 12px;
    font-weight: 400!important;
    margin: 0;
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#index select::-ms-expand { 
    display: none; /* remove default arrow in IE 10 and 11 */
}

.hide4 {
    opacity: 0!important;
    visibility: hidden!important;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    animation: none!important;
}

.ss-intro {
      font-style: italic;
    color: #8c8c8c;
    font-size: 14px;
    line-height: 23px;
    max-width: 504px;
    margin: 0 auto;
    padding: 0 0 40px;
}

.ss-quote {
  font-size: 26px;
  font-weight: 600;
  line-height: 32px;
  max-width: 600px;
  padding-top: 40px;
  margin: 0 auto;
}



@media (max-width: 600px) {
  .ss-quote {
    font-size: 19px;
    font-weight: 600;
    line-height: 26px;
    max-width: 600px;
    padding-top: 40px;
  }
  .centered-article-text img {
    padding: 40px 0px;
  }
  .super-article-title {
    font-size: 32px;
    font-weight: 600;
  }
}


#nb-shoe-link {
    width: 100%;
    padding: 32px 40px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: left;
    color: #fff;
    background-color: #000000;
    border: 1px solid #000;
    font-size: 29px;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#nb-shoe-link:hover {
  border: 1px solid #000;
  color:#000;
  background-color: #fff;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.nb-shoe {
  height: 100vh; 
  background-color: #fff; 
  width: 100%; 
  padding: 0px 0 0 0;
  display: block;
  background-image: url('/cdn/shop/files/fw18-shoe-landing.jpg?1898879815593326923');
  background-position: center;                       
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
}

@media (max-width: 900px) {
  .nb-shoe {
  background: url(/cdn/shop/files/fw18-shoe-landing.jpg?1898879815593326923) no-repeat top center!important; */
      -webkit-background-size: cover!important;
        -moz-background-size: cover!important;
        -o-background-size: cover!important;
        background-size: cover!important;
}
}

#collection-fw18 .product-size {
  display: none;
}



.fw18-index-link {
  display: table; 
  height: 100%; 
  position: relative; 
  top: -100%;
  padding: 0 40px;
  width: 100%;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

@media (max-width:900px) {
  .fw18-index-link {
  width: 100%;
  padding: 0px;
    left: 0;
  }
  
}

.verrazano-10, .fw18-1, .fw18-3, .fw18-6, .fw18-11, .fw18-13, .fw18-15, .fw18-17, .ss19-5, .ss19-7, .ss19-9, .ss19-19 {
  opacity: 0;
  -webkit-transform: translate3d(-55px, 0, 0px);
  transform: translate3d(-55px, 0, 0px);
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  
  -moz-transition: all .8s ease-in-out;
  -webkit-transition: all .8s ease-in-out;
  -o-transition: all .8s ease-in-out;
  -ms-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}

.verrazano-11, .verrazano-8, .verrazano-7, .fw18-2, .fw18-4, .fw18-7, .fw18-12, .fw18-14, .fw18-16, .fw18-18, .ss19-6, .ss19-8, .ss19-10, .ss19-20  {
  opacity: 0;
  -webkit-transform: translate3d(55px, 0, 0);
  transform: translate3d(55px, 0, 0);
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  
  -moz-transition: all .8s ease-in-out;
  -webkit-transition: all .8s ease-in-out;
  -o-transition: all .8s ease-in-out;
  -ms-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}

.verrazano-12, .verrazano-9, .verrazano-3, .verrazano-4, .verrazano-5, .verrazano-6, .fw18-5, .fw18-8, .fw18-9, .fw18-10, .fw18-19, .ss19-21 {
  opacity: 0;
  -webkit-transform: translate3d(0, 55px, 0);
  transform: translate3d(0, 55px, 0);
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  
  -moz-transition: all .8s ease-in-out;
  -webkit-transition: all .8s ease-in-out;
  -o-transition: all .8s ease-in-out;
  -ms-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}

.verrazano-13 {
  transform: scale(0.8);
  -moz-transition: all .8s ease-in-out;
  -webkit-transition: all .8s ease-in-out;
  -o-transition: all .8s ease-in-out;
  -ms-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}

.verrazano-zoom {
  transform: scale(1)!important;
  -moz-transition: all .8s ease-in-out;
  -webkit-transition: all .8s ease-in-out;
  -o-transition: all .8s ease-in-out;
  -ms-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}
  

.fw18-lookbook-shop-link {
    display: block;
    font-size: 74px;
    text-align: center;
    margin: 200px 0;
    padding: 40px 20px;
    color: #6a93c5;
    max-width: 604px;
    margin: 200px auto 290px;
    width: 100%;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.fw18-5 {
  margin: 0px auto;
}
  



#collection-ss18 .product-size, #collection .product-size, #collection-fw18 .product-size, #collection-members-only .product-size {
  margin-top: 3px;
  width: 100%;
  font-size: 10px;
  line-height: 1.3em;
}

@media (max-width: 900px) {
  #collection-ss18 .product-size, #collection .product-size, #collection-fw18 .product-size, #collection-members-only .product-size {
    text-align: left;
     margin-top: 0px;
    display: none;
  }
}
  
#page-adsumworks2 input[type="radio"] + label,
#collection-ss18 input[type="radio"] + label, 
#collection input[type="radio"] + label, 
#collection-fw18 input[type="radio"] + label, 
#collection-members-only input[type="radio"] + label,
#collection-sale input[type="radio"] + label,
#collection-memorial-sale-23 input[type="radio"] + label
{
  border: 1px solid #000;
  font-weight: normal;
  font-size: 8px;
  line-height: 12px;
}

#collection-sale .sold_out {
  font-size: 8px;
  line-height: 12px!important;
}


#collection input[type=radio]:hover + label, #collection-sale input[type=radio]:hover + label {
  background-color: #fff;
}

.additional-checkout-button--paypal {
  width: 200px;
  border-radius: 0px!important;
}

.paypal-button.paypal-button-shape-rect {
  border-radius: 0px!important;
}

#index-second-block-link {
    width: 100%;
    padding: 32px 40px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: left;
    color: #000;
    background-color: #fff;
    border: 1px solid red;
    font-size: 29px;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#index-second-block-link:hover {
  border: 1px solid red;
  color:#fff;
  background-color: #000;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}


#chehalis-sale-button {
    width: 100%;
    padding: 32px 40px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: left;
    color: #fff;
    background-color: #000000;
    border: 1px solid #000;
    font-size: 29px;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#chehalis-sale-button:hover {
  border: 1px solid #000;
  color:#000;
  background-color: #fff;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}


.no-matches {
  padding-left: 10px;
  font-size: 12px;
}

.search-input {
	padding: 2px 3px; border: 1px solid; background: transparent; width: 104px;
}

.mobile-search-input {
  	padding: 2px 3px;
    border: 1px solid;
    background: transparent;
    width: 75%;
    margin-left: 0;
    box-sizing: border-box;
    display: inline-block;
    margin-right: -3px;
}

.search-submit {
  background: transparent; border: 1px solid; padding: 2px 8px; margin-left: -5px; font-size: 10px;
}

.mobile-search-submit {
    background: transparent;
    border: 1px solid;
    padding: 2px 8px;
    font-size: 10px;
    width: 25%;
    display: inline-block;
    margin-right: -3px;
    margin-left: -1px;
    vertical-align: top;
  font-size: 18px;
}

#search #adsumspace {
    padding: 96px 20px 0 220px;
}

@media (max-width: 900px) {
  #search #adsumspace {
    padding: 0px;
  }
}

#search .gallery {
  padding: 2px 10px;
}


.search-product {
  display: inline-block; 
  width: 25%; 
  margin-right: -4px;
  padding: 10px;
  vertical-align: top;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.search-product:hover {
  cursor: pointer;
  opacity: 0.5;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

@media (max-width: 744px) {
  .search-product {
    width: 50%; 
  }
}



.sinfo {
  max-width: 500px;
}

.search {
  display: inline; 
  font-size: 11px; 
  padding: 0 46px 0 0;
}

@media (max-width: 900px) {
  .desktop-search, .desktop-search-form {
    display: none; 
  }
}


.search-form {
  opacity: 0;
  visibility: hidden;
  display: inline;
  position: absolute;
  top: 0px;
  padding: 20px 0 0 0;
  left: 0px; 
  font-size: 11px; 
  line-height: 14px;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.search-form:hover {
  opacity: 1;
  visibility:visible;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.search:hover + .search-form {
  opacity: 1;
  visibility:visible;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.search-mobile {
  display: none;
}


#shop-nav-link {
  padding-bottom: 10px;
}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  	padding: 10px 0;
}

.super-article-title {
    display: block;
    position: absolute;
    text-align: center;
    color: #fff;
    font-size: 42px;
    letter-spacing: -0.02em;
    font-weight: 600;
    bottom: 0px;
    width: 100%;
    padding: 40px 20px;
    line-height: 45px;
    opacity: 1;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}



.super-main-image {
  background: url(/cdn/shop/files/super-series8.jpg?18157111288597757643);
  margin-bottom: 80px;
}



#article-super-series > #content > .index-scroll-arrow > .index-scroll-arrow-img,
#article-super-series > .header-fullsite-fixed > .nav-link, 
#article-super-series > .header-fullsite-fixed > .nav-link-wrapper > .nav-link, 
#article-super-series > .header-fullsite-fixed > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary,
#article-super-series > .header-fullsite-fixed > .Adsum > .adsum-logotype, 
#article-super-series > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link,
#article-super-series > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary {
  color: #fff;
  fill: #fff;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#article-super-series > .header-fullsite-fixed > .nav-link:hover, 
#article-super-series > .header-fullsite-fixed > .nav-link-wrapper > .nav-link:hover, 
#article-super-series > .header-fullsite-fixed > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary:hover,
#article-super-series > .header-fullsite-fixed > .Adsum > .adsum-logotype:hover, 
#article-super-series > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link:hover,
#article-super-series > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary:hover {
  opacity: 0.5;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.ruder-article-title {
    display: block;
    position: absolute;
    color: #000;
  font-size: 40px;
    font-weight: 500;
  top: 240px;
  right: 20px;
  -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg);  
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=90); /*for IE*/
  -o-transform: rotate(90deg);
}

.ruder-main-image {
  background: url(/cdn/shop/files/emil-ruder-header.jpg?6939716986680284147);
  margin-bottom: 80px;
}

.order_summary {
  line-height: 13px;
}

.order-product .note a {
  color: #666;
  text-decoration: underline;
}

.order-product .note {
  font-size: 90%;
  color: #666;
}

.order-product {
  height: 30px;
  line-height: 13px;
}

#order_details {
    width: 100%;
    max-width: 800px;
}

#order_address .address {
  padding-top: 6px;
}

#order_address {
  font-size: 11px;
  line-height: 13px;
}

.order-title {
  padding: 0px 0 8px 0;
  font-size: 16px;
}

#add_address_title {
  padding: 12px 0 8px 0;
  font-size: 16px;
}

.action_add a {
  text-decoration: underline;
}

.action_add a:hover {
  color: #ccc;
}

.default-address {
  padding: 6px 0;
}

.customer_address_table input {
  background-color: #eee;
  padding: 2px 0px 2px 6px;
  margin-bottom: 2px;
}

.customer_address_table select {
  background-position: calc(100% - 10px) 8px;
  background-color: #eee;
  padding: 2px 0px 2px 6px;
  margin-bottom: 2px;
}

.customer_address_table input[type="checkbox"] {
  -webkit-appearance: checkbox!important;
}


.action_bottom {
  font-size: 10px;
  padding: 0 0 20px;
}

.action_bottom a, .action_bottom input {
  color: #666;
  text-decoration: underline;
}

.action_edit a, .action_delete a {
  font-size: 10px;
  color: #666;
  text-decoration: underline;
  display: inline-block;
  padding: 0 0 20px;
}

h4.address_title {
  font-size: 16px;
  font-weight: normal;
  padding: 0 0 6px 0;
}

#addresses {
  font-size: 12px;
      line-height: 16px;
}

#return_to_store {
  font-size: 12px;
}

#view_address, #customer_order, #return_to_store {
  text-decoration: underline;
}

#view_address:hover, #customer_order:hover, #return_to_store {
  color: grey;
}

.index-chehalis-shop {
  z-index: 99;
  display: block;
  padding: 8px;
  width: 150px;
  margin: 0 auto;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.index-chehalis-lookbook {
	z-index: 99;
    display: block;
    padding: 8px;
    width: 150px;
    margin: 0 auto;
  -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.index-chehalis-lookbook:hover, .index-chehalis-shop:hover {
	background-color: black;
  -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

@media (max-width: 900px) {
  #page-ss18-chehalis-lookbook .ss18-2 {
  	padding-top: 80px;
  }
  #page-ss18-chehalis-lookbook .ss18-mid-5 > .img-right-wrapper-ss18 > img, 
  #page-ss18-chehalis-lookbook .ss18-mid-8 > img, 
  #page-ss18-chehalis-lookbook .ss18-mid-11 > img {
    padding-top: 80px;
   }
  #page-ss18-chehalis-lookbook .ss18-mid-6, #page-ss18-chehalis-lookbook .ss18-mid-9 {
    padding: 0 10px;
  }
}

.move-right-to-left, .ss18-2, .ss18-mid-8, .ss18-mid-5, .ss18-mid-11, .ss18-9, .ss18-12, .ss18-14, .ss18-16  {
  opacity: 0;
  -webkit-transform: translate3d(55px, 0, 0);
  transform: translate3d(55px, 0, 0);
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  
  -moz-transition: all .8s ease-in-out;
  -webkit-transition: all .8s ease-in-out;
  -o-transition: all .8s ease-in-out;
  -ms-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}

.move-left-to-right, .ss18-mid-4, .ss18-mid-7, .ss18-mid-10, .ss18-1, .ss18-6, .ss18-11, .ss18-13, .ss18-15 {
  opacity: 0;
  -webkit-transform: translate3d(-55px, 0, 0px);
  transform: translate3d(-55px, 0, 0px);
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  
  -moz-transition: all .8s ease-in-out;
  -webkit-transition: all .8s ease-in-out;
  -o-transition: all .8s ease-in-out;
  -ms-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}

.move-bottom-to-top, .ss18-mid-3, .ss18-mid-6, .ss18-mid-9, .ss18-mid-12, .ss18-mid-13 {
  opacity: 0;
  -webkit-transform: translate3d(0, 55px, 0);
  transform: translate3d(0, 55px, 0);
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  
  -moz-transition: all .8s ease-in-out;
  -webkit-transition: all .8s ease-in-out;
  -o-transition: all .8s ease-in-out;
  -ms-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}
  

.ss18-mid-3, .ss18-mid-6, .ss18-mid-9, .ss18-mid-13 {
    margin: 100px auto;
    max-width: 1000px;
}


.chehalis-hero {
  width: 100vw; 
  height: 100vh;
  background: url(/cdn/shop/files/adsum_chehalis_01.jpg?343314537249514245);
  background-size: 100vh;
  background-repeat: no-repeat;
  background-position: center center;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.chehalis-wrapper {
    position: absolute;
    bottom: 60px;
    width: 100%;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#page-ss18-chehalis-lookbook > #content > .index-scroll-arrow > .index-scroll-arrow-img,
#page-ss18-chehalis-lookbook > .header-fullsite-fixed > .nav-link, 
#page-ss18-chehalis-lookbook > .header-fullsite-fixed > .nav-link-wrapper > .nav-link, 
#page-ss18-chehalis-lookbook > .header-fullsite-fixed > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary,
#page-ss18-chehalis-lookbook > .header-fullsite-fixed > .Adsum > .adsum-logotype, 
#page-ss18-chehalis-lookbook > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link,
#page-ss18-chehalis-lookbook > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary {
  color: #fff;
  fill: #fff;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#page-ss18-chehalis-lookbook > .header-fullsite-fixed > .nav-link:hover, 
#page-ss18-chehalis-lookbook > .header-fullsite-fixed > .nav-link-wrapper > .nav-link:hover, 
#page-ss18-chehalis-lookbook > .header-fullsite-fixed > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary:hover,
#page-ss18-chehalis-lookbook > .header-fullsite-fixed > .Adsum > .adsum-logotype:hover, 
#page-ss18-chehalis-lookbook > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link:hover,
#page-ss18-chehalis-lookbook > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary:hover {
  opacity: 0.5;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}



#page-ss18-chehalis-lookbook #content {
  background-color: #000;
}

.ss18-index-heading {
  font-weight: 500;
}


#ss18-index-link {
    color: #000;
    padding: 20px;
    position: absolute;
    bottom: 50px;
    right: 50px;
    font-size: 50px;
    width: 280px;
    text-align: left;
  opacity: 1;
    letter-spacing: -0.01em;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

#ss18-index-link:hover {
  opacity: 0.5;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
}

.ss18-index-body {
	font-size: 16px; 
  display: block; 
  width: 169px; 
  line-height: 22px; 
  padding-top: 40px;
}

@media (max-width: 900px) {
  #ss18-index-link {
    font-size: 20px;
    width: calc(100% - 40px);
    left: 0px;
    top: 50px;
  }
}
  
  


#article-ss18-malkam-editorial .ss16-preview-content {
  opacity: 1!important;
}

#gramparents-2-bg {
  width: 100vw;
    height: 100vh;
    background: url(/cdn/shop/files/gramparents-monet.jpg?13558149057698826534) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media (max-width: 900px) {
	#gramparents-2-bg {
    	background: url(/cdn/shop/files/gramparents-monet.jpg?13558149057698826534) no-repeat top center scroll!important;
	}
}

.northeastern-trillium-wrapper:hover .northeastern-trillium, .northeastern-trillium-wrapper:hover .trillium-shop {
  color: #ccc;
  fill: #ccc;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
}

.northeastern-trillium-wrapper {
	width: 600px;
    height: 300px;
    position: absolute;
    top: calc(50vh - 220px);
    left: calc(50vw - 300px);
}

.trillium-shop {
  display: block;
  font-size: 90px;
  position: absolute;
  top: -10px;
  right: -2px;
  letter-spacing: -0.03em;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.northeastern-trillium {
  display: block;
  position: relative;
  top: 0px;
  left: -1px;
  margin: 0px 0 20px 0;
  width: 240px;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#trillium {
	padding: 0;
    width: 600px;
    height: 300px;
    overflow: hidden;
    position: absolute;
    display: block;
    background-color: #fff;
}

#trillium video {
    height: 300px;
    width: 600px;
    object-fit: cover;
}

@media (max-width: 600px) {
  .northeastern-trillium-wrapper {
    width: 100%;
    position: absolute;
    top: calc(50vh - 200px);
    left: 0px;
  }
  .northeastern-trillium {
    left: -1px;
    margin: 0px 0 10px 20px;
    width: 120px;
  }
  .trillium-shop {
    font-size: 40px;
    position: absolute;
    top: -2px;
    right: 20px;
  }
   #trillium {
    width: 100%;
  }
   #trillium video {
    width: 100%;
   }
}



.right-nav {
  position: absolute;
  top: 48px;
  right: 0px;
  z-index: 1;
  line-height: 16px;
  font-size: 16px;
}

/*
#index .right-nav {
  color:#fff;
}
*/

@media (max-width: 900px) {
  .right-nav {
    display:none;
  }
}

.header-currency {
  display: inline;
}

.mobile-currency {
  display: none;
}

.mobile-currency .currency-picker {
  position: inherit;
}

.mobile-currency .currency-picker {
    font-size: 18px;
    background-size: 14px;
    background-position: calc(100% - 20px) 6px;
    -webkit-padding-end: 40px;
    -moz-padding-end: 40px;
}


@media (max-width: 900px) {
  .header-currency {
    display: none;
  }
  .mobile-currency {
    display: block;
  }
}

.currency-picker {
  z-index: 1;
  font-size: 11px;
}

.currency-picker:hover {
  cursor: pointer;
  color:#ccc;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

select {
  width: auto; 
  vertical-align: inherit;
  cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 34px;
    -moz-padding-end: 34px;
    -webkit-padding-start: 0px;
    -moz-padding-start: 0px;
  background: url("/cdn/shop/files/adsum-down-arrow.png?13323966206718309846") no-repeat;
  background-size: 10px;
  background-position: calc(100% - 20px) 3px;
  background-repeat: no-repeat;
  background-color: transparent;
    border: 0px;
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    color: #000;
    font-size: 12px;
    font-weight: 400!important;
    margin: 0;
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
select::-ms-expand { 
    display: none; /* remove default arrow in IE 10 and 11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select {
        background:none\9;
        padding: 5px\9;
    }
}



.currency {
    padding: 0px 16px;
    border: 1px solid #eee;
    margin-right: -2px;
}
.selected {
  background: #000;
  color: #fff;
}

.trillium-svg {
  display: block;
  width: 50px;
}

.ss18-index-shop {
  display: block;
  position: absolute;
    top: 50vh;
    right: -106px;
    font-size: 31px;
    text-align: left;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.ss18-index-desc {
  display: block;
  position: absolute;
  bottom: 0px;
  right: -277px;
    max-width: 257px;
    text-align: justify;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.ss18-landing-link-shop {
  position: absolute;
  top: 0px;
  right: -70px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin: 0px auto;
    font-size: 22px;
    color: #ca1313;
    font-weight: 500;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

@media (max-width: 744px) {
  .ss18-index-shop {
    left: 20px;
    color: white;
  }
  .ss18-index-desc {
    left: 20px;
    color: white;
    bottom: 20px;
  }
  .ss18-landing-link-shop {
    top: 40px;
    left: 20px;
  }
  .trillium-svg {
    fill: #fff;
  }
}

.fw16-index-header:hover + .ss17-landing-link-shop + .ss18-index-shop {
  color: maroon;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.ss18-index-shop:hover {
  color: maroon;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}



.ss18-index-desc:hover {
  color: maroon;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
  
  
.fw16-index-header:hover + .ss17-landing-link-shop + .ss18-index-shop + .ss18-index-desc {
  color: maroon;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}






.ss18-lookbook-padding {
	padding: 60px; max-width: 750px;
}

.table-100 {
	max-width: 1600px;
    display: block;
    margin: 0 auto;
}

.ss18-lookbook-shop-link {
      display: block;
    font-size: 88px;
    text-align: center;
    padding: 200px 20px;
    max-width: 264px;
    margin: 0 auto;
    width: 100%;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.ss18-lookbook-shop-link:hover {
  color: #ccc;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.img-right-wrapper-ss18 {
    padding: 180px 50px 120px 40px; 
}

.img-right-wrapper-ss21 {
    padding: 180px 50px 20px 40px; 
}

.img-left-wrapper-ss18 {
    padding: 180px 40px 120px 50px;
}

@media (max-width:900px) {
  
  .img-right-wrapper-ss18, .img-left-wrapper-ss18, .fw18-5  {
      padding: 20px 0px; 
  }
  
  .fw18-8 > img {
	padding: 0 6px 0 0px;
  }
  
  .fw18-9 > img {
	padding: 0 3px;
  }
  
  .fw18-10 > img {
    padding: 0 0px 0 6px;
  }
    
  
  .ss18-7, .ss18-13 {
    padding-top: 100px;
  }
  
}

.anim-done {
  opacity: 1!important;
  -webkit-transform: translate3d(0, 0px, 0)!important;
  transform: translate3d(0, 0px, 0)!important;
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
}

.anim-done2 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
}

.move-right-to-left, .ss18-2, .ss18-4, .ss18-7, .ss18-9, .ss18-12, .ss18-14, .ss18-16  {
  opacity: 0;
  -webkit-transform: translate3d(55px, 0, 0);
  transform: translate3d(55px, 0, 0);
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  
  -moz-transition: all .8s ease-in-out;
  -webkit-transition: all .8s ease-in-out;
  -o-transition: all .8s ease-in-out;
  -ms-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}

.move-left-to-right, .ss18-1, .ss18-3, .ss18-6, .ss18-8, .ss18-11, .ss18-13, .ss18-15 {
  opacity: 0;
  -webkit-transform: translate3d(-55px, 0, 0px);
  transform: translate3d(-55px, 0, 0px);
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  
  -moz-transition: all .8s ease-in-out;
  -webkit-transition: all .8s ease-in-out;
  -o-transition: all .8s ease-in-out;
  -ms-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}

.move-bottom-to-top, .ss18-5, .ss18-10, .ss18-17 {
  opacity: 0;
  -webkit-transform: translate3d(0, 55px, 0);
  transform: translate3d(0, 55px, 0);
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  
  -moz-transition: all .8s ease-in-out;
  -webkit-transition: all .8s ease-in-out;
  -o-transition: all .8s ease-in-out;
  -ms-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}
  

.ss18-5, .ss18-10 {
    margin: 100px auto;
    max-width: 1000px;
}

#page-ss18-lookbook .fw17-title {
  color: maroon;
  font-size: 14px;
}

#page-ss18-lookbook video {
    width: 300px;
    height: 400px;
    display: block;
    object-fit: cover;
    position: absolute;
    top: calc(50vh - 200px);
    left: calc(50% - 150px);
}

.index-ss18-shop {
  font-size: 36px;
    font-weight: 600;
    width: 280px;
    letter-spacing: -0.02em;
    text-align: center;
    position: absolute;
    top: calc(100vh - 180px);
    left: calc(50% - 140px);
    padding: 22px 20px;
    color: #fff;
  z-index: 1;
}

.index-ss18-shop:hover {
  color: lightblue;
}

#index .gallery .product5, #index  .product5 {
    width: 33.333%;
}

@media (max-width: 900px) {
  #index .gallery .product5, #index  .product5 {
      width: 50%;
  }
}






.trillium-vid {
  height: 100%;
  width: 100%;
  background: url(/cdn/shop/files/adsum-trillium-delay-3-noloop.gif?6436293684119373524), url(/cdn/shop/files/adsum-landing_01A1319.jpg?751817058003339450);
  background-position: bottom center, center center;
  background-size: 800px, cover;
  background-repeat: no-repeat;
  background-blend-mode: screen;
  opacity: 1;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
 }

@media (max-width: 500px) {
  .trillium-vid {
    background-size: 400px, cover;
  }
  .index-ss18-shop {
        top: calc(100vh - 204px);
  }
}

#collection-ss18 #paginate, .collection-fw18 #paginate, #collection #paginate, #collection-members-only #paginate {
  font-size: 14px;
}

.product-sold-out {
  padding:24px 0;
  color: red; 
  font-size: 20px; 
  width: 100%;
  text-align:left;
}

.main-product-description {
    font-size: 13px;
    line-height: 19px;
    padding-top: 20px;
    /* padding-bottom: calc(40vh - 120px); */
    padding-bottom: 60px;
}

@media (min-width: 900px) {
  .desktop-hide {
    display: none!important;
  }

}

@media (max-width: 900px) {
  .product-sold-out {
  	text-align: center;
  }
  .mobile-hide {
    display: none!important;
  }
  .main-product-description {
    padding-top: 0px;
    padding-bottom: 20px;
  }
}

.mobile-product-images {
  display: block; 
  margin: 0 auto; 
  max-height: calc(100vh - 220px);
  vertical-align: middle;
}

#index-featured-products {
}

#index .product_info_content {
  opacity: 1;
}

#index .product-info-content-wrap {
  padding: 0px;
}

#index .gallery-product-title {
  line-height: 19px;
}

#index .product_info_content {
  position: initial;
}

#index .gallery-product-wrap {
  padding: 10px 10px 0 0;
}

#index .product5 {
  vertical-align: top;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}





@media (max-width: 744px) {
  #index .product5 {
    padding: 0px 0 20px 0;
  }
}

.max-width-photo-story {
  max-width: 1300px;
  margin: 0 auto;
}

.read-more-checkout {
  text-decoration: underline;
  color: #666;
}

.featured-products-title {
    text-align: center;
    padding: 40px 10px 40px 10px;
    font-size: 22px;
    letter-spacing: .02em;
    text-transform: capitalize;
}

@media (max-width: 744px) {
  .featured-products-title {
    padding: 40px 10px 40px 10px;
    font-size: 16px;
  }
}


#article-fw17-end-of-season .ss16-preview-content {
  opacity: 1;
}


#article-dusty-xmas > #content > .index-scroll-arrow > .index-scroll-arrow-img,
#article-dusty-xmas > .header-fullsite-fixed > .nav-link, 
#article-dusty-xmas > .header-fullsite-fixed > .nav-link-wrapper > .nav-link, 
#article-dusty-xmas> .header-fullsite-fixed > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary,
#article-dusty-xmas > .header-fullsite-fixed > .Adsum > .adsum-logotype, 
#article-dusty-xmas > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link,
#article-dusty-xmas > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary 
#article-dusty-xmas-2 > #content > .index-scroll-arrow > .index-scroll-arrow-img,
#article-dusty-xmas-2 > .header-fullsite-fixed > .nav-link, 
#article-dusty-xmas-2> .header-fullsite-fixed > .nav-link-wrapper > .nav-link, 
#article-dusty-xmas-2> .header-fullsite-fixed > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary,
#article-dusty-xmas-2 > .header-fullsite-fixed > .Adsum > .adsum-logotype, 
#article-dusty-xmas-2> .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link,
#article-dusty-xmas-2 > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary{
  color: #fff;
  fill: #fff;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#article-dusty-xmas .footer,
#article-dusty-xmas-2 .footer {
  margin-top: 0px;
}

#article-dusty-xmas .dusty-prev-link,
#article-dusty-xmas-2 .dusty-prev-link {
  color: #fff;
}

#article-dusty-xmas .dusty-description,
#article-dusty-xmas-2 .dusty-description {
    max-width: 700px;
    margin: 0 auto;
    line-height: 24px;
}

.index-first-blog-link {
    position: relative;
    display: block;
    height: 100vh;
    width: 100%;
    z-index: 1;
    cursor: pointer!important;
}

@media (max-width: 900px) {
	.index-first-blog-link {
    	z-index: 3;
	}
}


.index-first-blog-link:hover + .index-second-block > .index-secondary-heading > .index-secondary-heading-inside > .index-blog-link {
  background-color: #000;
  color: #fff;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.shop-button-product-feature {
    font-size: 14px;
    letter-spacing: .05em;
    padding: 12px 10px;
    color: #fff;
    background-color: #000;
    cursor: pointer;
    font-style: normal;
    font-weight: 400;
    height: auto;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    width: 100%;
    margin: 20px auto;
    max-width: 900px;
    display: block;
    text-align: center;
  border: 1px solid #000;
}

@media (max-width: 900px) {
	.shop-button-product-feature {
    	width: calc(100% - 20px);
    	margin: 20px 10px;
	}
}

.shop-button-product-feature:hover {
    color: #000;
    background-color: #fff;
  	border: 1px solid #000;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.product-feature .left-50, .product-feature .right-50 {
    padding: 20px 0 20px 0;
}

.product-feature {
  padding: 20px 0 20px 0;
}

.product-feature-wrapper {
  padding: 20px 0;
}

.product-feature-title {
  font-size: 17px; 
  font-weight: 600;
  padding: 0 20px 10px; 
}

.product-feature-body {
  font-size: 14px;
  padding-top: 10px;
  max-width: 400px;
  line-height: 22px;
  padding: 0 20px;
}

.product-feature-callout {
  padding: 60px 20px 40px 20px; 
  font-size: 40px; 
  max-width: 800px; 
  margin: 0 auto; 
  padding: 60 20px 40px 20px; 
  line-height: 48px;
}

@media (max-width: 600px) {
  .product-feature-callout {
    font-size: 20px;
    line-height: 30px;
  }
}


  

.product-feature-text p:first-of-type {
    font-size: 20px;
    line-height: 33px;
    max-width: 620px;
    padding: 0 14px;
    margin: 40px auto 100px auto;
}

@media (max-width: 900px) {
  .product-feature-text p:first-of-type {
      font-size: 16px;
      line-height: 27px;
  }
}

#article-kennedy .credits {
  text-align: center;
}

#article-kennedy .centered-article-text {
  max-width: 1000px;
}

/*
#article-mundial .blog-img-caption a {
  text-decoration: underline;
}
*/

#article-mundial .centered-article-title-secondary {
    font-size: 14px;
    font-weight: 400;
}

#article-mundial .credits {
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  text-decoration: none!important;
}

#article-mundial .credits a {
  text-decoration: none!important;
}

#article-mundial .centered-article-text {
  max-width: 900px;
}

.mundial-main-image {
    background: url(/cdn/shop/files/mundial-adsum-1.jpg?2751712511822907534);
    margin-bottom: 80px;
}

.fw17-midseason {
  opacity: 1; 
  background-image: url(/cdn/shop/files/adsum_MG_9814-1.jpg?11184080165472471413);
}

@media (max-width: 600px) {
	.fw17-midseason {
		background-image: url(/cdn/shop/files/adsum_MG_9833.jpg?4359889096617370092);
	}
}

#article-fw17-maroon .ss16-preview-content {
  font-weight: 400;
}

#article-fw17-maroon .ss16-preview-content {
  opacity: 1;
}



.coaches-jacket-img {
  width: 100%; 
  height: auto; 
  display: block; 
  position: relative; 
  top: 0; 
  left: 0;
}

.coaches-jacket-img-mobile {
  width: 100%; 
  height: auto; 
  display: none;
  opacity: 0;
}

@media (max-width: 600px) {
  .coaches-jacket-img-mobile {
  	opacity: 1;
  	display: block;
  }
  .coaches-jacket-img {
    display: none;
  }
}

.fw17-coaches-padding {
  padding: 0 50px 20px 40px;
}

.fw17-coaches-link {
  font-size: 40px; 
  font-weight: 600; 
  display: block; 
  padding-top: 40px;
  margin-left: -40px;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.fw17-coaches-link:hover {
  color: #ccc;
  margin-left: 0px;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.fw17-coaches-link:before {
  content:'+';
  opacity: 0;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.fw17-coaches-link:hover:before {
  opacity: 1;
  color: #ccc;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

@media (max-width: 900px) {
  .fw17-coaches-padding {
    padding: 20px 20px 20px 20px;
  }
  .fw17-coaches-padding:first-of-type {
    padding: 20px 0px 20px 0px;
  }
    
  .fw17-coaches-link:before {
  content:'+';
  opacity: 1;
  color: #000;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
  .fw17-coaches-link {
    font-size: 22px;
    margin-left: 0px;
    -moz-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
  }
}

.dusty-prev-link {
  display: block; 
  font-size: 14px; 
  font-weight: 600; 
  text-align: center; 
  padding: 90px 10px 30px 10px;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.dusty-prev-link:hover {
  color: #ccc;
  cursor: pointer;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

@media (max-width: 900px) {
  .deschutes-secondary {
    display: none;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }
}

#page-fw17-lookbook > #content > .index-scroll-arrow > .index-scroll-arrow-img,
#page-fw17-lookbook > .header-fullsite-fixed > .nav-link, 
#page-fw17-lookbook > .header-fullsite-fixed > .nav-link-wrapper > .nav-link, 
#page-fw17-lookbook > .header-fullsite-fixed > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary,
#page-fw17-lookbook > .header-fullsite-fixed > .Adsum > .adsum-logotype, 
#page-fw17-lookbook > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link,
#page-fw17-lookbook > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary {
  color: #fff;
  fill: #fff;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#page-fw17-lookbook > #content > .index-scroll-arrow > .index-scroll-arrow-img:hover,
#page-fw17-lookbook > .header-fullsite-fixed > .nav-link:hover, 
#page-fw17-lookbook > .header-fullsite-fixed > .nav-link-wrapper > .nav-link:hover, 
#page-fw17-lookbook > .header-fullsite-fixed > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary:hover,
#page-fw17-lookbook > .header-fullsite-fixed > .Adsum > .adsum-logotype:hover, 
#page-fw17-lookbook > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link:hover,
#page-fw17-lookbook > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary:hover {
  opacity: 0.5;
}
/*
#index .adsum-logotype:hover {
    border-bottom: 1px solid #fff;
}
*/

#page-fw17-lookbook .adsum-logotype:hover {
    border-bottom: 1px solid #fff;
}


.index-first-block a:hover > .fw17-shop-index {
  opacity: 1;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.index-first-block a:hover > .fw17-graphics-index {
  opacity: 1;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
  

.fw17-shop-index { 
  color: orangered;
  font-size: 38px;
  letter-spacing: -0.02em;
  font-weight: 500;
  opacity: 1;
  padding: 10px 0 20px 0;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.fw17-graphics-index {
  position: absolute; 
  bottom: 43px; 
  right: calc(50% - 140px); 
  width: 280px;
  opacity: 0;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.fw17-title-index {  
  color: orangered; 
  font-size: 12px;
}

@media (max-width: 900px) {
  #index-second-block-link, #chehalis-sale-button, #nb-shoe-link {
    font-size: 20px;
    padding: 32px 20px;
  }
  .fw17-title-index {
    top: 80px;
    left: 20px;
    text-align: left;
    background-color: white;
    padding-top: 10px;
    padding-left: 10px;
  }
  .fw17-shop-index {
    color: orangered;
    width: 100%;
    opacity: 1;
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    padding: 10px 0 20px 10px;
    background-color: white;
  }
  .fw17-graphics-index {
    width: 100%;
    padding: 0 20%;
    left: 0;
    opacity: 1;
  }
  
  .fw17-graphics-index svg {
    max-width: 280px;
    margin: 0 auto;
    display: block;
  }
}


#index > .menu-to-black > .nav-link, 
#index > .menu-to-black > .nav-link-wrapper > .nav-link, 
#index > .menu-to-black > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary,
#index > .menu-to-black > .Adsum > .adsum-logotype, 
#index > .menu-to-black > .mobile-links-hide > .nav-link-wrapper > .nav-link,
#index > .menu-to-black > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary {
  color: #000!important;
  fill: #000!important;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.menu-to-black > .nav-link, 
.menu-to-black > .nav-link-wrapper > .nav-link, 
.menu-to-black > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary,
.menu-to-black > .Adsum > .adsum-logotype, 
.menu-to-black > .mobile-links-hide > .nav-link-wrapper > .nav-link,
.menu-to-black > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary {
  color: #000!important;
  fill: #000!important;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


/*
#index .first-level-link a {
  color: #fff;
  transition: all .1s ease-in-out;
}

#index .first-level-link a:hover {
  opacity: 0.5;
  transition: all .1s ease-in-out;
}

@media (max-width: 900px) {
  #index .first-level-link a {
    color: #000;
    transition: all .1s ease-in-out;
  }
}


#index > #content > .index-scroll-arrow > .index-scroll-arrow-img,
#index > .header-fullsite-fixed > .nav-link, 
#index > .header-fullsite-fixed > .nav-link-wrapper > .nav-link, 
#index > .header-fullsite-fixed > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary,
#index > .header-fullsite-fixed > .Adsum > .adsum-logotype, 
#index > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link,
#index > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary {
  color: #fff;
  fill: #fff;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


#index > #content > .index-scroll-arrow > .index-scroll-arrow-img:hover,
#index > .header-fullsite-fixed > .nav-link:hover, 
#index > .header-fullsite-fixed > .nav-link-wrapper > .nav-link:hover, 
#index > .header-fullsite-fixed > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary:hover,
#index > .header-fullsite-fixed > .Adsum > .adsum-logotype:hover, 
#index > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link:hover,
#index > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary:hover {
  opacity: 0.5;
}


#index > #content > .index-scroll-arrow > .index-scroll-arrow-img,
#index > .header-fullsite > .nav-link, 
#index > .header-fullsite > .nav-link-wrapper > .nav-link, 
#index > .header-fullsite > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary,
#index > .header-fullsite > .Adsum > .adsum-logotype, 
#index > .header-fullsite > .mobile-links-hide > .nav-link-wrapper > .nav-link,
#index > .header-fullsite > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary {
  color: #fff;
  fill: #fff;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


#index > #content > .index-scroll-arrow > .index-scroll-arrow-img:hover,
#index > .header-fullsite > .nav-link:hover, 
#index > .header-fullsite > .nav-link-wrapper > .nav-link:hover, 
#index > .header-fullsite > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary:hover,
#index > .header-fullsite > .Adsum > .adsum-logotype:hover, 
#index > .header-fullsite > .mobile-links-hide > .nav-link-wrapper > .nav-link:hover,
#index > .header-fullsite > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary:hover {
  opacity: 0.5;
}

#index .right-nav, 
#index #eyebrow-cart, 
#index .currency-picker,
#page-verrazano .right-nav, 
#page-verrazano #eyebrow-cart, 
#page-verrazano .currency-picker,
#page-ss19-lookbook .right-nav, 
#page-ss19-lookbook #eyebrow-cart, 
#page-ss19-lookbook .currency-picker,
#article-fw18-aaron-central-park .right-nav, 
#article-fw18-aaron-central-park #eyebrow-cart, 
#article-fw18-aaron-central-park .currency-picker,
#article-fw19-workwear .right-nav,
#article-fw19-workwear #eyebrow-cart,
#article-fw19-workwear .currency-picker{
  color:#fff;
}
*/


#index .right-nav > .search-form > form > .search-input-btn {
  border-right: 1px solid;
  border-left: 1px solid;
  border-top: 0px;
  border-bottom: 1px solid;
}

#index > .menu-to-white > .nav-link, 
#index > .menu-to-white > .nav-link-wrapper > .nav-link, 
#index > .menu-to-white > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary,
#index > .menu-to-white > .Adsum > .adsum-logotype, 
#index > .menu-to-white > .mobile-links-hide > .nav-link-wrapper > .nav-link,
#index > .menu-to-white > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary {
  color: #fff!important;
  fill: #fff!important;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.menu-to-white .adsum-logotype {
    fill: #fff;
}

  
.menu-to-white > .nav-link, 
.menu-to-white > .nav-link-wrapper > .menu-link, 
.menu-to-white > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary,
.menu-to-white > .Adsum > .adsum-logotype, 
.menu-to-white > .mobile-links-hide > .nav-link-wrapper > .nav-link,
.menu-to-white > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary {
  color: #fff!important;
  fill: #fff!important;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/*
#index #country-switcher {
  color: #fff;
}

#index ul.Ge_Count_Li {
  background: transparent;
  padding-inline: 17px;
}


#index .right-nav, #index #eyebrow-cart, #index .currency-picker {
  color:#fff;
}

#index select {
  width: auto; 
  vertical-align: inherit;
  cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 34px;
    -moz-padding-end: 34px;
    -webkit-padding-start: 0px;
    -moz-padding-start: 0px;
  background: url(/cdn/shop/files/adsum-down-arrow.png?11624683859425280773) no-repeat;
   background: url(/cdn/shop/files/adsum-down-arrow-white.png?7373984998795179158) no-repeat;
  background-size: 10px;
  background-position: calc(100% - 20px) 3px;
  background-repeat: no-repeat;
  background-color: transparent;
    border: 0px;
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    color: #000;
    font-size: 12px;
    font-weight: 400!important;
    margin: 0;
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*/

#index select::-ms-expand { 
    display: none;
}

@media screen and (min-width:0\0) {
    #index select {
        background:none\9;
        padding: 5px\9;
    }
}

ul.Ge_Count_Li {
  padding-inline: 17px!important;
}

.index-secondary-heading {
    position: absolute;
    color: #fff;
    left: calc(50% - 234px);
    bottom: 40px;
    z-index: 2;
    font-size: 22px;
    font-weight: 600;
    width: 468px;
    text-align: center;
    padding: 30px;
    line-height: 29px;
    background-color: none;
}

.index-secondary-copy {
	font-size: 14px;
    padding-top: 10px;
    font-weight: 400;
    max-width: 420px;
    line-height: 19px;
	color: #fff;
}

.index-blog-link {
    display: block;
    max-width: 125px;
    margin: 16px auto;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    padding: 0px 16px;
    border: 1px solid #fff;
    color: #000;
  background-color: #fff;
    cursor: pointer;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.index-blog-link:hover, .index-secondary-heading:hover > .index-secondary-heading-inside > .index-blog-link {
  background-color: #f0bd5f;
  color: #000;
  border-color: #f0bd5f;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.index-secondary-heading-inside {
  max-width: 468px; 
  margin: 0 auto;
}
  
  
@media (max-width:1200px) {
  	.index-stealhead-text3 {
    	display:none;
  	}
    .index-stealhead-image {
      	display: none;
    }
    .index-stealhead-text1 {
    	right: calc(50% - 200px);
    }
    .index-stealhead-video {
    	right: calc(50% - 200px);
    }    
 }

@media (max-width:900px) { 
	.footer-newsletter-title {
		width: 100%;
     }
    .index-stealhead-text4 {
		position: absolute;
		left: 50px;
	}
	.index-stealhead-heading {
    	position: absolute;
    	left: 0px;
    	top: 40px;
    	z-index: 2;
    	font-size: 22px;
    	text-transform: uppercase;
    	font-weight: 600;
    	width: 100%;
    	text-align: center;
    	padding: 0 40px 0 40px;
	}
    .index-stealhead-text2 {
		top: 45vh;
        text-align: center;
        padding: 40px;
        right: 0;
    } 
	.index-secondary-heading {
		position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        margin: 0 auto;
        color: #fff;
        z-index: 2;
      bottom: 40px;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        padding: 16px 20px 20px 20px;
        line-height: 29px;
        background-color: rgba(0, 0, 0, 0);
	}
}
  
@media (max-width:700px) {
  
  .index-secondary-copy {
    /* display: none; */
  }
    .index-stealhead-text1 {
		right: 0;
	}
	.index-stealhead-text4 {
		left: 0;
		padding: 20px;
	}
    .index-stealhead-text1 {
		display: none;
	} 
}
   


.collection-product-hover {
  position: absolute; 
  top: 0px; 
  left:0px; 
  opacity: 0;
  -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}


.collection-grid-item a:hover .collection-product-hover {
  opacity: 1;
  -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

#index a:hover .collection-product-hover {
  opacity: 1;
  -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
  

@media (max-width:900px) {
  .gallery a:hover .collection-product-hover {
    opacity: 0;
  }
}

.josh-9, .josh-11, .josh-13 {
    margin: 100px auto;
    max-width: 900px;
}

@media (max-width:900px) {
  .josh-9, .josh-13 {
    margin: 0px auto 100px auto;
  }
  
  .josh-11 {
    margin: 0px auto;
  }
  
  .josh-12, .josh-5, .josh-8 {
    padding-bottom: 40px!important;
  }
  
  .josh-4, .josh-7, .josh-10, .josh-14 {
    padding-top: 40px!important;
  }
  
}



.josh-quote {
 max-width: 690px; 
 margin: 0 auto; 
 font-size: 40px; 
 font-weight: 600; 
 line-height: 50px; 
 padding: 100px 20px;
}

.josh-quote-2 {
  padding: 100px 20px 80px 20px;
}

.josh-matthews-title {
    top: 7vh;
}

.josh-matthews-title-img {
    display: block;
    max-height: 86vh;
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    padding: 0px 20px;
}

@media (max-width:900px) {
  .josh-quote {
    font-size: 30px; 
 	font-weight: 600; 
 	line-height: 40px;
  }
  .josh-matthews-title-img {
    padding: 55px 0px;
    max-width: calc(100% - 20px)
  }
}
  

.josh-bg {
  background-color: #f3f0e8;
}

#page-josh-matthews p a, #article-josh-matthews p a {
    text-decoration: underline;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

#page-josh-matthews p a:hover, #article-josh-matthews p a:hover {
    color: #ccc;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

#page-josh-matthews p a:active, #article-josh-matthews p a:active {
    color: #666;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}


#page-josh-matthews .lookbook-footer-caption, #article-josh-matthews .lookbook-footer-caption {
  text-align: center; 
  font-size: 10px; 
  color: #666;
  padding: 0 20px;
}

#page-josh-matthews .blog-img-caption, #article-josh-matthews .blog-img-caption {
  padding: 0px;
  top: 10px;
}

@media (max-width:900px) {
  #page-josh-matthews .blog-img-caption, #article-josh-matthews .blog-img-caption {
      text-align: center!important;
      float: none!important;
      margin: 0 auto;
    padding: 0 20px;
  }
  #page-josh-matthews .carousel-caption4, #article-josh-matthews .carousel-caption4 {
    height: auto;
    padding: 10px 0px 30px 0px;
  }
  #page-josh-matthews .footer_new4, #article-josh-matthews .footer_new4 {
    padding: 0px;
  }
}

.gramparents {
  max-width: 500px; margin: 0 auto; display: block; fill: #efbe19;
  overflow: visible!important;
}

.gramparents-image {
  display: block; 
  max-width: 400px; 
  margin: 0 auto;
}

.gramparents-wrapper {
  position: absolute; width: 100%; bottom: 7vh;
}

@media (max-width:500px) {
  .gramparents {
  width: 200px;
  }
  .gramparents-image { 
    max-width: 280px; 
  }
  .gramparents-wrapper {
  bottom: 120px;
}
}

.josh-article-text {
  font-size: 18px;
  line-height: 28px;
  max-width: 685px!important;
}

#page-josh-matthews p, #article-josh-matthews p {
  line-height: 21px;
  font-size: 13px;
}

@keyframes fadeinout {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes fadeinout{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeinout{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeinout{
  0%   { opacity:1; }
  40%  { opacity:0; }
  100% { opacity:1; }
}
.fadeinout {
   -webkit-animation: fadeinout 6s ease-in-out infinite;
   -moz-animation: fadeinout 6s ease-in-out infinite;
   -o-animation: fadeinout 6s ease-in-out infinite;
    animation: fadeinout 6s ease-in-out infinite;
}

.josh-quarter {
  width: 25%; 
  display: inline-block;
}

.josh-1, .josh-2, .josh-3, .josh-6, .josh-9, .josh-11, .josh-13, .josh-15, .josh-16, .josh-17, .josh-18 {
  opacity: 0;
  -webkit-transform: translate3d(0, 55px, 0);
  transform: translate3d(0, 55px, 0);
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  
  -moz-transition: all .8s ease-in-out;
  -webkit-transition: all .8s ease-in-out;
  -o-transition: all .8s ease-in-out;
  -ms-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}
  

.josh-4, .josh-7, .josh-10, .josh-14 {
  opacity: 0;
  -webkit-transform: translate3d(55px, 0, 0);
  transform: translate3d(55px, 0, 0);
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  
  -moz-transition: all .8s ease-in-out;
  -webkit-transition: all .8s ease-in-out;
  -o-transition: all .8s ease-in-out;
  -ms-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}

.josh-5, .josh-8, .josh-12 {
  opacity: 0;
  -webkit-transform: translate3d(-55px, 0, 0px);
  transform: translate3d(-55px, 0, 0px);
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  
  -moz-transition: all .8s ease-in-out;
  -webkit-transition: all .8s ease-in-out;
  -o-transition: all .8s ease-in-out;
  -ms-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}

.josh-done {
  opacity: 1!important;
  -webkit-transform: translate3d(0, 0px, 0)!important;
  transform: translate3d(0, 0px, 0)!important;
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
  transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.6s linear 0.1s;
}

.img-right-wrapper-josh {
    padding: 0 50px 0 0px; 
}


.img-left-wrapper-josh {
    padding: 0 0px 0 50px;
}

@media (max-width:900px) {
  
  .img-right-wrapper-josh {
      padding: 0px; 
  }
  
  .img-left-wrapper-josh {
    padding: 0px;
  }
  
}

.josh-text-wrapper {
  padding: 20px 40px;
  max-width: 500px;
  margin: 0 auto;
}

.table {
  display: table;
  width: 100%;
}

.table-cell-left-50, .table-cell-right-50 {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}

.table-cell-33, .table-cell-33 {
  display: table-cell;
  width: 33.333%;
  vertical-align: middle;
}

@media (max-width:900px) {
  
  .table-cell-left-50, .table-cell-right-50 {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
  }
  
  .table-cell-left-50 {
    display: table-header-group;
  }
  
  .table-cell-right-50 {
    display: table-footer-group;
  }
  
  .josh-text-wrapper {
    padding: 20px 20px;
  }
  
}


.collection-list-text {
  font-weight: 600; 
  font-size: 32px; 
  top: 0px; 
  left: 2px;     
  padding: 20px 0 40px 0;
  -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.collection-list-image-wrapper {
  overflow: hidden;
}

.collection-list-image {
  height: 350px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -moz-transition: all 1.1s ease-in-out;
    -webkit-transition: all 1.1s ease-in-out;
    -o-transition: all 1.1s ease-in-out;
    -ms-transition: all 1.1s ease-in-out;
    transition: all 1.1s ease-in-out;
}

.collection-list-link {
    display: block; 
    width: 100%;
    -moz-transition: all 1.1s ease-in-out;
    -webkit-transition: all 1.1s ease-in-out;
    -o-transition: all 1.1s ease-in-out;
    -ms-transition: all 1.1s ease-in-out;
    transition: all 1.1s ease-in-out;
  }

.collection-list-link:hover .collection-list-image {
    cursor: pointer;
    transform: scale(1.05);
    -moz-transition: all 1.1s ease-in-out;
    -webkit-transition: all 1.1s ease-in-out;
    -o-transition: all 1.1s ease-in-out;
    -ms-transition: all 1.1s ease-in-out;
    transition: all 1.1s ease-in-out;
  }

.collection-list-link:hover .collection-list-text {
  color: #ccc;
    /* color: dodgerblue; */
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }


@media (max-width:500px) {
  
  
 #list-collections .page-padding {
   padding: 0px;
 }
  
  .collection-list-text {
    font-weight: 600;
    font-size: 21px;
    top: 0px;
    left: 2px;
    padding: 8px 12px 40px 10px;
  }
  
  .collection-list-image {
    height: 250px;
  }
}

.facial-fuzz-main-image {
  background: url(/cdn/shop/files/face-fuzz1.jpg?5388226672716430794);
  margin-bottom: 80px;
}

.collection-image-text-block {
  position: absolute; 
  top: 0px; 
  left: 0px; 
  width: 100%; 
  padding-right: 20px; 
  font-size: 40px; 
  color: #ee5943;
}

.marquee {
  width: 100%;
  margin: 0 auto!important;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  font-size: 13px;
  background-color: none;
  padding: 2px 0;
  position: absolute;
  top: 0px;
  opacity: 1;
  z-index: 1;
  color: #000;
}

.marquee span {
  animation: marquee 25s linear infinite;
  width: 926px;
  position: relative;
}

@keyframes marquee {
    0%   { left: -926px; }
    100% { left: 100vw; }
}

.marquee2 {
    width: 100%;
    margin: 0 auto!important;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    font-size: 18px;
    color: #000;
    padding: 2px 0;
    position: absolute;
    bottom: 0px;
    opacity:1;
}

.marquee2 span {
  animation: marquee2 12s linear infinite;
  width: 280px;
 position: relative;
}

@keyframes marquee2 {
    0%   { left: -280px; }
    100% { left: 100vw; }
}

.marquee span:hover, .marquee2 span:hover {
    animation-play-state: paused;
}

@media (max-width:900px) {
  .marquee {
  	top: 40px;
    opacity: 1;
  }
  .marquee2 {
  	bottom: 10px;
    opacity: 1;
  }
}





.scroll-right {
 height: 40px;	
 overflow: hidden;
 position: relative;
 background: transparent;
 color: #7ac3ed;
}
.scroll-right p {
 position: absolute;
  font-size: 24px;
 width: 434px;
 height: 100%;
 margin: 0;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(-434px);
 -webkit-transform:translateX(-434px);	
 transform:translateX(-434px);
 /* Apply animation to this element */	
 -moz-animation: scroll-right 15s linear infinite;
 -webkit-animation: scroll-right 15s linear infinite;
 animation: scroll-right 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-right {
 0%   { -moz-transform: translateX(-434px); }
 100% { -moz-transform: translateX(100vw); }
}
@-webkit-keyframes scroll-right {
 0%   { -webkit-transform: translateX(-434px); }
 100% { -webkit-transform: translateX(100vw); }
}
@keyframes scroll-right {
 0%   { 
 -moz-transform: translateX(-434px); /* Browser bug fix */
 -webkit-transform: translateX(-434px); /* Browser bug fix */
 transform: translateX(-434px); 		
 }
 100% { 
 -moz-transform: translateX(100vw); /* Browser bug fix */
 -webkit-transform: translateX(100vw); /* Browser bug fix */
 transform: translateX(100vw); 
 }
}

.bowling-main-image {
  background: url(/cdn/shop/files/MG_6452.jpg?9535536099680018593);
  margin-bottom: 80px;
  
}

.article-main-image {
  position: relative; 
  height: 100vh; 
  width: 100%; 
  overflow: hidden;;
  			background-repeat: no-repeat;
  			background-position: center center;
  			-webkit-background-size: cover;
  			-moz-background-size: cover;
  			-o-background-size: cover;
  			background-size: cover;
  background-attachment: fixed;
}

@media (max-width:600px) {
  .article-main-image {
  	background-attachment: initial;
  }
}


.article-img-table-cell-50 {
  display: table-cell; 
  width: 50%;
}

.article-img-table-cell-33 {
  display: table-cell; 
  width: 33.333%;
}

@media (max-width:600px) {
  .article-img-table-cell-50, .article-img-table-cell-33 {
  	display: block; width: 100%;
  }
}

#customer_logout_link {
  cursor: pointer;
}

#customer_logout_link:hover {
  cursor: pointer;
  color: #ccc;
}


.new-centered-article-text:first-of-type {
  font-size: 17px;
  line-height: 27px;
  max-width: 580px;
  margin: 50px auto 80px auto;
  padding: 20px;
}


.new-centered-article-text {
  display: block;
  font-size: 14px;
  line-height: 22px;
  max-width: 500px;
  margin: 80px auto;
  padding: 20px;
}
.new-centered-article-text-model-description {
  display: block;
  font-size: 14px;
  line-height: 22px;
  max-width: 500px;
  margin: 20px auto;
  padding: 20px;
  text-align: center;
}

@media (max-width:600px) {
  .new-centered-article-text:first-of-type {
    font-size: 15px;
    line-height: 23px;
    margin: 0px auto 40px auto;
    padding: 20px;
  }
  .new-centered-article-text {
    margin: 40px auto;
    padding: 20px;
  }
}
  

.centered-article-text p > a, #article-lake-x p > a {
  text-decoration: underline;
}

.centered-article-text a:hover, #article-lake-x a:hover {
  color: #ccc;
  text-decoration: none;
}

.centered-article-text .blog-img-caption, #article-lake-x .blog-img-caption {
  margin: 0 auto;
  text-align: center;
  line-height: 14px;
}

.centered-article-text img, #article-lake-x #content img {
  display: block;
  max-width: 100%;
  padding: 60px 10px;
  margin: 0 auto;
  width: 100%;
}

.centered-article-text, .lake-x-text {
  max-width: 1000px; 
  margin: 80px auto;
  padding: 0 20px;
}

.max-width-1100 {
    max-width: 1100px;
    margin: 0 auto;
}


.centered-article-text p:first-of-type, .lake-x-text p:first-of-type {
  font-size: 18px;
  line-height: 28px;
  max-width: 580px;
}

.centered-article-text p, .lake-x-text p {
  font-size: 14px;
  line-height: 20px;
  max-width: 500px;
  margin: 20px auto;
}

.lake-x-title {
  position: absolute; 
  top: 40vh; 
  color: #fff; 
  font-size: 140px; 
  text-align: center; 
  width: 100%; 
  font-weight: 600; 
  text-transform: uppercase;
}

.centered-article-title {
  display:block;
  position: absolute; 
  color: #fff; 
  text-align: center; 
  width: 100%; 
  font-weight: 600; 
  text-transform: uppercase;
}


.robert-frank-title {
  bottom: 5vh;
  font-size: 59px;
}

.gutter-title {
  top: 40vh;
  font-size: 59px;
}

.centered-article-title-secondary {
  font-size: 22px;
  font-weight: normal;
  padding-top: 10px;
}

.gutter-secondary-title {
  text-transform: initial;
  font-size: 18px;
  line-height: 24px;
}

#article-bowling .img-left, #article-bowling .img-right {
    max-width: 400px;
    margin: 0 auto 140px auto;
}
  

@media (max-width:600px) {
  .lake-x-title {
    font-size: 40px;
    top: 47vh; 
  }
  .robert-frank-title, .gutter-title {
  font-size: 34px;
  }
  .centered-article-text p:first-of-type, .lake-x-text p:first-of-type {
    font-size: 16px;
    line-height: 24px;
  }
  #article-bowling .img-left, #article-bowling .img-right {
    margin: 0 auto 40px auto;
  }
}

#article-gramparents > #content > .index-scroll-arrow > .index-scroll-arrow-img,
#article-gramparents > .header-fullsite-fixed > .nav-link, 
#article-gramparents > .header-fullsite-fixed > .nav-link-wrapper > .nav-link, 
#article-gramparents > .header-fullsite-fixed > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary,
#article-gramparents > .header-fullsite-fixed > .Adsum > .adsum-logotype, 
#article-gramparents > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link,
#article-gramparents > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary {
  color: #fff;
  fill: #fff;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#article-bowling > #content > .index-scroll-arrow > .index-scroll-arrow-img,
#article-bowling > .header-fullsite > .nav-link, 
#article-bowling > .header-fullsite > .nav-link-wrapper > .nav-link, 
#article-bowling > .header-fullsite > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary,
#article-bowling > .header-fullsite > .Adsum > .adsum-logotype, 
#article-bowling > .header-fullsite > .mobile-links-hide > .nav-link-wrapper > .nav-link,
#article-bowling > .header-fullsite > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary {
  color: #fff;
  fill: #fff;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#article-lake-x > #content > .index-scroll-arrow > .index-scroll-arrow-img,
#article-lake-x > .header-fullsite-fixed > .nav-link, 
#article-lake-x > .header-fullsite-fixed > .nav-link-wrapper > .nav-link, 
#article-lake-x > .header-fullsite-fixed > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary,
#article-lake-x > .header-fullsite-fixed > .Adsum > .adsum-logotype, 
#article-lake-x > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link,
#article-lake-x > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary {
  color: #fff;
  fill: #fff;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.ss17-96degrees-title-wrapper {
    position: absolute;
    bottom: 8vh;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    /* line-height: 31px; */
    padding: 0 20px;
}

.ss17-96degrees-title {
  margin: 0 auto;
}

#article-ss17-malkalm > .header-fullsite > .nav-link, 
#article-ss17-malkalm > .header-fullsite > .nav-link-wrapper > .nav-link, 
#article-ss17-malkalm > .header-fullsite > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary,
#article-ss17-malkalm > .header-fullsite > .Adsum > .adsum-logotype, 
#article-ss17-malkalm > .header-fullsite > .mobile-links-hide > .nav-link-wrapper > .nav-link,
#article-ss17-malkalm > .header-fullsite > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary {
  color: #fff;
  fill: #fff;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.ss17-96degrees {
  opacity: 1; 
  background-image: url(/cdn/shop/files/adsum_MG_3888.jpg?2538379567829987922);
}




.collection-product-description {
  padding: 10px 0 10px;
    font-size: 12px;
    line-height: 15px;
    max-width: 300px;
}


.medium-left .blog-article-title, .medium-right .blog-article-title {
      font-size: 16px;
    font-weight: 700;
    padding: 0 0 0px 0;
}

.blog-post-table:hover > .blog-image {
  opacity: 0.8;
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
    -o-opacity: 0.8;
    -ms-opacity: 0.8;
    opacity: 0.8;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}



.medium-left .blog-text, .medium-right .blog-text {
    display: table-footer-group;
}


.medium-left .blog-category, .medium-right .blog-category {
  height: auto;
  padding: 20px 0 10px 0;
}

.medium-left > .blog-post-table > .blog-image, .medium-right > .blog-post-table > .blog-image {
    display: table-header-group;
    width: 100%;
}

.medium-left, .medium-right {
  width: 50%;
  display: inline-block;
  margin-right: -2px;
  vertical-align: top;
  clear: both;
}

.medium-left {
  padding-right: 20px;
}

.medium-right {
  padding-left: 20px;
}

.medium-left > .blog-post-table, .medium-right > .blog-post-table {
	width: 100%;
}

.fw16-index-header-wrapper:hover + .ss17-landing-link-wrapper > .ss17-landing-link-shop {
    color: white;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
  
.ss17-landing-link-shop {
    display: block;
    /* background-color: #fff; */
    text-align: center;
    text-transform: uppercase;
    margin: 0px auto;
    font-size: 22px;
    color: orangered;
    font-weight: 500;
    padding: 10px;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.article p {
  font-size: 13px;
  line-height: 21px;
      margin: 20px 0 0 0;
  max-width: 500px;
}




.shrink {
  height: 90vh!important;
  -moz-transition: all 1.5s ease-in-out;
  -webkit-transition: all 1.5s ease-in-out;
  -o-transition: all 1.5s ease-in-out;
  -ms-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}

.shrink2 {
  height: 80vh!important;
  -moz-transition: all 1.5s ease-in-out;
  -webkit-transition: all 1.5s ease-in-out;
  -o-transition: all 1.5s ease-in-out;
  -ms-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}

@media (max-width: 900px) {
  .shrink {
  	height: 85vh!important;
  }  
}



.dusty-body {
	max-width: 1000px; 
  margin: 0 auto;
  padding: 0 0 0px 0;
}

.dusty-description {
  font-size: 18px;
  padding: 40px 0 40px 0;
  text-align: center;
  line-height: 145%;
  max-width: 740px;
  margin: 0 auto;
}

@media (max-width: 500px) {
  .dusty-description {
    font-size: 15px;
  }
}

.dusty-tracklist {
  font-size: 14px; 
  padding: 0 0 60px 0; 
  line-height: 20px;
}

.dusty-tracklist-wrapper {
      text-align: center;
}

.dusty-tracklist-cover-wrapper {
  padding-bottom: 20px;
  display: inline-block;
  width: 200px;
  margin-right: -4px;
  vertical-align: top;
}

.dusty-tracklist-cover { 
  max-width: 170px; 
  vertical-align: middle;
  margin: 0 auto;
  padding-bottom: 10px;
}

.dusty-tracklist-cover-image {
  padding: 0px!important; 
  width: 100%; 
  height: auto; 
  margin: 0 auto; 
  display: block;
}

.dusty-tracklist-title {
  vertical-align: middle; 
  padding: 0 10px 0px 10px;
  text-align: center;
  font-size: 11px;
  line-height: 16px;
}

.modifylightbox-popup {
  margin: 0px!important;
}

.modlbx-mfp-container {
  padding: 0px!important;
}

.mdlbx_b3b29f .modifylightbox-popup {
    background: none;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    max-width: 100%!important;
}

.modlbx-mfp-move-from-top .modlbx-mfp-content {
    vertical-align: bottom!important;
}

#modlbox-mailchimp-b3b29f .input-append {
  width: 420px;
}

.modlbx-mfp-close {
   font-family: helvetica!important;
  font-weight: 300;
      font-size: 24px!important;
   -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.modlbx-mfp-close:hover {
-moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.mdlbx_b3b29f .modifylightbox-popup {
      box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
}

.ss17-landing-link-wrapper {
  position: absolute; 
  /* top: 100px; */
  top: calc(65vh - 21px);
  left: 16vw; 
  width: 68vw; 
  height: auto; 
  margin: 0 auto;
  opacity: 0;
  visibility: hidden;
      -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.lb-extra-spacing {
  padding-top: 140px;
}

.lb-extra-spacing-ss21 {
  padding-top: 70px;
}

#article-ss17-lightblue-lookbook .index-scroll-arrow {
  bottom: 20px;
}

.ss17-lb-image {
  border: 16px #ff6825 solid; 
  opacity: 1; 
  background-image: url(/cdn/shop/files/MG_0067.jpg?15718116908391603920);
}

.ss17-lb-main {
  position: relative; 
  margin-bottom: 205px;
}

.ss17-lb-title {
    position: absolute;
    bottom: 10vh;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    color: #ff6825;
    font-weight: 600;
    font-size: 28px;
    padding: 0 20px;
}

.article-one-column img {
  max-width: 800px;
  margin: 0 auto;
}

.mailchimp-email {
    padding-right: 10px;
}

.photo-story-title {
  font-size: 12px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    padding: 101px 0 0 0;
}

.img-left-wrapper {
  padding: 0 50px 0 100px;
}

.img-right-wrapper {
  padding: 0 100px 0 50px;
}

.product-free-shipping {
  font-size: 12px;
  line-height: 17px;
  padding-top: 10px;
}

.product-shipping-text {
  font-size: 11px;
  line-height: 14px;
  max-width: 420px;
  margin: 0 auto;
}

.product-shipping-text h1 {
  font-size: 14px;
  line-height: 24px;
}

.footer-newsletter-block-signup {
  padding-bottom: 40px; 
  max-width: 360px;
}

.footer-newsletter-block {
  display: inline-block; 
  vertical-align: top; 
  width: 85%; 
  color: #000; 
  margin-right: -3px;
}

.footer-newsletter-block-text {
    max-width: 318px;
    padding-bottom: 10px;
    font-size: 12px;
    line-height: 17px;
}

.footer-newsletter-title {
  display: inline-block; 
  vertical-align: top; 
  width: 15%; 
  margin-right: -3px;
}

.footer-copyright {
  float: right;
}

.subscribe-index {
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
      padding: 6px 10px 7px 10px;
  font-weight: 600;
    line-height: 14px;
    width: 70px;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.subscribe-index:hover {
  background-color: #fff;
  color: #000;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.subscribe-index:active {
  background-color: #444;
}

.footer-50percent {
  display: inline-block; 
  width: 50%; 
  margin-right: -3px;
  vertical-align: top;
  color: #000;
  font-size: 11px;
}

.mailchimp-field-index {
    background-color: #fff;
    border: 1px solid #000;
    max-width: 210px;
    width: 70%;
    text-align: left;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    font-size: 11px;
    padding: 6px;
    margin-right: -4px;
  color: #000;
}


.index-news-title {
    font-size: 18px;
    padding: 0px 10px 10px 0px;
    margin-bottom: 16px;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.index-news-title a:hover {
  color: #ccc;
  -moz-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  cursor: pointer;
}

.index-news-title a {
  -moz-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  cursor: pointer;
}

.index-blog-body {
  font-size: 11px;
  line-height: 16px;
  width: 90%;
  max-width: 420px;
}

.index-blog-title {
  font-size: 14px;
  padding: 28px 0 8px 0;
}

.index-blog-block {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  margin-right: -3px;
  padding: 0 10px;
  cursor: pointer;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all ,3s ease-in-out;
}



.blog-index-item:hover > .blog-image {
  cursor: pointer;
  opacity: 0.7;
  -moz-opacity:0.7;
  -webkit-opacity: 0.7;
  -o-opacity: 0.7;
  -ms-opacity: 0.7;
  opacity: 0.7;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.blog-image {
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.index-blog-block:hover > .index-blog-body > .blog-excerpt-link, .index-blog-block:hover > .index-blog-body > .blog-read-more {
  cursor: pointer;
  text-decoration: underline;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.shop-button-photo-story {
  display: block;
  font-size: 12px; 
  font-weight: 500; 
  text-align: center; 
  width: 100%; 
  margin: 40px auto 110px auto;
  max-width: 200px;
  padding: 10px;
  border: 1px solid #000;
  line-height: 20px;
  cursor: pointer;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.shop-button-photo-story:hover {
  background-color: #000;
  color: #fff;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.article-text a {
  text-decoration: underline;
  -moz-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

.article-text a:hover {
  color: #ccc;
  -moz-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

.article-text a:active {
	color: #000;
}
.blog-link-joe {
  display: block;
  text-decoration: none!important;
  text-align: center;
      margin: 30px auto 0 auto;
  max-width: 200px;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0px;
  padding: 4px 16px;
  border: 1px solid #000;
  cursor: pointer;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.blog-link-joe:hover {
  background-color: #000;
  color: #fff;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
  





.index-stealhead-text4 {
  position: absolute;
  left: 200px;
  top: 200px;
  text-align: justify;
  z-index: 2;
  font-size: 7px;
  font-weight: 400;
  max-width: 280px;
  line-height: 14px;
}
  

.index-stealhead-text3 {
  position: absolute;
  left: 240px;
  bottom: 10vh;
  text-align: justify;
  z-index: 2;
  font-size: 7px;
  font-weight: 400;
  max-width: 280px;
  line-height: 14px;
}

.index-stealhead-text2 {
  position: absolute;
  top: 50vh;
  right: 40px;
  text-align: justify;
  z-index: 2;
  font-size: 18px;
  font-weight: 600;
  max-width: 400px;
  line-height: 20px;
}

.index-stealhead-text1 {
    position: absolute;
    bottom: 0px;
    right: 100px;
    text-align: justify;
    z-index: 2;
    font-size: 10px;
    max-width: 440px;
    line-height: 20px;
    padding: 40px;
}

.index-stealhead-video {
  padding: 0; 
  margin: 0;
  position: absolute;
  top: 35vh;
  right: 15vw;
  width: 400px;
  height: 225px;
  overflow: hidden;
  display: block;
  background-color: #fff;
  z-index: 1;
}

.index-stealhead-image {
  position: absolute; 
  top: 35vh; 
  left: 15vw; 
  max-width: 400px; 
  z-index: 1;
}

.index-stealhead-text {
    position: absolute;
    top: 0px;
    left: 0px;
  z-index: 2;
}

.sold-out {
	text-align: left;
    letter-spacing: .01em;
    line-height: 22px;
    text-transform: uppercase;
    padding: 0 0 10px 0;
}

.create-customer-wrapper {
  width: 50%;
}

.account-members-only-link {
  color: #fff;
  cursor: pointer;
  text-decoration: underline;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.account-members-only-link:hover {
  color: green; 
  cursor: pointer;
  text-decoration: underline;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.blog-img-caption {
  font-size: 10px;
  color: #666;
  position: relative;
  top: -32px;
  line-height: 13px;
  max-width: 340px;
  padding: 0 20px;
  grid-column: span 2;
}

.sign-in {

}

.member-table-cell{
  display: table-cell; 
  width: 45%;
  height: 100%;
  vertical-align: middle;
}

.member-table {
  display: table; 
  width: 100%;
}

.members-label {
  font-size: 11px;
  font-weight: 600;
}

.members-button {
  display: block;
  margin-top: 20px;
  width: 100%;
  padding: 20px 6px!important;
}

.members-input {
  width: 100%;
}

.members-description {
  font-size: 13px; 
  line-height: 19px; 
  max-width: 420px; 
  padding-bottom: 40px;
}

#customer_register_link {
    display: block;
    width: 100%;
    padding: 62px 6px;
    border: 1px solid #000;
    text-align: center;
    cursor: pointer;
  font-size: 12px;
}

#customer_register_link:hover {
  color: #fff;
  background-color: #000;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(0, 0, 0)!important;
}


.deschutes-landing-link {
  fill: #fff7d1;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.deschutes-landing-link:hover {
  fill: #d86729;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.ss17-landing-link {
  display: block; 
  text-align: center; 
  text-transform: uppercase; 
  margin-bottom: 30px; 
  font-size: 18px;
  color: #ee5943;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.ss17-landing-link:hover {
  color: #731103;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}




.ss17-landing-link-shop:hover  {
  color: white;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.ss17-landing-link-shop:active {
  color: #ccc;
  -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.variant_title {
    display: inline-block;
}

#variants li {
  display: inline-block;
      vertical-align: baseline;
}

.index-scroll-arrow-img {
  display: block; 
  font-size: 18px;
  margin: 0 auto 0 auto; 
  width: 25px; 
  height: auto;
  opacity: 1;
  visibility: visible;
  animation: bounce 0.9s ease-in-out 2s infinite alternate;
}

@keyframes bounce {
    from {margin: 0 auto 0 auto;}
    to {margin: 0 auto 8px auto;}
}

.index-scroll-arrow:hover > .index-scroll-arrow-img {
  opacity: 0;
  visibility: hidden;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.scroll-down {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 400;
  position: relative;
  top: -14px;
  opacity: 0;
  visibility: hidden;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.index-scroll-arrow:hover > .scroll-down {
  opacity: 1;
  visibility: visible;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.index-scroll-arrow {
  opacity: 0;
  visibility: hidden;
  z-index: 99;
  background-color: transparent;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 0px;
  padding-left: 50px;
  padding-right: 50px;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    
}

.visible {
  opacity: 1!important;
  visibility: visible;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.collection-arrow {
  z-index: 99;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 13px;
    opacity: 1;
    padding-left: 240px;
    padding-right: 50px;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}



.index-stuff-body {
    position: absolute;
    bottom: 80px;
    left: 240px;
    font-size: 18px;
    background-color: #000;
    color: #fff;
    padding: 10px;
}

.index-stuff-link {
  position: absolute;
  bottom: 31px;
  left: 240px;
  text-transform: uppercase;
  color: #fff;
  background-color: #000;
  padding: 10px;
  display: block;
  margin-top: 40px;
  font-weight: 600;
  font-size: 14px;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.index-stuff-link:hover {
  color: #666;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}


.index-stuff-link:after {
  opacity: 1;
  content: "→";
  color: #fff;
  font-weight: 700;
  padding-left: 10px;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.index-stuff-link:hover:after {
  opacity: 1;
  color: #666;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}



.hide3 {
  opacity: 0;
  visibility: hidden;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  animation: none!important;
}

@media (max-width: 900px) {
  .hide3 {
  opacity: 1!important;
  visibility: visible!important;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  animation: none!important;
}
}

.hide4 {
  opacity: 0;
  visibility: hidden;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  animation: none!important;
}

	/* =============================================================================
     BLOG
     ========================================================================== */

.blog-table-wrapper {
  padding-top: 40px;
}

.blog-post-table {
  display: table; 
  width: 100%;
  padding: 40px 0 40px 0;
  border-top: 1px solid #000;
  cursor: pointer;
}

.blog-post-table:hover > .blog-text > .blog-excerpt > .blog-excerpt-link, .blog-post-table:hover > .blog-text > .blog-excerpt > .blog-read-more {
  cursor: pointer;
  text-decoration: underline;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
  

.blog-text {
  display: table-cell; 
  width: 40%; 
  vertical-align: top; 
  height: 400px; 
  padding-right: 60px;
}

.blog-excerpt {
  max-width: 320px;
  margin: 12px 0 0px 0;
  line-height: 18px;
  font-size: 12px;
}

.blog-image {
  /* display: table-cell; */
}

.blog-image img {
  display: block;
  width: 100%;
}

.blog-category {
  width: 100%; 
  height: 25%; 
  font-size: 10px;
}

.blog-article-title {
  display: block; 
  font-size: 26px; 
  line-height: 30px;
  font-weight: 700; 
  padding: 0 0 54px 0;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.blog-excerpt-link {
  font-size: 11px;
  font-weight: 600;
  text-align: left;
  margin-top: 20px;
  transition: all .3s ease-in-out;
  display: block;
}
.blog-excerpt-link:before {
  content: "→ "
}
.blog-excerpt-link:hover, .blog-excerpt-link:active {
  text-decoration: underline;
}
.blog-read-more {
    display: block;
  font-size: 11px;
    letter-spacing: 0.02em;
 
    margin-top: 20px;
    padding: 4px 4px 4px 4px;
    text-align: center;
    cursor: pointer;
  color: #000;
    border: 1px solid #000;
    max-width: 108px;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.blog-read-more:hover, .blog-read-more:active {
  color: #fff;
  background-color: #000;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.blog-excerpt-link + .blog-read-more {
  display: none;
}



.article .credits, #article-lake-x .credits, .centered-article-text .credits {
  padding: 30px 0 0 0;
  font-size: 11px;
  color: #666;
}

.article .credits a, #article-lake-x .credits a, .centered-article-text .credits {
  color: #666;
}

.article-text {
  width: 40%;
  display: inline-block;
  vertical-align: top;
}

.article-text p:first-of-type {
  margin-top: -4px;
  font-size: 16px; 
  line-height: 26px;
}

.article-images {
  width: 60%;
  display: inline-block;
  margin-left: -3px;
  padding-left: 60px;
}
  

.article-images p {
  margin:0;
}

.article-content img {
  padding: 0 0 40px 0px;
  width: 100%;
  display: block;
}

/* =============================================================================
   END OF BLOG
========================================================================== */

.hide4 {
  opacity: 0;
  visibility: hidden;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.deschutes-secondary:hover > .ss17-deschutes-black {
  fill: #d86729;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.footer_new4 > .lookbook-footer-caption > .lookbook-buy-link {
  text-decoration: none;

}

.footer_new4 > .lookbook-footer-caption > .lookbook-buy-link:hover {
  color: #55693d;
  /*color: #d86729;*/
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#page-fw17-lookbook .lookbook-buy-link:hover {
  color: #58b2ff;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#page-fw17-lookbook .lookbook-product-title {
  font-size: 13px;
  line-height: 18px;
  text-align: center
}



/*
.carousel-arrow-4 > .glyphicon-chevron-left {
  left: 50px!important;
}

.carousel-arrow-4 > .glyphicon-chevron-right {
  right: 50px!important;
}

.carousel-arrow-4 {
  width: 50%!important;
}
*/

.deschutes-secondary {
  max-width: 100px; 
  margin: 0 auto;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}  


.footer_new4 > .lookbook-footer-caption > .lookbook-product-title, .footer_new4 > .lookbook-footer-caption > .lookbook-buy-link {
  text-align: center;
  width: 100%;
  display: inline-block;
}

.footer_new4 {
    height: 75px;
    background-color: transparent;
    display: table;
    width: 100%;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.carousel-caption4 {
  left: 20%;
  right: 20%;
  height: 75px;
}

.carousel-inner4 {
  position: relative;
  overflow: hidden;
  width: 100%;
}


.carousel-inner4 > .item > img, .carousel-inner4 > .item > a > img {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: calc(100vh - 150px);
    margin: 0 auto;
}




.ss17-lookbook-menu > .header-fullsite-fixed > .nav-link,
.ss17-lookbook-menu > .header-fullsite-fixed > .nav-link-wrapper > .nav-link, 
.ss17-lookbook-menu > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link, 
.ss17-lookbook-menu > .header-fullsite-fixed > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary,
.ss17-lookbook-menu > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary
{
  color: #fff7d1;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.ss17-lookbook-menu > .header-fullsite-fixed > .nav-link:hover,
.ss17-lookbook-menu > .header-fullsite-fixed > .nav-link-wrapper > .nav-link:hover, 
.ss17-lookbook-menu > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link:hover, 
.ss17-lookbook-menu > .header-fullsite-fixed > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary:hover,
.ss17-lookbook-menu > .header-fullsite-fixed > .mobile-links-hide > .nav-link-wrapper > .nav-link-secondary-wrapper > .nav-link-secondary:hover
{
  color: #000;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.ss17-lookbook-menu > .header-fullsite-fixed > a > .adsum-logotype {
  fill: #fff7d1;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.ss17-lookbook-menu > .header-fullsite-fixed > a > .adsum-logotype:hover {
  fill: #000;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.ss17-title {
  position: absolute; 
  top: 43px; 
  right: calc(50% - 200px); 
  width: 400px; 
  text-align: center; 
  color: #fff7d1; 
  font-size: 20px;
}


.fw17-title {
  position: absolute; 
  top: 43px; 
  right: calc(50% - 200px); 
  width: 400px; 
  text-align: center; 
  color: #fff; 
  font-size: 16px;
}

.ss17-deschutes-wrapper {
  position: absolute; 
  top: calc(50vh - 40px); 
  right: calc(50% - 200px); 
  width: 400px;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.ss17-story-arrow {
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.ss17-deschutes {
  width: 100%; 
  height: auto; 
  fill: #fff7d1;
}

.ss17-deschutes-black {
  width: 100%; 
  height: auto; 
  fill: #000;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.video {
    padding: 0; 
    margin: 0;
    width: 100%;
    min-width: 100%;
    height: 100vh;
    overflow: hidden;
    display: block;
    background-color: #fff;
}

.video video {
  height: 100vh;
  width: 100vw;
  object-fit: cover;
}

.collection-image:hover > .ss17-collection-image-text-block > .collection-image-wrapper > .deschutes-image-wrapper > .deschutes-image-yellow {
  opacity: 1;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}


.deschutes-image-white {
  display: block; 
  max-width: 180px; 
  margin: 0 auto;
}

.deschutes-image-yellow {
  display: block; 
  max-width: 180px; 
  margin: 0 auto; 
  position: absolute; 
  top: 0; 
  z-index: 1;
  opacity: 0;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.deschutes-image-wrapper {
  display: block; 
  max-width: 180px; 
  margin: 0 auto;
  position: relative;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.ss17-lookbook-link-underline {
  height: 1px;
  width: 100%;
  background-color:#fff7d1;
  opacity: 0;
  visibility: hidden;
  width: 130px;
  margin: 0 auto;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.collection-image:hover > .ss17-collection-image-text-block > .ss17-lookbook-link-underline {
  opacity: 1;
  visibility: visible;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
  

.ss17-2017 {
  display: block; 
  margin: 0 auto; 
  text-align: center; 
  color: #fff; 
  font-size: 8px; 
  font-weight: 600; 
  margin-bottom: 7px;
}


.collection-image:hover > .ss17-collection-image-text-block > .ss17-lookbook-link, .collection-image:hover > .ss17-collection-image-text-block > .collection-image-wrapper > .ss17-2017 {
  color: #fff7d1;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.collection-image {
    width: 66.66%;
    padding-right: 20px;
    margin-right: -13px;
    margin-left: 10px;
    /* padding-top: 15px; */
    margin-bottom: 20px;
    display: inline-block;
    cursor: pointer;
}

.collection-image-50 {
    width: 50%;
    padding-right: 20px;
    margin-right: -13px;
    margin-left: 10px;
    /* padding-top: 15px; */
    margin-bottom: 20px;
    display: inline-block;
    cursor: pointer;
}

.collection-image-75 {
    width: 75%;
    padding-right: 20px;
    margin-right: -13px;
    margin-left: 10px;
    /* padding-top: 15px; */
    margin-bottom: 20px;
    display: inline-block;
    cursor: pointer;
}

.collection-image-100 {
  width: 100%;
    padding-right: 20px;
    margin-right: -13px;
    margin-left: 10px;
    /* padding-top: 15px; */
    margin-bottom: 20px;
    display: inline-block;
    cursor: pointer;
}

.ss17-collection-image-text-block {
  position: absolute; 
  bottom: 20px; 
  left: 0px; 
  width: 100%; 
  padding-right: 20px; 
  font-size: 30px; 
  color: #fff;
}

.ss17-lookbook-link {
  display: block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    padding: 0px 0 4px 0;
  margin: 10px auto 0px auto;
    letter-spacing: 0.02em;
    text-transform: uppercase;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

/* =============================================================================
   HAMBURGER MENU
   ========================================================================== */

.hamburger {
  padding: 14px 20px 10px 20px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 20px;
    height: 2px;
    background-color: #000;
    border-radius: 0px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -5px; }
  .hamburger-inner::after {
    bottom: -5px; }

.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.1s 0.14s ease, opacity 0.1s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease, opacity 0.1s 0.14s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* =============================================================================
   END OF HAMBURGER MENU
   ========================================================================== */
.mobile-links-show .nav-link {
  font-size: 18px;
}

.mobile-links-show {
    display: none;
  }

.nav-link-wrapper {
  display: block;
  position: relative;
  width: 80px;
  cursor: pointer;
}

.index-overlay-text {
    position: absolute;
    top: 60px;
    left: 0;
    width: 300px;
    margin: 0px 60px 0 428px;
    font-size: 96px;
    color: #fff;
    z-index: 99;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.fw16-index-header-wrapper:hover + .index-overlay-text {
  opacity: 1;
  visibility: visible;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.fw16-index-header-wrapper:hover > .nav-link {
  color:#ccc;
}

.continue-shopping-button {
    margin-top: 26px;
    display: block;
    border: 1px solid #000;
    padding: 10px 6px;
    width: 150px;
    text-align: center;
    font-size: 14px;
}

.continue-shopping-button:hover {
  background-color: #000;
  color: #fff;
}

.mailchimp-subscribe {
  color: #000; 
  background: transparent; 
  padding-top: 10px; 
  text-transform:capitalize; 
  font-size: 12px;
}

.sale-price {
      display: inline-block;
    padding-right: 4px;
  color: #000!important;
  text-decoration: line-through;
  /* color: red!important; */
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.sale-price:hover {
  color: #ccc!important;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.main-product-description a {
  text-decoration: underline;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.main-product-description a:hover {
  color: #ccc; 
  text-decoration: underline;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.fw16-collection-title {
  font-weight: 600; 
  font-size: 12px; 
  padding-right: 10px; 
  padding-bottom: 44px; 
  background-color: #fff;
}

.four-days-racing {
  height: 16px;
    width: auto;
    margin-top: 0px;
    margin-bottom: 10px;
    display: block;
    z-index: 99;
}

.fw16-index-link {
  text-align: center;
  display: inline-block;
  margin-top: 4px;
  font-size: 12px; 
  font-weight: 400;
  margin-right: 2px;
  padding: 2px 8px;
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  cursor: pointer;
  
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.fw16-index-link:hover {
  color: #000;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.fw16-index-link:active {
  color: #fff;
  background-color:rgba(256,256,256,0.1);
  -moz-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

.fw16-index-link span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.fw16-index-link span:after {
  content: '+';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.fw16-index-link:hover span {
  padding-right: 25px;
}

.fw16-index-link:hover span:after {
  opacity: 1;
  right: 0;
}

.move-left {
  opacity: 1!important;
}

.move-right {
  margin-left: 0px!important;
  opacity: 1!important;
  -moz-transition: all 1.3s ease-in-out;
  -webkit-transition: all 1.3s ease-in-out;
  -o-transition: all 1.3s ease-in-out;
  -ms-transition: all 1.3s ease-in-out;
  transition: all 1.3s ease-in-out;
}

.fw16-index-header {
  width: auto; 
  height: 100%;
  background-image: url(/cdn/shop/products/ss20-ecomm-drop-1-onmodel-1_75_42ac3a8d-1332-4d18-bfc4-92a873004539.jpg?v=1581804448);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  -moz-transition: all 1.3s ease-in-out;
  -webkit-transition: all 1.3s ease-in-out;
  -o-transition: all 1.3s ease-in-out;
  -ms-transition: all 1.3s ease-in-out;
  transition: all 1.3s ease-in-out;
}

.fw16-index-header-wrapper {
    opacity: 1;
    width: auto;
    height: 100%;
    position: relative;
    top: 0%;
    overflow: hidden;
    margin: 0px 34%;
    -moz-transition: all 1.3s ease-in-out;
    -webkit-transition: all 1.3s ease-in-out;
    -o-transition: all 1.3s ease-in-out;
    -ms-transition: all 1.3s ease-in-out;
    transition: all 1.3s ease-in-out;
}

.fw16-index-header:hover {
  cursor: pointer;
  transform:scale(1.15);
  -moz-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}


  

.fw16-index-wrapper {
  width: 60%; 
  float: right; 
  margin: 40px;
  
}

.fw16-index-text-block {
  position: absolute; 
  margin-bottom: -20px;
  opacity: 0;
  bottom: 0px; 
  padding: 20px 40px 82px 400px; 
  background-color: #fff; 
  font-size: 11px;
  width: 100%;
  -moz-transition: all 1.3s ease-in-out;
  -webkit-transition: all 1.3s ease-in-out;
  -o-transition: all 1.3s ease-in-out;
  -ms-transition: all 1.3s ease-in-out;
  transition: all 1.3s ease-in-out;
}

.fw16-collection-image {
      width: 66.66%;
    padding-right: 20px;
    margin-right: -13px;
    margin-left: 10px;
    /* padding-top: 15px; */
    margin-bottom: 20px;
    display: inline-block;
}

.nav-link-secondary-wrapper {
  width: 140px;
}

.nav-link-wrapper:hover > .nav-link + .nav-link-secondary-wrapper {
  opacity: 1;
  visibility: visible;
  left: 70px;
  width: 140px;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.nav-link-secondary-wrapper:hover {
  opacity: 1;
  visibility: visible;
  
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.nav-link-wrapper:hover > .nav-link {
  text-decoration: #ccc;
}

span .nav-link-secondary-wrapper {
  position: absolute;
  top: -10px;
  left: 80px;
  padding: 12px 20px;
  
  opacity: 0;
  visibility: hidden;
  
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.move-down {
  opacity: 1!important;
}

.move-up {
  margin-bottom: 0px!important;
  opacity: 1!important;
  -moz-transition: all 1.3s ease-in-out;
  -webkit-transition: all 1.3s ease-in-out;
  -o-transition: all 1.3s ease-in-out;
  -ms-transition: all 1.3s ease-in-out;
  transition: all 1.3s ease-in-out;
}

.nav-reveal {
  /* height: 115px!important; */
  padding: 10px!important;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.product-info-content-wrap {
  display: table; 
  height: 100%; 
  width: 100%; 
  padding: 12px 5px 14px;
  margin: 0px 0px 10px 0;
  box-sizing: border-box;
}

.fade-up-and-in {
  position: relative; 
  top: 40px; 
  opacity: 0;
}

.product-info-link {
    color: #888;
    font-size: 10px;
  line-height: 14px;
    letter-spacing: 0.04em;
    display: inline-block;
    padding-right: 10px;
  	
}

.product-info-link:hover {
  color: #000;
}

.product-info-link:active {
  color: #eee;
}

.sizing-chart-table-cell {
  display: table-cell;
  padding: 10px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.ss16-index {
  max-width: 300px; 
  height: 500px; 
  position: absolute; 
  margin: 0 auto; 
  top: 50px; 
  left: 0; 
  bottom: 0; 
  right: 0; 
  padding: 0 20px;
}

.ss16-index2 {
    max-width: 300px;
    position: absolute;
    margin: 0 auto;
    left: 30px;
    bottom: 40px;
    padding: 0 20px;
}

.ss16-index2 > .index-ss16-link {
  margin-right: 20px;
}

.index-ss16-link {;
  font-size: 16px; 
  font-weight: 400;
  cursor: pointer;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  
  position: fixed;
  bottom: 0px;
  width: calc(50% - 6px);
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 24px;
  color: #fff;
  background-color: #000;
}

.index-ss16-link:hover {
  color: #fff;

  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.index-ss16-link:active {
  color: #000;
  background-color:rgba(256,256,256,0.1);
  -moz-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

.index-ss16-link-left {
  left: 0px;
  margin: 0px 2px 4px 4px;
}

.index-ss16-link-right {
  left: 50%;
  margin: 0px 4px 4px 2px;
}

.index-ss16-link span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.index-ss16-link span:after {
  content: '+';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.index-ss16-link:hover span {
  padding-right: 25px;
}

.index-ss16-link:hover span:after {
  opacity: 1;
  right: 0;
}


.delay {
  z-index: 999!important;
}


.ss16-collection-header {
  width: auto; 
  height: calc(100vh - 154px);
  background: white;
  background-repeat: no-repeat;
  background-position: center center;
  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin: 0px 50px 52px 40px;
}

.opacity-0 {
  opacity: 0;
}



#OffAmazonPaymentsWidgets0 {
  width: 106px;
}

.cart-warning {
      line-height: 14px;
}

.no-js #loader-wrapper {
    display: none;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
#loader {
	display: block;
  	padding: 40px 0px 0 40px;
    background: transparent;
    position: fixed;
    top: 0px;
    width: 200px;
  	z-index: 1002;
}

#loader:before {
    content: "";
    position: fixed;
    top: 64px;
    left: 50px
    display: block;
    height: 1px;
    width: 80px;
    background-color: #000;
    -webkit-animation: appear .1s linear, grow 3s linear infinite;
    animation: appear .1s linear, grow 3s linear infinite;
}
@-webkit-keyframes appear {
    0%   {opacity: 0;}
  	100% {opacity: 1;}
}
@keyframes appear {
    0%   {opacity: 0;}
  	100% {opacity: 1;}
}
@-webkit-keyframes grow {
    0%   {width: 0;}
    50% {width: 80px;}
  	100% {width: 0px;}
}
@keyframes grow {
    0%   {width: 0;}
    50% {width: 80px;}
  	100% {width: 0px;}
}
#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1000;
}
 

/* Loaded */
.loaded #loader-wrapper {
  opacity: 0;
	-webkit-transition: all 0.3s 1s ease-out; 
    transition: all 0.3s 1s ease-out;
}
.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out; 
            transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s 0.3s ease-out; 
    transition: all 0.3s 0.3s ease-out;
}






div#main-content { display: none; }

.stuff-a {
  display: block; 
  position: absolute; 
  top: 30px; 
  left: 30px; 
  max-width: 120px;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.stuff-description {
  font-size: 13px;
  line-height: 18px;
  max-width: 380px;
}

.stuff-see-more-main {
    display: block;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
 	color:#fff;
    border: 2px solid #fff;
    background-color: transparent;
    margin-top: 20px;
    padding: 4px 4px 4px 4px;
    max-width: 140px;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.stuff-see-more-main:hover {
    color: #000;
    border: 2px solid #fff;
    background-color: #fff;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}



.stuff-read-more {
  text-decoration: underline;
  display: block;
  font-size: 12px;
  padding: 20px 0 0 0;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.stuff-read-more:hover {
  color: #eee;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.stuff-title {
  font-weight: 700;
  font-size: 18px;
  padding-bottom: 44px;
  padding-top: 7px;
}

.stuff-category {
  /* border-bottom: 1px solid #000;
  padding: 0px 0 6px 0;
  margin-bottom: 10px; */
  font-size: 11px;
  font-weight: 400;
}

  

.stuff-50-image:hover, .stuff-70-left:hover, .stuff-70-right:hover  {
  opacity: 0.7;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
  
.stuff-50-image, .stuff-70-left, .stuff-70-right  {
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.stuff-50-left, .stuff-50-right {
  width: 50%;
  float: left;
  padding: 100px 0 0px 0;
}

.stuff-50-left {
  padding-right: 50px;
}

.stuff-50-right {
  padding-left: 50px;
}

.stuff-50-image {
  padding-bottom: 20px;
}

.stuff-70-left, .stuff-70-right {
  width: 70%;
  float: left;
  padding: 100px 0 0 0;
}

.stuff-70-left {
  padding-right: 50px;
}

.stuff-30-left, .stuff-30-right {
  width: 30%;
  float: left;
  padding: 100px 0 0 0;
}

.stuff-main-caption {
  position: absolute;
  bottom: 0px;
  padding: 30px;
  max-width: 70%;
  letter-spacing: -0.03em;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.stuff-main-caption-category {
  font-size: 18px;
  padding-bottom: 6px;
  border-bottom: 2px solid #fff;
  margin-bottom: 20px;
  font-weight: 700;
  display: block;
  color: #fff;
}

.stuff-main-caption-title {
  font-size: 60px;
  color: #fff;
  font-weight: 700;
}

.stuff-main-caption-secondary {
  font-size: 20px;
  color: #fff;
  padding-top: 20px;
  max-width: 500px;
  line-height: 24px;
}

.stuff-main {
  width: auto; 
  height: calc(100vh - 142px);
  background: black;
  background: url(/cdn/shop/files/adsum_MG_3166-2.jpg?13045350524273220219);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  margin-bottom: 45px;
  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  
}

.stuff-main:hover > .stuff-main-caption > .stuff-see-more-main {
    color: #000;
    border: 2px solid #fff;
    background-color: #fff;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}




.additional-checkout-buttons {
  display: inline-block;
  
  margin-bottom: 10px;
  width: 100%;
}

#page-exile-lookbook > #content >.header-mobile {
  background: transparent;
}

#page-exile-lookbook > #content > .header-fullsite-fixed > .nav-link, #page-exile-lookbook > #content > .header-fullsite-fixed > .nav-link-secondary-wrapper {
  display: none;
}

.desktop-lookbook-header {
  height:100px; 
  display: table; 
  width: 100%;
}

.mobile-lookbook-cover-ss16 {
  min-height: 100vh;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
  background: url(/cdn/shop/files/adsum-ss16-beach.jpg?239819762408256158) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.mobile-lookbook-caption {
  font-size: 13px;
  padding-top: 14px;
  display: block;
}

.mobile-lookbook-image {
  width: 100%;
  height: auto;
  display: block;
}

.mobile-lookbook-block {
  padding: 0 5% 100px 5%;
}

.mobile-lookbook-scroll {
  display: none;
}

.password-input {
  	border-bottom: 1px solid #000;
    width: 100%;
    max-width: 200px;
    margin-top: 10px;
    font-size: 12px;
}

.password-reset {
  margin-top: 10px;
  padding-right: 0px;
  font-size: 12px;
  font-weight: 700;
}

.reset-button {
    padding: 10px;
    color: #fff;
    background-color: #000;
    font-size: 12px;
    margin-top: 20px;
}

/*
.amazon-payments-pay-button:before {
  content: 'Amazon: ';
  color: #000;
  font-size: 16px;
}
*/

.amazon-payments-pay-button {
    display: block;
    border-bottom: 1px solid #eee;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    padding: 20px 0 23px 0;
    margin: 0;
    font-size: 22px;
    width: 100%;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    z-index: 0;
}

.news-sale {
  font-size: 24px; 
  font-weight: 700;
  line-height: 32px;
  padding: 20px 0 0px 0!important;
  color: #fff;
  -webkit-animation-name: white-to-burnt;
  -webkit-animation-duration: 4s;
  animation-name: white-to-burnt;
  animation-duration: 4s;
  animation-iteration-count: 3;
  animation-delay: 0.5s;
  display: block;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

@-webkit-keyframes white-to-burnt {
    0% {color: #fff;}
    50% {color: #ee5943;}
  	100% {color: #fff;}
}

@keyframes white-to-burnt {
    0% {color: #fff;}
    50% {color: #ee5943;}
  	100% {color: #fff;}
}

.news-sale:hover {
  color: #ee5943;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.news-arrow {
    width: 0px;
    display:block;
    font-size: 32px;
    overflow: hidden;
  padding-bottom: 20px;
   -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.news-sale:hover + .news-arrow {
  width: 40px;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

/*
.news-sale:hover:before {
  content:'→';
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
*/


.euro {
    font-size: 40px;
    position: absolute;
    top: calc(50vh - 20px);
    text-align: center;
    left: calc(50% - 15px);
}

p.tradeshow-content {
  font-size: 13px; 
  line-height: 14px;
}

.tradeshow-title {
  font-weight: 700;
  padding: 0 0 4px 0;
  border-bottom: 1px solid #000;
  width: 100%;
}

.index-update {
  font-size: 13px; 
  font-weight: 400; 
  width: 280px; 
  position: absolute;
  top: 100px;
  right: 40px;
  padding: 22px 20px;
  color: #000;
  background-color: #f5f5f5;
  z-index: 1;
}

.index-update .index-blog-block {
  color: #000;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-right: -3px;
    padding: 10px 0px 0 0;
    cursor: pointer;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all ,3s ease-in-out;
}

.index-update .index-blog-title {
  font-weight: 600;
  font-size: 13px;
  padding: 14px 0 10px 0;
  line-height: 16px;
}

/* .index-update .index-blog-body {
    font-size: 11px;
    line-height: 15px;
    width: 95%;
    max-width: 420px;
}
*/
.index-update .blog-excerpt-link, .index-update .blog-read-more {
    margin-top: 10px;
}

.newsletter-text {
    font-size: 12px;
    padding-bottom: 20px;
}


#page-newsletter .mailchimp-subscribe {
      width: 100%;
    max-width: 424px;
}


  
.index-arrow:hover {
  background-color: rgba(36, 56, 43, 1);
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
  
.index-arrow {
  font-size: 14px; 
  font-weight: 400; 
  text-align: center; 
  width: 100%;
  position: absolute;
  bottom: 0px;
  padding: 22px 20px;
  color: #fff;
  background-color: rgba(36, 56, 43, .8);
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.index-more {
  color: #fff; 
  font-size: 13px; 
  display: block; 
  cursor: pointer;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border-bottom: 1px solid #fff;
  width: 41px;
}

.index-more:hover {
  color: #ccc;
  border-bottom: 1px solid #000;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.japan-index {
  position: absolute; 
  bottom: 0px; 
  height: 70px;
  width: 100%; 
  color: #fff; 
  background-color: #000; 
  background: rgba(0, 0, 0, 0.9); 
  z-index: 2;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.nav-up {
  top: -48px;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.header-mobile > .mobile-menu {
  width: 100%;
  overflow: auto;
  max-height: calc(100vh - 100px);
  padding: 8px 20px 0px 20px;
  background: rgba(255,255,255, 1)
}

.header-mobile > .mobile-menu > .nav-link, .header-mobile > .mobile-menu > .mobile-links-show > .nav-link {
    font-size: 18px;
    line-height: 32px;
}

.header-mobile > .mobile-menu > .nav-link-wrapper > .nav-link, .header-mobile > .mobile-menu > .mobile-links-show > .nav-link-wrapper > .nav-link {
    font-size: 18px;
    line-height: 32px;
}

.header-mobile > .mobile-menu > .stuff-toggle:before,  .header-mobile > .mobile-menu > .mobile-links-show > .stuff-toggle:before {
    margin: 0px 11px 0 0px;
    font-size: 22px;
}

.header-mobile > .mobile-menu > .nav-link-secondary-wrapper > .nav-link-secondary, .header-mobile > .mobile-menu > .nav-link-secondary-wrapper > .nav-link, .header-mobile > .mobile-menu > .mobile-links-show > .nav-link-secondary-wrapper > .nav-link {
    font-size: 14px;
    line-height: 26px;
  min-width: 200px;
}

.japan-padding {
  padding: 110px;
}

.japan-footer {
  width: 100%; 
  height: 25vh; 
  display: table; 
  max-width: 600px;
}

.japan-footer-cell {
  display: table-cell; 
  vertical-align: middle; 
  width: 100%; 
  padding: 20px 20px 20px 50px;
  font-size: 12px; 
  line-height: 16px;
}

.japan-mac-fullwidth-5 {
  background-image: url(/cdn/shop/files/adsum-japan-mac-ships.jpg?1159043765389889293s);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  width: 100%;
  height: 100vh;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.japan-mac-fullwidth-4 {
  background-image: url(/cdn/shop/files/adsum-japan-mac-photoshow.jpg?8265999141136945521);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  width: 100%;
  height: 100vh;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.japan-mac-fullwidth-3 {
  background-image: url(/cdn/shop/files/adsum-japan-mac-adsum.jpg?9849194236114463665);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  width: 100%;
  height: 100vh;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.japan-mac-fullwidth-2 {
  background-image: url(/cdn/shop/files/adsum-japan-mac-mountains.jpg?783879708421886182);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  width: 100%;
  height: 100vh;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.japan-mac-fullwidth {
  background-image: url(/cdn/shop/files/adsum-japan-mac-streets.jpg?8982998023986741564);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  width: 100%;
  height: 100vh;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.lookbook-fullwidth, .lookbook-fullwidth-ss17 {
  
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  width: 100%;
  height: 100vh;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
  

.japan-flag {
  border-radius: 50%;
  width: 200px;
  height: 200px;
  background-color: #f21727;
  display: block;
  margin: 20vh auto;
  top: calc(50% - 200px);
  left: calc(50% - 100px);
  /*
  -webkit-animation: japan-grow 5s 1; 
  -moz-animation: japan-grow 5s 1;
  -o-animation: japan-grow 5s 1;
  animation: japan-grow 5s 1;
  */
}

@-webkit-keyframes japan-grow {
  0%   { width: 0px; height: 0px; }
  100% { width: 200px; height: 200px; }
}
@-moz-keyframes japan-grow {
  0%   { width: 0px; height: 0px; }
  100% { width: 200px; height: 200px; }
}
@-o-keyframes japan-grow {
  0%   { width: 0px; height: 0px; }
  100% { width: 200px; height: 200px; }
}
@keyframes japan-grow {
  0%   { width: 0px; height: 0px; }
  100% { width: 200px; height: 200px; }
}

.story-arrow {
  font-size: 22px; 
  font-weight: 700; 
  text-align: center; 
  width: 100%;
  position: absolute;
  bottom: 30px;
  opacity: 1;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.japan-title-2 {
  display: block; 
  font-size: 192px; 
  font-weight: 400; 
  padding-top: calc(50vh - 250px); 
  letter-spacing: .02em;
}

.japan-title {
  font-size: 12px; 
  font-weight: 700; 
  text-align: center; 
  width: 100%; 
  padding: 110px 0 25vh 0;
}

.fw16-title {
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    padding: 110px 0 25vh 0;
    position: absolute;
    top: 0px;
}



.japan-left:hover > .japan-link > .japan-link-heading:before, .japan-right:hover > .japan-link > .japan-link-heading:before {
  padding-right: 15px;
  opacity: 1;
  margin-left: 0px;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.japan-link-heading {
  padding: 25px 0 25px 50px; 
  font-size: 22px;
  color: #fff;
  font-weight: 400;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.japan-link-heading:before {
  content:'+';
  opacity: 0;
  color: #fff;
  width: 30px;
  padding-right: 10px;
  margin-left: -30px;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.japan-link {
  position: absolute; 
  bottom: 0px; 
  height: 70px;
  width: 100%; 
  color: #fff; 
  background-color: #000; 
  background: rgba(0, 0, 0, 0.8); 
  z-index: 2;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.japan-left:hover, .japan-right:hover {
  cursor: pointer;
}

.japan-left:hover > .japan-link, .japan-right:hover > .japan-link {
  height: 33.33%;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
}

.japan-left {
  position: relative;
  width: 50%; 
  float: left; 
  height: 75vh;
  background: url(/cdn/shop/files/adsum-japan-story-landing-film.jpg?9441635486630366224) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.japan-right {
  position: relative;
  width: 50%; 
  float: left;
  height: 75vh;
  background: url(/cdn/shop/files/adsum-japan-story-landing-digital.jpg?9441635486630366224) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.nav-link-secondary-wrapper,  .nav-link-secondary-wrapper-shop{
  padding: 10px;
}


.stuff-toggle {
  display: inline-block; 
  width: 100%;
  cursor: pointer;
}

.stuff-toggle:before {
  content: '+';
  margin: 0px 4px 0 -12px;
  display: inline-block;
  width: 8px;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
}


.stuff-toggle:hover {
  color: #ccc;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.stuff-toggle.expanded {
  color: #000;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.stuff-toggle.expanded:before {
  content: '-';
  display: inline-block;
  width: 8px;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}


.stuff-toggle.expanded:hover {
  color: #ccc;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.stuff-links {
  display: none;
}

.special-link {
  color:#ee5943!important;
}

.special-link:hover {
  color:#ccc!important;
}


.left-50 > .ss16-preview-content {
  padding: 10px 10% 10px 30%;
}

.right-50 > .ss16-preview-content {
  padding: 10px 30% 10px 10%;
}

.ss16-preview-content {
  opacity: 0;
  
  line-height: 15px;
    max-width: 80%;
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  padding: 10px 0 10px 0;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.ss16-preview-content:hover {
  opacity: 1;
  line-height: 15px;
    max-width: 80%;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.ss16-preview-content a:hover {
  color: #ccc;
  cursor: pointer;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
  
  

.japan-mac-fullwidth-4 + .ss16-preview-content {
  text-align: center;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.japan-mac-fullwidth-4:hover + .ss16-preview-content {
  opacity: 1;
  z-index: 3;
  text-align: center;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}


.ss16-preview:hover + .ss16-preview-content {
  opacity: 1;
  z-index: 3;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.preview-ss16-title {
  font-size: 12px; 
  font-weight: 700; 
  text-align: center; 
  width: 100%; 
  padding: 110px 0 25vh 0;
}

.preview-number-title {
  font-size: 12px; 
  font-weight: 700; 
  text-align: center; 
  width: 100%; 
  padding-bottom: 20px;
}

.preview-summer-title {
  font-size: 22px; 
  font-weight: 700; 
  text-align: center; 
  width: 100%;
}

.preview-arrow {
  font-size: 22px; 
  font-weight: 700; 
  text-align: center; 
  width: 100%; 
  padding: 25vh 0 0px 0;
}

.center-single {
  width: 100%; 
  height: auto; 
  display: block; 
  -moz-transition: transform 2.5s;
  -webkit-transition: transform 2.5s;
  -o-transition: transform 2.5s;
  -ms-transition: transform .2.5s;
  transition: transform 2.5s;
  -moz-transform: scale(1,1);
  -webkit-transform: scale(1,1);
  transform: scale(1,1);
}

/*
.center-single:hover {
  -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1);
}
*/

.center-single-margin {
  margin: 140px auto 0px;
  width: 60%;
  opacity: 0; 
}

.center-single-margin-500 {
  margin: 200px auto;
  max-width: 500px;
  width: 60%;
  opacity: 0; 
}

.left-50 {
  opacity: 0; 
  float: left; 
  width: 50%;
}

.right-50 {
  opacity: 0; 
  float: left; 
  width: 50%;
}

.img-left { 
  width: 100%; 
  height: auto; 
  display: block; 
  margin: 0 auto;
}

.img-right { 
  width: 100%; 
  height: auto; 
  display: block; 
  margin: 0 auto;
}

.max-width-400 { max-width: 400px; margin: 0 auto;}
.max-width-500 { max-width: 500px; margin: 0 auto; }
.max-width-600 { max-width: 600px; margin: 0 auto; }
.max-width-700 { max-width: 700px; margin: 0 auto; }
.max-width-800 { max-width: 800px; margin: 0 auto; }
.max-width-900 { max-width: 900px; margin: 0 auto; }
.max-width-1000 { max-width: 1000px; margin: 0 auto; }
.max-width-1200 { max-width: 1200px; margin: 0 auto; }
.max-width-1400 { max-width: 1400px; margin: 0 auto; }

.float-right { float: right; }
.float-left { float: left; }

.adsum-logotype {
    max-width: 80px;
    display: block;
    margin-bottom: 33px;
    border-bottom: 1px solid transparent;
    padding-bottom: 4px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.adsum-logotype-loading {
	position: fixed;
	top: 40px;
	left: 40px;
	z-index: 1001;
	color: #000;
	width: 80px;
}

@media (max-width: 900px) {
  .adsum-logotype-loading {
	position: fixed;
	top: 10px;
	left: 20px;
	z-index: 1001;
	color: #000;
	width: 80px;
  }
}

  
.adsum-logotype:hover {
    border-bottom: 1px solid #000;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.adsum-logotype:active {
  border-bottom: 1px solid #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}



.cart-empty {
    text-align: left;
    padding: 0px 0 65vh 0;
    margin: 0;
    line-height: 12px;
}

.inv_qty {
  color: #ee5943;
  padding-top: 3px;
}

.collection-banner {
  width: 100%; 
  padding: 100px 50px 0px 40px; 
  margin-bottom: -66px;
}

.index-callto {
  width: 420px; 
  margin: 49px auto 0 auto;
}

.index-callto-season {
    font-size: 12px;
    font-weight: 400;
    display: block;
    text-align: center;
    line-height: 12px;
    padding-bottom: 17px;;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.index-callto-season:hover {
  color: #ee5943;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.index-callto-collection {
  font-size: 48px;
  font-weight: 700;
  display: block;
  text-align: center;
  line-height: 44px;
  margin: 0;
  padding: 0;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.index-callto-collection:hover {
  color: #ee5943;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
  

.index-callto-shop {
    width: 77px;
    margin: 0 auto;
    padding: 9px 0px 5px 0px;
    margin-top: 8px;
    font-size: 26px;
    border-bottom: 2px solid #000;
    text-align: center;
    text-transform: uppercase;
    display: block;
    letter-spacing: .02em;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.index-callto-shop:hover {
  border-bottom: 2px solid #ee5943;
  color: #ee5943;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

div.wrap {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
}

/*
div.wrap > div {
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: url('/cdn/shop/files/launch-bg-bernard.jpg?6839939972233188154');
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
    -webkit-animation: mymove 25s infinite;
    animation: mymove 25s infinite;
}

@-webkit-keyframes mymove {
    0%   {transform: scale(1,1);}
    50% {transform: scale(1.2,1.2); ;}
    100% {transform: scale(1,1);}
}

@keyframes mymove {
    0%   {transform: scale(1,1);}
    50% {transform: scale(1.2,1.2); ;}
    100% {transform: scale(1,1);}
}
*/

div.wrap > div {
    position: absolute;
    height: 100%;
    width: 100%;
    -moz-transition: all 5.5s;
    -webkit-transition: all 5.5s;
    transition: all 5.5s;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    /* background-image: url('/cdn/shop/files/launch-bg-bernard.jpg?6839939972233188154'); */
    background-image: url('/cdn/shop/files/adsum-bernard-landing_MG_0927-2.jpg?16854469954150013513');
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
}

div.wrap:hover > div {
    -moz-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);    
}


.page-description {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  padding: 0px 0 20px 0;
  border-bottom: 1px solid #000;
  margin-bottom: 40px;
}

.customer_sidebar {
  font-size: 12px;
  line-height: 18px;
}

.footer-editorial > .footer > .footer-right > .footer-link, .footer-editorial > .footer > .footer-left {
  color: #fff;
  -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.footer-editorial > .footer > .footer-right > .footer-link:hover {
  opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.3)";
    filter: alpha(opacity=0.3);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
 	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

h1.preview-title {
  color: #000; 
  position: absolute; 
  font-size: 84px; 
  top: 80px; 
  left: 400px;
  font-weight: 700;
  line-height: 76px;
  margin:
}

h2.preview-title {
  font-size: 40px; 
  font-weight: 700; 
  padding-bottom: 20px;
}

.preview-text {
  float: left;
  width: 100%;
  padding: 40px 20% 40px 40%;
  background-color: #fff;
  color: #000;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 30px;
}
  

#page-editorial {
  background-color: #000;
}

.editorial-title {
  color: #fff; 
  position: absolute; 
  font-size: 84px; 
  top: 200px; 
  left: 400px;
  font-weight: 700;
}

.editorial-text {
    float: left;
    width: 100%;
    padding: 40px 20% 40px 40%;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 30px;
}

.people-link:hover {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.3)";
    filter: alpha(opacity=0.3);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
 	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.people-link {
  opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
  	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.people-table:hover {

}

.people-table {
    display: table;
    width: 100%;
  	padding-bottom: 40px;
}

.people-table-right {
  display: table-cell; 
  vertical-align: bottom; 
  width: 50%;
}

.people-number {
  padding: 0 0 20px 0;
}

.people-name {
  font-size: 17px;
  padding: 0 0 4px 0;
}

.people-title {
  font-size: 12px;
  font-weight: 700;
  padding: 0 0 54px 0;
}

.people-table-left {
    display: table-cell;
    padding-right: 50px;
    font-size: 12px;
    position: fixed;
    width: calc(50% - 145px);
    height: calc(100vh - 146px);
    overflow: scroll;
  	padding-bottom: 110px;
}

.people-top {
    vertical-align: top;
  	width: 100%;
  	height: 25%;
    font-size: 18px;
}

.people-middle {
    font-size: 26px;
  	font-weight: 700;
  	padding: 0 0 54px 0;
    max-width: 400px;
}

.people-bottom {
    vertical-align: bottom;
    display: table-footer-group;
  	width: 100%;
  	height: 25%;
    font-size: 11px;
  	line-height: 13px;
}

.newsletter {
    width: 100% !important;
    height: 100% !important;
  	background-size: cover !important;
}

.mailchimp-email {
  margin: 0px 0px 14px 0;
  cursor: default!important;
  float: none;
}

.mailchimp-subscribe {
  margin-left: 0px;
  font-size: 12px;
      padding: 6px 10px;
    border: 1px solid #000;
  -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.mailchimp-subscribe:hover {
  color: #fff;
  background-color: #000;
  -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.mailchimp-subscribe:active {
  color: #fff;
  background-color: #ccc;
  -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.mailchimp-field {
  background-color: #efefef;
  border-bottom: 0px solid #000;
  max-width: 210px;
  width: 100%;
  text-align: left;
   -webkit-appearance: none;
  -webkit-border-radius: 0px;
  font-size: 12px;
  line-height: 24px;
  padding: 0 10px;
}

.stockists-table {
  display: table; width: 100%;
}

.stockists-table-left, .stockists-table-middle, .stockists-table-right  {
  display: table-cell; 
  vertical-align: top; 
  font-size: 12px; 
  width: 33.33333%; 
  line-height: 15px;
  padding-top: 16px;
}

.stockists-store-title {
  font-weight: 700; display: block; text-transform: uppercase; padding-bottom: 4px;
}

.stockists-store-info {
  max-width: 75%;
}

#product-description ul {
    /*list-style-position: inside !important;*/
    list-style-type: circle !important;
  	padding: 20px 15px 10px!important;
    line-height: 17px !important;
}

.stockists-country {
  font-size: 1.6em;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
}

.footer-link:hover {
  color: #ccc;
}

.page-padding {
  padding: 40px 40px 0 240px;
}

.page-title {
  font-size: 22px;
  line-height: 22px;
  letter-spacing: .02em;
  text-transform: capitalize;
  padding: 0 0 36px 0;
  margin: 0;
  font-weight: 400; 	
}

#article .page-title {
  padding: 0 0 32px 0;	
}

.lookbook-adsum-logo {
  padding-top: 40px;
}

.product_info_content:active {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.product_info_content {
    opacity: 1;
    padding: 10px 0 0 0;
    height: auto;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    box-sizing: border-box;
}

@media (max-width: 744px) {
  .product_info_content {
    bottom: 0px;
    left: 0px;
    height: auto;
    width: 100%;
  }
  
  #page-ss18-chehalis-lookbook .product_info_content {
    color: #fff;
    background-color: #000;
  }
}

.product-info-content-wrap {
    display: table;
    height: 100%;
    width: 100%;
    padding: 12px 10px 14px;
    margin: 0px 0px 0px 0;
    box-sizing: border-box;
}

.product_info_content:hover, .gallery a:hover > .product_info_content {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.collection-info-content {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.collection-info-content {
    opacity: 0;
  	position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
  	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  	background-color: rgba(255, 255, 255, 0.8);
  	cursor: pointer;
}

.gallery .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font: 0/0 a;
}
   

   
.product-page-image-column {
	grid-column: 1;
	}

.mobile-product {
  display: none;
}
   
.product-page-table {
    display:grid;
    width: 100%;
    padding: 76px 50px 50px 240px;
    grid-template-columns: 65% 35%;
}

@media (max-width: 900px) {
  .product-page-table {
	display: block;
    padding: 0 0px;
  }

  .mobile-product {
    display: block;
  }
}
  

.gallery-padding {
	padding: 52px 0;
}
   
.collection-padding {
	padding: 42px 0px;
}
   
.product-page-padding {
	padding-top:97px
}
   
   
.mobile-menu {
	position: absolute;
	background: #fff;
	z-index: 1;
	left: -100%;
	padding: 20px 40px 30px 20px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
	
.mobile-menu-view {
	left: 0px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
   
.header-mobile {
	display: none;
}

.cart-count {
    position: absolute;
    top: 12px;
    right: 62px;
    color: #000;
    font-size: 10px;
    font-weight: 500;
    padding: 4px 6px 5px 6px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #000;
    /* font-weight: 600; */
}

.mobile-cart-image {
    width: 12px;
    height: auto;
    margin: 13px 0 0 20px;
    display: block;
}

.mobile-logo-block {
  width: -moz-calc(100% - 60px);
  width: -webkit-calc(100% - 60px);
  width: -o-calc(100% - 60px);
  width: calc(100% - 60px);
  float: left;
}
  

.mobile-logo-image {
  max-width: 81px; 
  display: inline-block; 
  margin: 12px 10px 0 20px;
}

.mobile-cart {
  float:left;
  width: 50px;
  -webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}


.no-size {
  display: inline-block;
  padding-top: 6px;
}

.product-size {
  text-align: left;
  display: inline-block;
  width: calc(100% - 84px);
  margin-right: -5px;
  margin-left: 1px;
  font-size: 12px;
  line-height: 1.4em;
}

.product-description {
  width: 100%;
    padding-bottom: 10px;
    max-height: 55vh;
    overflow-x: hidden;
    overflow-y: auto;
  margin-bottom: 10px;
}

.product-info-column {
    grid-column: 2;
    position: sticky;
 
    top: 76px;
    height: fit-content;
    padding-left: 40px;
}

.product-info-column2 {
  display: table-cell;
  vertical-align: top; 
  padding-left: 40px;
  padding-right: 50px;
}

.product-info-column3 {
  display: table-cell;
  vertical-align: top; 
  padding-left: 40px;
  padding-right: 0px;
}

.crosshair {
  cursor: crosshair !important;
}

.product-image-column {
  width: 50%;
  margin-left: 200px;
  margin-top: 75px;
  float: left;
}

.footer-link {
  color: #000;
  margin: 0 15px 0 0;
}

.footer-left {
  display: inline;
  clear: both;
  font-size: 10px;
  line-height: 2.5em;
  height: 40px;
  color: #999;
}

.footer-right {
  display: inline;
}

@font-face {
      font-family: 'menu-icons';
      src: url('/cdn/shop/files/menu-icon.eot?12547386132885498');
      src: url('/cdn/shop/files/menu-icon.eot?12547386132885498#iefix') format('embedded-opentype'),
           url('/cdn/shop/files/menu-icon.woff?12547386132885498') format('woff'),
           url('/cdn/shop/files/menu-icon.ttf?12547386132885498') format('truetype'),
           url('/cdn/shop/files/menu-icon.svg?12547386132885498') format('svg');
      font-weight: normal;
      font-style: normal;
}

.icon-menu:before {
  font-family: 'menu-icons';
  content: '\e801';
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out; 
} 

.icon-menu {
  float: right;
  font-size: 22px;
  width: 50px;
  padding: 12px 4px 11px 16px;
  text-align: left;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

@font-face {
      font-family: 'adsum-icons';
  	  font-display: block;
      src: url('/cdn/shop/files/adsum-icons.eot?12342293693251816510');
      src: url('/cdn/shop/files/adsum-icons.eot?12342293693251816510#iefix') format('embedded-opentype'),
           url('/cdn/shop/files/adsum-icons.woff?12342293693251816510') format('woff'),
           url('/cdn/shop/files/adsum-icons.ttf?12342293693251816510') format('truetype'),
           url('/cdn/shop/files/adsum-icons.svg?12342293693251816510') format('svg');
      font-weight: normal;
      font-style: normal;
}

.icons {
      font-family: "adsum-icons";
      font-display: auto;
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin: 0 0 0 1em;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      line-height: 18px;
      font-size: 14px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
}

.icon-footer {
  float: right;
  color: #000;
  font-display: auto;
}

.icon-footer:hover {
  color: #ccc;
  font-display: auto;
}


.footer {
    width: 100%;
    padding: 40px 40px 40px 40px;
    border-top: 1px solid #eee;
    margin-top: 90px;
    background-color: #fafafa;
  line-height: 15px;
}

.index-footer {
  background-color: transparent; 
  width:100%;
  padding: 100px 50px 0px 50px;
  position: fixed;
  bottom: 0px;
}

.about-text {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    max-width: 500px;
}

.image {
  padding-top: 20px;
  max-width: 600px;
  margin: 0 auto;
}

/*
.image:first-of-type {
  padding-top: 20px;
  max-width: 600px;
  margin: 0 auto;
}
.image {
  padding-top: 0px;
  max-width: 25%;
  margin: 0 auto;
  display: inline-block;
  vertical-align: middle;
  margin-right: -3px;
}
*/
.subtotal {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 20px 0;
  margin: 10px 0 0px 0;
  font-size: 14px;
}

.cart-update-button, .cart-remove-button {
  color: #666;
  float: right;
  -webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
  text-transform: capitalize;
  font-size: 12px;
  line-height: 20px;
  padding: 0 4px;
}

.cart-update-button:hover, .cart-remove-button:hover {
  color: #000;
  transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
}

.reminder {
    background-color: red;
    color: #fff;
    margin-top: 3px;
    padding: 4px 10px;
  width: 100%!important;
  text-align: center!important;
   transition: all .1s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

.product-heading-title {
  text-align: left; 
  font-weight: 700; 
  padding: 20px 0 14px; 
  letter-spacing: .01em;
}

.product-info-variable {
  float: right; 
  width: 50%; 
  text-align: right;
}

.product-info-variable2 {
    display: inline-block;
    width: calc(100% - 85px);
    text-align: left;
  	line-height: 18px;
  margin-right:-4px;
}

.product-info-title {
  text-align: left; 
  display: inline-block;
  padding-right: 10px;
  line-height: 18px; 
  text-transform: capitalize;
  font-size: 12px;
  letter-spacing: .02em;
  font-weight: 700;
  width: 85px;
  vertical-align: top;
  transition: all .1s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

.product-info-title-end {
  text-align: left; 
  display: inline-block;
  padding-right: 10px;
  line-height: 18px; 
  font-size: 12px;
  letter-spacing: .02em;
  font-weight: 400;
  width: 100%;
  vertical-align: top;
  transition: all .1s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

.leftright {
  font-weight: 700;
  padding-right: 12px;
  display: inline-block;
  text-transform: uppercase;
}

.about-title {
  font-weight:600; 
  display: block;
}

.about-body {
  line-height: 16px; 
  padding: 6px 0 10px 0; 
  display: block;
  font-size: 12px;
}


.lookbook-caption {
  font-size: 10px; 
  display: block; 
  line-height: 16px;
  text-align: left;
  display: table;
}

.lookbook-caption-info {
  display: block; 
  float: left; 
  font-size: 14px; 
  font-weight: 700; 
  padding-right: 6px; 
  line-height: 14px;
}

#carousel-mobile {
  display: none;
}

.lookbook-logo {
  max-width: 80px; 
  display: block; 
  margin-left: 50px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
}

.lookbook-logo:hover {
  opacity: 0.1;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
}

.carousel-footer {
  display: table-cell;
  vertical-align: middle;
  padding-left: 50px;
  padding-right: 50px;
  font-size: 13px;
  text-align: left;
}

.footer_links {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px;
  font-size: 13px;
  padding-top: 6px;
}

.carousel-inner3 > .item > img, .carousel-inner3 > .item > a > img {
  display: block;
  width: 100% \9;
  max-width: 100%;
  /* height: auto; */
  height: calc(100vh - 200px);
  margin: 0 auto;
}

.footer_new {
  height: 100px;
  background-color: transparent;
  display: table;
  width: 100%;
}

.lookbook-footer-caption {
  display: table-cell;
  vertical-align: middle;
  font-size: 10px;
  padding: 0 50px;
  line-height: 15px;
  width: 25%
}

.lookbook-product-title {
  font-weight: 700;
  display: block;
  font-size: 11px;
  padding: 0px;
  margin: 0px;
}

.lookbook-description {
  max-width: 600px;
}

.lookbook-header {
  height: 100px; 
  display: table; 
  width: 100%;
}

.lookbook-buy-link {
  z-index: 999;
  text-decoration: underline;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

.lookbook-buy-link:hover {
  color: #ccc;
  text-decoration: underline;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

.carousel-caption2 {
  left: 20%;
  right: 20%;
  height: 100px;
}

.carousel-inner3 {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.contact {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .02em;
  padding: 120px 0 0 0;
  width: 100%;
  max-width: 600px;
  text-align: justify;
  text-justify: inter-word;
  line-height: 14px;
}

.size-title {
}

@media (max-width: 900px) {
  .size-title {
    display: block;
    text-align: center;
    font-size: 10px; 
    text-transform: uppercase; 
    padding: 4px 0 4px 0;
    width: 100%
  }
  .product-size {
    text-align: center;
    display: block;
    width: 100%;
    margin-right: 0;
  }
  #collection-sale .product-size {
    text-align: left;
  }
}

.sold_out {
  text-decoration: line-through;
  color: #eee;
  display: inline-block;
  border: 1px solid #eee;
  cursor: pointer;
  margin: 1px 0;
  font-weight: 400;
  line-height: 14px;
  width: 40px;
  text-align: center;  
}

#collection .sold_out {
    border: 1px solid #eee;
    color: #eee;
    font-weight: normal;
    font-size: 8px;
    line-height: 12px;
}

@media (max-width: 500px) {
  	.sold_out {
	  width: 35px;
      font-size: 8px;
      line-height: 10px;
      margin: 3px 0;
    }
}

.contact-popup {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .02em;
  padding: 20px 20px;
  width: 100%;
  line-height: 16px;
  height: 100%;
}

.header {
  padding: 50px 60px 0 50px;
}

.about_heading {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: .02em;
  padding: 120px 0 0 0;
  width: 500px;
  max-width: 600px;
  text-align: justify;
  text-justify: inter-word;
  line-height: 20px;
  min-width: 250px;
}

.text-summer {
  font-size: 56px; 
  font-weight: 700; 
  top: 5vh;
  position: relative;
  padding-top: 40vh;
  text-align: center; 
  text-transform: uppercase;
  -webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.text-summer:hover {
  letter-spacing: 0px;
  -webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.social_link_image {
  width:28px; height: auto;
}

.social_links {
display:table-cell; vertical-align:top;text-align:right;padding-top:3px;
}

.index_3rd_1 {
  width: 28%;
  margin: 0 1% 0 5%;
  display:block;
  height:auto;
  float:left;
}

.index_3rd_2 {
  width: 28%;
  margin: 0 2%;
  display:block;
  height:auto;
  float:left;
}

.index_3rd_3 {
  width: 28%;
  margin: 0 5% 0 1%;
  display:block;
  height:auto;
  float:left;
}

.index_2nd {
width:43%; margin:0 2% 0 5%; float: left;
}

.index_2nd2 {
width:43%; margin:0 5% 0 2%; float: left;
}


.index_2nd_title {
text-align:center; padding: 20px 0 20px 0;
}

.nav-link-white {
  color: #fff;
  line-height: 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  letter-spacing: .02em;
  font-size: 12px;
  display: inline-block;
  	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.nav-link-white:hover {
  padding-left: 0px;
  color: #ccc;
  	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.editorial-link > .stuff-links > .nav-link {
    color: #fff;
   -webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.editorial-link > .stuff-links > .nav-link:hover {
    color: #ccc;
  	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.editorial-link > .nav-link {
  color: #fff;
  line-height: 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  letter-spacing: .02em;
  font-size: 12px;
  display: inline-block;
  	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.editorial-link > .nav-link:hover {
  padding-left: 0px;
  color: #ccc;
  	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.nav-link {
  color: #000;
  line-height: 16px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    letter-spacing: .02em;
    font-size: 11px;
  display: inline-block;
  	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.nav-link:hover {
  padding-left: 0px;
  color: #ccc;
  /*color: green;*/
  /*text-transform: uppercase;*/
  	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
.nav-link-secondary {
  color: #000;
  line-height: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  letter-spacing: .02em;
  font-size: 11px;
  display: block;
  	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
.nav-link-secondary:hover {
  color: #ccc;
  	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
}

.display_none {
  opacity: 0;
  display: none;
}

.index_carousel1 {
  width:auto; height: 100vh; 
  background: url(/cdn/shop/files/adsum-carousel2.jpg?16368201059020145381) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }

.index_carousel2 {
  width:auto; 
  height: 100vh; 
  background: url(/cdn/shop/files/macnee-caoursel-1.jpg?181);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  }
  

.index-launch {
  width: auto; 
  height: 100vh;
  background: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.index-launch-2 {
  width: auto; 
  height: 100vh;
  background: black;
  background: url(/cdn/shop/files/adsum-japan-mac-mountains-2.jpg?2424550221028174104);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.index-block-1 {
  width:auto; height: 100vh; 
  background: url(/cdn/shop/files/adsum-carousel2.jpg?15801462284821472322) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.index-block-1-2 {
  width:auto; 
  height: 100vh;
  background: white;
  background: url(/cdn/shop/files/adsum-block-1.jpg?2119618220332043666) no-repeat center center fixed;
  /*background: url(/cdn/shop/files/adsum-IMG_4130-web.jpg?11023836806376497590) no-repeat center center fixed;
  background: url(/cdn/shop/files/adsum-splash2.jpg?1191801960889818829) no-repeat center center fixed;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.index-block-2 {
  width:auto; height: 100vh; 
  background: url(/cdn/shop/files/adsum-block2.jpg?15801462284821472322) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.response {
  background: #fff!important;
  font-size: 16px!important;
line-height: 20px!important;
 
}

.newsletter_input_title {
  display: block; 
  margin: 20px 0 10px 0; 
  line-height: 1em; 
  text-align: center;
}
  


form label:hover {
  cursor:pointer;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

input[type="radio"]:hover + label {
  border: 1px solid #ccc;
  background-color: #eee;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

input[type="radio"] {
  -webkit-appearance: radio;
  float: left;
  width: 0px;
  opacity: 0;
  height: 0px;
}

input[type="radio"] + label {
  display: inline-block;
  border: 1px solid #eee;
  cursor: pointer;
  margin: 1px 0;
  font-weight: 400;
  line-height: 14px;
  width: 40px;
  text-align: center;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

#product-sunglasses input[type="radio"] + label, #product-sunglasses .sold_out {
  width: 100px;
}

@media (max-width: 500px) {
  input[type="radio"] + label {
    width: 47px;
    font-size: 10px;
    line-height: 18px;
  }
  #product-sunglasses input[type="radio"] + label, #product-sunglasses .sold_out {
    width: 100px;
  }
}

input[type="radio"]:checked + label {
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}
  
.newsletter_input {
  width: 99.8%; 
  float: left; 
  z-index: 0;
  height: 30px;
  background-color: #efefef;
}

.subscribe_button {
  clear: both; 
  width: 100%; 
  display: block; 
  margin: 40px 0 0 0; 
  background: #fff; 
  border: 1px solid #000; 
  text-transform: uppercase; 
  font-family: 'futura-pt', futura, sans-serif; 
  font-style: normal; 
  height: 46px;
  font-size: 16px;
}

.subscribe_button:hover {
  cursor: pointer;
  background: #000;
  color: #fff;
}

.about_image {
  max-width: 300px;
  height: auto;
  margin: 0 auto;
  display: block;
}

.about_text {
  text-align: center;
  text-transform: uppercase;
  margin-top: 20px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
}

.lookbook_link {
  width: 98%;
  padding: 20px 0;
  display: block;
  margin: 60px auto;
  text-align: center;
  color: #000;
  border:1px solid #fff;
  font-weight: 400;
  letter-spacing: .09em;
  font-size: 16px;
}

div.social a:hover: {
    color:#fff;
}

#headerDiv {
position: absolute;
top: 233px;
right: 30px;
float: right;
color: #000;
z-index: 99;
}

#headerDiv a {
    color: #000;
}

#headerDiv a:hover {
    color: #CCC;
}

.lookbook_link:hover {
  border:1px solid #000;
}

	.lookbook_table {
		display: table; 
		width: 100%; 
		padding: 100px 0 0 0;
	}
	
	.lookbook_table_left {
		display: table-cell; 
		width: 15%; 
		vertical-align: middle;
	}
	
	.lookbook_table_middle {
		display: table-cell; 
		width: 60%; 
		padding: 0 5%; 
		vertical-align: top;
		position: relative;
	}
	
	.lookbook_table_right {
		display: table-cell; 
		width: 15%; 
		vertical-align: middle;
	}
	
	.lookbook_logo {
		max-width: 80px; 
		height: auto; 
		margin: 0 auto; 
		display: block; 
		padding: 10px 0 20px 0;
	}
	
	.lookbook_title {
		font-size: 18px; 
		text-align: center;
	}
	
	.lookbook_copy {
		max-width: 400px; 
      font-size: 14px; 
      line-height: 18px; 
      text-align: center; 
      margin: 0 auto;
	}
	
	.lookbook_look {
		width: 100%; height: auto; max-width: 600px; margin: 60px auto 0 auto; display: block;
	}


.collection_title {
  text-align: center; 
  font-size: 20px;
}



.stockists_left {
  display: table; width: 90%; padding: 0 5%; font-size: 13px; letter-spacing: .05em; height: 32px;
}

.stockists_right {
  padding: 14px 0; display: table-cell; width: 33.33%; text-align: right; font-size: 11px; line-height: 16px; letter-spacing: .1em;
}

/* MENU */

ul#css3menu2,ul#css3menu2 ul{
    margin:0;
	list-style:none;
	padding:0;
}
ul#css3menu2 ul{
	display:none;
	position:absolute;
	left:0;
	top:100%;
	background:transparent;
	padding:0 10px 10px 5px;
	}
ul#css3menu2 li:hover>*{
	display:block;
	}
ul#css3menu2 li{
	position:relative;
	display:block;
	white-space:nowrap;
	font-size:0;
	float:left;
	}
ul#css3menu2 li:hover{
	z-index:1;
	}
ul#css3menu2{
	font-size:0;
	z-index:999;
	position:relative;
	display:inline-block;
	zoom:1;
	padding:0;
	*display:inline;
    margin: 0 0 0 -10px
	}
* html ul#css3menu2 li a{
	display:inline-block;
	}
ul#css3menu2>li{
	margin:0;
	}
ul#css3menu2 a:active, ul#css3menu2 a:focus, ul#css3menu2 a:hover{
	outline-style:none;
	}
ul#css3menu2 a{
  display: block;
  vertical-align: middle;
  text-align: left;
  text-decoration: none;
  font-style: normal;
  font-weight: 500;
  list-style: none;
  font-size: 13px;
  color: #000000;
  cursor: pointer;
  padding: 0 10px;
  background: transparent;
  text-transform: capitalize;
  letter-spacing: .02em;
}

ul#css3menu2 ul li{
	float:none;
	margin:10px 0 0;
	}
ul#css3menu2 ul a{
	text-align:left;
	padding:4px;
	background:transparent;
	background-image:none;
	border-width:0;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	color:#000;
	text-decoration:none;
	}
ul#css3menu2 li:hover>a,ul#css3menu2 li a.pressed{
	background:transparent;
	color:#ccc;
	text-decoration:none;
	
	
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	}
ul#css3menu2 span{
	display:block;
	overflow:visible;
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:0px;
	}
ul#css3menu2 ul li:hover>a,ul#css3menu2 ul li a.pressed{
	background-color:transparent;
	background-image:none;
	color:#ccc;
	text-decoration:none;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	}
ul#css3menu2 li.topfirst>a{
	border-radius:0px 0 0 0px;
	-moz-border-radius:0px 0 0 0px;
	-webkit-border-radius:0px;
	-webkit-border-top-right-radius:0;
	-webkit-border-bottom-right-radius:0;}
ul#css3menu2 li.toplast>a{
	border-radius:0 0px 0px 0;
	-moz-border-radius:0 0px 0px 0;
	-webkit-border-radius:0;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	}

/* END OF MENU */

textarea, input,
input[type="text"],
input[type="button"],
input[type="submit"] {
   -webkit-appearance: none;
   border-radius: 0;
   outline: none;
}

.active {
    opacity:1!important;
  	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
  	z-index: 1!important;
  	display: block!important;
  	top: 0!important;
}

#adsumspace {
  padding: 96px 0 0 200px;
}

.adsumspace {
    padding: 100px 0 0 200px;
}
  

.collection-title {
  position: absolute;
  top: 40px;
  left: 240px;
  font-size: 22px;
  letter-spacing: .02em;
  text-transform: capitalize;
  padding: 0;
  margin: 0;
  font-weight: 400;
}

.header-fullsite {
  padding: 40px 0px 50px 40px;
  z-index: 1;
  background: transparent;
  position: absolute;
  top: 0px;
  width: 200px;
}

.header-fullsite-fixed {
  padding: 40px 0px 0px 40px;
  z-index: 999;
  background: transparent;
  position: fixed;
  top: 0px;
  width: 240px;
  height: 374px;
  visibility: visible;
  overflow-x: hidden;
  overflow-y: auto;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}


.lookbook-height {
  height: 70px;
      overflow: hidden;
}


.header_fullsite2 {
  padding: 30px 5% 30px 5%;
}

.header_fullsite3 {
  padding: 50px 0;
  z-index: 1;
  background: transparent;
  position: absolute;
  top: 0px;
  width: 15%;
}



.logotype {
  width:147px; 
  height:auto;
  float: right; 
  margin-top: 0px;
  padding: 10px 0;
}

.footer_text {
  display:none;
}


  

	.content {
		opacity:0;
		padding: 4px 0 10px 0px;
        line-height: 30px;
        font-size: 15px;
        text-align: center;
        width: 100%;
        background: #fff;
        -webkit-box-shadow: 0px 6px 10px -3px rgba(0,0,0,0.1);
        max-height: 90vh;
        overflow-y: scroll;
        font-weight: 400;
        margin-top: 10vh;
      	position: fixed;
      	top:-400px;
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
	}


.product_left {
  display:table-cell; 
  padding-left:5%; 
  width:30%; 
  vertical-align:top;
}

.product_middle {
  display:table-cell; 
  padding: 0 50px 0 200px;
  width: 70%;
}
.product_middle2 {
  display:none;
}



.product_height {
  display:table; 
  height:100vh;
  width: 100%;
}

.product_info_padding {
	padding-top:0px;
}

.product_info_padding2 {
  padding-top:0px;
}

.bar {
    height:4px;
    background-color:#000;
    margin: 0 0 20px 30px;
    width:60%;
}

.padding {
    padding-bottom:360px;
}

.padding2 {
    padding-bottom:60px;
}

.sixtypercent {
    width:60%;
    max-width:800px;
}
.fullpage {
    width:100%;
    padding:  0 5% 0 5%;
}

.fullpage2 {
    padding: 0 5% 0 5%;
}



article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }


a {
  cursor: pointer;
	-webkit-transition: all .1s ease-in-out;	
	-moz-transition: all .1s ease-in-out;	
	-o-transition: all .1s ease-in-out;	
	-ms-transition: all .1s ease-in-out;	
	transition: all .1s ease-in-out;
	text-decoration: none;
}


.wrapper {
	
}

header {
	width: 100%;
	position: absolute;
	top:0;
	left: 0;

}
header h1 {
	float: left;
	padding: 18px 0 0 30px;
}
header h1 a {
	background: url(../img/logo.png) no-repeat 0 0;
	display: block;
	font-size: 0em;
	text-indent: -999999px;
	width: 148px;
	height: 42px;
}

header aside {
	float: right;
	padding: 7px 0 0 0;
	color: #fff;
}










/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */
.clearfix:before { content: ""; display: table; }

.clearfix { *zoom: 1; }


/* =============================================================================
   END NEW
   ========================================================================== */

div.right_header {
  margin-top:-78px;
  float:right;
}

#centerproducts {
    margin: 0px auto;
  	padding: 0 5%;
}

#home_feature {
  height: 620px;
  min-width: 100%;
  position: relative;
}

#home_feature .hero {
  background-position: center top;
  height: 620px; }

#home_feature .hero a {
  display: block;
  height: 620px; }

#home_feature_images {
  display: none; }

#home .hero_nav {
color: #666;
font-size: 10px;
overflow: hidden;
margin: -640px 20px 581px 0;
padding-bottom: 40px;
z-index: 99;
  }
  
#messaging_bar {
      display: none;
  }

#home .hero_nav a {
  color: #666;
  text-decoration: none; }

#home .hero_nav a:hover {
  text-decoration: underline; }

#home .hero_nav .pages {
  float: right; }

#home .hero_nav .pages li {
  float: left; }

#home .hero_nav .pages li a {
  display: block; }

#home .hero_nav .pages .prev {
  margin-left: 8px; }

#home .hero_nav .pages .prev span {
  border-top: 6px solid transparent;
  border-right: 6px solid #ccc;
  border-bottom: 6px solid transparent;
  display: block;
  height: 0;
  width: 0; }

#home .hero_nav .pages .prev:hover span {
  border-right: 6px solid #999; }

#home .hero_nav .pages .next {
  margin-left: 8px; }

#home .hero_nav .pages .next span {
  border-top: 6px solid transparent;
  border-left: 6px solid #ccc;
  border-bottom: 6px solid transparent;
  display: block;
  height: 0;
  width: 0; }

#home .hero_nav .pages .next:hover span {
  border-left: 6px solid #999; }


.collectionfull {
    width:100%;
    padding:0 30px;
}

.collectionleft {
    float: left;
    width: 60%;
    max-width:800px;
    padding: 0 0 0 30px;
}

.collectionright {
    float: left;
    padding: 0 30px 20px 30px;
}

.display-me {
  display: none;
}

.gallery .image:hover > .hide-me2{
    display:none;
}

.gallery .image:hover > a {
  display: block;
}

.forgot-password {
  display: block;
  font-size: 10px;
  font-weight: 700;
  padding: 8px 0 0 0;
  line-height: 12px;
}

.forgot-password:hover {
  color: #ccc;
}

.money {
  padding-right: 0px;
}


.input-field {
  border-bottom: 1px solid #000;
  font-size: 12px;
  padding-bottom: 2px;
}

.button-sign-in {
  text-align: center;
	padding: 12px 70px;
    border: 1px #000 solid;
    font-size: 12px;
  	cursor: pointer;
  	-webkit-transition: all .1s ease;	
	-moz-transition: all .1s ease;	
	-o-transition: all .1s ease;	
	-ms-transition: all .1s ease;	
	transition: all .1s ease-in;
}

.button-sign-in:hover {
  cursor: pointer;
  color: #fff;
  background-color: #000;
  -webkit-transition: all .1s ease;	
	-moz-transition: all .1s ease;	
	-o-transition: all .1s ease;	
	-ms-transition: all .1s ease;	
	transition: all .1s ease-in;
}

#login_email {
    padding: 0px;
  	  text-align: left;
}

#login_password {
    padding: 0px;
}

#forgot_password {
    padding-top:5px;
}

#guest {
    float:left;
    padding-left: 20px;
}

#guest_title {
    padding-bottom:20px;
}

#customer {
    float:left;
    border-right: 1px solid black;
    padding-right: 150px;
}


#action_bottom {
    padding-left:10px;
    padding-top: 5px;
}



p.copyright {
    font-size: 1em;
    line-height: 14px;
    color:#ccc;
    float: right;
    padding: 0 30px 0 0;
    text-align: right;
    margin-top:-14px;
}

p.right {
    text-align: right;
}

div.container {
    z-index: 99;
}
#home {
    z-index: 99;
}
#home_feature {
    z-index: -19;
}
#home_feature_images {
    z-index: -19;
}
div.logo {
position: relative;
height: auto;
width: 100px;
}
div.logo img {
position: absolute;
left: 0;
top: 0px;
-webkit-transition: opacity .1s ease-in-out;
-moz-transition: opacity .1s ease-in-out;
-o-transition: opacity .1s ease-in-out;
transition: opacity .1s ease-in-out;
width: 80px;
height: auto;
}
div.logo img.top:hover {
  opacity:0;
}
div.logo_index {
position: relative;
height: auto;
width: 60px;
}
div.logo_index img {
position: absolute;
left: 0;
top: 0px;
-webkit-transition: opacity .1s ease-in-out;
-moz-transition: opacity .1s ease-in-out;
-o-transition: opacity .1s ease-in-out;
transition: opacity .1s ease-in-out;
width: 60px;
height: auto;
}
div.logo_index img.top:hover {
  opacity:0;
}

    }
div.brands {
    float: left;
    text-align: left;
    line-height: 15px;
    padding-right: 40px;
    color: #CCC;
    }
div.styles {
    float: left;
    text-align: left;
    line-height: 15px;
    padding-right: 40px;
    padding-bottom: 20px;
    color: #000;
    }

div.social {
    float: left;
    text-align: left;
    line-height: 15px;
    color: #000;
    padding-right: 40px;
    }

p.collection {
    float: left;
    width: 450px;
    padding-right: 0px;
    text-align: justify;
}

p.music {
    float: right;
    width: 490px;
    padding-bottom: 8px;
}




div.currencyfloat {
    float:right;
    display:inline;
    letter-spacing:1px;
    padding-top: 0px;
}

.sf-menu, .sf-menu li, .sf-menu ul, .sf-menu ul li {display: block;
    margin-left: auto;
    margin-right: auto;}

div.navbar-center {
    min-width:500px;
    background:#fff;
	margin-left: -10px;
}
    


object {
    z-index:-99;
}


h1, h2, h3 {padding: 0; margin: 0;}
h2#page-title {padding-left:5%;}
h4 {font-size: .9em; line-height:16px; padding: 10px 0 0px 0; margin: 0; color: #000000;}
h4#stockist {font-size: 1.4em; text-decoration:underline; padding: 15px 0 10px 0; margin: 0; color: #000000; }
h5 {font-size: 10px; line-height:16px; padding: 15px 0 0px 0; margin: 0;  color: #000000; font-weight:normal;}
h6 {padding: 10px 0 0px 0; margin: 0; color: #000000;}

form {margin: 0px;  padding: 0px;}
form legend {font-style:italic; padding-bottom:10px;}
form label {display: inline-block; font-size: 12px; margin-right: 10px; font-weight: normal; color: #000000; text-align: left;}

a {color: #000; text-decoration: none; outline: none; cursor: pointer;} 
a:hover {text-decoration: none; color: #000000;}
a img {
  border: 0;
  max-width:100%;
}

p {margin: 12px 0 0px 0; line-height: 18px; font-size: 12px;}
p.collections {margin: 12px 0 0px 0; line-height: 16px; font-size: 11px; letter-spacing:1px;}
div.collections {margin: 12px 0 0px 0; line-height: 16px; font-size: 13px; letter-spacing:1px;}

#product-select {
  max-width: 43px;
  float: right;
}

.fivehundred {width: 400px;}
.sixhundred {width: 600px;
font-size:14px;
}

.larger {
font-size:13px;
left:200px;
}

blockquote {
    margin-bottom: 10px;
    background: url(quote.png) no-repeat scroll 5px 5px transparent;
    min-height: 40px;
    padding: 5px;
    border: 1px solid #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

acronym {border-bottom: 1px dotted #ffffff;}
sup,sub {height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; font-size:smaller;}
sup {bottom: 1ex;}
sub {top: .5ex;}
small {font-size: smaller}

.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }

.Clear {
height: 0;
overflow: hidden;
clear: both;
display: block;
}

.hidden {display:none}

/* Header */
#header {
    background: #fff;
    padding: 100px 5% 20px 5%;
}
h1#logo {
    padding: 0;
    margin: 0;
    float: left; 
}
h1#logo a {
    font-size: 3.5em;
    color: #000000; 
}

h1#logo a:hover {
    text-decoration: none;
    color: #222222;
}
/*#logo-img {
    display: block;   
    padding-bottom:20px;
    z-index: -99;
	margin-top: -100px;
  width:100px;
  height: auto;
}*/
    
#logo-img-lookbook {
    display: block;   
    margin-left: auto;   
    margin-right: auto;
    padding-bottom:0px;
    z-index: -99;
    }
    
#search-block {
    float: right;
    width: 350px;
    font-weight: bold;
    font-size: 0.8em;
    text-align: right;
    top: 0px;
    display:block;
    vertical-align: top;

}

.cart_title {
  text-align: center;
  font-size: 18px;
text-transform: uppercase;
  margin-bottom: 40px;
}

#eyebrow-cart {
    display: inline;
    font-size: 13px;
    margin-top: 0px;
    line-height: 14px;
    font-size: 11px;
    padding: 48px 40px .5em 0px;
  	z-index: 1;
}

#eyebrow-cart:hover {
    color: #ccc;
}

#search-block ul {
    float: right;
    list-style: none;
}

#search-block ul li {
    float: left;
    padding: 0 0px;
    border-right: 0px solid #ffffff;
}

#search-block ul li.last {
    border: 0 none;
    padding-right: 0;
}

#search-block form {
    float: right;
    width: 350px;
    margin: 0px 0 0;
}

#search-block #search-input, .nfsearch {
    border: 0px solid #ffffff;
    width: 220px;
    height: 22px;
    color: #000;
    background-color: #c9c9c9;
}

.search-input {
    padding-left: 6px;
}

input[type="search"] {
    -webkit-appearance: textfield;
background-color: #c9c9c9;
border: none;
border-image: initial;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
float:left;
padding-left: 6px;
}

input, isindex {
-webkit-appearance: textfield;
background-color: #fff;
border: none;
border-image: initial;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;

margin-right: 0px;
}

#search-block #search-button {
    margin:0px;
    float:right;
    padding: 0px;
}

.search-button {
    float:right;
    padding: 0px;
}


* html #search-block #search-button {
    margin-top: 0px 0 0 0;
    padding: 0px;
}

/* Main Menu (see superfish.css.liquid for menu CSS) */
#main-menu {
    clear:both; 
    z-index:99;
  	margin-left:-10px;
    }

.left_header {
  margin-top:-11px;
}

/* Breadcrumb */
#breadcrumb {
  margin: 57px 0 10px 15%;
}
#breadcrumb .collection_nav {float: right; text-align:right; width:600px;}
#breadcrumb .collection_nav .active {font-weight: bold;}

#content {
    margin: 0px auto 0px auto;
    width: 100%;
}

.content2 {
    width: 100%;
    margin: 0 auto;
}


.ellipsis {
     overflow: visible;
     text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
     white-space: wrap;
     width: 100%;
}

.sold-out-box {
    top: -50%;
    position: relative;
    cursor: pointer;
}

.sold-out-product {
    top: 50%;
    position: absolute;
    float:left;
    left: 27%;
    cursor: pointer;
    max-width: 230px;
    max-height: 230px;
}

.product-hover-image {
    top: 50%;
    position: absolute;
    float:left;
    left: 27%;
    cursor: pointer;
    max-width: 230px;
    max-height: 230px;
}


/* Category Collections */
#category-banner{position: relative; padding-bottom: 0px;}
.section {position: relative; overflow: hidden; height: 266px; text-align: left; margin-bottom: 12px; background-color: #EEEEEE;}
.section h3 {padding: 10px 0 10px 12px;}
.section-items {float: left;}
.section-items li {float:left; width: 162px; height: 207px; text-align: center; padding: 0 0 0 12px;}
.section-items li .item-image {display: block; padding-top: 5px; border: 1px solid #ccc; height: 155px; background: #fff; text-align: center;}
.section-items li .item-image a {display: block; margin: auto; width: 146px; height: 146px; overflow: hidden;}
.section-items li h3 {padding: 5px 0 1px 0;}
.section-info {float: right; width: 160px; padding-right: 10px;}
.section-info p {padding-bottom: 12px;}
.section-info .description {min-height: 157px;}
.browse-link {float: right;}

/* Featured and other Collections */
.gallery {clear: both; padding: 0 30px 0 30px; min-height: 70vh;}
.gallery .product {float:left; margin-top:0px; width:100%; margin-bottom:10px;}

.standard:hover {
	color: #fff;
}

.video-title {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 17px;
    padding: 0 20px 0 20px;
}

.project-list-item:hover .standard {
	transform: translateX(0%) translateZ(0);
}

.gallery .product2 {
float: left;
margin-top: 0px;
width: 33.3333%;
}

.gallery .product3 {
  float: left;
  margin-top: 0px;
  width: 33.3333%;
  padding: 20px;
}

.gallery .product4 {
  margin-right: -3px; /* Inline block fix */
  display: inline-block;
  width: 33.333%;
  height: auto;
  padding: 0 10px 20px 10px;
  position: relative;
  vertical-align: top;
}

.sound-of-sunshine .product4 {
  margin-right: -3px; /* Inline block fix */
  display: inline-block;
  width: 33.3333%;
  height: auto;
  padding: 0 10px 20px 10px;
  position: relative;
  vertical-align: top;
}

.gallery .product5, .product5 {
  margin-right: -3px; /* Inline block fix */
  display: inline-block;
  width: 25%;
  height: auto;
  padding: 0 10px 20px 10px;
  position: relative;
  vertical-align: top;
}


.gallery .product6, .product6 {
    margin-right: -3px;
    display: inline-block;
    width: 50%;
    height: auto;
    padding: 0 10px 20px 10px;
    position: relative;
    vertical-align: top;
}

.gallery-workwear .product5 {
  margin-right: -3px; /* Inline block fix */
  display: inline-block;
  width: 33.333%;
  height: auto;
  padding: 0 10px 20px 10px;
  position: relative;
}

@media (max-width: 1200px) {
  .gallery .product5, .product5 {
  margin-right: -3px; /* Inline block fix */
  display: inline-block;
  width: 33.333%;
  height: auto;
  padding: 0 10px 20px 10px;
  position: relative;
}
  .collection-image-50 {
    width: 66.666%;
  }
}

.gallery .product50 {
  margin-right: -3px; /* Inline block fix */
  display: inline-block;
  width: 50%;
  height: auto;
  padding: 0 10px 20px 10px;
  position: relative;
}

.collection-item {
  float: left;
  width: 33.3333%;
  height: auto;
  padding: 20px;
  position: relative;
}

.gallery-collection-title {
  text-align: center; 
  font-size: 3rem; 
  letter-spacing: .01em; 
  font-weight: 700;
}

.gallery-product-title {
    text-align: left;
    font-size: 12px;
    letter-spacing: .01em;
    line-height: 14px;
}

.gallery-product-price {
  text-align: left; 
  line-height: 22px;
  font-size: 10px;
}



@media (max-width: 900px) {

  #page-adsumworks .gallery-product-wrap {
    padding: 0 10px;
  }
}


.gallery .product .title {padding: 14px 0 4px 0; margin-bottom:5px; letter-spacing:1px; text-align: left;}
.gallery .product3 .title {
  letter-spacing: .02em;
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  float: left;
  clear: both;
  width: 100%;
}

del {
    text-decoration: line-through;
    display: block;
    padding: 0px 0 2px 0;
  	color: #000;
}

#collection del {
      padding: 0px 0 1px 0;
}
  
.gallery .product .price { font-size: 90%; color:#666; /*border-top: 1px solid #CCC;*/}
.gallery .first_col {float:left; margin-top:0px; width:100%;}
.gallery .last_col { float:left; margin-top:0px; width:100%;}
.gallery a {

}


.gallery .image {
  overflow: hidden; 
  text-align: center; 
  background-color: #ffffff; 
  padding: 0px;
  -webkit-transition: all .1s ease-in-out;	
	-moz-transition: all .1s ease-in-out;	
	-o-transition: all .1s ease-in-out;	
	-ms-transition: all .1s ease-in-out;	
	transition: all .1s ease-in-out;
}
.gallery .image:hover {
  /*
  	-moz-opacity:.60; 
    filter:alpha(opacity=60);
    opacity:.6;
    -webkit-transition: all .1s ease-in-out;	
	-moz-transition: all .1s ease-in-out;	
	-o-transition: all .1s ease-in-out;	
	-ms-transition: all .1s ease-in-out;	
	transition: all .1s ease-in-out;
  */
}
.gallery img.shadow_br {background:transparent url() no-repeat scroll right bottom;padding:5px 10px 10px 5px;}

.gallery .image img {
  float:left; 
  width: 100%;
}
.product3 img {float:left; width: 100%}
#index .info {text-align:center; margin-top: 5px;}

#collection-sidebar #breadcrumb {text-transform:none;}
#sidebar {float:left; width:226px; margin-top:15px}
#sidebar ul {margin: 0; list-style: none; }
#sidebar ul li {padding-bottom: 10px;}
#sidebar .active {font-weight:bold;}
#sidebar a {text-transform:uppercase;}
#collection-body {float:right; width:714px;}

#breadcrumb .dropdown {margin:0 10px 0 0; float:right;}
#breadcrumb .dropdown dd, .dropdown dt, .dropdown ul {margin:0px; padding:0px;}
#breadcrumb .dropdown dd {position:relative;}
#breadcrumb .dropdown a, .dropdown a:visited {text-decoration:none; outline:none;}
#breadcrumb .dropdown a:hover {color:#222;}
#breadcrumb .dropdown dt a:hover {color:#222; border: 1px solid #DDD;}
#breadcrumb .dropdown dt a {background:url(dropdown.jpg) no-repeat scroll right center transparent; display:block; padding-right:20px; border:1px solid  #ffffff; width:184px; padding:2px;}
#breadcrumb .dropdown dt a span {cursor:pointer; display:block;}
#breadcrumb .dropdown dd ul {background-color:#FFF; border:1px solid #ddd; color:#C5C0B0; display:none; left:0px; padding:0; margin:0; position:absolute; top:2px; width:auto; min-width:189px; list-style:none;}
#breadcrumb .dropdown span.value {display:none;}
#breadcrumb .dropdown dd ul li a {padding:0 5px; display:block;}
#breadcrumb .dropdown dd ul li a:hover {background-color: #ffffff;}

#breadcrumb .dropdown dt a {width:120px}
#breadcrumb .dropdown dd ul {width:auto; min-width:120px;}

/* Product */


#product-images .image {
    padding: 0px 0 12px 0;
    border: 0px solid #ffffff;
    margin: 0px;
    /*float:left;*/
}

.image-margins {
    margin-top: 0px;
}

#product-images .thumbnails {margin-bottom: 10px;}
#product-images .thumbnails img {
    background-color: #fff;
    margin: 5px;

}
#product-images .thumbnails img.first {margin-left: 7px;}
#product-images .thumbnails img.last {margin-right: 0; float:left;}
#product-images .thumbnails a.active img {
    outline: 1px solid #000;
    z-index: 9999; /* show on top of the expose mask */
}

.product-left {
/*max-width: 44%;
padding: 0 3% 0 3%; 
min-height: 700px;
margin: 0px;
 float: left;*/
}

.product-right {
  padding-top:105px;
/*width: 20%;
padding-top:40%;
  float: left;
  /*position: fixed;*/
}
.product-right2 {
  padding-top:105px;
/*width: 20%;
padding: 0px 5% 30px 0%;
float: left;
text-align: right;
  min-height: 700px;
  /*position: fixed;*/
}

.fixed { 
position: fixed;
padding-left: 0%;
top: 21px;
}

.fixed2 { 
  position: fixed;
  top:21px;
  padding-right: 0%;
  width: 30%;
  padding-right: 5%;
}


.product-title {
  padding: 15px 0 25px 0;
  line-height: 20px;
  font-style: normal;
  font-weight: 700;
  font-size: 38px;
  letter-spacing: -0.01em;
  text-transform: capitalize;
}

.product-title2 {
  padding: 21px 0 0px 0;
  line-height: 22px;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  max-width: calc(100% - 55px);
  letter-spacing: -0.01em;
  text-transform: capitalize;
  margin: 0;
}

.product-title3 {
  padding: 24px 0 25px 0;
  line-height: 20px;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.01em;
  text-transform: capitalize;
}

#product-description {font-size:12px; line-height: 17px;}

@media (max-width: 900px) {
  #product-description {
    padding: 110px 0 30px;
  }
}

#product-description2 {font-size:13px; line-height:18px; padding-top:80px;}
#product-continue {border-top:1px solid #ffffff; margin-top: 60px; clear:both;}
.product-meta {display: none;}
#product-description form {-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#product-price {
  color: #000000; 
  font-style: normal;
  font-weight: 400;
  letter-spacing: .02em;
  font-size: 12px;
}
.product-select { }
div.selector-wrapper {overflow: hidden;}
div.selector-wrapper label:after {content: ": ";}
#product-qty-wrap {float:left; margin-top: 20px;}
#product-qty-wrap label {float: left; padding: 3px 0; width: 93px;}
#purchase-wrapper {float: left; text-align: left; width: 100%;}
#available-qty-wrap {margin: 10px 0; text-align:center;}
#related {display: none; clear:both;}
#related .scrollable {width: 878px;}

p.alert {
    margin: 24px 0;
    font-weight: bold;
    background: url('info.gif') no-repeat top left;
    padding-left: 20px;
}

/* Pagination. */

#paginate .page, #paginate .next, #paginate .prev {
  color: #ccc;
  padding: 2px;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#paginate .page:hover, #paginate .next:hover, #paginate .prev:hover {
  opacity: 0.5;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#paginate {
    clear: both;
    margin: 22px 0;
    text-align: center;
    font-size: 13px;
}

#blog #paginate {
text-align: left;
border-top: 1px solid #000;
padding: 20px 0 0 0;
}

#paginate .current {
  color:#CCC;

}

/* Search */
.search-list li {
    padding: 0px;
    margin-bottom: 10px;
    list-style-type:none;
    clear:both;
}

.search-list ul {
    margin: 0px;
}

.search-list li img {width: 200px; float:left; margin-right: 10px}
.stitle {
    border: none;
    font-size:1em;
    text-align:left;
}

/* Footer */
#footer {
    clear: both;
    margin: 20px 0 20px;
    padding: 15px 0px;
    border-top: 20px solid #ffffff;
    background: #fff;
}

#footer h4 {
    font-size:1.2em;
    font-weight:bold;
    padding: 0 0 6px;
}

#footer p {margin: 0}

#footer #widget1 {
    float: left;
    width: 310px;
    margin-right: 10px;
    margin-top: 5px;
}

#footer #widget2 {
    float: left;
    width: 310px;
    margin: 5px 5px 0;
}

#footer #widget3 {
    float: right;
    width: 310px;
    margin-left: 10px;
    margin-top: 5px;
}

#footer #widget3 input[type=submit] {margin-top: 5px;}


#footer ul.nav-links li {
    float: left;
    font-size: 0.9em;
    padding-right: 10px;
    width: 140px;
}

#footer ul.nav-links li a {
    border-bottom: 1px solid #ffffff;
    color: #666666;
    display: block;
    padding: 5px;
    font-weight: bold;
}

#footer ul.nav-links li a:hover {
    color: #000000;
}

#footer .latest-news {color: #666666;}
#footer .latest-news .post-article {margin-bottom: 10px;}
#footer .latest-news .post-title {padding: 5px 0; font-weight: bold;}
#footer .latest-news .post-snippet {font-size: 0.9em;}
#footer .rssfeed {float:left; margin-right:5px; width:16px; height:16px}

#footer .contact {color: #666666;}

#footer .contact .vcard {font-size:0.9em;}
#footer .contact .org {font-weight:bold;}
#footer .contact p {padding: 5px 0;}

#footer .sign-up form {margin-top: 0; text-align: right; padding: 0}
#footer .sign-up form label {float: left; width: 5px}
#footer .sign-up form input[type=text] {width: 250px}
#footer .testimonials .location {font-weight: bold}

#bottom {clear: both; margin-left: auto;margin-right: auto; text-align: center; font-size: 1em; position:relative; padding: 0 10px; background:#000;}
#bottom ul.social {position:absolute; right:450px; list-style:none outside none; top: -35px;}
#bottom ul.social li {float: left; padding-left: 15px}
#bottom ul.social li img {height: 24px; width: 24px}

/* Cart */
#cartform {border: 0 none; background: none;}
#cartform table {width:100%; border-bottom:1px solid #ffffff;}
#cartform table th {font-weight:normal; text-align:left; border-bottom:1px solid #ffffff; padding-bottom: 3px; text-transform: capitalize;}
#cartform table td {vertical-align: top; padding: 0px 0 30px 0;}
#cartform h3 {font-size:1.0em; border-bottom: none; color: #000; text-align: left; font-size: 14px; line-height:14px; text-transform: uppercase;}

.cart-block {
  display: inline-block; 
  box-sizing: border-box; 
  vertical-align: top; 
  width: 25%;
  margin-right: -4px;
  padding-bottom: 40px;
  padding-right: 10px;
}

.cart-image {
  	max-width: 100%;
    height: auto;
    display: block;
}

.cart-images {
  display: inline-block;
}
.cart-desc {
  line-height: 20px;
  font-size: 12px;
  vertical-align: top;
  padding-top: 10px;
  padding-right: 10px;
  max-width: 250px;
}
#cart-note {clear:both; padding:10px;}
#cart-note label {margin:0 0 5px;}
#cart-agree {clear:both; padding:10px;}
#cart-agree label[for=agree] {display:inline;}
#cart-agree input[type=checkbox] {float:left; margin-right:10px}
#cart-left {float: left; width: 300px; margin:10px 0 0 0px;}
#cart-right {
  text-align: right; 
  float: right;
  padding: 18px 0 0 0;
}
#cart-right h4 {
/* font-weight: bold; */
padding: 0px 0 36px 0;
font-size: 18px;
font-family: "futura-pt",sans-serif;
font-style: normal;
font-weight: 500;
/* text-transform: uppercase; */
}
.additional-checkout-buttons p {position: relative; right: 27px; margin-top: 10px;}
.additional-checkout-buttons input {
border: none;
width: 106px;
height: auto;
-webkit-appearance: inherit;
}

/* Article */
.article .postmeta {border: none; margin: 0; padding: 0 0 10px;}
.postmeta .author {font-style: italic;}
.postmeta { padding: 5px; margin: 20px 0 15px; font-size: .9em; border: 1px solid #ffffff; background: #ffffff; clear:both;}
.postmeta p {margin: 0;}


.postnav { 
      padding: 10px 0 0 0;
    margin: 40px 40px 0 40px;
    font-size: .9em;
    border: 0;
    background: #ffffff;
    clear: both;
  font-size: 12px;
  text-transform: uppercase;
  border-top: 1px solid #000;
}

@media (max-width: 900px) {
  .postnav { 
    margin: 40px 20px 0 20px;
  }
}

#article .postnav {
  margin: 40px 0px 0 0px!important;
}

.postnav a {
}

.postnav a:hover {
  color: #ccc;
}

#comments {margin-top: 20px; border-top: 1px solid #ffffff;}
.comment-form {width: 475px; padding: 5px 10px 10px;}

.notice {
    font-size: 0.9em;
    margin: 15px 0;  
    border: 1px solid #eFeBd5;
    border-bottom: 1px solid #dFdBc5;
    border-right: 1px solid #dFdBc5;
    padding: 5px 15px;
    background: #FFFBE5;
    color: #6a9c30;
    text-align: center;
}
.error { color: #933; }
.input-error { background: #FFFBE5; }
.hint {
    float:right;
    font-style:italic;
    margin-top:7px;
}
.blog_thumbnail {float:left; text-align:center;}


/* Gallery */

/* scrollable should not disable gallery navigation */
#gallery .disabled {
    visibility:visible !important;
}

#gallery .inactive {
    visibility:hidden !important;
}

.scrollable {
    /* this makes it possible to add next button beside scrollable */
    float:left; 

    /* required settings */
    position: relative;
    overflow: hidden;
    width: 402px;
    height: 120px;

    /* custom decorations */
    border:1px solid #ffffff;
    background:url(h300.png) repeat-x;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set the width and height for the root element and
    not for this element.
*/
.scrollable .items {
    width: 20000em;
    position: absolute;
    clear: both;
}

/* single scrollable item */
.scrollable img {
    float: left;
    margin: 20px 5px 20px 21px;
    background-color: #ffffff;
    padding: 2px;
    border: 1px solid #ffffff;
    cursor: pointer;
    height: 75px;
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

/* active item */
.scrollable .active {
    border: 2px solid #000000;
    z-index: 9999;
    position: relative;
}

/* prev and next buttons */
a.browse {
    background:url(hori_large.png) no-repeat;
    display:block;
    width:30px;
    height:30px;
    float:left;
    margin:40px 10px;
    cursor:pointer;
    font-size:1px;
}

/* right */
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; } 

/* left */
a.left  { margin-left: 0px; } 
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }

/* up and down */
a.up, a.down        { 
    background:url(vert_large.png) no-repeat; 
    float: none;
    margin: 10px 50px;
}

/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }

/* down */
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; } 

/* disabled navigational button */
a.disabled {
    visibility:hidden !important;    
  color: red;
}   

/* remove margins from the image */
.items img {
    margin:0;
    max-width:100px;
}

/* make A tags our floating scrollable items */
.items a {
    display:block;
    float:left;
    margin:20px 15px;
}

/* tooltip styling */
#tooltip {
    display: none;
    background: url(black_arrow.png);
    font-size: 1.0em;
    height: 70px;
    width: 160px;
    padding: 25px;
    color: #fff;
}

/* Popup Overlay */
.simple_overlay {
    /* must be initially hidden */
    display: none;
    
    /* place overlay on top of other elements */
    z-index: 10000;

    /* growing background image */ 
    /* background-image: url(white.png); */
    
    /* styling */
    background-color: #FFF;
    
    width: 250px;   
    min-height: 200px;
    
    
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image: url(close5.png);
    position: absolute;
    right: -5px;
    top: -7px;
    cursor: pointer;
    height: 34px;
    width: 34px;
}

/* the large image. */
#img {
    border: none;
}

/* "next image" and "prev image" links */
#gallery .next, #gallery .prev {    
    /* absolute positioning relative to the overlay */
    position: absolute;
    top: 40%;   
    border: 1px solid #ffffff;  
    cursor: pointer;
    display: block;
    padding: 5px 10px;
    color: #000;
letter-spacing: 1px;
    
    /* upcoming CSS3 features */
        -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

#gallery .prev {
    left: 0;
    border-left: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
}

#gallery .next {
    right: 0;
    border-right: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0; 
}

#gallery .next:hover, #gallery .prev:hover {
    text-decoration: underline;
    background-color: #000;

}

/* when there is no next or previous link available this class is added */
#gallery .disabled {
    visibility:hidden;      
}

/* the "information box" */
#gallery .info {
    position: absolute;
    bottom: 0;
    left: 0;    
    padding: 10px 15px;
    color: #000000;
    border-top: 1px solid #ffffff;
}

.info3 {
    padding: 10px 0 20px 0;
}


#gallery .info strong {
    display:block;  
}

/* progress indicator (animated gif). should be initially hidden */
#gallery .progress {
    position:absolute;
    top:45%;
    left:45%;
    display:none;
}

#gallery .next, #gallery .prev, #gallery .info {
    background: #ffffff !important;
    background: rgba(0, 0, 0, 0.6) url(h80.png) repeat-x;
    
text-transform:uppercase;
color:#000;
}

.errors {
  color: green;
  padding-bottom: 10px;
  font-size: 12px;
}

/* awesome buttons */
.awesome, .awesome:visited {
    background: #000; 
    display: inline-block; 
    padding: 4px 5px 4px 5px; 
    color: #ffffff; 
    text-decoration: none;
    border-bottom: 0px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
}

.checkout, .checkout:visited {

  	display: block;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-weight: 700;
    padding: 13px 0 13px 0;
    margin: 20px 0 20px 0;
    font-size: 22px;
    width: 100%;
    max-width: 400px;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    z-index: 0;
}

.checkout:hover {
  color: #000;
    background-color: #f7f7f7;
    -webkit-transition: all .1s ease-in-out;	
	-moz-transition: all .1s ease-in-out;	
	-o-transition: all .1s ease-in-out;	
	-ms-transition: all .1s ease-in-out;	
	transition: all .1s ease-in-out;
}

.awesomer, .awesomer:visited {
    background: #fff; 
    color: #000; 
    cursor: pointer;
}

.awesome:hover {background-color: #222222; color: #ffffff;}
.awesome:active {top: 1px;}
input[type=submit].awesome {
  top: 0px; 
  border:0 none; 
  margin:0; 	
  font-family: "futura-pt",sans-serif;
  font-style: normal;
  font-weight: 400;
}
#cart input[type=submit].awesome {
/* border: 0 none; */
margin: 0px 0 0 0;
font-family: "futura-pt",sans-serif;
font-style: normal;
font-weight: 400;
background: #fff;
color: #000;
border: 1px solid #000;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
      -webkit-transition: all .1s ease-in-out;	
	-moz-transition: all .1s ease-in-out;	
	-o-transition: all .1s ease-in-out;	
	-ms-transition: all .1s ease-in-out;	
	transition: all .1s ease-in-out;
  height:22px;
  z-index: 0;
}
#cart input[type=submit].awesome:hover {
  color:#fff;
    background:#000;
      -webkit-transition: all .1s ease-in-out;	
	-moz-transition: all .1s ease-in-out;	
	-o-transition: all .1s ease-in-out;	
	-ms-transition: all .1s ease-in-out;	
	transition: all .1s ease-in-out;
}
.awesome.disabled {-moz-opacity:0.50;opacity:.50;filter:alpha(opacity=50);cursor:default;}

.addtocart, .addtocart:visited {
  font-size: 12px;
  letter-spacing: .05em;
  padding: 46px 10px;
  color: #000;
  background-color: #fff;
  cursor: pointer;
  	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 500;
  	height: auto;
  	border: 1px solid #000;
    -webkit-transition: all .1s ease-in-out;	
	-moz-transition: all .1s ease-in-out;	
	-o-transition: all .1s ease-in-out;	
	-ms-transition: all .1s ease-in-out;	
	transition: all .1s ease-in-out;
  float: right;
  width:100%;
  margin-bottom: 30px;
}
.addtocart:hover { 
  background: #000;
  color:#fff;    
  -webkit-transition: all .1s ease-in-out;	
	-moz-transition: all .1s ease-in-out;	
	-o-transition: all .1s ease-in-out;	
	-ms-transition: all .1s ease-in-out;	
	transition: all .1s ease-in-out;
}

.addtocart2, .addtocart2:visited {
    font-size: 12px;
    letter-spacing: .05em;
    padding: 12px 10px;
    color: #fff;
    background-color: #000;
    cursor: pointer;
    font-style: normal;
    font-weight: 400;
    height: auto;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    float: right;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 20px;
}

.addtocart2:hover { 
  background: #eee;
  color:#000;    
  -webkit-transition: all .1s ease-in-out;	
	-moz-transition: all .1s ease-in-out;	
	-o-transition: all .1s ease-in-out;	
	-ms-transition: all .1s ease-in-out;	
	transition: all .1s ease-in-out;
}

.addtocart2:active { 
    background-color: #ccc;    
  -webkit-transition: all .1s ease-in-out;	
	-moz-transition: all .1s ease-in-out;	
	-o-transition: all .1s ease-in-out;	
	-ms-transition: all .1s ease-in-out;	
	transition: all .1s ease-in-out;
}

.awesome, .awesome:visited {font-size: 1.1em; font-weight: bold; line-height: 1; }
.medium.awesome, .medium.awesome:visited {font-size: 1.1em; padding: 9px 9px 9px 9px;}
.small, .small:visited {padding: 4px 5px 5px 5px; font-size: 1.1em;}
.large, .large:visited {font-size: 1.5em; padding: 8px 14px 9px;}

.instructions {background-color:#FFF82A; color: #000; padding: 10px; font-size:9px;}
.instructions ul {list-style: disc inside;}
.instructions ol {list-style: decimal inside;}
.instructions ol ul {margin-left: 10px}

/*
select, input[type="color"][list] {
font-style: normal;
font-weight: 500;
letter-spacing: .02em;
font-size: 12px!important;
border: 0 !important;
margin: 0 auto;
text-align: center;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
background: url('https://cdn.shopify.com/s/files/1/0058/3352/files/down_arrow.png?10219') no-repeat;
background-size: 7px;
width: 100%;
background-position: 94% 10px;
text-overflow: "";
cursor: pointer;
}
*/

select::-ms-expand { display: none; }

.div.styles a:hover {
  color:#fff;
}

.breadcrumb {
  font-size: 11px;
  text-transform: capitalize;
}

.footer_title {
  width: 100px;
  font-family: "futura-pt",sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  float: left;
}

.footer_link {
  padding-right:20px;
  font-size: 12px;
  font-weight: 400;
}

.lop_text {
  position: relative;
  top: -300px;
  text-align: center;
  font-size: 73px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 3px;
  opacity: 0;
    -webkit-transition: all .5s ease-in-out;	
	-moz-transition: all .5s ease-in-out;	
	-o-transition: all .5s ease-in-out;	
	-ms-transition: all .5s ease-in-out;	
	transition: all .5s ease-in-out;
}

.lop_text2 {
  position: relative;
  top: 14px;
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 3px;
  opacity: 0;
    -webkit-transition: all .5s ease-in-out;	
	-moz-transition: all .5s ease-in-out;	
	-o-transition: all .5s ease-in-out;	
	-ms-transition: all .5s ease-in-out;	
	transition: all .5s ease-in-out;
}

.show {
  opacity:1;
  -webkit-transition: all .5s ease-in-out;	
	-moz-transition: all .5s ease-in-out;	
	-o-transition: all .5s ease-in-out;	
	-ms-transition: all .5s ease-in-out;	
	transition: all .5s ease-in-out;
}

.continue_shopping {
  /*border:1px solid #000;*/
  /*padding:5px;*/
  font-size:15px;
  color: #000;
  background: #fff;
  font-family: "futura-pt",sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: capitalize;
  text-decoration: underline;
  -webkit-transition: all .5s ease-in-out;	
	-moz-transition: all .5s ease-in-out;	
	-o-transition: all .5s ease-in-out;	
	-ms-transition: all .5s ease-in-out;	
	transition: all .5s ease-in-out;
}

.continue_shopping:hover {
  text-decoration: none;
  -webkit-transition: all .5s ease-in-out;	
	-moz-transition: all .5s ease-in-out;	
	-o-transition: all .5s ease-in-out;	
	-ms-transition: all .5s ease-in-out;	
	transition: all .5s ease-in-out;
}


.cart_quantity {
  width:20px;
  background-color: #eee;
    text-align: center;
}
.cart_update {
  float:right;
  width: 61px;
}

.cart_remove {
float: right;
font-style: normal;
font-weight: 400;
background: #fff;
color: #000;
border: 1px solid #000;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
padding: 4px;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
/* height: 14px; */
}

.cart_remove:hover {
  color:#fff;
  background: #000;
  -webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}

.cart_page_wrapper {
  padding: 100px 50px 0 240px;
}

.cart_or {
  text-align: left;
  font-size: 14px;
      padding-bottom: 20px;
}

.bottom_right_info {
  padding: 0px 5% 90px 5%; display:table-cell; text-align: right; line-height:18px; margin-top:-42px; font-size: 12px; width: 20%;
}

.header_index { 
  background: #fff; height: 10vh; display: table; vertical-align: middle; width: 100%;
}

.header_mobile_height {
  background: #fff; height: 10vh; vertical-align: middle; width: 100%; display:none;
}

/* 
	
///////////////////////////////////////////////////////////////


                           MOBILE
                           

///////////////////////////////////////////////////////////////

*/

@media (max-height:600px) { 
  
  .stuff-a {
    opacity: 0;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }
  
  .stuff-main-caption {
    position: absolute;
    top: 0px;
    padding: 20px;
    background: rgba(0,0,0, 0.2);
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }
  
  
}


@media (max-width:900px) {
  
  .header-fullsite-fixed {
  	display: none;
  }
    
  .medium-left .blog-article-title, .medium-right .blog-article-title {
        font-size: 26px;
      font-weight: 700;
      padding: 0 0 54px 0;
  }
    
  .medium-left, .medium-right {
      width: 100%;
      display: block;
  }
    
  .medium-left {
    padding-right: 0px;
  }
    
  .medium-right {
    padding-left: 0px;
  }
    
  .video {
    opacity: 0!important;
  }
    
    .svg-terra {
      max-width: 140px;
      position: absolute;
      bottom: calc(50vh - 190px);
      display: block;
      width: 140px;
      left: calc(50% - 60px);
    }
    
  .index-first-block { 
    height: 85vh;
    padding: 0;
    background-attachment: scroll;  
    background-position: top center;                       
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
    
  .archive-sale {
    background-image: url('/cdn/shop/files/adsum_MG_3840.jpg?11684466769898408023');
  }
    
  .ss20-sale {
    background-image: url('/cdn/shop/products/ss20-ecomm-drop-1-onmodel-1_42.jpg?v=1581665367');
  }
    
  .ss17-lb-title {
    top: 10vh;
  }
    
    
  .ss17-landing-link-wrapper {
    top: 38vh; 
  }
    
    
  .marquee2 {
    display: none;
  }
    
  .lb-extra-spacing {
    padding-top: 0px;
  }
    
  .ss17-lb-main {
      position: relative;
      margin-bottom: 40px;
  }
    
  #article-ss17-lightblue-lookbook .index-scroll-arrow {
    bottom: 16px;
  }
    
  .lookbook-fullwidth-ss17 {
      background-size: auto 100%;
      background-repeat: no-repeat;
      background-position: center center;
      background-attachment: scroll;
      height: calc(100vh - 45px);
  }
    
  .ss17-lb-main {
    top: 45px;
  }
  
  .mailchimp-email {
      padding-right: 0px;
  }
    
  .footer-newsletter-title {
  
      width: 100%;
  }
    
  .photo-story-title {
      padding: 72px 0 0 0;
  }
    
  .ss16-preview-content {
      margin: 0 auto;
  }
    
  .img-left-wrapper, .img-right-wrapper {
    padding: 0px;
  }
    
  .footer-social-icons, .footer-link-wrapper {
    padding-bottom: 20px;
  }
    
  .footer-newsletter-block-signup {
    padding-bottom: 30px;
    margin: 0 auto;
    max-width: 240px;
  }
  
  .footer-newsletter-block-text {
      max-width: 360px;
      padding-bottom: 16px;
    margin: 0 auto;
  }
    
  .footer-newsletter-block { 
    width: 100%;  
    margin-right: 0px;
  }
    
  .footer-link {
        margin: 0 5px;
    }
    
  .footer-copyright {
    float: none;
    font-size: 9px;
  }
    
  .icon-footer {
    float: none;
    font-display: auto;
  }
    
  .icons {
    text-align: center;
    margin: 0 5px;
    font-size: 20px;
  }
    
  .footer-50percent {
    width: 100%;
    text-align: center;
  }
    
  .index-blog-block .blog-image {
    display: table-cell!important;
  }
  
    
    .create-customer-wrapper {
    width: 100%;
  }
  
  .index-stuff-title {
    left: 19px;
    font-size: 20px;
    max-width: 200px;
    padding: 12px;
    top: 66px;
}
  
  .index-stuff-body {
    position: absolute;
    bottom: 109px;
    left: 20px;
    max-width: 237px;
    padding: 12px;
    font-size: 16px;
  }
  
  
  .index-stuff-link {
    left: 19px;
  }
  
  .article-images {
    width: 100%;
    padding-left: 0px;
    padding-top: 40px;
    margin-left: 0px;
  }
  
  .article-text {
    width: 100%;
  }
   
  .stuff-main {
    width: auto;
    height: calc(100vh - 158px);
  }
  .blog-text {
    display: table-footer-group;
    width: 100%;
  }
  
 .blog-category {
    padding: 20px 0;
  }
  
  .footer_new4 > .lookbook-footer-caption > .lookbook-product-title, 
  .footer_new4 > .lookbook-footer-caption > .lookbook-buy-link {
    text-align: left;
  }
    
  
  .carousel-inner4 {
    padding: 0 20px;
  }
  
  .carousel-caption4, .footer_new4 {
    height: auto;
    padding: 12px;
  }
  
  .lookbook-footer-caption {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: left;
  }
  
  .hide4 {
    opacity: 1;
    visibility: visible;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }
  
  #carousel-example-generic-4 > .carousel-control {
    display: none;
  }
  
  .carousel-inner4 > .item {
    opacity: 1!important;
    position: static!important;
    width: 100%!important;
    height: auto!important;
    z-index: 1!important;
  }
  
  .carousel-inner4 > .item > img {
    max-width: 100%!important;
    height: auto!important;
  }
  
  .ss17-title, .fw17-title {
    top: 73px;
  }
  
  .ss17-deschutes-wrapper {
    position: absolute; 
    top: calc(50vh - 50px); 
    right: calc(50% - 200px); 
    width: 400px;
    padding: 0 60px;
  }
  
  .ss17-deschutes {
    width: 100%; 
    height: auto; 
    fill: #fff7d1;
    padding: 0 40px;
  }
  
  .mobile-links-hide {
    display: none;
  }
  
  .mobile-links-show {
    display: block;
  }
  
  .nav-link-wrapper {
    width: 100%;
  }
  

  span .nav-link-secondary-wrapper {
    width: 300px;
    top: 0px;
    left: 0px;
    padding: 10px 20px;
	visibility: visible;
    opacity: 1;
    position: static;
  }


  .nav-link-secondary {
    line-height: 26px;
    font-size: 14px;
  }
  
  .index-overlay-text {
    display: none;
  } 
  
  .index-update {
    display: none;
  }
  
  .fw16-index-link {
    padding: 6px 24px;
  }
  
  .fw16-collection-image, .collection-image, .collection-image-50, .collection-image-75, .collection-image-100  {
    width: 100%;
    padding: 10px 0 0 0;
    margin: 0px 0 10px 0;
  }
  
  
  .move-left {
    margin-left: 20px!important;
    opacity: 1!important;
  }
  
  .move-right {
    margin-left: 0px!important;
    opacity: 1!important;
}
  
  .fw16-index-header {
    width: auto;
    background-position: center center;
    
  }
  
  .fw16-index-header-wrapper {
    opacity: 1;
    width: auto;
    margin: 0px;
}
  
  .fw16-index-wrapper {
  width: 100%; 
  padding: 40px;
  margin: 40px 0 0 0;
}

.fw16-index-text-block {
  font-size: 12px;
  position: absolute; 
  bottom: 0px; 
  margin-left: 0px;
  padding: 20px 20px 100px 20px; 
  background-color: #fff; 
  width: 100%; 
  font-size: 11px;
}
  
  .nav-reveal {
  	height: 170px!important;
  }
  
  .gallery-product-title, .gallery-product-price, #index .gallery-product-title {
    line-height: 16px;
    text-align: left;
  }
  
  
  
  .product-info-content-wrap {
    padding: 10px 0 0px 0;
  }
  
  .people-table-left {
    width: calc(50% - 20px);
  }
  
  .ss16-collection-header {
    height: calc(100vh - 228px);
  }
  
  .index-launch {
    background-position: left center;
  }
  
  .ss16-index {
    top: 80px;
    height: calc(100vh - 80px);
  }
  
  .collection-arrow {
    padding-left: 0;
    padding-right: 0;
    bottom: 16px;
  }
 
  #loader {
    display: block;
    padding: 12px 0px 0 0px;
    background: transparent;
    position: relative;
    top: 0px;
    width: 80px;
    left: 20px;
    z-index: 1001;
}
  
  #loader:before {
    top: 35px;
    left: 20px;
  }
  
  .ss16-collection-header {
    margin: 30px 0px 34px 0px;
  }
  
  .desktop-lookbook-header {
    display: none;
  }
  
  .mobile-lookbook-scroll {
    display: block;
  }
  
  .newsletter-page {
    padding: 92px 20px 0 20px;
    height: calc(100vh - 138px);
  }

  .index-launch, .index-launch-2 {
    background-attachment: scroll;
  }
  
  .japan-padding {
  padding: 0px;
}
  
    .japan-link-heading {
    padding: 22px;
  }
  
  .japan-footer-cell {
    display: table-cell; 
    vertical-align: middle; 
    width: 100%; 
    padding: 22px;
    font-size: 12px; 
    line-height: 16px;
  }
  
    .japan-left {
  margin-top: 44px;
  position: relative;
  width: 100%; 
  float: left; 
  height: calc(30vh - 22px);
  background: url(/cdn/shop/files/adsum-japan-story-landing-film.jpg?9441635486630366224) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.japan-right {
  position: relative;
  width: 100%; 
  float: left; 
  height: calc(30vh - 22px);
  background: url(/cdn/shop/files/adsum-japan-story-landing-digital.jpg?9441635486630366224) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
  
  .lookbook-fullwidth, .japan-mac-fullwidth, .japan-mac-fullwidth-2, .japan-mac-fullwidth-3, .japan-mac-fullwidth-4, .japan-mac-fullwidth-5 {
    background-size: auto 100%;
    background-repeat: no-repeat;
  	background-position: center center;
  	background-attachment: scroll;
    height: 50vh;
  }
  
  .left-50 > .ss16-preview-content, .right-50 > .ss16-preview-content {
    padding: 10px 5% 0 5%;
  }
  
  .ss16-preview-content {
    opacity: 1;
    width: 100%;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    padding: 20px 20px 0 20px;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }
  
  .center-single-margin {
    width: 100%;
    margin: 100px auto;
  }
  
  .center-single-margin-500 {
    width: 100%;
    margin: 100px auto;
  }
  
  .preview-ss16-title { 
    padding: 80px 0 20vh 0;
  }
  
  .center-single { 
    width: 100%; 
    height: auto; 
    display: block; 
    margin: 100px auto 0 auto;
    -moz-transition: transform 2.5s;
    -webkit-transition: transform 2.5s;
    -o-transition: transform 2.5s;
    -ms-transition: transform .2.5s;
    transition: transform 2.5s;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
  }
  
  .img-left, .img-right {
    padding: 0% 20px; 
    width: 100%; 
    height: auto; 
    display: block; 
    margin: 0 auto;
  }
  
  .left-50, .right-50 {
    opacity: 0; 
    float: left; 
    width: 100%;
    padding: 20px 0px;
  }
  
  .cart-empty {
    text-align: center;
}
  
  
  .collection-banner {
    display: none;
  }
  
  .gallery {
    padding: 0px 10px;
	}
  
  .gallery .product4, .gallery .product5, .gallery .product50, .product5  {
    width: 50%;
    padding: 10px;
  }
  
  
  .index-callto {
    width: 80%;
    margin: 140px auto 0 auto;
  }
  
  .collection-info-content {
    opacity: 1;
  	position: relative;
  }
  
  .collection-item {
    width: 100%;
    padding: 10px 200px;
  }
  
  .index-footer {
    padding: 0px 20px 0px 20px;
  }
  
  .about-text {
  	font-size: 12px;
    line-height: 18px;
    font-weight: 400;;
    max-width: 600px;
  }
  
  .page-title {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
	text-align: left;
	max-width: 100%;
	margin-top: 19px;
	font-size: 20px;
    line-height: 28px;
	font-weight: 400;
	letter-spacing: .01em;
  }
  
  .stockists-country {
    font-size: 18px;
    text-align: left;
    padding-bottom: 40px;
  }

  .page-padding {
    padding: 40px 20px 0 20px;
  }

	
  #cartform table td {
    padding: 0px 0 40px 0;
  }

	
.cart-block {
  width: 33.333%;
}
	
  .cart_page_wrapper {
    padding: 10px 20px;
  }
	
  .product-title2 {
    padding: 60px 0 2px 0;
  }

	
  .product-page-image-column-mobile {
	padding: 0 20px;
  }

	
  .footer-left {
    font-size: 7px;
    line-height: 4em;
  }

  .footer {
	padding: 40px 20px 40px 20px;
  }

  .footer-left {
	font-size: 7px;
  }
	
  .product-info-column {
    padding: 0 20px;
    position: relative;
    max-width: 500px;
    margin: 0 auto;
    display: block;
    height: auto;
    top: 0px;
  }
	
  .product-page-image-column {
 	width: 100%;
	max-width: 800px;
	margin: 30px auto 0 auto;
	padding: 0 20px;
	display: table-footer-group;
  }
   

  .gallery-padding {
	padding: 20px 0;
  }	
  
  .collection-padding {
	padding: 0px;
  }
  
  .product-page-padding {
	padding-top:97p;
  }
   
#adsumspace {
	padding: 0px;
}
	
.header-mobile {
	display: block;
	background: #fff;
	position:fixed;
	width: 100%;
	z-index: 99;
    -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#eyebrow-cart {
	display: none;
	}
  
.collection-title {
    position: relative;
    top: 0;
    left: 0px;
    text-align: left;
    max-width: 100%;
    margin-top: 60px;
    padding: 0px 20px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px;
    padding-left: 20px;
}
  
.price {
    text-align: left;
}
  
.gallery .product3 {
  float: left;
  margin-top: 0px;
  width: 50%;
  padding: 20px;
}
    
.index-block-1-2 {
  background: url(/cdn/shop/files/adsum-block-1-phone.jpg?3487089032034382784) no-repeat bottom center fixed !important;
  background-size: 80px 60px;
}
  
.header-fullsite {
  display: none;
}
  
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
  top: 50%!important;
}
  
.lookbook-header {
  height: 50px; 
  display: table; 
  width: 100%;
}
  
.lookbook-adsum-logo {
    padding-top: 17px;
}

.footer_new {
    height: 50px;
}
  
.lookbook-caption {
  font-size: 10px; 
  float: none; 
  line-height: 14px;
  text-align: center;
}
 

.lookbook-caption-info {
  float: none; 
  font-size: 10px; 
  font-weight: 700; 
  line-height: 14px;
  text-align: center;
  padding: 12px 0px 4px 0px;
}
  
.carousel-control {
  height: 100%;
}
  
.carousel-inner3 > .item {
    padding-bottom: 0px!important;
}
  
.carousel-inner3 > .item > img, .carousel-inner3 > .item > a > img {
  height: auto!important;
}
  
#carousel-mobile {
  display: block!important;
}
  
#carousel-example-generic {
  display: none!important;
}
  
.carousel-control .glyphicon-chevron-right {
  margin-right: -4px!important;
}
  
.carousel-control .glyphicon-chevron-left {
  margin-left: -4px!important;
}

.lookbook-logo {
  max-width: 60px; 
  display: block; 
  margin: 0 auto;
}
  
  
.carousel-caption2 {
  padding-bottom: 0px;
}
  
.glyphicon-chevron-left:before, .glyphicon-chevron-right:before {
    font-size: 22px!important;
}
  
.carousel-footer {
  padding-left: 50px;
  padding-right: 50px;
  text-align: center;
  padding-top: 10px;
}
  
  
.carousel-inner3 > .item > img, .carousel-inner3 > .item > a > img {
    max-height: 800px;
}
  
.carousel-inner3 {
  overflow: invisible!important;
}
  
.carousel-inner3 > .item {
  display: block!important;
  padding-bottom: 20px;
}
  
.carousel-control {
  opacity: 1.0!important;
  background-color: #fff;
}
  
.header {
  padding: 30px 30px 0 30px;
}
  
.about_heading {
  width: 100%;
  min-width: 50px;
}
  
.contact {
  padding: 20px 0 0 0;
}
  

}

@media (max-width:800px) {
  
  
  .stockists-table-left, .stockists-table-middle, .stockists-table-right  {
  display: block;
    width: 100%;
    padding-bottom: 20px;
}
  
  
  
}

@media (max-width:744px) {
  
  .index-news-title {
    width: 100%;
    margin: 0 0px 16px 0px;
  }
  
  .index-blog-block {
    display: inline-block;
    width: 100%;
    margin-right: 0px;
    padding: 0px 0 40px 0;
  }
  
  
  .japan-flag {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    background-color: #f21727;
    display: block;
    margin: 15vh auto;
    top: calc(50% - 200px);
    left: calc(50% - 100px);
    /*
    -webkit-animation: japan-grow 5s 1; 
    -moz-animation: japan-grow 5s 1;
    -o-animation: japan-grow 5s 1;
    animation: japan-grow 5s 1;
    */
  }


  
  .collection-item {
    width: 100%;
    padding: 20px;
  }
  
  .gallery .product4, .gallery .product5, .gallery .product50, .product5 {
    width: 50%;
    padding: 10px;
  }
  
  #index .product5 {
    padding: 5px;
  }

  
  .product_info_content {
    opacity: 1;
    position: relative;
  }
  
  .collection-info-content {
    opacity: 1;
    position: relative;
  }
  
.about-text {
  	
}
  
.gallery .product3 {
  float: left;
  margin-top: 0px;
  width: 100%;
  padding: 0 20px 0 20px;
}
  
  
#adsumspace {
	padding: 0px;
}
  
#content { 
  margin: 0px auto 0 auto;
}
  
#eyebrow-cart {
  font-size: 19px;
}

.header_fullsite {
  display:none;
}

.footer_text {
  display:table-cell;
  text-align:center;
  vertical-align: middle;
  font-size: 16px;
}

.header_index {
  display: none;
}

.footer_links {
  display: none;
}
  
.footer_links2 {
  display: none;
}

.footer_cart {
  display: none;
}

.content_index_photo {
  max-height:80vh;
}

.mobile_menu {
  display: table;
  vertical-align: middle;
  width: 33.3%;
  height: 45px;
  z-index:2;
}

.mobile_menu2 {
  display: table;
  vertical-align: middle;
  width: 100%;
  height: 45px;
  min-height:40px;
  background: #fff;
  z-index:2;
}

.content {
  margin-top: 45px;
}
  

.header_mobile_height {
  background: #fff; height: 45px; vertical-align: middle; width: 100%; display:table;
}


.footer_links {
  display:none;
}
.border-menu {
  position: relative;
  padding-left: 1.25em;
}
.border-menu:before {
  content: "";
  position: absolute;
  font-size: 21px;
  top: 0.25em;
  left: 0;
  width: 1em;
  height: 0.125em;
  border-top: 0.375em double #000;
  border-bottom: 0.125em solid #000;
}
.bottom_right_info {
  margin-top:-18px;
  text-align: center;
  float: none;
}
  
@media (max-width:650px) {
  
  .people-table-left {
    display: block;
    padding-right: 0px;
    position: static;
    width: 100%;
}

.fade-up-and-in {
	position: relative;
    top: 0px;
    opacity: 1;
}
  
.stuff-main-caption {
    max-width: 100%;
  -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.stuff-main-caption-title {
	font-size: 20px;
}
  
.stuff-read-more {
  text-align: center;
  padding: 6px;
  text-decoration: none;
  border: 1px solid #000;
  width: 100%;
  margin-top: 30px;
}
  
.stuff-read-more:hover {
  background-color: #000;
  color: #fff;
}
  
.stuff-read-more:active {
  color: #000;
}
  
.stuff-50-left, .stuff-50-right, .stuff-70-left, .stuff-70-right, .stuff-30-left, .stuff-30-right {
  width: 100%;
  float: left;
  padding-right: 0px;
  padding-left: 0px;
}
  
.stuff-30-left, .stuff-30-right {
  padding-top: 20px;
}
  
  #cartform table td {
    width: 100%;
    display: block;
}
  
  .sound_info {
    width: 100%;
    padding-left: 0%;
  }
  
  .carousel-control {
    height: calc(100vh - 100px)!important;
}
  
  .carousel-inner3 > .item > img, .carousel-inner3 > .item > a > img {
    max-height: 460px;
  }
  
  
  
  .people-table-right {
    display: block;
    vertical-align: bottom;
    width: 100%;
    padding-top: 20px;
    
	}

}
  
@media (max-width:530px) {
  
  .index-blog-block .blog-image {
    height: 120px;
}
  
  

  .carousel-inner3 > .item > img, .carousel-inner3 > .item > a > img {
    max-height: 460px;
  }
  
   .carousel-control {
    height: calc(100vh - 100px)!important;
}
  
    div.wrap > div {
    background-position: -150px;
}
  

}
  

@media (max-width:520px) {
  
  .index-update {
    width: 100%;
    right: 0;
    bottom: 0;
  
    position: absolute;
}
  

  
.gallery .product2 {
float: left;
margin-top: 0px;
width: 100%;
}
  
#product-description {
  text-align: justify;
}
  
.product-title {
	text-align: center;
}
.product_left {
  width: 90%;
}
.product_right {
  display: inline-block;
  padding-right: 5%;
  padding-left: 5%;
  float: left;
  width: 90%;
  vertical-align: top;
}
#product-description2 {
  padding-top:0px;
}
.product_info_padding {
	padding-top:16px;
}
}

@media (max-width:500px) { 
  
  .cart-block {
    width: 100%;
    padding-right: 0px;
  }
  
  .footer-left {
    display:none;
  }

  .footer-right {
    float: left;
  }
   
  
  .gallery .product {
    width:100%;
  }
 

  #eyebrow-cart {
    padding-right: 0px!important;
  }

  div.currencyfloat {
    display:none;
  }

  .product_container {
    display:table;
  }

  .product_column {
    display:table-cell;
    padding-top:40px;
  }

  div.float_right {
    float:right;
  }

  .product_fuck {
    width:100%;
  }

  .reminder {
    display:inline-block;
    padding: 5px 0px;
    margin-top: 4px;
    background: #000;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    width: 100%!important;
    border: 1px solid #fff;
    border-bottom-width: 0px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
  }

  .reminder, .reminder label, .reminder a, .reminder input {
  	color: #fff !important;
  }

  .reminder input[type="radio"] + label span {
      display:inline-block;
      width:10px;
      height:10px;
      background:url(https://cdn.shopify.com/s/files/1/0058/3352/files/check_radio_sheet_w.png?20784) left top no-repeat;
      background-size: 40px 10px;
      cursor:pointer;
      float: left;
  }

  .reminder input[type="radio"]:checked + label span {
      background:url(https://cdn.shopify.com/s/files/1/0058/3352/files/check_radio_sheet_w.png?20784) -10px top no-repeat;
      background-size: 40px 10px;
  }



}
  

@media (max-width:370px) {
      .carousel-inner3 > .item > img, .carousel-inner3 > .item > a > img {
    max-height: 360px;
  }
  
   .carousel-control {
    height: calc(100vh - 200px)!important;
  }

}

  
