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

body {
  filter: none;
  position: absolute;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBQkFGRUZFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBQkFGRjBFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkFCQUZFREU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkFCQUZFRUU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrV+I8AAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC', sizingMethod=crop);
  zoom: 1
}

html,
body,
* {
  -webkit-text-size-adjust: none !important;
  -webkit-font-smoothing: subpixel-antialiased !important;
  text-rendering: optimizeLegibility !important
}

body {
  /*font: 400 10px/1.3 'helvetica neue', 'helvetica', arial, sans-serif;*/
  font-family: 'WorkSans-Regular';
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05em;
  margin: 0 !important;
  padding: 0 !important
}

th {
  font-weight: 400 !important
}

h2,
h2 font,
h3,
h3 font,
h4,
h4 font {
  font-weight: 400 !important
}

input {
  font-family: 'helvetica neue'
  , 'helvetica'
  , arial
  , sans-serif
}

a,
button {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out
}

a.planned,
a.planned span {
  color: #ccc !important
}

input,
textarea {
  box-shadow: none !important;
  text-shadow: none !important
}

input,
textarea {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out
}

input:focus,
textarea:focus {
  border-color: #111 !important
}

ul {
  margin: 0;
  padding: 0
}

ul li {
  list-style: none;
  margin: 0;
  padding: 0
}

fieldset {
  border: 0
}

body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

#overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #111;
  opacity: 0.7;
  display: block;
  display: none;
  z-index: 9998
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

::selection {
  color: #111;
  background: #6fffce !important
}

*::selection {
  color: #111;
  background: #6fffce !important
}

.wrapper {
  *zoom: 1;
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 0 20px;
}

.wrapper:after {
  content: "";
  display: table;
  clear: both
}

.wrapper.main-content {
  margin-top: 100px;
  min-height: 480px
}

.fsb-on .wrapper.main-content {
  margin-top: 134px
}

hr {
  clear: both;
  border-top: solid #ddd;
  border-width: 1px 0 0;
  margin: 0;
  height: 0
}

hr.hr--small {
  margin: 15px 0
}

hr.hr--clear {
  border-top-color: transparent
}

.tem-index .main-content .grid-uniform + hr.hr--clear {
  display: none
}

body,
input,
textarea,
button,
select {
  color: #111;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%
}

p {
  margin: 0
}

p img {
  margin: 0
}

em {
  font-style: italic
}

b,
strong {
  font-weight: bold
}

small {
  font-size: 0.9em
}

sup,
sub {
  position: relative;
  font-size: 60%;
  vertical-align: baseline
}

sup {
  top: -0.5em
}

sub {
  bottom: -0.5em
}

blockquote {
  font-size: 1.125em;
  line-height: 1.45;
  font-style: italic;
  margin: 0 0 30px;
  padding: 15px 30px;
  border-left: 1px solid #ddd
}

blockquote p {
  margin-bottom: 0
}

blockquote p + cite {
  margin-top: 15px
}

blockquote cite {
  display: block;
  font-size: 0.75em
}

blockquote cite:before {
  content: "\2014 \0020"
}

code,
pre {
  background-color: #faf7f5;
  font-family: Consolas
  , monospace;
  font-size: 1em;
  border: 0 none;
  padding: 0 2px;
  color: #51ab62
}

pre {
  overflow: auto;
  padding: 15px;
  margin: 0 0 30px
}

ul,
ol {
  margin: 0 0 30px;
  padding: 0
}

ul {
  list-style: none outside
}

ol {
  list-style: decimal
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin: 4px 0 5px 20px
}

li {
  margin-bottom: 0.25em
}

ol,
ul.square,
.rte ul ul ul,
ul.disc,
.rte ul {
  margin-left: 20px
}

ul.square,
.rte ul ul ul {
  list-style: square outside
}

ul.disc,
.rte ul {
  list-style: disc outside
}

ol.alpha {
  list-style: lower-alpha outside
}

.inline-list li {
  display: inline-block;
  margin-bottom: 0
}

table {
  width: 100%;
  margin-bottom: 1em;
  border-collapse: collapse;
  border-spacing: 0
}

.table-wrap {
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

th {
  font-weight: bold
}

th,
td {
  text-align: left;
  padding: 15px;
  border: 1px solid #ddd
}

.grid,
.grid--rev,
.grid--full,
.grid-uniform {
  *zoom: 1
}

.grid:after,
.grid--rev:after,
.grid--full:after,
.grid-uniform:after {
  content: "";
  display: table;
  clear: both
}

.grid__item.clear {
  clear: both
}

.grid,
.grid--rev,
.grid--full,
.grid-uniform {
  list-style: none;
  margin: 0;
  padding: 0
}

#CollectionSection .section-header {
  margin: 0;
  position: fixed;
  top: 100px;
  z-index: 99;
  left: 20px;
  width: 25%;
  display: inline-block;
  text-align: left
}

#CollectionSection .section-header h1.section-header__title {
  font-size: 11px;
  font-weight: 700;
  display: inline-block;
  text-transform: uppercase;
  margin: 4px 0 0;
  padding-bottom: 2px;
  border-bottom: 0 solid #111
}

.fsb-on #CollectionSection .section-header,
.fsb-on #sort_b {
  top: 134px
}

.fsb-on #p_category {
  top: 194px
}

#sort_b {
  position: fixed;
  top: 100px;
  left: auto;
  right: 20px;
  z-index: 999999;
  width: auto;
  display: inline-block;
  font-size: 10px;
  text-transform: uppercase;
  color: #111
}

p#ft_btn {
  display: inline-block;
  width: auto;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 700;
  text-align: right;
  width: 68px;
  padding: 4px;
  cursor: pointer;
  z-index: 0
}

p#ft_btn span {
  display: inline-block
}

p#ft_btn img {
  display: inline-block;
  width: 8px;
  height: auto;
  margin-left: 8px;
  float: right
}

#sort_select {
  display: block;
  position: relative;
  margin-right: -10px;
  z-index: 99;
  background: #fff;
  display: none;
  padding: 16px 0 0
}

#ft_clos {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 10px;
  width: 9px;
  cursor: pointer;
  z-index: 99
}

#ft_clos img {
  display: block;
  width: 100%;
  height: auto
}

#sort_select label {
  font-weight: 700;
  display: block;
  padding: 0 6px 4px
}

#sort-by {
  margin: 0;
  border: 1px solid transparent;
  padding: 2px 6px;
  width: 180px;
  border-radius: 1px;
  display: inline-block;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em
}

#sort-by:focus,
#sort-by:active {
  font-size: 10px !important
}

.template-collection #nv,
.template-product #nv {
  display: none
}

.template-collection .grid-uniform {
  position: relative;
  margin: 60px 0 0 calc(25%) !important;
  width: calc(75%);
  padding: 0 !important;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 0;
  max-width: 100%;
  float: right;
  min-height: 720px;
  display: block
}

.template-collection .grid-uniform .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%
}

#haravan-section-collection-template .grid-uniform .grid__item {
  position: relative;
  width: 25%;
  flex-basis: 25%;
  min-height: 1px;
  margin-bottom: 20px;
  vertical-align: top
}

