@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

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

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative; }

.swipe-wrap {
  overflow: hidden;
  position: relative; }

.swipe, .swipe-wrap {
  visibility: visible;
  height: 100%; }

.swipe-wrap > div {
  float: left;
  width: 100%;
  position: relative; }

html, body {
  height: 100%;
  width: 100%;
  max-width: 100%;
font-family: "Proximanova-Regular","Helvetica Neue",Verdana,Arial,sans-serif;
  color: #1e2226; }

html, html a {
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }

body {
  overflow-x: hidden; }
body.no-scroll {
  overflow: hidden; }
body ::selection {
  background: #eca331; }
body ::-moz-selection {
  background: #eca331; }

p {
  letter-spacing: 0.5px; }

input {
  -webkit-appearance: none;
  border-radius: 0; }
input::-ms-clear {
  display: none; }

#wrapper, .wrapper-inside {
  height: 100%;
  width: 100%;
  max-width: 100%; }

.wrapper-inside {
  position: relative; }

:focus {
  outline: 0; }

.main-content {
  position: static;
  min-height: 91vh;
  background: #272d32; }

.overlay-content {
  position: absolute;
  top: 0;
  right: 0;
  left: 125px;
  min-height: 100%;
  background: #f3f3f3; }

.overlay-open .main-content {
  visibility: hidden;
  max-height: 100%;
  overflow: hidden; }
.overlay-open .overlay-content {
  z-index: 999; }

.main-template .template-grid {
  overflow: hidden;
  border-top: 1px solid #e1e1e1; }

.main-template .template-grid.filter-open {
  width: 80%; }
.main-template .template-grid.filter-open .grid-item {
  width: 25%; }

.grid-item {
  display: block;
  float: left;
  width: 20%; }
.grid-item img {
  display: block;
  width: 100%; }

@media screen and (max-width: 1680px) {
  .template-grid .grid-item {
    width: 25%; }
  .template-grid .grid-item.item-faq {
    padding-bottom: 25%; }

  .main-template .template-grid.filter-open {
    width: 75%; }
  .main-template .template-grid.filter-open .grid-item {
    width: 33.33%; } }
@media screen and (max-width: 1366px) {
  .template-grid .grid-item {
    width: 33.33%; }
  .template-grid .grid-item.item-faq {
    padding-bottom: 33.33%; }

  .main-template .template-grid.filter-open {
    width: 66.66%; }
  .main-template .template-grid.filter-open .grid-item {
    width: 50%; } }
@media screen and (max-width: 1024px) {
  .main-template .template-grid.filter-open {
    width: 100%; }
  .main-template .template-grid.filter-open .grid-item {
    width: 33.33%; } }
@media screen and (max-width: 1023px) {
  .template-grid .grid-item {
    width: 50%; }
  .template-grid .grid-item.item-faq {
    padding-bottom: 50%; }

  .main-template .template-grid.filter-open {
    width: 100%; }
  .main-template .template-grid.filter-open .grid-item {
    width: 50%; } }

.throbber {
  display: none;
  position: absolute;
  width: 35px;
  height: 35px;
  background: transparent url(../img/skin/throbber-dark.gif) 50% 50% no-repeat;
  background-size: 50px 50px;
  overflow: hidden;
  text-indent: -10000em; }

.dark .throbber {
  background: transparent url(../img/skin/throbber-light.gif) 50% 50% no-repeat;
  background-size: 50px 50px; }

.loader-context {
  position: relative;
  display: block;
  top: 40px; }

.loader .throbber {
  display: block; }
.loader .loader-context {
  opacity: 0;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
.loader .loader-hide {
  display: none; }
.loader .throbber {
  top: 0;
  left: 20px;
  opacity: 0; }
.loader .throbber.appear {
  top: 20px;
  opacity: 1; }
.loader.loaded {
  background-color: transparent; }
.loader.loaded .loader-context {
  opacity: 1;
  top: 0; }
.loader.loaded .loader-hide {
  display: block; }
.loader.loaded .throbber {
  display: none; }

.image-loader {
  position: relative;
  -moz-transition: background-color 0.4s ease-in-out;
  -o-transition: background-color 0.4s ease-in-out;
  -webkit-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out; }
.image-loader .throbber {
  top: 10px;
  left: 10px;
  z-index: 1; }
.image-loader img {
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out; }
.image-loader.loading {
  background-color: #FFF;
  min-height: 70px; }
.image-loader.loading img {
  opacity: 0.1; }
.image-loader.dark {
  background-color: #000; }
.block-empty .empty-nav .btn .text {
  font-size: 12px;
  text-transform: uppercase; }
.block-empty .empty-nav .btn:hover {
  background: #c4c4c5;
  color: #fff; }

.no-touch .block-empty .touch-only {
  display: none; }

.touch .block-empty .no-touch-only {
  display: none; }


.template-content {
  position: relative;
  width: 100%;
  z-index: 90;
  background: #fff; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) {
  .top-bar .btn-top .icon {
    background-image: url(../img/skin/x2-sprite.png);
    background-size: 268px 251px; } }

.main-template {
  position: relative; }
.main-template.products .template-grid {
  padding-bottom: 54px; }

.has-header .template-content {
  position: absolute;
  top: 390px; }


.template-fitguide .fitguide-item.chosen .block-image .description .progress, .template-fitguide .fitguide-item.chosen .block-image .description .slider {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }

.block-home {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }
.block-home .background-home {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #1e2226; }
.block-home .background-home img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  visibility: hidden; }
.block-home .background-home img.loaded {
  visibility: visible; }
.block-home .background-home img.loaded.visible {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }
.block-home .background-home video {
  position: absolute;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  z-index: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  visibility: hidden; }
.block-home .background-home video.loaded {
  visibility: visible; }
.block-home .background-home video.loaded.visible {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }
.block-home .block-image {
  position: relative;
  z-index: 10;
  float: left;
  width: 25%;
  height: 100%;
  background: url(../img/skin/bg-home.png) repeat-y right top; 
border-right: 1px solid #a7a6a5;
}
.block-home .block-image h2 {
  position: absolute;
  bottom: 30px;
    font-weight: 900;
    line-height: 42px;
    margin: 0 auto;
  color: #fff;
font-family: "Proximanova-Regular","Helvetica Neue",Verdana,Arial,sans-serif;
  font-weight: 900;
  font-size: 180%;
  line-height: 42px;
    text-align: center;
    width: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
.block-home .block-image a {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  position: absolute;
  bottom: -50px;
 left: 0;
  display: inline-block;
  font-size: 25px;
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
     text-align: center;;

  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
     width: 100%;
  transition: all 0.2s ease-in-out; }
.block-home .block-image a span {
  border: 2px solid #fff;
  padding: 8px 30px;
  text-align: center;
}
.block-home .block-image a span:hover {
  background: #000000 none repeat scroll 0 0;
  color: #ffffff;
}
.block-home .block-image .throbber {
  display: none;
  position: absolute;
  top: 20px;
  left: 20px;
  background-image: url(../img/skin/throbber-light.gif); }
.block-home .block-image:hover h2 {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
bottom: 50%;
color: #fff;
}
.block-home .block-image:hover a {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
   bottom: 41%;
    opacity: 1; }
.block-home .block-image.current .throbber {
  display: block; }
.block-home .block-image.loaded .throbber {
  display: none; }
.block-home .block-image.block-4 {
  background: none; }



.error-page {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #F3F3F3; }
.error-page .block-empty {
  display: block; }

@media screen and (max-width: 1023px) {

.touch * {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }
}
@media screen and (max-width: 1023px) {
  html {
    background: #272d32; }

  .main-content, .overlay-content {
    top: 0;
    left: 0;
    min-height: 100%; }

  .main-content {
    margin-left: 0; 
    position: static;
      min-height: 400px;
    }

  .main-template .top-menu, .main-template .template-header {
    top: 73px;
    left: 0; }

  .top-bar {
    display: none; } }
@media screen and (max-width: 767px) {
  .main-template .top-menu, .main-template .template-header {
    top: 54px; }
 }


@media screen and (min-width: 1023px) {
  .home .swipe, .home .swipe-wrap {
    visibility: visible;
    height: 100%; }
  .home .swipe-nav {
    display: none; } }
.has-swipe .block-home .swipe, .has-swipe .block-home .swipe-wrap {
  height: 100%;
  position: relative;
  top: 0;
  left: 125px;
  right: 0;
  bottom: 0; }
.has-swipe .block-home .background-home {
  display: none; }
.has-swipe .block-home .block-image {
  background: transparent no-repeat center center;
  background-size: cover;
  text-align: center; }
.has-swipe .block-home .block-image .block-image-inside {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
.has-swipe .block-home .block-image h2 {
  width: 600px;
  max-width: 100%;
  margin-bottom: 25px;
  font-size: 50px;
  line-height: 60px; }
.has-swipe .block-home .block-image h2, .has-swipe .block-home .block-image a {
  position: static;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }
.has-swipe .block-home .block-image video {
  display: none; }
.has-swipe .block-home .swipe-nav {
  bottom: 10px;
  display: block;
  height: 38px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 10;
}
.has-swipe .block-home .swipe-nav .btn-swipe {
  display: inline-block;
  text-indent: -5000px;
  overflow: hidden;
  height: 10px;
  width: 10px;
  border-radius: 10px;
  border: 1px solid #fff;
  margin: 0 2px; }
.has-swipe .block-home .swipe-nav .btn-swipe.selected {
  background: #fff; }

@media screen and (max-width: 1280px) {
  .has-swipe .block-home .block-image h2 {
    font-size: 60px;
    line-height: 72px; }

  .touch .block-home .swipe-nav {
    height: 50px; } }
.touch .block-home {
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
.touch .page-loading .block-home {
  opacity: 0; }

@media screen and (max-width: 1023px) {
  .block-home {
    left: 0; }
  .block-home .background-home video, .block-home .background-home img {
    left: 0; }
  .block-home .block-image h2 {
    width: 528px; }

  .has-swipe .block-home .swipe, .has-swipe .block-home .swipe-wrap, .has-swipe .block-home .swipe-nav {
    left: 0; } }
@media screen and (max-width: 767px) {
  .has-swipe .block-home .block-image .block-image-inside {
    width: 100%; }
  .has-swipe .block-home .block-image h2 {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 36px; }

  .page-loading .block-home .swipe-wrap {
    width: 1280px; } }
@media screen and (max-width: 680px) {
  .has-swipe .block-home .block-image h2 {
    font-size: 32px;
    line-height: 36px; } }

@media screen and (max-width: 1023px) {
  .main-template .top-menu {
    max-width: 100%;
    background-color: #f3f3f3;
    border-bottom-color: #1e2226;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
  .main-template .top-menu ul li a {
    color: #1e2226; }
  .main-template .top-menu .selector {
    background-color: #1e2226; }
  .main-template .template-header {
    display: none; }
  .main-template .template-content {
    position: static;
    top: 0; }

  .has-header .top-menu ul li a {
    color: #1e2226; }
  .has-header .top-menu .selector {
    background-color: #1e2226; }
  .has-header .template-content {
    margin-top: 123px; }

  .main-template.lookbook .top-menu .selector {
    background-color: #fff; }
  .main-template.lookbook .template-header {
    padding: 0 10px; } }
@media screen and (max-width: 767px) {
  .has-header .template-content {
    margin-top: 104px; } }

/*# sourceMappingURL=style.css.map */
@media screen and (max-width: 500px){
.cms-lookbooks-html .has-swipe .block-home .block-image{background-position: top center;}}

@media screen and (max-width: 989px){

 /* .category-sprayground .block-image, .category-the-shrine .block-image{transform: none !important;}
 .category-sprayground  .swipe-nav, .category-the-shrine .swipe-nav{display: none !important;} */
}