.grid__item {
  position: relative;
  float: left;
  min-height: 1px;
  margin-bottom: 28px;
  vertical-align: top;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.grid--rev {
  direction: rtl;
  text-align: left
}

.grid--rev > .grid__item {
  direction: ltr;
  text-align: left;
  float: right
}

.grid--full {
  margin-left: 0
}

.grid--full > .grid__item {
  padding-left: 0
}

.one-whole {
  width: 100%
}

.one-half {
  width: 50%
}

.one-third {
  width: 33.333%
}

.two-thirds {
  width: 66.666%
}

.one-quarter {
  width: 25%
}

.two-quarters {
  width: 50%
}

.three-quarters {
  width: 75%
}

.one-fifth {
  width: 20%
}

.two-fifths {
  width: 40%
}

.three-fifths {
  width: 60%
}

.four-fifths {
  width: 80%
}

.one-sixth {
  width: 16.666%
}

.two-sixths {
  width: 33.333%
}

.three-sixths {
  width: 50%
}

.four-sixths {
  width: 66.666%
}

.five-sixths {
  width: 83.333%
}

.one-eighth {
  width: 12.5%
}

.two-eighths {
  width: 25%
}

.three-eighths {
  width: 37.5%
}

.four-eighths {
  width: 50%
}

.five-eighths {
  width: 62.5%
}

.six-eighths {
  width: 75%
}

.seven-eighths {
  width: 87.5%
}

.one-tenth {
  width: 10%
}

.two-tenths {
  width: 20%
}

.three-tenths {
  width: 30%
}

.four-tenths {
  width: 40%
}

.five-tenths {
  width: 50%
}

.six-tenths {
  width: 60%
}

.seven-tenths {
  width: 70%
}

.eight-tenths {
  width: 80%
}

.nine-tenths {
  width: 90%
}

.one-twelfth {
  width: 8.333%
}

.two-twelfths {
  width: 16.666%
}

.three-twelfths {
  width: 25%
}

.four-twelfths {
  width: 33.333%
}

.five-twelfths {
  width: 41.666%
}

.six-twelfths {
  width: 50%
}

.seven-twelfths {
  width: 58.333%
}

.eight-twelfths {
  width: 66.666%
}

.nine-twelfths {
  width: 75%
}

.ten-twelfths {
  width: 83.333%
}

.eleven-twelfths {
  width: 91.666%
}

.show {
  display: block !important
}

.hide {
  display: none !important
}

.text-left {
  text-align: left !important
}

.text-right {
  text-align: right !important
}

.text-center {
  text-align: center !important
}

.left {
  float: left !important
}

.right {
  float: right !important
}

@media only screen and (max-width: 480px) {
  .small--one-whole {
    width: 100%
  }

  .small--one-half {
    width: 50%
  }

  .small--one-third {
    width: 33.333%
  }

  .small--two-thirds {
    width: 66.666%
  }

  .small--one-quarter {
    width: 25%
  }

  .small--two-quarters {
    width: 50%
  }

  .small--three-quarters {
    width: 75%
  }

  .small--one-fifth {
    width: 20%
  }

  .small--two-fifths {
    width: 40%
  }

  .small--three-fifths {
    width: 60%
  }

  .small--four-fifths {
    width: 80%
  }

  .small--one-sixth {
    width: 16.666%
  }

  .small--two-sixths {
    width: 33.333%
  }

  .small--three-sixths {
    width: 50%
  }

  .small--four-sixths {
    width: 66.666%
  }

  .small--five-sixths {
    width: 83.333%
  }

  .small--one-eighth {
    width: 12.5%
  }

  .small--two-eighths {
    width: 25%
  }

  .small--three-eighths {
    width: 37.5%
  }

  .small--four-eighths {
    width: 50%
  }

  .small--five-eighths {
    width: 62.5%
  }

  .small--six-eighths {
    width: 75%
  }

  .small--seven-eighths {
    width: 87.5%
  }

  .small--one-tenth {
    width: 10%
  }

  .small--two-tenths {
    width: 20%
  }

  .small--three-tenths {
    width: 30%
  }

  .small--four-tenths {
    width: 40%
  }

  .small--five-tenths {
    width: 50%
  }

  .small--six-tenths {
    width: 60%
  }

  .small--seven-tenths {
    width: 70%
  }

  .small--eight-tenths {
    width: 80%
  }

  .small--nine-tenths {
    width: 90%
  }

  .small--one-twelfth {
    width: 8.333%
  }

  .small--two-twelfths {
    width: 16.666%
  }

  .small--three-twelfths {
    width: 25%
  }

  .small--four-twelfths {
    width: 33.333%
  }

  .small--five-twelfths {
    width: 41.666%
  }

  .small--six-twelfths {
    width: 50%
  }

  .small--seven-twelfths {
    width: 58.333%
  }

  .small--eight-twelfths {
    width: 66.666%
  }

  .small--nine-twelfths {
    width: 75%
  }

  .small--ten-twelfths {
    width: 83.333%
  }

  .small--eleven-twelfths {
    width: 91.666%
  }

  .small--show {
    display: block !important
  }

  .small--hide {
    display: none !important
  }

  .small--text-left {
    text-align: left !important
  }

  .small--text-right {
    text-align: right !important
  }

  .small--text-center {
    text-align: center !important
  }

  .small--left {
    float: left !important
  }

  .small--right {
    float: right !important
  }

  .grid-uniform .small--one-half:nth-child(2n + 1),
  .grid-uniform .small--one-third:nth-child(3n + 1),
  .grid-uniform .small--one-quarter:nth-child(4n + 1),
  .grid-uniform .small--one-fifth:nth-child(5n + 1),
  .grid-uniform .small--one-sixth:nth-child(6n + 1),
  .grid-uniform .small--two-sixths:nth-child(3n + 1),
  .grid-uniform .small--three-sixths:nth-child(2n + 1),
  .grid-uniform .small--two-eighths:nth-child(4n + 1),
  .grid-uniform .small--four-eighths:nth-child(2n + 1),
  .grid-uniform .small--five-tenths:nth-child(2n + 1),
  .grid-uniform .small--one-twelfth:nth-child(12n + 1),
  .grid-uniform .small--two-twelfths:nth-child(6n + 1),
  .grid-uniform .small--three-twelfths:nth-child(4n + 1),
  .grid-uniform .small--four-twelfths:nth-child(3n + 1),
  .grid-uniform .small--six-twelfths:nth-child(2n + 1) {
    clear: both
  }
}

@media only screen and (min-width: 481px) and(max-width: 720px) {
  .medium--one-whole {
    width: 100%
  }

  .medium--one-half {
    width: 50%
  }

  .medium--one-third {
    width: 33.333%
  }

  .medium--two-thirds {
    width: 66.666%
  }

  .medium--one-quarter {
    width: 25%
  }

  .medium--two-quarters {
    width: 50%
  }

  .medium--three-quarters {
    width: 75%
  }

  .medium--one-fifth {
    width: 20%
  }

  .medium--two-fifths {
    width: 40%
  }

  .medium--three-fifths {
    width: 60%
  }

  .medium--four-fifths {
    width: 80%
  }

  .medium--one-sixth {
    width: 16.666%
  }

  .medium--two-sixths {
    width: 33.333%
  }

  .medium--three-sixths {
    width: 50%
  }

  .medium--four-sixths {
    width: 66.666%
  }

  .medium--five-sixths {
    width: 83.333%
  }

  .medium--one-eighth {
    width: 12.5%
  }

  .medium--two-eighths {
    width: 25%
  }

  .medium--three-eighths {
    width: 37.5%
  }

  .medium--four-eighths {
    width: 50%
  }

  .medium--five-eighths {
    width: 62.5%
  }

  .medium--six-eighths {
    width: 75%
  }

  .medium--seven-eighths {
    width: 87.5%
  }

  .medium--one-tenth {
    width: 10%
  }

  .medium--two-tenths {
    width: 20%
  }

  .medium--three-tenths {
    width: 30%
  }

  .medium--four-tenths {
    width: 40%
  }

  .medium--five-tenths {
    width: 50%
  }

  .medium--six-tenths {
    width: 60%
  }

  .medium--seven-tenths {
    width: 70%
  }

  .medium--eight-tenths {
    width: 80%
  }

  .medium--nine-tenths {
    width: 90%
  }

  .medium--one-twelfth {
    width: 8.333%
  }

  .medium--two-twelfths {
    width: 16.666%
  }

  .medium--three-twelfths {
    width: 25%
  }

  .medium--four-twelfths {
    width: 33.333%
  }

  .medium--five-twelfths {
    width: 41.666%
  }

  .medium--six-twelfths {
    width: 50%
  }

  .medium--seven-twelfths {
    width: 58.333%
  }

  .medium--eight-twelfths {
    width: 66.666%
  }

  .medium--nine-twelfths {
    width: 75%
  }

  .medium--ten-twelfths {
    width: 83.333%
  }

  .medium--eleven-twelfths {
    width: 91.666%
  }

  .medium--show {
    display: block !important
  }

  .medium--hide {
    display: none !important
  }

  .medium--text-left {
    text-align: left !important
  }

  .medium--text-right {
    text-align: right !important
  }

  .medium--text-center {
    text-align: center !important
  }

  .medium--left {
    float: left !important
  }

  .medium--right {
    float: right !important
  }

  .grid-uniform .medium--one-half:nth-child(2n + 1),
  .grid-uniform .medium--one-third:nth-child(3n + 1),
  .grid-uniform .medium--one-quarter:nth-child(4n + 1),
  .grid-uniform .medium--one-fifth:nth-child(5n + 1),
  .grid-uniform .medium--one-sixth:nth-child(6n + 1),
  .grid-uniform .medium--two-sixths:nth-child(3n + 1),
  .grid-uniform .medium--three-sixths:nth-child(2n + 1),
  .grid-uniform .medium--two-eighths:nth-child(4n + 1),
  .grid-uniform .medium--four-eighths:nth-child(2n + 1),
  .grid-uniform .medium--five-tenths:nth-child(2n + 1),
  .grid-uniform .medium--one-twelfth:nth-child(12n + 1),
  .grid-uniform .medium--two-twelfths:nth-child(6n + 1),
  .grid-uniform .medium--three-twelfths:nth-child(4n + 1),
  .grid-uniform .medium--four-twelfths:nth-child(3n + 1),
  .grid-uniform .medium--six-twelfths:nth-child(2n + 1) {
    clear: both
  }
}

@media only screen and (max-width: 720px) {
  .medium-down--one-whole {
    width: 100%
  }

  .medium-down--one-half {
    width: 50%
  }

  .medium-down--one-third {
    width: 33.333%
  }

  .medium-down--two-thirds {
    width: 66.666%
  }

  .medium-down--one-quarter {
    width: 25%
  }

  .medium-down--two-quarters {
    width: 50%
  }

  .medium-down--three-quarters {
    width: 75%
  }

  .medium-down--one-fifth {
    width: 20%
  }

  .medium-down--two-fifths {
    width: 40%
  }

  .medium-down--three-fifths {
    width: 60%
  }

  .medium-down--four-fifths {
    width: 80%
  }

  .medium-down--one-sixth {
    width: 16.666%
  }

  .medium-down--two-sixths {
    width: 33.333%
  }

  .medium-down--three-sixths {
    width: 50%
  }

  .medium-down--four-sixths {
    width: 66.666%
  }

  .medium-down--five-sixths {
    width: 83.333%
  }

  .medium-down--one-eighth {
    width: 12.5%
  }

  .medium-down--two-eighths {
    width: 25%
  }

  .medium-down--three-eighths {
    width: 37.5%
  }

  .medium-down--four-eighths {
    width: 50%
  }

  .medium-down--five-eighths {
    width: 62.5%
  }

  .medium-down--six-eighths {
    width: 75%
  }

  .medium-down--seven-eighths {
    width: 87.5%
  }

  .medium-down--one-tenth {
    width: 10%
  }

  .medium-down--two-tenths {
    width: 20%
  }

  .medium-down--three-tenths {
    width: 30%
  }

  .medium-down--four-tenths {
    width: 40%
  }

  .medium-down--five-tenths {
    width: 50%
  }

  .medium-down--six-tenths {
    width: 60%
  }

  .medium-down--seven-tenths {
    width: 70%
  }

  .medium-down--eight-tenths {
    width: 80%
  }

  .medium-down--nine-tenths {
    width: 90%
  }

  .medium-down--one-twelfth {
    width: 8.333%
  }

  .medium-down--two-twelfths {
    width: 16.666%
  }

  .medium-down--three-twelfths {
    width: 25%
  }

  .medium-down--four-twelfths {
    width: 33.333%
  }

  .medium-down--five-twelfths {
    width: 41.666%
  }

  .medium-down--six-twelfths {
    width: 50%
  }

  .medium-down--seven-twelfths {
    width: 58.333%
  }

  .medium-down--eight-twelfths {
    width: 66.666%
  }

  .medium-down--nine-twelfths {
    width: 75%
  }

  .medium-down--ten-twelfths {
    width: 83.333%
  }

  .medium-down--eleven-twelfths {
    width: 91.666%
  }

  .medium-down--show {
    display: block !important
  }

  .medium-down--hide {
    display: none !important
  }

  .medium-down--text-left {
    text-align: left !important
  }

  .medium-down--text-right {
    text-align: right !important
  }

  .medium-down--text-center {
    text-align: center !important
  }

  .medium-down--left {
    float: left !important
  }

  .medium-down--right {
    float: right !important
  }

  .grid-uniform .medium-down--one-half:nth-child(2n + 1),
  .grid-uniform .medium-down--one-third:nth-child(3n + 1),
  .grid-uniform .medium-down--one-quarter:nth-child(4n + 1),
  .grid-uniform .medium-down--one-fifth:nth-child(5n + 1),
  .grid-uniform .medium-down--one-sixth:nth-child(6n + 1),
  .grid-uniform .medium-down--two-sixths:nth-child(3n + 1),
  .grid-uniform .medium-down--three-sixths:nth-child(2n + 1),
  .grid-uniform .medium-down--two-eighths:nth-child(4n + 1),
  .grid-uniform .medium-down--four-eighths:nth-child(2n + 1),
  .grid-uniform .medium-down--five-tenths:nth-child(2n + 1),
  .grid-uniform .medium-down--one-twelfth:nth-child(12n + 1),
  .grid-uniform .medium-down--two-twelfths:nth-child(6n + 1),
  .grid-uniform .medium-down--three-twelfths:nth-child(4n + 1),
  .grid-uniform .medium-down--four-twelfths:nth-child(3n + 1),
  .grid-uniform .medium-down--six-twelfths:nth-child(2n + 1) {
    clear: both
  }
}

@media only screen and (min-width: 721px) {
  .large--one-whole {
    width: 100%
  }

  .large--one-half {
    width: 50%
  }

  .large--one-third {
    width: 33.333%
  }

  .large--two-thirds {
    width: 66.666%
  }

  .large--one-quarter {
    width: 25%
  }

  .large--two-quarters {
    width: 50%
  }

  .large--three-quarters {
    width: 75%
  }

  .large--one-fifth {
    width: 20%
  }

  .large--two-fifths {
    width: 40%
  }

  .large--three-fifths {
    width: 60%
  }

  .large--four-fifths {
    width: 80%
  }

  .large--one-sixth {
    width: 16.666%
  }

  .large--two-sixths {
    width: 33.333%
  }

  .large--three-sixths {
    width: 50%
  }

  .large--four-sixths {
    width: 66.666%
  }

  .large--five-sixths {
    width: 83.333%
  }

  .large--one-eighth {
    width: 12.5%
  }

  .large--two-eighths {
    width: 25%
  }

  .large--three-eighths {
    width: 37.5%
  }

  .large--four-eighths {
    width: 50%
  }

  .large--five-eighths {
    width: 62.5%
  }

  .large--six-eighths {
    width: 75%
  }

  .large--seven-eighths {
    width: 87.5%
  }

  .large--one-tenth {
    width: 10%
  }

  .large--two-tenths {
    width: 20%
  }

  .large--three-tenths {
    width: 30%
  }

  .large--four-tenths {
    width: 40%
  }

  .large--five-tenths {
    width: 50%
  }

  .large--six-tenths {
    width: 60%
  }

  .large--seven-tenths {
    width: 70%
  }

  .large--eight-tenths {
    width: 80%
  }

  .large--nine-tenths {
    width: 90%
  }

  .large--one-twelfth {
    width: 8.333%
  }

  .large--two-twelfths {
    width: 16.666%
  }

  .large--three-twelfths {
    width: 25%
  }

  .large--four-twelfths {
    width: 33.333%
  }

  .large--five-twelfths {
    width: 41.666%
  }

  .large--six-twelfths {
    width: 50%
  }

  .large--seven-twelfths {
    width: 58.333%
  }

  .large--eight-twelfths {
    width: 66.666%
  }

  .large--nine-twelfths {
    width: 75%
  }

  .large--ten-twelfths {
    width: 83.333%
  }

  .large--eleven-twelfths {
    width: 91.666%
  }

  .large--show {
    display: block !important
  }

  .large--hide {
    display: none !important
  }

  .large--text-left {
    text-align: left !important
  }

  .large--text-right {
    text-align: right !important
  }

  .large--text-center {
    text-align: center !important
  }

  .large--left {
    float: left !important
  }

  .large--right {
    float: right !important
  }

  .grid-uniform .large--one-half:nth-child(2n + 1),
  .grid-uniform .large--one-third:nth-child(3n + 1),
  .grid-uniform .large--one-quarter:nth-child(4n + 1),
  .grid-uniform .large--one-fifth:nth-child(5n + 1),
  .grid-uniform .large--one-sixth:nth-child(6n + 1),
  .grid-uniform .large--two-sixths:nth-child(3n + 1),
  .grid-uniform .large--three-sixths:nth-child(2n + 1),
  .grid-uniform .large--two-eighths:nth-child(4n + 1),
  .grid-uniform .large--four-eighths:nth-child(2n + 1),
  .grid-uniform .large--five-tenths:nth-child(2n + 1),
  .grid-uniform .large--one-twelfth:nth-child(12n + 1),
  .grid-uniform .large--two-twelfths:nth-child(6n + 1),
  .grid-uniform .large--three-twelfths:nth-child(4n + 1),
  .grid-uniform .large--four-twelfths:nth-child(3n + 1),
  .grid-uniform .large--six-twelfths:nth-child(2n + 1) {
    clear: both
  }
}

@media only screen and (min-width: 721px) {
  .post-large--one-whole {
    width: 100%
  }

  .post-large--one-half {
    width: 50%
  }

  .post-large--one-third {
    width: 33.333%
  }

  .post-large--two-thirds {
    width: 66.666%
  }

  .post-large--one-quarter {
    width: 25%
  }

  .post-large--two-quarters {
    width: 50%
  }

  .post-large--three-quarters {
    width: 75%
  }

  .post-large--one-fifth {
    width: 20%
  }

  .post-large--two-fifths {
    width: 40%
  }

  .post-large--three-fifths {
    width: 60%
  }

  .post-large--four-fifths {
    width: 80%
  }

  .post-large--one-sixth {
    width: 16.666%
  }

  .post-large--two-sixths {
    width: 33.333%
  }

  .post-large--three-sixths {
    width: 50%
  }

  .post-large--four-sixths {
    width: 66.666%
  }

  .post-large--five-sixths {
    width: 83.333%
  }

  .post-large--one-eighth {
    width: 12.5%
  }

  .post-large--two-eighths {
    width: 25%
  }

  .post-large--three-eighths {
    width: 37.5%
  }

  .post-large--four-eighths {
    width: 50%
  }

  .post-large--five-eighths {
    width: 62.5%
  }

  .post-large--six-eighths {
    width: 75%
  }

  .post-large--seven-eighths {
    width: 87.5%
  }

  .post-large--one-tenth {
    width: 10%
  }

  .post-large--two-tenths {
    width: 20%
  }

  .post-large--three-tenths {
    width: 30%
  }

  .post-large--four-tenths {
    width: 40%
  }

  .post-large--five-tenths {
    width: 50%
  }

  .post-large--six-tenths {
    width: 60%
  }

  .post-large--seven-tenths {
    width: 70%
  }

  .post-large--eight-tenths {
    width: 80%
  }

  .post-large--nine-tenths {
    width: 90%
  }

  .post-large--one-twelfth {
    width: 8.333%
  }

  .post-large--two-twelfths {
    width: 16.666%
  }

  .post-large--three-twelfths {
    width: 25%
  }

  .post-large--four-twelfths {
    width: 33.333%
  }

  .post-large--five-twelfths {
    width: 41.666%
  }

  .post-large--six-twelfths {
    width: 50%
  }

  .post-large--seven-twelfths {
    width: 58.333%
  }

  .post-large--eight-twelfths {
    width: 66.666%
  }

  .post-large--nine-twelfths {
    width: 75%
  }

  .post-large--ten-twelfths {
    width: 83.333%
  }

  .post-large--eleven-twelfths {
    width: 91.666%
  }

  .post-large--show {
    display: block !important
  }

  .post-large--hide {
  ;
  /*display: none !important*/
}

.post-large--text-left {
  text-align: left !important
}

.post-large--text-right {
  text-align: right !important
}

.post-large--text-center {
  text-align: center !important
}

.post-large--left {
  float: left !important
}

.post-large--right {
  float: right !important
}

.grid-uniform .post-large--one-half:nth-child(2n + 1),
.grid-uniform .post-large--one-third:nth-child(3n + 1),
.grid-uniform .post-large--one-quarter:nth-child(4n + 1),
.grid-uniform .post-large--one-fifth:nth-child(5n + 1),
.grid-uniform .post-large--one-sixth:nth-child(6n + 1),
.grid-uniform .post-large--two-sixths:nth-child(3n + 1),
.grid-uniform .post-large--three-sixths:nth-child(2n + 1),
.grid-uniform .post-large--two-eighths:nth-child(4n + 1),
.grid-uniform .post-large--four-eighths:nth-child(2n + 1),
.grid-uniform .post-large--five-tenths:nth-child(2n + 1),
.grid-uniform .post-large--one-twelfth:nth-child(12n + 1),
.grid-uniform .post-large--two-twelfths:nth-child(6n + 1),
.grid-uniform .post-large--three-twelfths:nth-child(4n + 1),
.grid-uniform .post-large--four-twelfths:nth-child(3n + 1),
.grid-uniform .post-large--six-twelfths:nth-child(2n + 1) {
  clear: both
}
}

[class*="push--"] {
  position: relative
}

.push--one-whole {
  left: 100%
}

.push--one-half {
  left: 50%
}

.push--one-third {
  left: 33.333%
}

.push--two-thirds {
  left: 66.666%
}

.push--one-quarter {
  left: 25%
}

.push--two-quarters {
  left: 50%
}

.push--three-quarters {
  left: 75%
}

.push--one-fifth {
  left: 20%
}

.push--two-fifths {
  left: 40%
}

.push--three-fifths {
  left: 60%
}

.push--four-fifths {
  left: 80%
}

.push--one-sixth {
  left: 16.666%
}

.push--two-sixths {
  left: 33.333%
}

.push--three-sixths {
  left: 50%
}

.push--four-sixths {
  left: 66.666%
}

.push--five-sixths {
  left: 83.333%
}

.push--one-eighth {
  left: 12.5%
}

.push--two-eighths {
  left: 25%
}

.push--three-eighths {
  left: 37.5%
}

.push--four-eighths {
  left: 50%
}

.push--five-eighths {
  left: 62.5%
}

.push--six-eighths {
  left: 75%
}

.push--seven-eighths {
  left: 87.5%
}

.push--one-tenth {
  left: 10%
}

.push--two-tenths {
  left: 20%
}

.push--three-tenths {
  left: 30%
}

.push--four-tenths {
  left: 40%
}

.push--five-tenths {
  left: 50%
}

.push--six-tenths {
  left: 60%
}

.push--seven-tenths {
  left: 70%
}

.push--eight-tenths {
  left: 80%
}

.push--nine-tenths {
  left: 90%
}

.push--one-twelfth {
  left: 8.333%
}

.push--two-twelfths {
  left: 16.666%
}

.push--three-twelfths {
  left: 25%
}

.push--four-twelfths {
  left: 33.333%
}

.push--five-twelfths {
  left: 41.666%
}

.push--six-twelfths {
  left: 50%
}

.push--seven-twelfths {
  left: 58.333%
}

.push--eight-twelfths {
  left: 66.666%
}

.push--nine-twelfths {
  left: 75%
}

.push--ten-twelfths {
  left: 83.333%
}

.push--eleven-twelfths {
  left: 91.666%
}

@media only screen and (min-width: 481px) and(max-width: 720px) {
  .push--medium--one-whole {
    left: 100%
  }

  .push--medium--one-half {
    left: 50%
  }

  .push--medium--one-third {
    left: 33.333%
  }

  .push--medium--two-thirds {
    left: 66.666%
  }

  .push--medium--one-quarter {
    left: 25%
  }

  .push--medium--two-quarters {
    left: 50%
  }

  .push--medium--three-quarters {
    left: 75%
  }

  .push--medium--one-fifth {
    left: 20%
  }

  .push--medium--two-fifths {
    left: 40%
  }

  .push--medium--three-fifths {
    left: 60%
  }

  .push--medium--four-fifths {
    left: 80%
  }

  .push--medium--one-sixth {
    left: 16.666%
  }

  .push--medium--two-sixths {
    left: 33.333%
  }

  .push--medium--three-sixths {
    left: 50%
  }

  .push--medium--four-sixths {
    left: 66.666%
  }

  .push--medium--five-sixths {
    left: 83.333%
  }

  .push--medium--one-eighth {
    left: 12.5%
  }

  .push--medium--two-eighths {
    left: 25%
  }

  .push--medium--three-eighths {
    left: 37.5%
  }

  .push--medium--four-eighths {
    left: 50%
  }

  .push--medium--five-eighths {
    left: 62.5%
  }

  .push--medium--six-eighths {
    left: 75%
  }

  .push--medium--seven-eighths {
    left: 87.5%
  }

  .push--medium--one-tenth {
    left: 10%
  }

  .push--medium--two-tenths {
    left: 20%
  }

  .push--medium--three-tenths {
    left: 30%
  }

  .push--medium--four-tenths {
    left: 40%
  }

  .push--medium--five-tenths {
    left: 50%
  }

  .push--medium--six-tenths {
    left: 60%
  }

  .push--medium--seven-tenths {
    left: 70%
  }

  .push--medium--eight-tenths {
    left: 80%
  }

  .push--medium--nine-tenths {
    left: 90%
  }

  .push--medium--one-twelfth {
    left: 8.333%
  }

  .push--medium--two-twelfths {
    left: 16.666%
  }

  .push--medium--three-twelfths {
    left: 25%
  }

  .push--medium--four-twelfths {
    left: 33.333%
  }

  .push--medium--five-twelfths {
    left: 41.666%
  }

  .push--medium--six-twelfths {
    left: 50%
  }

  .push--medium--seven-twelfths {
    left: 58.333%
  }

  .push--medium--eight-twelfths {
    left: 66.666%
  }

  .push--medium--nine-twelfths {
    left: 75%
  }

  .push--medium--ten-twelfths {
    left: 83.333%
  }

  .push--medium--eleven-twelfths {
    left: 91.666%
  }
}

@media only screen and (max-width: 720px) {
  .push--medium-down--one-whole {
    left: 100%
  }

  .push--medium-down--one-half {
    left: 50%
  }

  .push--medium-down--one-third {
    left: 33.333%
  }

  .push--medium-down--two-thirds {
    left: 66.666%
  }

  .push--medium-down--one-quarter {
    left: 25%
  }

  .push--medium-down--two-quarters {
    left: 50%
  }

  .push--medium-down--three-quarters {
    left: 75%
  }

  .push--medium-down--one-fifth {
    left: 20%
  }

  .push--medium-down--two-fifths {
    left: 40%
  }

  .push--medium-down--three-fifths {
    left: 60%
  }

  .push--medium-down--four-fifths {
    left: 80%
  }

  .push--medium-down--one-sixth {
    left: 16.666%
  }

  .push--medium-down--two-sixths {
    left: 33.333%
  }

  .push--medium-down--three-sixths {
    left: 50%
  }

  .push--medium-down--four-sixths {
    left: 66.666%
  }

  .push--medium-down--five-sixths {
    left: 83.333%
  }

  .push--medium-down--one-eighth {
    left: 12.5%
  }

  .push--medium-down--two-eighths {
    left: 25%
  }

  .push--medium-down--three-eighths {
    left: 37.5%
  }

  .push--medium-down--four-eighths {
    left: 50%
  }

  .push--medium-down--five-eighths {
    left: 62.5%
  }

  .push--medium-down--six-eighths {
    left: 75%
  }

  .push--medium-down--seven-eighths {
    left: 87.5%
  }

  .push--medium-down--one-tenth {
    left: 10%
  }

  .push--medium-down--two-tenths {
    left: 20%
  }

  .push--medium-down--three-tenths {
    left: 30%
  }

  .push--medium-down--four-tenths {
    left: 40%
  }

  .push--medium-down--five-tenths {
    left: 50%
  }

  .push--medium-down--six-tenths {
    left: 60%
  }

  .push--medium-down--seven-tenths {
    left: 70%
  }

  .push--medium-down--eight-tenths {
    left: 80%
  }

  .push--medium-down--nine-tenths {
    left: 90%
  }

  .push--medium-down--one-twelfth {
    left: 8.333%
  }

  .push--medium-down--two-twelfths {
    left: 16.666%
  }

  .push--medium-down--three-twelfths {
    left: 25%
  }

  .push--medium-down--four-twelfths {
    left: 33.333%
  }

  .push--medium-down--five-twelfths {
    left: 41.666%
  }

  .push--medium-down--six-twelfths {
    left: 50%
  }

  .push--medium-down--seven-twelfths {
    left: 58.333%
  }

  .push--medium-down--eight-twelfths {
    left: 66.666%
  }

  .push--medium-down--nine-twelfths {
    left: 75%
  }

  .push--medium-down--ten-twelfths {
    left: 83.333%
  }

  .push--medium-down--eleven-twelfths {
    left: 91.666%
  }
}

@media only screen and (min-width: 721px) {
  .push--large--one-whole {
    left: 100%
  }

  .push--large--one-half {
    left: 50%
  }

  .push--large--one-third {
    left: 33.333%
  }

  .push--large--two-thirds {
    left: 66.666%
  }

  .push--large--one-quarter {
    left: 25%
  }

  .push--large--two-quarters {
    left: 50%
  }

  .push--large--three-quarters {
    left: 75%
  }

  .push--large--one-fifth {
    left: 20%
  }

  .push--large--two-fifths {
    left: 40%
  }

  .push--large--three-fifths {
    left: 60%
  }

  .push--large--four-fifths {
    left: 80%
  }

  .push--large--one-sixth {
    left: 16.666%
  }

  .push--large--two-sixths {
    left: 33.333%
  }

  .push--large--three-sixths {
    left: 50%
  }

  .push--large--four-sixths {
    left: 66.666%
  }

  .push--large--five-sixths {
    left: 83.333%
  }

  .push--large--one-eighth {
    left: 12.5%
  }

  .push--large--two-eighths {
    left: 25%
  }

  .push--large--three-eighths {
    left: 37.5%
  }

  .push--large--four-eighths {
    left: 50%
  }

  .push--large--five-eighths {
    left: 62.5%
  }

  .push--large--six-eighths {
    left: 75%
  }

  .push--large--seven-eighths {
    left: 87.5%
  }

  .push--large--one-tenth {
    left: 10%
  }

  .push--large--two-tenths {
    left: 20%
  }

  .push--large--three-tenths {
    left: 30%
  }

  .push--large--four-tenths {
    left: 40%
  }

  .push--large--five-tenths {
    left: 50%
  }

  .push--large--six-tenths {
    left: 60%
  }

  .push--large--seven-tenths {
    left: 70%
  }

  .push--large--eight-tenths {
    left: 80%
  }

  .push--large--nine-tenths {
    left: 90%
  }

  .push--large--one-twelfth {
    left: 8.333%
  }

  .push--large--two-twelfths {
    left: 16.666%
  }

  .push--large--three-twelfths {
    left: 25%
  }

  .push--large--four-twelfths {
    left: 33.333%
  }

  .push--large--five-twelfths {
    left: 41.666%
  }

  .push--large--six-twelfths {
    left: 50%
  }

  .push--large--seven-twelfths {
    left: 58.333%
  }

  .push--large--eight-twelfths {
    left: 66.666%
  }

  .push--large--nine-twelfths {
    left: 75%
  }

  .push--large--ten-twelfths {
    left: 83.333%
  }

  .push--large--eleven-twelfths {
    left: 91.666%
  }
}

@media only screen and (min-width: 721px) {
  .push--post-large--one-whole {
    left: 100%
  }

  .push--post-large--one-half {
    left: 50%
  }

  .push--post-large--one-third {
    left: 33.333%
  }

  .push--post-large--two-thirds {
    left: 66.666%
  }

  .push--post-large--one-quarter {
    left: 25%
  }

  .push--post-large--two-quarters {
    left: 50%
  }

  .push--post-large--three-quarters {
    left: 75%
  }

  .push--post-large--one-fifth {
    left: 20%
  }

  .push--post-large--two-fifths {
    left: 40%
  }

  .push--post-large--three-fifths {
    left: 60%
  }

  .push--post-large--four-fifths {
    left: 80%
  }

  .push--post-large--one-sixth {
    left: 16.666%
  }

  .push--post-large--two-sixths {
    left: 33.333%
  }

  .push--post-large--three-sixths {
    left: 50%
  }

  .push--post-large--four-sixths {
    left: 66.666%
  }

  .push--post-large--five-sixths {
    left: 83.333%
  }

  .push--post-large--one-eighth {
    left: 12.5%
  }

  .push--post-large--two-eighths {
    left: 25%
  }

  .push--post-large--three-eighths {
    left: 37.5%
  }

  .push--post-large--four-eighths {
    left: 50%
  }

  .push--post-large--five-eighths {
    left: 62.5%
  }

  .push--post-large--six-eighths {
    left: 75%
  }

  .push--post-large--seven-eighths {
    left: 87.5%
  }

  .push--post-large--one-tenth {
    left: 10%
  }

  .push--post-large--two-tenths {
    left: 20%
  }

  .push--post-large--three-tenths {
    left: 30%
  }

  .push--post-large--four-tenths {
    left: 40%
  }

  .push--post-large--five-tenths {
    left: 50%
  }

  .push--post-large--six-tenths {
    left: 60%
  }

  .push--post-large--seven-tenths {
    left: 70%
  }

  .push--post-large--eight-tenths {
    left: 80%
  }

  .push--post-large--nine-tenths {
    left: 90%
  }

  .push--post-large--one-twelfth {
    left: 8.333%
  }

  .push--post-large--two-twelfths {
    left: 16.666%
  }

  .push--post-large--three-twelfths {
    left: 25%
  }

  .push--post-large--four-twelfths {
    left: 33.333%
  }

  .push--post-large--five-twelfths {
    left: 41.666%
  }

  .push--post-large--six-twelfths {
    left: 50%
  }

  .push--post-large--seven-twelfths {
    left: 58.333%
  }

  .push--post-large--eight-twelfths {
    left: 66.666%
  }

  .push--post-large--nine-twelfths {
    left: 75%
  }

  .push--post-large--ten-twelfths {
    left: 83.333%
  }

  .push--post-large--eleven-twelfths {
    left: 91.666%
  }
}

.clearfix {
  *zoom: 1
}

.clearfix:after {
  content: "";
  display: table;
  clear: both
}

.display-table {
  display: table;
  table-layout: fixed;
  width: 100%
}

.display-table-cell {
  display: table-cell;
  vertical-align: middle;
  float: none
}

@media screen and (min-width: 721px) {
  .post-large--display-table {
    display: table;
    table-layout: fixed;
    width: 100%
  }

  .post-large--display-table-cell {
    display: table-cell;
    vertical-align: middle;
    float: none
  }
}

.visually-hidden {
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px
}

.media,
.media-flex {
  overflow: hidden;
  _overflow: visible;
  zoom: 1
}

.media-img {
  float: left;
  margin-right: 30px
}

.media-img-right {
  float: right;
  margin-left: 30px
}

.media-img img,
.media-img-right img {
  display: block
}

a,
.text-link {
  color: #111;
  text-decoration: none;
  background: transparent
}

a:hover,
a:focus,
.text-link:hover,
.text-link:focus {
  color: #111
}

button {
  overflow: visible
}

button[disabled],
html input[disabled] {
  cursor: default
}

.btn,
.btn--secondary,
input.btn--secondary,
.btn--tertiary,
input.btn--tertiary,
input[type="submit"] {
  display: block;
  width: 100%;
  padding: 6px 8px;
  font-size: 10px;
  font-weight: 500;
  margin: 0 auto;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 2px;
  text-transform: uppercase;
  background-color: transparent;
  color: #111
}

.btn:hover,
.btn--secondary:hover,
.btn--tertiary:hover,
input[type="submit"]:hover {
  color: #111;
  border: 1px solid transparent
}

.btn:active,
.btn--secondary:active,
.btn--tertiary:active,
input[type="submit"]:active,
.btn:focus,
.btn--secondary:focus,
.btn--tertiary:focus,
input[type="submit"]:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #111;
  outline: none
}

.btn[disabled],
[disabled].btn--secondary,
[disabled].btn--tertiary,
input[disabled][type="submit"],
.btn.disabled,
.disabled.btn--secondary,
.disabled.btn--tertiary,
input.disabled[type="submit"] {
  cursor: default;
  color: #b6b6b6;
  background-color: #f6f6f6
}

.btn--secondary,
input.btn--secondary {
  background-color: #767676;
  color: #fff
}

.btn--secondary:hover,
input.btn--secondary:hover {
  background-color: #909090;
  color: #fff
}

.btn--secondary:active,
.btn--secondary:focus,
input.btn--secondary:active,
input.btn--secondary:focus {
  background-color: #767676;
  color: #fff
}

.btn--small {
  padding: 4px 5px;
  font-size: 1em
}

.btn--large {
  padding: 12px 15px;
  font-size: 1.33333em
}

.btn--full {
  width: 100%
}

.btn--tertiary,
input.btn--tertiary {
  margin: 0;
  background-color: #fff;
  color: rgba(0, 0, 0, 0);
  border: 1px solid #ddd
}

.btn--tertiary:hover,
input.btn--tertiary:hover {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0)
}

.btn--tertiary:active,
.btn--tertiary:focus,
input.btn--tertiary:active,
input.btn--tertiary:focus {
  background-color: rgba(0, 0, 0, 0)
}

select.btn--tertiary {
  margin: 0;
  padding: 2px 26px 2px 4px;
  font-size: 0.85em;
  width: auto
}

select.btn--tertiary:hover,
select.btn--tertiary:focus,
select.btn--tertiary:active {
  background: #ff756e;
  color: #111
}

a:focus,
button:focus,
input:focus {
  outline: none !important
}

a:active,
button:active,
input:active {
  outline: none !important
}

.text-link {
  display: inline;
  border: 0 none;
  padding: 0;
  margin: 0
}

img {
  border: 0 none
}

svg:not(:root) {
  overflow: hidden
}

img.auto,
.grid__item img,
.grid__item iframe {
  max-width: 100%
}

.video-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  height: auto
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.table-wrapper {
  max-width: 100%;
  /*	overflow: auto*/
}
#carttheme-cart .table-wrapper {
  max-width: 60%;
  margin: 0 auto;
}
#carttheme-cart td {
  border: none;
}
form {
  margin-bottom: 12px
}

select:focus {
  outline: none;
  border: 0
}

button,
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="number"],
input[type="tel"],
input[type="submit"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none
}

input,
textarea,
select,
fieldset {
  border-radius: 2px;
  max-width: 100%
}

input.input-full,
textarea.input-full,
select.input-full,
fieldset.input-full {
  width: 100%
}

input,
select,
textarea {
  padding: 3px 8px
}

fieldset {
  border: 1px solid #ddd;
  padding: 15px
}

legend {
  border: 0;
  padding: 0
}

optgroup {
  font-weight: bold
}

input {
  display: inline-block;
  width: auto
}

button,
input[type="submit"] {
  cursor: pointer
}

input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="number"],
input[type="tel"],
textarea,
select {
  border: 1px solid #ddd;
  width: 100%;
  max-width: 100%;
  display: block;
  margin: 0 0 1em;
  color: #333
}

input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="file"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #c4c4c4
}

input[type="text"][disabled],
input[type="text"].disabled,
input[type="search"][disabled],
input[type="search"].disabled,
input[type="password"][disabled],
input[type="password"].disabled,
input[type="email"][disabled],
input[type="email"].disabled,
input[type="file"][disabled],
input[type="file"].disabled,
input[type="number"][disabled],
input[type="number"].disabled,
input[type="tel"][disabled],
input[type="tel"].disabled,
textarea[disabled],
textarea.disabled,
select[disabled],
select.disabled {
  cursor: default;
  background-color: #f6f6f6;
  border-color: #b6b6b6
}

textarea {
  min-height: 100px
}

input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin: 0;
  padding: 0
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: right center;
  background-image: url("//cdn.haravan.com/s/files/1/1587/6839/t/12/assets/ico-select.svg?v=2311470713116691728");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-color: #fff;
  padding-right: 28px;
  text-indent: 0.01px;
  text-overflow: '';
  cursor: pointer
}

.ie9 select,
.lt-ie9 select {
  padding-right: 10px;
  background-image: none
}

option {
  color: #000;
  background-color: #fff
}

select::-ms-expand {
  display: none
}

.hidden-label {
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px
}

label,
legend {
  display: block;
  margin-bottom: 2px
}

label.inline,
legend.inline {
  display: inline
}

.form-horizontal label.label--hidden,
label.label--hidden,
.form-horizontal legend.label--hidden,
legend.label--hidden {
  height: 0;
  width: 0;
  margin-bottom: 0;
  overflow: hidden
}

.ie9 .form-horizontal label.label--hidden,
.lt-ie9 .form-horizontal label.label--hidden,
.ie9 label.label--hidden,
.lt-ie9 label.label--hidden,
.ie9 .form-horizontal legend.label--hidden,
.lt-ie9 .form-horizontal legend.label--hidden,
.ie9 legend.label--hidden,
.lt-ie9 legend.label--hidden {
  height: auto;
  width: auto;
  margin-bottom: 2px;
  overflow: visible
}

input[type="checkbox"] + label,
input[type="radio"] + label {
  font-weight: normal
}

label[for] {
  cursor: pointer
}

.label-hint {
  color: #999
}

form.form-horizontal,
.form-horizontal {
  margin-bottom: 0
}

form.form-horizontal input[type="text"],
form.form-horizontal input[type="search"],
form.form-horizontal input[type="password"],
form.form-horizontal input[type="email"],
form.form-horizontal input[type="file"],
form.form-horizontal input[type="number"],
form.form-horizontal input[type="tel"],
form.form-horizontal textarea,
form.form-horizontal select,
form.form-horizontal label,
.form-horizontal input[type="text"],
.form-horizontal input[type="search"],
.form-horizontal input[type="password"],
.form-horizontal input[type="email"],
.form-horizontal input[type="file"],
.form-horizontal input[type="number"],
.form-horizontal input[type="tel"],
.form-horizontal textarea,
.form-horizontal select,
.form-horizontal label {
  display: inline-block;
  margin-bottom: 0;
  width: auto
}

@media screen and (min-width: 721px) {
  .form-horizontal~.form-horizontal {
    padding-left: 0
  }
}

@media screen and (max-width: 720px) {
  .form-horizontal~.form-horizontal {
    margin-top: 7.5px
  }
}

input[type="text"].error,
input[type="search"].error,
input[type="password"].error,
input[type="email"].error,
input[type="file"].error,
input[type="number"].error,
input[type="tel"].error,
textarea.error {
  border-color: #d02e2e;
  background-color: #fff6f6;
  color: #d02e2e
}

label.error {
  color: #d02e2e
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  padding-bottom: 0
}

.input-group .input-group-field:first-child,
.input-group .input-group-btn:first-child,
.input-group .input-group-btn:first-child > .btn,
.input-group .input-group-btn:first-child > .btn--secondary,
.input-group .input-group-btn:first-child > .btn--tertiary,
.input-group .input-group-btn:first-child > input[type="submit"],
.input-group input[type="hidden"]:first-child + .input-group-field,
.input-group input[type="hidden"]:first-child + .input-group-btn > .btn,
.input-group input[type="hidden"]:first-child + .input-group-btn > .btn--secondary,
.input-group input[type="hidden"]:first-child + .input-group-btn > .btn--tertiary,
.input-group input[type="hidden"]:first-child + .input-group-btn > input[type="submit"] {
  border-radius: 2px 0 0 2px
}

.input-group .input-group-field:last-child,
.input-group .input-group-btn:last-child > .btn,
.input-group .input-group-btn:last-child > .btn--secondary,
.input-group .input-group-btn:last-child > .btn--tertiary,
.input-group .input-group-btn:last-child > input[type="submit"] {
  border-radius: 0 2px 2px 0
}

.input-group input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin-top: -1px;
  margin-bottom: -1px
}

.input-group-field,
.input-group-btn {
  display: table-cell;
  vertical-align: middle;
  margin: 0
}

.input-group .btn,
.input-group .btn--secondary,
.input-group .btn--tertiary,
.input-group input[type="submit"],
.input-group .input-group-field {
  height: 36px
}

.input-group .input-group-field {
  width: 100%;
  margin-bottom: 0
}

.input-group-btn {
  position: relative;
  white-space: nowrap;
  width: 1%;
  padding: 0
}

.s-bar__1 {
  display: none
}

.search-bar {
  width: 100%
}

@media screen and (max-width: 720px) {
  .search-bar {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
  }
}
@font-face {
  font-family: 'icons';
  src: url('icons.eot');
  src: url('icons.eot?#iefix') format('embedded-opentype')
  , url('icons.svg#icons') format('svg')
  , url('icons.ttf') format('truetype')
  , url('icons.woff') format('woff')
  , url('icons.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}


.icon-fallback-text .icon {
  display: none
}

.supports-fontface .icon-fallback-text .icon {
  display: inline-block
}

.supports-fontface .icon-fallback-text .fallback-text {
  clip: rect(0 0 0 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px
}

.icon:before {
  display: none
}

.supports-fontface .icon:before {
  display: inline;
  font-family: "icons";
  text-decoration: none;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-amazon_payments:before {
  content: "\e800"
}

.icon-american_express:before {
  content: "\41"
}

.icon-apple_pay:before {
  content: "\e907"
}

.icon-arrow-down:before {
  content: "\34"
}

.icon-bitcoin:before {
  content: "\42"
}

.icon-cart:before {
  content: "\5b"
}

.icon-cirrus:before {
  content: "\43"
}

.icon-dankort:before {
  content: "\64"
}

.icon-diners_club:before {
  content: "\63"
}

.icon-discover:before {
  content: "\44"
}

.icon-dogecoin:before {
  content: "\e900"
}

.icon-dwolla:before {
  content: "\e901"
}

.icon-facebook:before {
  content: "\66"
}

.icon-fancy:before {
  content: "\46"
}

.icon-forbrugsforeningen:before {
  content: "\e902"
}

.icon-google_plus:before {
  content: "\e905"
}

.icon-grid-view:before {
  content: "\e603"
}

.icon-hamburger:before {
  content: "\e600"
}

.icon-instagram:before {
  content: "\e903"
}

.icon-interac:before {
  content: "\49"
}

.icon-jcb:before {
  content: "\4a"
}

.icon-list-view:before {
  content: "\e604"
}

.icon-litecoin:before {
  content: "\e904"
}

.icon-maestro:before {
  content: "\6d"
}

.icon-master:before {
  content: "\4d"
}

.icon-minus:before {
  content: "\e602"
}

.icon-paypal:before {
  content: "\50"
}

.icon-pinterest:before {
  content: "\70"
}

.icon-plus:before {
  content: "\e605"
}

.icon-rss:before {
  content: "\72"
}

.icon-search:before {
  content: "\73"
}

.icon-snapchat:before {
  content: "\e906"
}

.icon-tumblr:before {
  content: "\74"
}

.icon-twitter:before {
  content: "\54"
}

.icon-vimeo:before {
  content: "\76"
}

.icon-visa:before {
  content: "\56"
}

.icon-x:before {
  content: "\78"
}

.icon-youtube:before {
  content: "\79"
}

.payment-icons {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default
}

.payment-icons li {
  margin: 0 5px 4px;
  color: #111;
  cursor: default
}

.payment-icons .icon {
  font-size: 17px;
  line-height: 17px
}

.payment-icons .fallback-text {
  text-transform: capitalize
}

.social-icons li {
  margin: 0 10px 15px;
  vertical-align: middle
}

@media screen and (min-width: 481px) {
  .social-icons li {
    margin-left: 0
  }
}

.social-icons li .icon {
  font-size: 22px;
  line-height: 22px
}

.social-icons li a {
  color: #111
}

.social-icons li a:hover {
  color: #000
}

.haravan-section {}

.breadcrumb,
.tags {
  font-family: Arial
  , "Helvetica Neue"
  , Helvetica
  , sans-serif;
  color: #111
}

.breadcrumb a,
.tags a {
  color: #111
}

.breadcrumb a:hover,
.breadcrumb a:focus,
.breadcrumb a:active,
.tags a:hover,
.tags a:focus,
.tags a:active {
  color: rgba(0, 0, 0, 0)
}

.breadcrumb {
  margin-bottom: 12px;
  padding: 0 !important;
}
.breadcrumb li:hover {
  background: transparent !important;
}
.breadcrumb a,
.breadcrumb span {
  display: inline;
  padding-right: 5px;
  margin-right: 5px
}

.breadcrumb a:first-child,
.breadcrumb span:first-child {
  padding-left: 0
}

.breadcrumb__sep {
  font-size: 1.4em;
  line-height: 1
}

.tags {
  color: rgba(0, 0, 0, 0)
}

.tags a {
  display: inline-block;
  padding: 5px 7px 5px 0;
  margin-right: 12px
}

.tag--active a {
  color: rgba(0, 0, 0, 0)
}

.site-footer {
  position: relative;
  box-sizing: border-box;
  background: transparent;
  width: 100%;
  margin: 20px 0 0;
  padding: 20px 0;
  color: #111
}

@media screen and (min-width: 720px) {
  .site-footer input {
    max-width: 400px
  }
}

.site-footer .text-center input {
  margin-left: auto;
  margin-right: auto
}

.site-footer p {
  font-size: 10px
}

.site-footer ul {
  margin-bottom: 0
}

.site-footer .wrapper {
  *zoom: 1;
  position: relative;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  text-transform: uppercase
}

.site-footer .wrapper:after {
  content: "";
  display: table;
  clear: both
}

.site-footer .grid-uniform {
  display: none !important
}

.site-footer .grid,
.site-footer .grid--rev,
.site-footer .grid--full {
  position: relative
}

.site-footer .grid__item {
  margin-bottom: 0
}

#nl {
  position: fixed;
  display: inline-block;
  top: auto;
  bottom: 60px;
  right: 20px;
  width: 33.3333%;
  min-width: 360px;
  max-width: 400px;
  height: 287px;
  border: 1px solid #111;
  background: #fff;
  box-sizing: border-box;
  z-index: 999;
  padding: 4px;
  display: none
}

.tem-index #nl {
  display: inline-block
}

#nl h4 {
  font-weight: 500 !important;
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 12px;
  margin: 0;
  letter-spacing: 0.05em
}

#nl p.subs {
  text-transform: uppercase;
  font-size: 10px;
  display: block;
  box-sizing: border-box;
  padding: 0 12px 4px
}

#nl_clos {
  display: inline-block;
  z-index: 99;
  position: absolute;
  top: 4px;
  right: 4px;
  width: 10px;
  box-sizing: content-box;
  padding: 8px;
  cursor: pointer
}

#nl_clos img {
  display: inline-block;
  width: 100%;
  height: auto
}

#nl iframe {
  position: relative;
  display: block;
  width: 100%;
  height: 212px;
  border: 0;
  margin-top: 0;
  background: transparent
}

.site-footer .in-f {
  position: relative;
  width: 100%;
  height: auto;
  clear: both;
  display: block;
  overflow: visible;
  padding: 0 0 60px
}

#legal {}

.absoulte-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 350px;
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
}
.ft-list.w-100 {
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
}
@media(max-width: 767px) {
  .absoulte-right {
    width: 100%;
  }
}
#legal a.s-lg img {
  width: 100%;
  height: auto;
  display: inline-block
}

#legal ul li,
.absoulte-right ul li {
  position: relative;
  display: block;
  text-align: left
}

.absoulte-right li a {
  display: block;
  text-decoration: none;
  margin: 4px 0;
  padding: 4px 0;
  white-space: nowrap;
  color: #111;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 1px solid transparent;
  font-size: 11px
}

#legal li a.sltd,
.absoulte-right li a.sltd {
  color: #111
}

.b-14 {
  display: inline-block;
  margin: 0 4px
}

.site-footer .pay_info {
  display: block;
  width: 100%;
  text-align: right;
  padding-bottom: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.site-footer .pay_info ul {
  display: inline-flex;
  align-items: center;
  width: auto;
  margin: 0;
}

.site-footer .pay_info ul li {
  display: inline-block;
  float: left;
  margin-left: 12px;
  height: 22px;
  width: auto
}

.site-footer .pay_info ul li img {
  display: inline-block;
  height: 100%;
  width: auto
}
.site-footer .pay_info ul li.logo_bcg {
  height: 100% !important;
  width: 100% !important;
}
.site-footer .pay_info ul li.logo_bcg img {
  width: 160px;
}
.site-footer #i-sc_btn {
  position: absolute;
  left: -10px;
  bottom: 5px;
}

.site-footer #i-sc_btn a {
  padding: 1px;
  margin: 0 5px;
  width: 22px;
  float: left
}

.site-footer #i-sc_btn img {
  width: 100%;
  height: auto
}

.site-footer #btn_nl {
  position: absolute;
  top: 8px;
  right: 0;
  display: inline-block;
  width: auto;
  font-size: 11px;
  color: #111;
  text-transform: uppercase;
  font-weight: 500;
  cursor: pointer
}

.site-footer .credit {
  position: relative;
  width: 100%;
  height: auto;
  clear: both;
  box-sizing: border-box;
  display: block;
  overflow: auto
}

.site-footer .credit #site-credit {
  float: right;
  text-transform: uppercase;
  color: #999;
  font-size: 9px;
  padding: 4px 0
}

.site-footer .credit #site-credit a {
  border-bottom: 1px solid #ddd;
  display: inline-block
}

.site-footer p.site-footer__links {
  text-transform: none;
  font-size: 11px;
  float: left;
  display: inline-block;
  width: auto
}

.site-footer p.site-footer__links a {
  color: #111
}

.site-footer .pay-credit {
  position: absolute;
  top: -7px;
  right: 200px;
  width: 320px;
  text-align: right
}

.site-footer .pay-credit .grid__item {
  margin: 0;
  padding: 0
}

.site-footer .pay-credit .payment-icons {
  position: absolute;
  top: 8px
}

.site-footer p {
  font-size: 10px
}

.note,
.errors {
  border-radius: 2px;
  padding: 6px 12px;
  margin-bottom: 15px;
  border: 1px solid transparent;
  font-size: 0.9em;
  text-align: left
}

.note ul,
.note ol,
.errors ul,
.errors ol {
  margin-top: 0;
  margin-bottom: 0
}

.note li:last-child,
.errors li:last-child {
  margin-bottom: 0
}

.note p,
.errors p {
  margin-bottom: 0
}

.note {
  border-color: #ddd
}

.errors ul {
  list-style: disc outside;
  margin-left: 20px
}

.form-success {
  color: #56ad6a;
  background-color: #ecfef0;
  border-color: #56ad6a
}

.form-success a {
  color: #56ad6a;
  text-decoration: underline
}

.form-success a:hover {
  text-decoration: none
}

.form-error,
.errors {
  color: #d02e2e;
  background-color: #fff6f6;
  border-color: #d02e2e
}

.form-error a,
.errors a {
  color: #d02e2e;
  text-decoration: underline
}

.form-error a:hover,
.errors a:hover {
  text-decoration: none
}

.pagination {
  margin-bottom: 40px
}

.paging_box .pagination-custom {
  padding: 0 20px 120px;
  clear: both;
  float: right;
  display: inline-block
}

.pagination-custom {
  display: inline-block;
  margin: 8px 20px;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  *margin: 0;
  float: right
}

.pagination-custom > li {
  display: inline-block;
  margin: 0;
  color: #aaa;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 11px
}

.pagination-custom > li > a,
.pagination-custom > li > span {
  display: block;
  width: auto;
  padding: 1px 20px 1px 8px;
  margin: 0 4px;
  color: #111;
  background: transparent;
  line-height: 1.3 !important;
  border-bottom: 1px solid transparent
}

.pagination-custom > li:first-child > a,
.pagination-custom > li:first-child > span {
  margin-left: 0
}

.pagination-custom > .active > a,
.pagination-custom>.active>span,
.pagination-custom > .active > a:hover,
.pagination-custom > .active > span:hover,
.pagination-custom > .active > a:focus,
.pagination-custom > .active > span:focus {
  border-color: #111;
  background: #111;
  color: #fff
}

.pagination-custom > .disabled > span,
.pagination-custom>.disabled>a,
.pagination-custom > .disabled > a:hover,
.pagination-custom > .disabled > a:focus {
  color: #111;
  cursor: not-allowed
}

.pagination-custom-lg > li > a,
.pagination-custom-lg > li > span {
  padding: 10px 16px;
  font-size: 1.5em
}

.pagination-custom-sm > li > a,
.pagination-custom-sm > li > span {
  padding: 5px 10px;
  font-size: 1em
}

.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
  margin-top: 2em
}

.rte h1:first-child,
.rte h2:first-child,
.rte h3:first-child,
.rte h4:first-child,
.rte h5:first-child,
.rte h6:first-child {
  margin-top: 0
}

.rte > div {
  margin-bottom: 15px
}

.rte ul,
.rte ol {
  margin-left: 35px
}

.rte ul ul {
  list-style: circle outside
}

.rte li {
  margin-bottom: 0.4em
}

.rte img {
  max-width: 100%;
  height: auto
}

.rte table {
  table-layout: fixed
}

.rte--header {
  margin-bottom: 30px
}

.section-header {
  display: none
}

.section-header--large {
  display: none
}

.section-header--breadcrumb {
  display: none !important;
  margin-bottom: 15px
}

.section-header__title {
  color: #111
}

.section-header__link--right .form-horizontal {
  display: inline-block
}

.section-header__link--right .form-horizontal,
.section-header__link--right .collection-view {
  vertical-align: middle
}

.section-header__link--right select,
.section-header__link--right option {
  color: #111
}

@media screen and (min-width: 481px) {

  .section-header__link--right label + select,
  .section-header__link--right .collection-view {
    margin-left: 15px
  }

  .section-header__link--right label:not(.label--hidden) + select {
    margin-left: 5px
  }
}

@media screen and (min-width: 721px) {
  .section-header__link--right select {
    max-width: 200px
  }
}

@media screen and (max-width: 720px) {
  .template-collection .section-header__link--right {
    display: block;
    float: right;
    margin-top: 0
  }

  .template-collection .section-header__link--right .form-horizontal select {
    margin-left: 0
  }
}

.view-more {
  clear: both;
  display: block;
  font-size: 0.85em;
  text-align: center;
  margin-top: 15px
}

@media screen and (min-width: 721px) {
  .view-more {
    display: none
  }
}

#fsb {
  position: relative;
  top: 0;
  left: 0;
  background: transparent;
  width: 100%;
  background: #111;
  color: #fff;
  cursor: pointer;
  display: block;
  height: 34px;
  z-index: 999;
  box-sizing: border-box;
  border: 0;
  font-size: 12px;
  text-align: center
}

.tem-index #fsb {
  display: block
}

#fsb.on {
  display: none !important
}

#fsb p {
  display: inline-block !important;
  margin: 0 auto;
  max-width: calc(100% - 48px)
}

#fsb #clos_fsb {
  position: absolute;
  display: inline-block;
  width: 9px;
  top: 0;
  right: 0;
  box-sizing: content-box;
  padding: 10px 12px;
  cursor: pointer;
  z-index: 999
}

#fsb #clos_fsb img {
  display: inline-block;
  width: 100%;
  height: auto
}

#haravan-section-header {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  border-bottom: 2px solid #000;
  width: 100%;
  z-index: 999;
  background: #fff;
  height: 51px;
  min-width: 1600px;
  margin: auto;
  padding: 0 10px;
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  background: transparent;
  width: 100%;
  display: block;
  z-index: 2;
  box-sizing: border-box;
  border-bottom: 1px solid transparent
}

.site-header .over {
  display: none
}

.site-header > .wrapper {
  position: relative;
  top: 0;
  width: 100%;
  max-width: 100%;
  margin: 0;
  box-sizing: border-box;
  background: #fff;
  border: 0 solid #111;
  display: block;
  height: 50px;
  z-index: 2;
  *zoom: 1
}

.tem-index .site-header > .wrapper,
.site-header > .wrapper {
  background: #fff;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .s-logo {
    top: 22% !important;
  }
}
.s-logo {
  position: relative;

  transform: translate(-50%, -50%);
  left: 50%;
  display: inline-block;
  margin: 0;
  text-align: left;
  width: auto;
  z-index: 3;
  float: left
}

.s-logo a {
  color: #111;
  display: inline-block;
  height: auto;
  padding: 1px 0;
  font-size: 12px;
  background: transparent;
  width: 93px
}

.s-logo a img {
  display: inline-block;
  width: 100%;
  height: auto
}

.cmpr .s-logo {
  top: 1px
}

.cmpr #nv {
  top: 9px
}

.tem-index .s-logo {
  top: 1px
}

.tem-index #nv {
  top: 9px
}

#nv {

  margin: 0;
  z-index: 2;
  height: auto;
  // display: inline-block;
  width: auto;
  text-align: left
}

#nv > ul li {
  position: relative;
  z-index: 10;
  display: inline-block;
  margin: 0 16px 0 0;
  padding-right: 50px
}

#nv > ul li a {
  font-size: 10px !important;
  color: #111;
  text-transform: uppercase;
  position: relative;
  padding: 1px 0;
  text-decoration: none;
  display: inline-block;
  z-index: 99 !important
}
#nv > ul li a:not(:last-child):after {
  content: '+';
  position: absolute;
  right: -13px;
  top: 3px;
  transform: scale(1.6)
}
#nv > ul li a span {
  display: inline-block;
  padding-bottom: 0;
  border-bottom: 1px solid transparent
}

#nv .sub-category {
  position: absolute;
  top: 0;
  left: -8px;
  width: 100%;
  z-index: 2018;
  padding-top: 28px;
  display: block;
  z-index: 1;
  min-width: 148px;
  display: none
}

#nv #lb_nv .sub-category {
  min-width: 196px
}

#nv .shop .sub-category {
  min-width: 192px
}

#nv .sub-category ul {
  border: 0;
  z-index: 18;
  background: #fff;
  height: auto;
  padding: 8px 8px 12px;
  display: block;
  text-align: left;
  display: block;
  margin: 0
}

#nv .sub-category ul li {
  display: block;
  margin: 0;
  padding: 4px 0
}

#nv .sub-category ul li a {
  padding: 1px 0
}

.site-header--text-links {
  margin-bottom: 0
}

#col__link {
  position: fixed;
  top: 550px;
  left: 28px;
  width: 60px;
  text-align: left;
  display: inline-block
}

#col__link a {
  text-transform: lowercase;
  white-space: nowrap
}

@media screen and (min-width: 1px) and(max-width: 720px) {
  #col__link {
    display: none
  }
}

#s-cart {
  position: fixed;
  top: 530px;
  left: 28px;
  letter-spacing: 0.015em
}

.cart-count {
  display: inline-block;
  margin-left: 4px;
  font-size: 10px
}

#scbtn .header-bar__search-input[type="search"] {
  width: 100%;
  height: auto;
  padding: 3px 6px;
  font-size: 12px;
  font-family: 'WorkSans-Regular';
  z-index: 97;
  box-sizing: border-box;
  text-transform: uppercase;
  color: #111;
  background: transparent;
  border: 0 !important;
  border-radius: 0;
  text-indent: 5px;
}

#scbtn .header-bar__search-input:focus {
  border: 0 !important
}

#scbtn .header-bar__search-form {
  position: relative;
  top: 5px;
  left: 12px;
  float: left;
  width: calc(100% - 40px);
  min-width: 240px;
}

#scbtn {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 3;
  min-width: 260px;
  display: block;
  width: 100%;
  background: #fff;
  font-size: 11px;
  line-height: 20px;
  color: #111;
  display: block;
  height: 40px;
  border: 1px solid #000;
}

#scbtn,
#scbtn .header-bar__search-submit {
  display: none
}

#scbtn .header-bar__search-submit .fallback-text {
  display: none
}

a#sc-clos {
  position: absolute;
  top: 7px;
  left: auto;
  right: 40px;
  vertical-align: top;
  width: 9px;
  display: inline-block;
  /*padding: 4px 8px;*/
  z-index: 99;
  cursor: pointer
}

a#sc-clos img {
  display: inline-block;
  width: 10px;
  height: auto
}

#s-cart .sb_btn {
  display: inline-block
}

#s-cart #sb_2 {
  display: none
}

a#sc_btn {
  cursor: pointer;
  width: 13px;
  vertical-align: top;
  border: 0;
  z-index: 3;
}

a#sc_btn img {
  display: inline-block;
  width: 16px;
  height: auto
}

.st_1 {
  margin: 0;
  z-index: 2 !important;
  box-sizing: border-box;
  height: 32px;
  padding: 5px 20px 7px;
  background: #fff;
  // width: calc(25%);
  text-align: right;
  min-width: 260px
}

.st_1 a {
  position: relative;
  margin-left: 20px;
  font-size: 12px !important;
  text-transform: uppercase;
  min-width: auto;
  color: #111;
  font-style: normal;
  font-weight: 500
}

.site-nav {
  border: 0;
  z-index: 18;
  background: #fff;
  height: auto;
  padding: 8px 8px 12px;
  display: block;
  text-align: left;
  display: block;
  margin: 0
}

.site-nav li {
  display: block;
  text-align: left;
  width: 100%;
  padding: 4px 0
}

.site-nav__link {
  display: inline-block;
  text-align: left;
  text-decoration: none;
  margin: 1px 0;
  padding: 1px 0 0;
  white-space: nowrap;
  color: #111;
  text-transform: lowercase;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out
}

.site-nav__link:hover,
.site-nav__link:active,
.site-nav__link:focus {
  color: #111;
  color: #00e395
}

.site-nav__link .icon-arrow-down {
  font-size: 0.7em;
  color: #111
}

.site-nav__dropdown {
  text-transform: none;
  display: none;
  position: relative;
  left: 0;
  margin: 0;
  padding: 12px 0 12px 20px;
  text-align: left;
  z-index: 20;
  font-size: 11px
}

.supports-no-touch .site-nav--has-dropdown:hover .site-nav__dropdown,
.site-nav--has-dropdown.nav-hover .site-nav__dropdown,
.nav-focus+.site-nav__dropdown,
.show-dropdown .site-nav__dropdown {
  display: block
}

.site-nav__dropdown .site-nav__link {
  background-color: transparent;
  font-weight: normal;
  padding: 2px 0 1px
}

.site-nav__dropdown .site-nav__link:hover,
.site-nav__dropdown .site-nav__link:active,
.site-nav__dropdown .site-nav__link:focus {
  color: #00e395
}

.nav-search {
  position: relative;
  padding: 7px 0
}

@media screen and (max-width: 720px) {
  .nav-search {
    padding: 0 0 15px;
    margin: 0 auto;
    text-align: center
  }
}

.nav-search .input-group,
.nav-search .input-group-field {
  margin-bottom: 0
}

.header-message {
  text-align: center;
  margin: 15px 0 0;
  line-height: 1
}

@media screen and (min-width: 721px) {
  .header-message {
    margin-bottom: 15px
  }
}

.comment {
  margin-bottom: 30px
}

.comment + .comment {
  border-top: 1px solid #ddd;
  padding-top: 30px
}

.meta-sep {
  position: relative;
  top: -1px;
  padding: 0 5px;
  font-size: 0.7em
}

.blog-date {
  margin-top: -0.5em
}

aside h4~h4 {
  margin-top: 45px
}

aside time em {
  font-size: 0.8em
}

@media screen and (max-width: 720px) {
  article {
    margin-bottom: 30px
  }
}

.article__image {
  display: block;
  margin-bottom: 22.5px
}

.haravan-section#haravan-section-cart-template {
  display: block;
  width: 100%;
  text-align: center
}

#CartSection {
  display: inline-block;
  margin: 0 auto;
  max-width: 520px;
  width: 50%;
  text-align: left;
  min-width: 460px
}

#CartSection .section-header {
  display: none !important
}

#CartSection button,
#CartSection input,
#CartSection a {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out
}

.cart__row {
  display: block;
  clear: both;
  position: relative;
  padding: 0;
  margin: 0 0 8px
}

.cart__row + .cart__row {
  margin-top: 0;
  border-bottom: 0 solid #eee
}

.cart__row:first-child {
  margin-top: 0
}

.cart__row:first-child {
  padding-top: 0
}

.cart__row .js-qty {
  margin: 0
}

@media screen and (min-width: 721px) {
  .cart__row--table-large {
    display: table;
    table-layout: fixed;
    width: 100%
  }

  .cart__row--table-large .grid__item {
    display: table-cell;
    vertical-align: top;
    float: none
  }
}

.cart__row .grid__item {
  padding-top: 3px
}

.cart__row .grid__item.cart_img {
  display: inline-block;
  width: 140px;
  float: left;
  margin-bottom: 0
}

.cart__row .grid__item.total_price .h5 {
  font-size: 11px;
  font-weight: 500 !important
}

.cart__image {
  display: inline-block;
  width: 64px;
  height: auto;
  padding: 0;
  float: left
}

.cart__image img {
  display: block;
  width: 100%;
  height: auto;
  padding-top: 0
}

.cart__mini-labels {
  display: none;
  margin: 10px 0;
  font-size: 1em
}

@media screen and (min-width: 721px) {
  .cart__mini-labels {
    display: none
  }
}

input.cart__quantity-selector {
  float: right;
  width: 48px;
  box-sizing: border-box;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #eee;
  border-radius: 3px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  cursor: default
}

input.cart__quantity-selector:focus,
input.cart__quantity-selector:hover {
  border: 1px solid #111;
  outline: none
}

.cart__remove {
  display: inline-block;
  margin-top: 20px;
  text-transform: uppercase;
  text-align: right
}

#cart-y {
  font-size: 10px
}

.cart__row .c-product__title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11px
}

.cart__row .p-info {
  color: #111;
  font-size: 11px;
  display: inline-block;
  margin-top: 2px
}

.cart__row .i-rmv {
  display: block;
  margin-top: 6px
}

.cart__row .i-rmv a {
  color: #aaa;
  font-size: 9px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  display: inline-block;
  border-bottom: 0 solid #aaa;
  border-radius: 0
}

.cart__row .i-rmv a:hover {
  color: #ff756e
}

.cart__row .c-r__price {
  display: block;
  margin-top: 8px;
  font-size: 10px
}

.cart__row .c-r__price span {
  color: #111
}

.cart__row .i-price {
  color: #111
}

#cart-total {
  clear: both;
  float: right;
  width: 240px;
  border-top: 1px solid #111;
  box-sizing: border-box;
  text-align: left;
  display: block;
  padding: 0;
  margin: 12px 0 0
}

#cart-total > p {
  padding: 8px 0;
  width: 100%;
  display: block;
  overflow: auto
}

#cart-total > p span {
  display: inline-block;
  width: auto
}

.cart__subtotal-title {
  text-transform: uppercase
}

.cart__subtotal,
.cart-additional-savings__price {
  float: right;
  margin: 0;
  font-weight: 500
}

#cart__btn {
  display: block;
  margin-top: 20px;
  text-align: right
}

#cart__btn a,
#cart__btn button {
  border: 1px solid transparent;
  text-transform: uppercase
}

#cart__btn button.btn,
#cart__btn button.btn--secondary,
#cart__btn button.btn--tertiary {
  background: #111;
  color: #fff;
  border-radius: 1px;
  text-align: center;
  height: auto;
  font-weight: 500;
  font-size: 10px;
  padding: 7px 8px
}

#cart__btn a.c-s_btn {
  margin: 20px 0 0;
  border: 0;
  display: inline-block;
  font-size: 10px;
  border-bottom: 1px solid #111;
  border-radius: 0;
  width: auto;
  padding: 2px 0;
  text-transform: uppercase
}

#cart__btn button:hover {
  border: 1px solid transparent
}

#cart__btn a:hover {
  border-bottom: 1px solid #ff756e;
  background: transparent
}

button.update-cart {
  display: inline-block;
  width: auto;
  padding: 0;
  margin: 8px 8px 0 0;
  clear: both;
  float: right;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 0;
  background: transparent;
  text-transform: uppercase;
  color: #111;
  font-size: 10px;
  border-bottom: 0 solid #aaa
}

.cart__note-add.is-hidden {
  display: none
}

.cart__note {
  display: none
}

.cart__note.is-active {
  display: block
}

.cart-item__discount,
.cart-additional-savings__savings,
.cart-subtotal__savings {
  display: block
}

.cart .btn,
.cart .btn--secondary,
.cart .btn--tertiary,
.cart input[type="submit"] {
  margin-bottom: 4px
}

.cart__additional_checkout {
  margin: 28px 0 0;
  text-align: right !important
}

.cart__additional_checkout input {
  padding: 0
}

.cart__additional_checkout > *:not(script) {
  padding: 4px 0 0;
  vertical-align: top;
  line-height: 1
}

.cart__additional_checkout > *:not(script):first-child,
.cart__additional_checkout > *:not(script):empty {
  padding-left: 0
}

.haravan-cleanslate ._3TUeZPsTWjDxakSmeDcA4D {
  float: right !important;
  display: inline-block !important
}

.cart__additional_checkout button.additional-checkout-button--paypal-express {
  text-transform: none !important;
  color: #111;
  padding: 5px 32px !important
}

.no-js .product-single__variants {
  display: block
}

.product-single__photos {
  display: none
}

.product-single__photos img {
  width: 100%;
  height: auto
}

.product-single__thumbnails {
  width: 100%;
  margin: 0;
  overflow: hidden
}

.product-single__photos a,
.product-single__photos img,
.product-single__thumbnails a,
.product-single__thumbnails img {
  display: block;
  margin: 0 auto;
  max-width: 100%
}

.product-template .grid__item {
  margin-bottom: 0
}

.product-single__thumbnails .grid__item {
  display: block;
  margin: 0 0 36px !important;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  font-size: 0;
  line-height: 0;
  padding: 0 40px !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out
}

.product-single__thumbnail img {
  display: inline-block;
  width: 100%;
  height: auto;
  cursor: crosshair
}

.zoom-lightbox {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in
}

.image-zoom {
  cursor: move
}

.product-single__thumbnails li {
  margin-bottom: 8px
}

.img_area {
  position: relative;
  float: left;
  width: 66.6666%;
  margin: -52px 40px 0 0;
  display: block;
  box-sizing: border-box
}

#info_area {
  display: block;
  position: fixed;
  box-sizing: border-box;
  top: 100px;
  right: 0;
  width: calc(25%);
  padding: 0 20px 0 0;
  overflow: visible
}

.product-single__hero {
  display: block;
  box-sizing: border-box;
  padding: 0 0 0 25%;
  width: 100%;
  *zoom: 1
}

.product-single__hero .n-product__title {
  padding: 0 20px 20px 0;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 0;
  display: inline-block;
  max-width: 280px;
  color: #111;
  text-transform: none;
  font-size: 12px !important;
  font-weight: 700
}

.product-single__hero .n-product__dsc {
  display: block;
  width: 252px
}

.product-single__hero .selector-wrapper {
  display: inline-block;
  width: 100%
}

.product-single__hero .selector-wrapper label {
  display: block;
  font-size: 9.5px;
  text-transform: uppercase;
  color: #111;
  margin-bottom: 4px;
  font-weight: 500
}

select.single-option-selector,
.selector-wrapper option {
  border: 1px solid #000;
  padding: 6px 8px;
  font-size: 11px;
  touch-action: manipulation
}

select.single-option-selector:hover,
.selector-wrapper option:hover {
  border: 1px solid #111
}

select.single-option-selector:focus,
.selector-wrapper option:focus {
  border: 1px solid #111
}

select.single-option-selector {
;
/*margin-bottom: 12px*/
}

.product-description {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 0;
  margin-bottom: 20px;
  font-size: 11px;
  color: #111
}

.product-single__prices {
  margin: 4px 0 28px;
  font-weight: 400 !important;
  font-size: 11px !important;
  color: #111 !important
}

.product-single__price {
  color: #111
}

.product-single__sale-price {
  margin-left: 6px;
  color: #111
}

.product-single__quantity {
  margin-bottom: 16px;
  text-transform: lowercase
}

.product-single__quantity.is-hidden {
  display: none
}

.product-single__quantity .quantity-selector {
  display: inline-block;
  padding: 3px 8px;
  border: 1px solid #eee
}

.product-single__quantity .quantity-selector:focus {
  outline: none;
  border: 0;
  border: 1px solid #ff756e;
  background: #ff756e
}

.product-single__quantity label,
.product-single__quantity input {
  color: #111
}

.product-single__quantity label {
  padding-bottom: 2px
}

.size-guide {
  top: auto;
  left: 0;
  width: 300px;
}

.sizing {
  display: block;
  margin-top: 0
}

.sizing span {
  text-transform: uppercase;
  cursor: pointer;
  padding: 0;
  color: #111;
  font-size: 10px;
  font-weight: 500
}

.size-guide > .size-detail {
  position: absolute;
  background: #fff;
  border: 0 solid #111;
  box-sizing: border-box;
  z-index: 9999;
  display: block;
  width: 100%;
  padding: 0;
  height: auto;
  color: #111;
  display: none;
  margin-top: 28px;
  overflow: visible
}

.size-detail .prefer {
  text-transform: uppercase;
  font-size: 10px;
  margin-top: 28px;
  color: #777
}

.size-detail .prefer a {
  display: inline-block;
  border-bottom: 1px solid #111;
  cursor: pointer;
  color: #111
}

.size-detail .prefer a.sltd {
  font-weight: 600
}

.size-guide > .size-detail #clos {
  position: absolute;
  top: -41px;
  right: 100px;
  text-align: right;
  display: inline-block;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 10px;
  border-bottom: 1px solid transparent
}

.size-guide > .size-detail #clos:hover {
  border-color: #111
}

.size-guide > .size-detail h5 {
  text-transform: uppercase;
  font-size: 10px;
  font-weigth: 600;
  margin-bottom: 20px
}

.size-guide > .size-detail .inner {
  margin: 0
}

.size-guide > .size-detail .sd1 {
  clear: both;
  display: block;
  overflow: auto
}

.size-guide > .size-detail .sd1.s-d_title {
  text-transform: uppercase
}

.size-guide > .size-detail .sd1 div {
  box-sizing: border-box;
  float: left;
  display: block;
  text-align: left;
  width: 52px;
  padding: 8px 2px;
  word-break: break-all
}

.size-guide > .size-detail .sd1.s-d_title div {
  border-right: 0 !important;
  font-size: 10px;
  font-weight: 500;
  box-sizing: border-box
}

.size-guide > .size-detail .sd1.s-d_title div.small {
  font-size: 9px
}

.size-guide > .size-detail .sd1 div:last-child {
  margin-right: 0
}

.size-guide > .size-detail .sd1 div.sz-1 {
  display: block;
  padding-left: 0;
  width: 72px;
  text-transform: lowercase;
  text-align: left
}

.size-guide > .size-detail .sd1 div span {
  display: inline-block
}

.size-guide > .size-detail .sd1 div span.by-inch,
.size-guide > .size-detail .sd1 div span.by-inc {
  display: none
}

.cart__header-labels {
  display: none !important
}

#AddToCart {
  border: 1px solid #111;
  background: #111;
  color: #fff;
  font-weight: 500
}

#AddToCart {
  margin-top: 20px;
  padding: 7px 8px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out
}

#AddToCart:hover {
  border: 1px solid #ff756e;
  background: #ff756e
}

.empty {
  text-align: center;
  margin: 80px auto 40px;
  font-size: 10px;
  text-transform: uppercase
}

.c_brt {
  display: inline-block
}

.swym-button-bar {
  margin: 12px 0 0 !important;
  width: 100% !important
}

.swym-btn-container[data-position=default] {
  display: block;
  width: 100% !important
}

#AddToCartForm .swym-btn-container[data-position=default] .swym-add-to-watchlist.swym-text {
  height: auto !important;
  line-height: auto !important;
  padding: 8px !important;
  font-weight: 500;
  width: 100% !important;
  border: 1px solid #ddd
}

.swym-btn-container[data-position=default] .swym-button {
  background: #fff !important;
  color: #111 !important
}

.swym-btn-container .swym-add-to-watchlist.swym-text {
  line-height: 1.3 !important;
  border-radius: 2px !important
}

#swym-plugin .swym-tab-modal.swym-remind-me,
#swym-hosted-plugin .swym-tab-modal.swym-remind-me {
  max-width: 400px !important;
  box-shadow: none !important;
  border: 1px solid #111 !important
}

#swym-plugin .swym-product-view-swiper,
#swym-hosted-plugin .swym-product-view-swiper {
  text-align: center !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
  font-weight: 400 !important
}

#swym-plugin .swym-product-view-swiper .swym-title h2,
#swym-hosted-plugin .swym-product-view-swiper .swym-title h2 {
  font-size: 12px !important;
  font-weight: 600 !important;
  margin: 28px 0 20px !important
}

button.swym-button {
  line-height: 1.3 !important;
  border-radius: 2px !important;
  height: auto !important;
  padding: 7px 8px !important;
  font-weight: 500;
  width: 100% !important
}

#swym-plugin p,
#swym-hosted-plugin p,
.swym-privacy-info {
  font-size: 10px !important;
  text-align: center !important
}

input.swym-input {
  height: auto !important;
  padding: 7px 16px !important;
  font-size: 11px !important;
  color: #111 !important
}

.swym-privacy-info {
  color: #999 !important
}

#swym-plugin p.swym-remind-description {
  margin-bottom: 12px !important
}

.template-search .search-bar {
  margin: 0;
  position: fixed;
  top: 100px;
  z-index: 99;
  left: 20px;
  width: 25%;
  display: inline-block;
  text-transform: uppercase
}

.template-search .search-bar span.s-result {
  text-align: center;
  display: inline-block;
  margin: 0 auto
}

.template-search .search-bar span.s-r {
  letter-spacing: 0.05em;
  color: #111;
  padding: 1px;
  font-weight: 700
}

.template-search .search_grid {
  position: relative;
  margin: 0 0 0 calc(25%) !important;
  width: calc(75%);
  padding: 0 !important;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 0;
  max-width: 1540px;
  float: right;
  min-height: 480px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start
}

.template-search .grid__item {
  position: relative;
  width: 20%;
  flex-basis: 20%;
  padding: 0;
  border: 0;
  margin: 0 0 20px
}

.template-search .grid__item .search_img {
  width: 100%;
  margin: 0;
  position: relative;
  top: 0;
  max-width: 100 %x;
  box-sizing: border-box;
  padding: 0 15% 16px 4px
}

.template-search .s-info {
  display: block;
  width: 100%
}

.template-search .search_pagination {
  display: block;
  clear: both;
  width: 100%;
  overflow: auto
}

.s-product__title {
  padding: 0 20px 4px 0;
  margin: 0;
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  color: #111;
  text-align: left;
  box-sizing: border-box;
  color: #111 !important;
  font-weight: 700;
  font-size: 11px !important;
  text-transform: uppercase
}

.s-product__price {
  display: -block;
  font-size: 11px !important;
  line-height: 1.3 !important;
  color: #111 !important;
  margin: 0
}

button.nv_btn {
  position: absolute;
  left: 11px;
  border: 0;
  background: transparent;
  display: none;
  width: 32px;
  height: 32px;
  cursor: pointer;
  z-index: 9999;
}

.vr {
  width: 13px;
  left: 7px;
  overflow: none;
  border-radius: 0;
  background: #111;
  display: block;
  opacity: 1;
  z-index: 998;
  height: 1px !important
}

.vr {
  position: absolute
}

.b1 {
  top: 10px
}

.b2 {
  top: 15px;
}
.b3 {
  top: 20px;
}
.on .b1 {
  top: 14px;
  width: 15px;

  transform: rotate(45deg);
}
.on .b3 {
  transform: rotate(-45deg);
  top: 14px;
  width: 15px;

}

.on .b2 {
  display: none
}

.template-page .main-content {
  *zoom: 1
}

.template-page .main-content:after {
  content: "";
  display: table;
  clear: both
}

h1.section-header--title {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  display: block;
  padding: 0;
  margin: 0 0 40px
}

.template-page .in-p {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 40px 0 0 240px;
  min-height: 360px;
  margin-bottom: 120px;
  position: relative
}

.template-page p {
  display: block;
  font-size: 12px;
  margin: 0;
  padding: 4px 0;
  max-width: 420px;
  word-break: keep-all
}

.template-page p a {
  text-decoration: none !important;
  color: #999
}

.template-page p.share-tech {
  word-break: keep-all
}

.template-page p a {
  display: inline-block;
  text-decoration: underline
}

.template-page p.q1 {
  text-transform: none;
  font-weight: 500;
  padding: 24px 0 8px
}

.template-page p.q4 {
  text-transform: uppercase;
  font-weight: 700;
  padding: 40px 0 16px;
  font-size: 11px
}

.template-page p.q5 {
  text-transform: none;
  font-weight: 500;
  padding: 12px 0 2px;
  font-size: 11px
}

.template-page p.q2 {
  text-transform: uppercase;
  padding: 28px 0 12px;
  word-break: keep-all
}

.template-page p.q1:first-child,
.template-page p.q2:first-child {
  padding-top: 0
}

.template-page#contact .rte p {
  padding: 0
}

.template-page#contact .rte p.q1,
.template-page#contact .rte p.q2 {
  padding: 12px 0 2px
}

.template-page p.w-days {
  font-size: 11px;
  padding-bottom: 28px;
  display: block
}

.template-page .little-emp {
  text-transform: uppercase;
  padding: 12px 0 2px;
  display: inline-block
}

.template-page .little-emp:first-child {
  padding-top: 0
}

.template-page#privacy-policy .rte p.q1 {
  padding: 24px 0 8px !important
}

.template-page#terms .rte p.q2 {
  padding: 24px 0 8px !important
}

.tem-index .site-footer .pay-credit {
  display: none
}

.tem-index .site-footer .credit #site-credit {
  color: #bbb
}

.tem-index .site-footer {
  padding: 20px 12px;
  display: block;
  margin-top: 0
}

.tem-index #haravan-section-footer {}

.tem-index .haravan-section {
  z-index: 1;
}

.tem-index .main-content {
  position: relative;
  display: block;
  z-index: 1;
  padding: 0 !important;
  margin: 32px 0 0 !important
}

.tem-index.fsb-on .main-content {
  margin: 50px 0 0 !important;
  overflow-x: hidden;
}

.tem-index .site-header {
  background: #fff
}

.tem-index .s-logo {
  top: 0
}

.tem-index #nv {
  top: 8px
}

.tem-index #i-logo {
  display: block;
  width: 95px;
  position: fixed;
  z-index: 999;
  display: none !important
}

.tem-index #i-logo a {
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  width: 95px
}

.tem-index #i-logo img {
  width: 100%;
  height: auto
}

.main_i {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start
}

.i_box {
  position: relative;
  box-sizing: border-box !important;
  display: inline-block;
  float: left;
  width: 100%;
  flex-basis: 100%;
  height: auto;
  cursor: pointer;
  padding: 0;
  /*border-bottom: 1px solid #111;*/
  font-size: 0;
  line-height: 0
}

.i_box video {
  position: relative;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: auto;
  display: block;
  z-index: 0
}

.i_box p {
  position: absolute;
  top: 0;
  left: 0;
  color: #111;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1.3;
  box-sizing: border-box;
  padding: 28px;
  letter-spacing: 0.05em !important;
  z-index: 21;
  width: 100%;
  text-align: center
}

.i_box.i_xx {
  overflow: hidden
}

.i_box p span {
  display: inline;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out
}

.i_box p span.title {
  font-weight: 700;
  display: inline-block;
  font-size: 13px;
  color: #111;
  text-transform: uppercase
}

.i_box p span.title.white {
  color: #fff
}

.i_box.i_xx p,
.i_box.br0 p {
  top: calc(35%);
  text-align: center;
  line-height: 1.5
}

.i_box.i_xx p span.title,
.i_box.br0 p span.title {
  color: #fff;
  font-size: 2rem;
  letter-spacing: 0.1em
}

.i_box p.t_nm {
  margin-top: 240px;
  width: 100%;
  text-align: left;
  display: inline-block;
  font-weight: 700;
  font-size: 16px
}

.i_box video,
.i_box img {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  background: #fafafa;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out
}
.i_box.i_xx video {
  top: auto;
  bottom: 0;
  left: 0;
  padding: 0;
}
.i_box.i_xx img {
  padding: 0;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0
}

.i_box.i_s2 {
  width: 50%;
  border-right: 1px solid #111
}

.i_box.i_s23 {
  width: 66.6666%;
  flex-basis: 66.6666%;
  border-right: 1px solid #111
}

.i_box.i_s13 {
  width: 33.3333%;
  flex-basis: 33.3333%;
  border-right: 1px solid #111
}

.i_over {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  display: block;
  z-index: 19
}

.i_box a:hover .i_over {
  opacity: 0.2
}

.i_box.op0 a:hover .i_over {
  opacity: 0
}

.i_box#i_01 p {
  top: 100px
}

.i_box#i_01 p span.title {
  color: #111;
  font-size: 4rem !important;
  line-height: 1.2
}

.i_box img.pc_v {
  display: inline-block
}

.i_box img.mo_v {
  display: none
}

@media screen and (min-width: 721px) {

  .single-option-selector,
  .quantity-selector {
    width: 100% !important;
    border: 1px solid #eee
  }
}

@media screen and (max-width: 1024px) {
  button.nv_btn{
    display: block;
  }

  #haravan-section-header {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    background: transparent;
    height: 40px
  }

  #s-cart {
    position: fixed;
    top: 13px;
    left: auto;
    right: 76px
  }

  #s-cart #sb_1 {
    display: none
  }

  #s-cart #sb_2 {
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 79
  }

  #s-cart #sb_2 img {
    width: 22px
  }

  #s-search {
    position: fixed;
    top: 220px;
    left: 20px;
    z-index: 999;
    display: none
  }

  .wrapper {
    *zoom: 1
  }

  .wrapper:after {
    content: "";
    display: table;
    clear: both
  }

  .pagination-custom {
    margin-left: -20px
  }

  #ctt {
    display: block !important
  }

  #xx4 {
    position: fixed;
    top: auto;
    bottom: 16px;
    right: 0;
    left: 0;
    z-index: 99;
    width: auto;
    text-align: center;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  #xx4 .inner {
    margin: 0 auto;
    width: auto;
    display: inline-block;
    padding: 3px 10px;
    border: 1px solid #fff
  }

  .template-collection .wrapper.main-content {
    *zoom: 1
  }

  .template-collection .wrapper.main-content:after {
    content: "";
    display: table;
    clear: both
  }

  .grid__item {
    margin-bottom: 16px;
    vertical-align: top
  }

  .template-product .wrapper.main-content {
    width: 100%;
    max-width: 100%;
    *zoom: 1
  }

  .template-product .wrapper.main-content:after {
    content: "";
    display: table;
    clear: both
  }

  .product-single__photos {
    width: 100%;
    background: transparent;
    margin-bottom: 12px
  }

  #ProductPhoto,
  #ProductPhoto img {
    cursor: pointer !important
  }

  .gallery {
    display: none
  }

  .product-single__hero .n-product__title,
  .product-single__hero .n-product__dsc {
    margin-left: 0
  }

  #cart__btn a {
    margin: 4px auto 0;
    padding: 2px 0
  }

  .c_brt {
    display: none
  }

  .site-footer .pay-credit {
    display: none
  }

  .tem-index .site-footer {
    background: transparent;
    min-height: 48px
  }

  .empty {
    padding: 0 30px 0 0
  }

  #cart-y {
    display: block
  }

  .cart__row .c-r__price {
    display: block;
    margin-top: 4px
  }

  .cart__row .c-r__price span {
    color: #111
  }

  .cart__row .p-info {
    color: #111;
    font-size: 10px;
    display: inline-block;
    margin-top: 2px
  }

  .cart__row .i-rmv {
    display: block;
    margin-top: 6px
  }

  .cart__row .i-rmv a {
    color: #aaa;
    font-size: 9px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    display: inline-block;
    border-bottom: 0 solid #aaa;
    border-radius: 0
  }

  .cart__row .i-rmv a:hover {
    color: #ff756e
  }

  .cart__row .i-price {
    color: #111
  }

  .input-group {
    text-align: center
  }

  .form-horizontal {
    margin-right: 0
  }

  .form-horizontal label {
    display: none
  }

  .input-group {
    width: 100%
  }

  .input-group-field,
  .input-group-btn {
    display: table-cell;
    vertical-align: middle;
    margin: 0
  }

  .input-group .btn,
  .input-group .btn--secondary,
  .input-group .btn--tertiary,
  .input-group input[type="submit"],
  .input-group .input-group-field {
    height: 32px
  }

  .input-group .input-group-field {
    width: 100%;
    margin-bottom: 0;
    color: #111;
    border: 1px solid #eee
  }

  .input-group .input-group-field:focus {
    outline: none;
    border: 1px solid #eee
  }

  .input-group-btn {
    display: block;
    position: relative;
    white-space: nowrap;
    width: 100%;
    padding: 0
  }

  .input-group-btn .btn:hover,
  .input-group-btn .btn--secondary:hover,
  .input-group-btn .btn--tertiary:hover,
  .input-group-btn input[type="submit"]:hover {
    border: 1px solid transparent
  }

  .template-page .main-content {
    *zoom: 1
  }

  .template-page .main-content:after {
    content: "";
    display: table;
    clear: both
  }

  h1.section-header--title {
    text-transform: uppercase
  }

  .template-page p.w-days {
    font-size: 11px;
    padding-bottom: 28px;
    display: block
  }

  .template-page .little-emp {
    text-transform: uppercase;
    display: inline-block
  }
}

@media screen and (max-width: 480px) {
  .tem-index #i-logo a {
    width: 85px
  }
}

#admin-bar-iframe {
  display: none !important
}

.template-collection #p_category,
.template-product #p_category {
  display: block
}

#p_category {
  position: absolute;
  top: 180px;
  z-index: 999;
  left: 0;
  padding: 0 0 12px 20px;
  width: calc(25% - 40px);
  margin: 0;
  font-size: 11px;
  font-style: normal;
  min-width: 200px;
  background: transparent;
  display: none
}

#p_category ul li {
  display: block;
  padding: 0;
  margin: 0
}

#p_category ul li a {
  display: block;
  padding: 6px 0;
  font-style: normal;
  font-size: 10px;
  text-transform: uppercase;
  color: #111;
  letter-spacing: 0.05em;
  font-weight: 600
}

#p_category ul.site-nav {
  display: block;
  margin-left: 0;
  padding: 8px 0 20px;
  background: transparent
}

#p_category ul.site-nav li {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#p_category ul.site-nav li a {
  font-weight: 400;
  font-size: 9.6px !important;
  position: relative;
  margin: 0 !important
}

#p_category ul.site-nav li a span {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out
}

#p_category ul.site-nav li a span.ct_bar {
  position: relative;
  top: 6px;
  width: 8px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  float: left;
  margin-right: 8px;
  background: transparent
}

#p_category ul.site-nav li a:hover span.ct_bar {
  display: inline-block;
  background: #aaa;
  width: 10px
}

#p_category ul.site-nav li a.sltd span.ct_bar {
  display: inline-block;
  background: #111;
  width: 14px
}

#p_category ul.site-nav .site-nav__dropdown li a span.ct_bar {
  position: relative;
  top: 6px;
  width: 8px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  float: left;
  margin-right: 8px;
  background: transparent
}

#p_category ul.site-nav .site-nav__dropdown li a:hover span.ct_bar {
  display: inline-block;
  background: #111;
  width: 12px
}

#p_category ul.site-nav .site-nav__dropdown {
  padding: 8px 0 8px 20px
}

#p_category ul.site-nav .site-nav__dropdown li {
  padding-left: 0
}

.site-nav__dropdown li a {
  text-transform: none !important
}

#p_category ul.sub_list {
  display: block;
  margin-left: 0;
  padding: 8px 0 20px;
  display: none
}

#p_category #main_nv ul.sub_list {
  display: block !important
}

#p_category ul.sub_list li a {
  font-weight: 400;
  font-size: 10px !important;
  position: relative
}

#p_category ul.sub_list li a span.ct_name {
  displayt: inline-block;
  color: #111;
  border-bottom: 1px solid transparent;
  padding: 0 0 1px
}

#p_category ul.sub_list li a span {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out
}

#p_category ul.sub_list li a span.ct_bar {
  position: relative;
  top: 6px;
  width: 8px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  float: left;
  margin-right: 8px;
  background: transparent
}

#p_category ul.sub_list li a:hover span.ct_bar {
  display: inline-block;
  background: #111;
  width: 12px
}

#p_category ul.sub_list li > ul {
  display: block;
  position: relative;
  left: 32px;
  display: none;
  padding: 6px 0
}

.template-page#gore-tex-infinium .in-p,
.template-page#thisisneverthat-fw19-lookbook .in-p,
.template-page#thisisneverthat-ss20-lookbook .in-p,
.template-page#bags .in-p,
.template-page[id*="lookbook"] .in-p,
#sf-2019 .in-p {
  padding: 0;
  min-height: 360px;
  margin-bottom: 0;
  line-height: 1.3 !important
}

.template-page#gore-tex-infinium p,
.template-page#thisisneverthat-fw19-lookbook p,
.template-page#thisisneverthat-ss20-lookbook p {
  display: block;
  font-size: 11px;
  margin: 0;
  padding: 0;
  word-break: keep-all
}

#lb_modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  opacity: 1;
  display: block;
  z-index: 9999;
  text-align: center
}

#lb_modal {
  vertical-align: middle
}

#lb_md1 .closx {
  position: absolute;
  top: 8px;
  right: 8px;
  display: inline-block;
  z-index: 99999
}

#lb_md1 .closx img {
  width: 9px;
  height: 9px;
  display: block;
  padding: 16px;
  box-sizing: content-box !important
}

#lb_over {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #111;
  opacity: 0.7;
  display: block;
  z-index: -1
}

#lb_md1 {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
  width: 90%;
  margin: 0 auto;
  background: #fff;
  max-width: 1024px;
  z-index: 1
}

#lb_md1 .inner {
  display: block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 20px;
  overflow: auto
}

.lb_left {
  width: 45%;
  float: left;
  display: inline-block;
  box-sizing: border-box;
  padding: 80px 48px;
  background: #f9f9f9
}

.lb_left img {
  display: inline-block;
  width: 100%;
  height: auto
}

#lb_modal.lb_g-t .lb_left {
  background: transparent
}

.lb_right {
  width: 50%;
  float: right;
  margin-right: 2.5%;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 0 20px;
}

.lb_right ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin: 0
}

.lb_right li {
  display: inline-block;
  box-sizing: border-box;
  width: 50%;
  flex-basis: 50%;
  margin-bottom: 12px
}

.lb_right li .thumb {
  display: block;
  box-sizing: border-box;
  padding: 0 36px;
  position: relative;
  min-height: 80px
}

.lb_right li a {
  display: block;
  position: relative
}

.lb_right li span.coming {
  display: block;
  position: absolute;
  top: auto;
  top: 140px;
  width: 100%;
  text-align: center;
  left: 0;
  font-size: 10px;
  font-weight: 700;
  color: #ff6058;
  text-transform: uppercase
}

.lb_right li span.soldout {
  display: block;
  position: absolute;
  top: auto;
  bottom: 12px;
  width: 100%;
  text-align: center;
  left: 0;
  font-size: 11px;
  font-weight: 700;
  color: #fc4d2f;
  text-transform: uppercase;
  display: none
}

.lb_right li .thumb.sold span.soldout {
  display: block
}

.lb_right li .thumb.sold img {
  opacity: 0.3
}

.lb_right .s_thumbs ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin: 0 0 12px;
  box-sizing: border-box;
  padding: 0 24px
}

.lb_right .s_thumbs li {
  display: inline-block;
  box-sizing: border-box;
  width: 23px;
  flex-basis: 23px;
  margin: 0 4px
}

.lb_right .s_thumbs li img {
  display: block;
  width: 100%;
  height: auto
}

.lb_product.soon {
  min-height: auto;
  cursor: default
}

.lb_product.soon h5 {
  opacity: 0.3
}

.lb_product.soon .thumb {
  margin-bottom: 43px
}

.lb_product {
  display: block;
  text-align: center;
  font-size: 11px
}

.lb_product img {
  display: block;
  width: 100%;
  height: auto
}

.lb_product h5 {
  padding: 0 0 4px;
  margin: 0;
  max-width: 240px;
  font-size: 11px;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  height: auto;
  box-sizing: border-box;
  text-transform: none;
  width: 100%;
  color: #111;
  box-sizing: border-box
}

.lb_product p.price {
  color: #111
}

.lb_1 {
  display: block;
  position: relative
}

.lb_1 h4 {
  text-transform: uppercase;
  font-weight: 700 !important;
  font-size: 1.25rem;
  display: block;
  margin: 0;
  padding: 60px 0 100px;
  text-align: center;
  position: relative
}

.lb_1 h4.mid {
  padding: 100px 0
}

.lb_x {
  display: block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 20px;
  overflow: auto;
  display: none
}

#lb,
.lb {
  width: 100%;
  height: auto;
  overflow: auto;
  padding: 0 0 40px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: center
}

#lb .item,
.lb .item {
  display: inline-block;
  box-sizing: border-box;
  width: 33.3333%;
  flex-basis: 33.3333%;
  font-size: 11px;
  word-break: keep-all;
  padding: 40px;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out
}

.x_prd {
  width: 100%;
  height: auto;
  overflow: auto;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: center
}

.x_prd .item {
  display: inline-block;
  box-sizing: border-box;
  width: 50%;
  flex-basis: 50%;
  font-size: 11px;
  word-break: keep-all;
  padding: 40px;
  cursor: default;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out
}

#lb .item img,
.lb .item img,
.x_prd .item img {
  display: inline-block;
  width: 100%;
  height: auto;
  cursor: crosshair
}

#lb .item:hover img,
.lb .item:hover img,
.x_prd .item:hover img {
  opacity: 0.7
}

#lb_modal {
  display: none
}

body.grid-active {
  font: 400 10px / 1.3
  , 'helvetica neue'
  , 'helvetica'
  , arial
  , sans-serif;
  letter-spacing: 0.05em;
  margin: 0 !important;
  padding: 0 !important
}

#looxReviewsFrame,
#looxReviewsFrame * {
  font-family: 'helvetica neue'
  , 'helvetica'
  , arial
  , sans-serif !important
}

.summary-text {
  font-size: 10px !important;
  text-transform: uppercase
}

.loox-reviews-default {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0 0 0 25%
}

br.ln {
  display: none !important
}

#i_zm {
  position: fixed;
  top: 0;
  bottom: 0;
  overflow: auto;
  left: 0;
  display: block;
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 997;
  text-align: center;
  cursor: crosshair
}

.fsb-on #i_zm {
  top: 34px
}

#i_zm img {
  display: inline-block;
  width: auto;
  height: 100%;
  min-height: 1400px
}

#i_zm {
  display: none
}

#btn_nl_top {
  display: none
}

.switch-language {
  position: relative;
  display: inline-block;
  margin: 0 5px;
}

.switch-language > span {
  position: absolute;
  top: 6px;
  pointer-events: none;
  font-family: "Helvetica"
  , Arial
  , sans-serif;
  font-weight: bold;
  font-size: 9px;
  text-transform: uppercase;
  /* text-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); */
  width: 50%;
  text-align: center;
}


.switch-language > span.on {
  left: 0;
  padding-left: 2px;
  color: #fff;
}

.switch-language > span.off {
  right: 0;
  padding-right: 4px;
  color: #333333;
}

.check-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}

.check-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}

input.check-toggle-round-flat:checked ~ .off {
  color: #fff;
}

input.check-toggle-round-flat:checked ~ .on {
  color: #333333;
}

input.check-toggle-round-flat + label {
  padding: 2px;
  width: 100px;
  height: 22px;
  background-color: #dad8c9;
  border-radius: 60px;
}

input.check-toggle-round-flat + label:before,
input.check-toggle-round-flat + label:after {
  display: block;
  position: absolute;
  content: "";
}

input.check-toggle-round-flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #dad8c9;
  border-radius: 60px;
}

input.check-toggle-round-flat + label:after {
  top: 4px;
  right: 4px;
  bottom: 4px;
  width: 48px;
  background-color: #fff;
  border-radius: 52px;
  transition: margin 0.2s;
}

input.check-toggle-round-flat:checked + label:after {
  margin-right: 44px;
}

@media only screen and (max-width: 1024px) {
  .switch-language {
    display: none !important;
  }
  
  #fsb .swiper-container .swiper-slide {
    padding: 9px 28px;
  }

  #fsb p {
    max-width: calc(100% - 60px);
  }

  .i_box img.pc_v {
    display: none;
  }

  .i_box img.mo_v {
    display: inline-block;
  }

  .site-header .over {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
    background: #fff;
    opacity: 0.95;
  }

  #fsb {
    height: auto;
    padding: 4px 0;
    font-size: 11px;
  }

  #fsb #clos_fsb {
    width: 9px;
    padding: 8px;
  }

  .site-header.fsb-on {
    top: 32px;
  }

  .site-header {
    border-bottom: 0;
  }

  #i_zm {
    top: 0;
  }

  #i_zm img {
    display: inline-block;
    width: auto;
    height: 100%;
    min-height: 100%;
  }

  .loox-reviews-default {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 0 16px;
    margin-top: 240px !important;
  }

  .tem-index .main-content {
    margin-top: 72px !important;
  }

  .tem-index.fsb-on .main-content {
    margin-top: 50px !important;
  }

  .i_box {
    position: relative;
    box-sizing: border-box !important;
    display: block;
    float: none;
    width: 100%;
    flex-basis: 100% !important;
    height: auto;
    overflow: hidden;
    padding: 0;
    border-bottom: 1px solid #111;
  }

  .i_box.i_s13 {
    width: 100%;
    flex-basis: 100%;
    border-right: 0;
  }

  .i_box.i_s23 img {
    width: 160%;
    left: -30%;
  }

  .i_box video,
  .i_box img {
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    height: auto;
  }

  .i_box.i_xx video,
  .i_box.i_xx img {
    top: 0;
    bottom: auto;
    padding: 0;
    width: 120%;
    left: -10%;
    position: relative;
  }

  .i_box p {
    position: absolute;
    top: 0;
    left: 0;
    color: #111;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1.3;
    box-sizing: border-box;
    padding: 28px;
    width: 100%;
    text-align: center;
  }

  .i_box p span {
    display: inline;
    border-bottom: 1px solid transparent;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }

  br.ln {
    display: inline-block !important;
  }

  .i_box p span.title {
    font-weight: 700;
    font-size: 13px;
    color: #111;
    display: inline-block;
    margin-bottom: 16px;
  }

  .i_box {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100% !important
  }

  .i_box.br0 video {
    position: relative;
    left: -20%;
    width: 140%;
  }

  .i_box.i_xx p,
  .i_box.br0 p {
    text-align: center;
    top: 40%;
    padding: 0 16px;
  }

  .i_box.i_xx p span.title,
  .i_box.br0 p span.title {
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    margin-bottom: 16px;
    letter-spacing: 0.1em;
    text-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  }

  .i_box.i_xx#i_01 p {
    top: -8px;
  }

  .i_box.i_xx#i_01 p span.title {
    color: #111;
    font-size: 1.8rem !important;
    line-height: 1.2;
  }

  #sort_b {
    top: 84px;
    left: auto;
    right: 14px;
  }

  p#ft_btn {
    display: inline-block;
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 700;
    text-align: right;
    width: 68px;
    padding: 4px 0;
    cursor: pointer;
    z-index: 0;
  }

  #sort_select {
    margin-top: -28px;
    margin-right: -6px;
    z-index: 99;
    background: transparent;
    padding: 16px 0 0;
  }

  #ft_clos {
    display: inline-block;
    position: absolute;
    top: -4px;
    right: 6px;
    width: 9px;
    cursor: pointer;
    z-index: 99;
    background: #fff;
    padding: 4px;
    box-sizing: content-box;
  }

  #ft_clos img {
    display: block;
    width: 100%;
    height: auto;
  }

  #sort_select label {
    font-size: 9px;
  }

  #sort-by {
    margin: 0;
    font-size: 9px;
    padding: 6px;
    width: 180px;
  }

  #sort-by:focus,
  #sort-by:active {
    font-size: 9px !important;
  }

  #p_category {
    display: none !important;
  }

  #switx {
    position: absolute;
    top: -20px;
    right: -8px;
    display: block;
    width: 11px;
    height: 2px;
    padding: 16px;
    display: none;
  }

  #switx span#s1 {
    display: inline-block;
    width: 11px;
    height: 2px;
    background: #111;
    -webkit-transition: all 0.2s cubic-bezier(0.52, 0.16, 0.52, 0.84);
    -moz-transition: all 0.2s cubic-bezier(0.52, 0.16, 0.52, 0.84);
    -ms-transition: all 0.2s cubic-bezier(0.52, 0.16, 0.52, 0.84);
    -o-transition: all 0.2s cubic-bezier(0.52, 0.16, 0.52, 0.84);
    transition: all 0.2s cubic-bezier(0.52, 0.16, 0.52, 0.84);
  }

  #switx span#s1.on {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  #switx {
    display: block
  }

  .template-collection .wrapper.main-content {
    position: relative;
    background: transparent;
    padding-bottom: 60px !important;
    margin-top: 80px;
    min-height: 360px;
    z-index: 1;
  }

  .template-collection.fsb-on .wrapper.main-content {
    margin-top: 112px;
  }

  #CollectionSection .section-header,
  .template-search .search-bar {
    position: absolute;
    top: -40px;
    left: 0;
    display: block;
    height: auto;
    background: transparent;
    box-sizing: border-box;
    padding: 0 20px;
    text-align: left;
    border-bottom: 1px solid transparent;
    width: 100%;
    z-index: 398;
  }

  .template-collection.fsb-on #CollectionSection .section-header {
    top: 0;
  }

  .template-collection.fsb-on #sort_b {
    top: 140px;
  }

  .template-collection.fsb-on #sort_select {
    margin-top: 0;
  }

  #CollectionSection .section-header h1.section-header__title {
    display: inline-block !important;
    border-radius: 0;
    font-size: 11px;
    cursor: default;
    color: #111;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-style: normal;
    color: #111;
    margin: 0;
    padding: 0;
  }

  .section-header__link--right {
    display: none !important;
  }


  .site-header {
    background: transparent;
    height: auto;
    z-index: 2;
  }

  .site-header > .wrapper {
    position: relative;
    padding: 10px 20px;
    height: 50px;
    *zoom: 1;
    background: transparent;
    z-index: 2;
  }

  .tem-index .site-header > .wrapper,
  .site-header > .wrapper {
    background: #fff;
    padding: 10px !important;
  }

  .cmpr .s-logo {
    top: 13px;
  }

  .s-logo,
  .tem-index .s-logo {
    position: absolute;
    top: 14px;
    left: 50%;
    transform: translate(-50%, 20%);
    background: transparent;
    text-align: left;
  }

  .s-logo a {
    color: #111;
    margin-left: 0;
    padding: 0;
    width: 84px;
  }

  button.nv_btn {
    position: absolute;
    top: 13px;
  }

  .st_1 {
    position: absolute !important;
    right: 10px !important;
    margin: 1px 0 0;
    display: flex;
    height: auto;
    padding: 0;
    width: auto;
    text-align: right;
    min-width: 40px;
    align-items: center;
  }

  .st_1 a {
    position: relative;
    margin-left: 10px;
    font-size: 10px !important;
  }

  .cart-count {
    margin-left: 2px;
  }

  #scbtn {
    top: 50px;
    right: 0;
    min-width: auto;
    width: 100%;
    background: #fff;
    height: 40px;
    border: none;
    border-top: 0.5px solid grey;
    box-sizing: border-box;
    border-bottom: 1px solid #000;
  }

  #scbtn .header-bar__search-input[type="search"] {
    width: 100%;
    height: auto;
    padding: 8px 6px;
    box-sizing: border-box;
    text-transform: uppercase;
    border: 0 !important;
    font-size: 11px;
    text-indent: 5px;
  }

  #scbtn .header-bar__search-form {
    position: relative;
    top: 0;
    left: 5px;
    float: none;
    width: 100%;
    max-width: 100%;
  }

  a#sc-clos {
    top: 0;
    right: 12px;
    vertical-align: top;
    display: inline-block;
    width: 10px;
    box-sizing: content-box;
    padding: 8px
  }

  a#sc-clos img {
    display: inline-block;
    width: 100%;
    height: auto
  }

  a#sc_btn {
    width: 13px;
    position: relative;
    top: 0;
    left: auto;
    padding: 1px;
  }

  a#sc_btn img {
    display: inline-block;
    width: 13px;
    height: auto;
  }

  #col__link {
    display: none;
  }

  .template-collection .grid-uniform {
    position: relative;
    margin: 0 !important;
    width: calc(100%);
    padding: 24px 0 0 !important;
    box-sizing: border-box;
    overflow: visible;
    z-index: 0;
    max-width: 100%;
    float: none;
    min-height: 480px;
    display: block;
  }

  #haravan-section-collection-template .grid-uniform .grid__item {
    position: relative;
    float: none;
    width: 50%;
    flex-basis: 50%;
    min-height: 1px;
    margin-bottom: 40px;
    vertical-align: top;
  }

  #haravan-section-collection-template .grid-uniform.on .grid__item {
    width: 100%;
    flex-basis: 100%;
  }

  .template-search .search_grid {
    position: relative;
    margin: 100px 0 0 !important;
    width: calc(100%);
    padding: 0 !important;
    box-sizing: border-box;
    overflow: visible;
    z-index: 0;
    max-width: 100%;
    float: none;
    min-height: 480px;
    display: block;
  }

  .fsb-on.template-search .search_grid {
    position: relative;
    margin: 145px 0 0 !important;
  }

  .template-search .grid__item {
    position: relative;
    width: 33.3333%;
    flex-basis: 33.3333%;
    min-height: 240px;
  }

  .s-product__title {
    padding: 0 20px 8px 0;
    max-width: 100%;
    font-size: 10px !important
  }

  .wrapper.main-content {
    margin-top: 72px
  }

  .fsb-on .wrapper.main-content {
    margin-top: 104px
  }

  .product-single__hero {
    padding: 0;
    width: 100%;
    *zoom: 1
  }

  .product-single__hero .n-product__title {
    padding: 0 40px 16px 0;
    max-width: 100%;
    font-size: 12px !important
  }

  .product-single__hero .n-product__dsc {
    display: block;
    width: 100%
  }

  .product-single__prices {
    margin: 0 0 28px;
    font-weight: 500 !important
  }

  .img_area {
    position: relative;
    float: none;
    width: 100%;
    margin: 0;
    overflow: hidden
  }

  #info_area {
    position: relative !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 16px 20px;
    overflow: visible
  }

  .product-single__thumbnails {
    width: 100%;
    padding: 0
  }

  .product-single__thumbnails .grid__item {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 !important;
    padding: 0 !important
  }

  .product-single__thumbnail {
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    display: block;
    padding: 0 28px
  }

  .product-single {
    display: block;
    width: 100%;
    left: 0;
    position: relative
  }

  select.single-option-selector,
  .selector-wrapper option {
    border: 1px solid #ddd;
    padding: 7px 8px;
    width: 100%;
    font-size: 11px
  }

  select.single-option-selector,
  .selector-wrapper option {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    height: 28px
  }

  .product-single__hero .selector-wrapper {
    display: block;
    width: 100%;
    margin-bottom: 4px
  }

  .product-single__hero .selector-wrapper label {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    color: #111;
    margin-bottom: 4px;
    font-weight: 500
  }

  select:active,
  input:active,
  textarea:active,
  select:focus,
  input:focus,
  textarea:focus {
    font-size: 16px
  }

  .slick-arrow {
    display: none !important
  }

  .slick-dots {
    position: absolute;
    width: 100%;
    bottom: 12px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
  }

  .slick-dots li {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 6px;
    background: #ccc;
    border-radius: 50%;
    border: 1px solid #eee;
    opacity: 1;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    text-align: center
  }

  .slick-dots li button {
    font-size: 0;
    display: none
  }

  .slick-dots li.slick-active {
    border-color: #aaa;
    background: #111
  }

  .size-guide {
    position: absolute;
    top: 260px;
    left: 0;
    margin-top: 20px;
    display: block;
    display: none;
    width: 100%
  }

  .sizing {
    display: block;
    margin-top: 0
  }

  .sizing span {
    text-transform: uppercase;
    cursor: pointer;
    padding: 0;
    color: #111;
    font-size: 10px;
    font-weight: 500
  }

  .size-detail {
    width: 100%
  }

  .size-detail {
    margin-top: 12px;
    width: 100%;
    height: 208px;
    color: #111
  }

  .size-detail .inner {
    margin: 0
  }

  .size-detail .sd1 {
    clear: both;
    display: block
  }

  .size-detail .sd1.s-d_title {
    text-transform: uppercase
  }

  .size-detail .sd1 div {
    float: left;
    display: block;
    text-align: left;
    width: 52px;
    padding: 6px 12px
  }

  .size-detail .sd1.s-d_title div {
    border-right: 0 !important
  }

  .size-detail .sd1 div:last-child {
    margin-right: 0
  }

  .size-detail .sd1 div.sz-1 {
    display: block;
    width: 76px;
    padding-left: 0;
    text-transform: uppercase
  }

  .size-guide > .size-detail #clos {
    right: 0
  }

  #cart-total {
    float: none;
    width: 100%;
    margin: 20px 0 0
  }

  #cart__btn button.btn,
  #cart__btn button.btn--secondary,
  #cart__btn button.btn--tertiary {
    padding: 10px 8px;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: 0.05em
  }

  .template-page .in-p {
    padding: 24px 0 0 !important;
    min-height: 180px
  }

  h1.section-header--title {
    font-size: 10px;
    margin: 0 0 20px
  }

  .template-page p {
    max-width: 95%
  }

  .template-page p.q4 {
    font-size: 10px
  }

  .template-page p.q5 {
    font-size: 11px
  }

  .site-footer .wrapper {
    padding: 0
  }

  .site-footer {
    margin-top: 40px;
    padding: 0
  }

  .site-footer #i-sc_btn {
    position: relative;
    top: 0;
    right: auto;
    left: 0;
    width: 100%;
    overflow: auto;
    display: block;
    border-bottom: 0 solid #eee;
    box-sizing: border-box;
    padding: 12px
  }

  .tem-index .site-footer #i-sc_btn a,
  .site-footer #i-sc_btn a {
    padding: 0 5px;
    margin: 0 4px;
    width: 29px;
    float: left
  }

  .site-footer #i-sc_btn img {
    width: 100%;
    height: auto
  }

  .site-footer .pay_info {
    text-align: left;
    padding: 16px 20px 0
  }

  .site-footer .pay_info ul {
    display: inline-block;
    width: auto;
    overflow: visible;
    height: 20px
  }

  .site-footer .pay_info ul li {
    margin-left: 0;
    margin-right: 12px;
    height: 20px
  }

  #legal,
  .site-footer .credit {
    padding: 0;
  }

  #legal {
    padding-top: 8px;
    width: 100%
  }

  #legal .ft-list {
    display: inline-block;
    width: 50%;
    flex-basis: 50%;
  }

  #legal li a {
    font-size: 10px
  }

  #nl h4 {
    padding: 4px 12px
  }

  #nl_clos {
    top: 4px;
    right: 4px;
    padding: 12px
  }

  #nl {
    top: auto;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 260px;
    border: 0;
    border-top: 1px solid #111;
    background: #fff;
    box-sizing: border-box;
    z-index: 99;
    padding: 16px 8px
  }

  #nl {
    display: none;
    min-width: 240px
  }

  #nl p.subs {
    text-transform: uppercase;
    font-size: 10px;
    display: block;
    box-sizing: border-box;
    padding: 16px 12px 4px
  }

  .tem-index #nl {
    display: inline-block
  }

  .site-footer #btn_nl {
    position: relative;
    top: 40px;
    right: auto;
    left: 20px;
    display: inline-block;
    font-size: 10px;
    padding-bottom: 2px;
    border-bottom: 1px solid #eee
  }

  .tem-index .site-footer #btn_nl {
    display: none
  }

  .tem-index #btn_nl_top {
    position: relative;
    left: 0;
    top: 0;
    height: auto;
    display: none;
    width: 100%;
    padding: 10px 16px;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    background: #ff756e;
    border-top: 0 solid #111;
    z-index: 97;
    line-height: 1.2;
    color: #111;
    font-weight: 500
  }

  .site-footer .in-f {
    position: relative;
    width: 100%;
    height: auto;
    clear: both;
    display: block;
    overflow: visible;
    padding: 0 0 60px
  }

  .site-footer .credit {
    overflow: auto;
    padding: 12px 20px 16px
  }

  .site-footer .credit #site-credit {
    display: inline-block;
    text-align: right;
    text-transform: uppercase;
    color: #999;
    font-size: 9px;
    padding: 0
  }

  .site-footer .credit #site-credit a {
    border-bottom: 1px solid transparent;
    display: inline-block
  }

  .site-footer p.site-footer__links {
    float: left;
    display: inline-block;
    width: auto
  }

  .template-product #haravan-section-footer {
    margin-top: 0
  }

  .template-product .wrapper {
    padding: 0
  }

  #CartSection {
    width: 100%;
    min-width: 1px;
    margin: 8px auto 0
  }

  .cart__row .grid__item.cart_img {
    width: 64px;
    box-sizing: border-box;
    padding-right: 16px;
    display: inline-block
  }

  .cart__image {
    display: inline-block;
    width: 100%;
    height: auto
  }

  button.update-cart {
    margin: 6px 0 0;
    float: none;
    font-size: 9px
  }

  .cart__row .grid--full {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%
  }

  .cart__row .grid__item {
    padding-bottom: 0;
    margin-bottom: 8px;
    display: inline-block
  }

  .cart__row .grid--full > .grid__item.post-large--two-thirds {
    width: 66.6666%;
    flex-basis: 66.6666%
  }

  .cart__row .grid--full > .grid__item.post-large--one-third {
    width: 33.3333%;
    flex-basis: 33.3333%
  }

  input.cart__quantity-selector {
    float: none;
    width: 40px;
    margin: 0
  }

  .cart__row .grid__item.one-half {
    text-align: left
  }

  .cart__row .c-product__title {
    font-size: 10px
  }

  #AddToCart {
    margin-top: 20px;
    padding: 10px 8px;
    font-size: 11px
  }

  .main_i {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100% !important;
    left: 0;
    right: 0
  }

  .tem-index .site-footer {
    padding: 0;
    display: block;
    margin-top: 0
  }

  .template-page#gore-tex-infinium .wrapper {
    padding: 0
  }

  #lb_modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    opacity: 1;
    display: block;
    z-index: 9999;
    text-align: center
  }

  #lb_modal {
    vertical-align: middle
  }

  #lb_md1 .closx {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block
  }

  #lb_md1 .closx img {
    width: 9px;
    height: 9px;
    display: block;
    padding: 20px
  }

  #lb_over {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #111;
    opacity: 0.7;
    display: block;
    z-index: -1
  }

  #lb_md1 {
    position: relative;
    top: 60px !important;
    left: 0;
    display: inline-block;
    width: 90%;
    margin: 0 auto;
    background: #fff;
    max-width: 1024px;
    z-index: 1
  }

  #lb_md1 .inner {
    display: block;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 20px;
    overflow: auto
  }

  .lb_left {
    width: 45%;
    float: left;
    display: inline-block;
    box-sizing: border-box;
    padding: 80px 40px;
    background: #f9f9f9;
    display: none !important
  }

  .lb_right {
    width: 100%;
    float: none;
    margin: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 8px
  }

  .lb_right ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%
  }

  .lb_right li {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 50%;
    flex-basis: 50%;
    margin-bottom: 16px
  }

  .lb_right li .thumb {
    display: block;
    box-sizing: border-box;
    padding: 0 20px;
    position: relative;
    min-height: 20px
  }

  .lb_right li span.coming {
    top: 80px
  }

  .lb_right li span.soldout {
    display: block;
    position: absolute;
    top: auto;
    bottom: 12px;
    width: 100%;
    text-align: center;
    left: 0;
    font-size: 11px;
    font-weight: 700;
    color: #fc4d2f;
    text-transform: uppercase;
    display: none
  }

  .lb_right li .thumb.sold span.soldout {
    display: block
  }

  .lb_right li .thumb.sold img {
    opacity: 0.3
  }

  .lb_right .s_thumbs ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin: 0 0 4px;
    box-sizing: border-box;
    padding: 0
  }

  .lb_right .s_thumbs li {
    display: inline-block;
    box-sizing: border-box;
    width: 22px;
    flex-basis: 22px;
    margin: 0 6px
  }

  .lb_right .s_thumbs li img {
    display: block;
    width: 100%;
    height: auto
  }

  .lb_product.soon {
    min-height: auto;
    ursor: default
  }

  .lb_product.soon h5 {
    opacity: 0.3
  }

  .lb_product.soon .thumb {
    margin-bottom: 33px
  }

  .lb_product {
    display: block;
    text-align: center;
    font-size: 11px
  }

  .lb_product img {
    display: block;
    width: 100%;
    height: auto
  }

  .lb_product h5 {
    padding: 0 8px 4px;
    margin: 0;
    max-width: 240px;
    font-size: 11px;
    font-weight: 700 !important;
    height: auto;
    box-sizing: border-box;
    text-transform: uppercase;
    width: 100%;
    color: #111;
    box-sizing: border-box
  }

  .lb_product p.price {
    color: #111
  }

  .lb_1 h4 {
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 1.25rem;
    display: block;
    padding: 0 0 20px;
    text-align: left;
    font-size: 11px;
    top: -8px
  }

  .lb_1 h4.mid {
    padding: 80px 0 20px
  }

  .lb_x {
    display: block;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 20px;
    overflow: auto;
    display: none
  }

  #lb,
  .lb {
    width: 100%;
    height: auto;
    overflow: auto;
    padding: 0 0 40px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: center
  }

  #lb .item,
  .lb .item {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    flex-basis: 100%;
    font-size: 11px;
    word-break: keep-all;
    padding: 0;
    margin-bottom: 20px
  }

  #thisisneverthat-ss20-lookbook #lb .item {
    background: #f9f9f9;
    padding: 20px
  }

  #lb .item img,
  .lb .item img {
    display: inline-block;
    width: 100%;
    height: auto
  }

  #lb_gt #lb .item {
    background: transparent !important
  }

  #lb .item:hover img,
  .lb .item:hover img,
  .x_prd .item:hover img {
    opacity: 1
  }

  #lb_modal {
    display: none
  }

  .x_prd .item {
    width: 100%;
    flex-basis: 100%;
    padding: 0 0 40px
  }
}

@media screen and (min-width: 1px) and(max-width: 720px) and(min-width: 1600px) and(max-width: 2500px) {
  .i_box p span.title {
    font-size: 1rem
  }

  .i_box.i_xx p span.title,
  .i_box.br0 p span.title {
    font-size: 2.2rem
  }
}

@media screen and (min-width: 1px) and(max-width: 720px) and(min-width: 2500px) {
  .i_box p span.title {
    font-size: 1rem
  }

  .i_box.i_xx p span.title,
  .i_box.br0 p span.title {
    font-size: 3.2rem
  }

  #p_category ul li a {
    padding: 4px 0;
    font-size: 11px !important
  }
}

#over_y {
  position: fixed;
  left: 0;
  top: 40px;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: #111;
  opacity: 0.7;
  display: none
}

.fsb-on #over_y {
  top: 42px
}

.tem-index.fsb-on #over_y {
  top: 72px
}

.product-single .cbb-also-bought-container {
  max-width: 100% !important;
  padding: 0 !important
}

.cbb-also-bought-title {
  display: none !important
}

.cbb-also-bought-slider {
  white-space: normal !important
}

.cbb-also-bought-slider-container {
  margin: 0 0 28px !important;
  white-space: normal !important
}

.cbb-also-bought-slider-list {
  width: 100%;
  max-width: 100%
}

.cbb-also-bought-product {
  width: auto !important;
  margin: 0 8px 8px 0 !important
}

.cbb-also-bought-product-image {
  width: 48px !important;
  height: 48px !important
}

@media screen and (min-width: 1px) and(max-width: 420px) {
  .template-search .grid__item {
    min-height: 228px
  }
}

@media screen and (min-width: 720px) and(max-width: 1024px) {
  .template-collection .grid-uniform {
    margin: 0 !important;
    width: calc(100%);
    padding: 0 !important;
    max-width: 100%;
    float: none
  }

  .template-search .search_grid {
    position: relative;
    margin: 0 !important;
    width: calc(100%);
    padding: 0 !important;
    box-sizing: border-box;
    overflow: visible;
    z-index: 0;
    max-width: 100%;
    float: none;
    min-height: 480px;
    display: block
  }

  .template-search .grid__item {
    position: relative;
    width: 33.3333%;
    flex-basis: 33.3333%;
    min-height: 280px
  }

  #haravan-section-collection-template .grid-uniform .grid__item {
    float: left;
    width: 33.3333%;
    flex-basis: 33.3333%;
    min-height: 1px;
    margin-bottom: 28px;
    vertical-align: top
  }
}

@media screen and (min-width: 2400px) {

  #haravan-section-collection-template,
  .template-search .wrapper {
    text-align: center;
    display: block
  }

  .template-search .search_grid {
    margin: 0 auto !important;
    float: none;
    display: inline-block;
    text-align: left
  }

  #haravan-section-collection-template .grid-uniform .grid__item {
    width: 20%;
    flex-basis: 20%
  }

  .template-collection .grid-uniform .inner {
    position: relative;
    width: 100%;
    max-width: 2400px;
    margin: 0;
    display: block
  }
}

.lwr {
  text-transform: lowercase !important;
  letter-spacing: 0.025em !important
}
#xx {
  display: block;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  text-align: left;
  max-width: 100%;
}
#xx div {
  display: block;
  margin-bottom: 20px;
}
#ctt div {
  display: block;
  width: 100%;
  padding-bottom: 0;
  vertical-align: middle;
  overflow: auto;
  margin-bottom: 8px;
}
#ctt div h5 {
  text-transform: uppercase;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  margin: 0;
  padding: 0;
  color: #999;
}
#ctt label {
  width: 80px;
  display: inline-block;
  vertical-align: top;
  padding-top: 5px;
  color: #111;
  display: none;
}

#ctt input,
#ctt textarea {
  display: inline-block;
  margin: 0;
  padding: 2px 0 6px;
  border-radius: 0;
  text-shadow: none;
  box-shadow: none;
  width: 100%;
  box-sizing: border-box;
  line-height: 1.2;
  font-size: 11px;
  border: 0;
  border-bottom: 1px solid #111;
  outline: none !important;
  clear: both;
  -webkit-appearance: none;
  vertical-align: top;
  background: transparent;
}

#ctt input {
  font-size: 11px;
  height: auto;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#ctt,
#done {
  display: inline-block;
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 12px;
}
#ctt .i_data {
  overflow: auto;
  padding-bottom: 12px;
}
#ctt .i_data p {
  float: left;
  display: inline-block;
  text-transform: uppercase;
  width: auto;
}
#ctt .i_data p.warning {
  float: none;
  display: block;
  color: #ff4c22;
  margin-top: 4px;
  font-size: 10px;
  display: none;
}
.btn_area {
  display: block;
  margin-top: 16px;
}
#ctt button[type='submit'] {
  display: inline-block;
  border-radius: 1px;
  cursor: pointer;
  width: auto;
  height: auto;
  box-sizing: border-box !important;
  font-weight: 500 !important;
  margin: 0;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #111;
  color: #fff;
  background: #111;
  padding: 5px 0;
  width: 120px;
  box-sizing: border-box;
}
#ctt input[type='checkbox'].chk {
  float: left;
  margin-right: 12px;
  position: relative;
  top: 2px;
}
#ctt input[type='checkbox'] {
  width: 13px;
  height: 13px;
  border-radius: 0;
  -webkit-appearance: checkbox;
  margin: 0;
  padding: 0;
}


.col-left {
  width: 25%;
  float: left;
}
.col-right {
  width: 75%;
  float: left;
}

.tree-menu-sub {
  display: none;
}


li.has-child:hover .tree-menu-sub {
  display: block !important;
}
a.logo_bct_mobile img {
  width: 160px;
}
a.logo_bct_mobile {
  margin-left: 10px;
}
.w-100 {
  width: 100% !important;
  flex-basis: 100% !important;
}
@media only screen and (max-width: 767px){
  .site-footer .in-f {
    padding: 0 0 10px !important;
  }
}