/*
-----------------------------------
 GLOBAL
 HEADER
 FOOTER
 HOME
 CONTACT
 ABOUT
 COLLECTION
 PAGES
 STORE
 LOADER
-----------------------------------

NOTES:
font-family: 'Montserrat', sans-serif; 400,700
font-family: 'Noto Serif', serif; 400,700
/* ==========================================================================
   GLOBAL
   ========================================================================== */
html {
  font-size: 100%; /* 16px */

  /* TODO: Test */
  /*font-size: calc(100% + .2vh + .2vw);*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* prevent bounce */
  /*height  : 100%;
  overflow: hidden;*/
}

body {
  background: #FFFFFF;
  box-sizing: border-box;
  overflow-x: hidden;

  /* prevent bounce */
  /*min-height  : 100%;
  overflow: auto;*/
}

body, input, textarea {
  /*font-family: 'Roboto', sans-serif;*/
  font-family: 'Montserrat', sans-serif;
  color: #444;
  font-weight: 400;
  font-size: 1.000rem;
}

h1, h2, h3, h4 {
  /*font-family: 'Roboto', sans-serif;*/
  font-family: 'Montserrat', sans-serif;
  /*color: #444444;*/
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

p {
  margin: 0 0 10px;
}

a {
  color: #444444;
  transition: all 300ms ease-in-out;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #000000;
  outline: 0 !important;
  text-decoration: none !important;
}

body {
  min-height: 100vh;
}

input.error {
  border: 1px solid #CF2034;
}

.img-responsive-fluid {
  display: block;
  width: 100%;
  height: auto;
}

::-webkit-input-placeholder {
  text-transform: uppercase;
}

:-moz-placeholder {
  /* Firefox 18- */
  text-transform: uppercase;
}

::-moz-placeholder {
  /* Firefox 19+ */
  text-transform: uppercase;
}

:-ms-input-placeholder {
  text-transform: uppercase;
}

.has-error ::-webkit-input-placeholder {
  color: #CF2034 !important;
}

.has-error :-moz-placeholder {
  /* Firefox 18- */
  color: #CF2034 !important;
}

.has-error ::-moz-placeholder {
  /* Firefox 19+ */
  color: #CF2034 !important;
}

.has-error :-ms-input-placeholder {
  color: #CF2034 !important;
}

*:focus {
  outline: 0 !important;
}

.btn {
  display: inline-block;
 	padding: .375rem 1rem;
 	font-size: 1rem;
 	font-weight: normal;
 	line-height: 1.5;
 	text-align: center;
 	white-space: nowrap;
 	vertical-align: middle;
 	cursor: pointer;
 	-webkit-user-select: none;
 		 -moz-user-select: none;
 			-ms-user-select: none;
 					user-select: none;
 	border: 1px solid transparent;
}

.img-fluid {
	display: block;
	max-width: 100%;
	height: auto;
}

.mask-video,
.mask-image{
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(0,0,0,.2);
  z-index: 2;
}

.mask-video{
  background: transparent;
}

.hidden{
  visibility: hidden;
}

/* ==========================================================================
   HEADER
   ========================================================================== */
.mouse {
  opacity: 0;
  visibility: hidden;

  position: absolute;
  box-sizing: border-box;
  left: calc(50% + 50px - 15px);
  bottom: 30px;
  width: 30px;
  height: 48px;
  border-radius: 15px;
  border: 2px solid #000;
  z-index: 10000;
  will-change: transform, visibility;
  transition: opacity 300ms 0ms cubic-bezier(.28,.53,.18,.97);
  /*-webkit-animation: mouse-hide .300s cubic-bezier(.28,.53,.18,.97) 5s forwards;
          animation: mouse-hide .300s cubic-bezier(.28,.53,.18,.97) 5s forwards;*/
}

.down .mouse {
  opacity: 0;
}

@-webkit-keyframes mouse-hide {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes mouse-hide {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

.mouse__wheel {
  position: absolute;
  left: 50%;
  margin-left: -2px;
  top: 8px;
  width: 4px;
  height: 9px;
  background: #000;
  border-radius: 2px;
  -webkit-animation: mouse-wheel 1.25s infinite linear;
          animation: mouse-wheel 1.25s infinite linear;
  -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
  will-change: transform;
}

@-webkit-keyframes mouse-wheel {
  0% {
    -webkit-transform: scaleY(.4) translateY(0);
            transform: scaleY(.4) translateY(0)
  }
  20% {
    -webkit-transform: scaleY(1) translateY(0);
            transform: scaleY(1) translateY(0)
  }
  60% {
    -webkit-transform: scaleY(.4) translateY(12px);
            transform: scaleY(.4) translateY(12px)
  }
  100% {
    -webkit-transform: scaleY(.4) translateY(0);
            transform: scaleY(.4) translateY(0)
  }
}

@keyframes mouse-wheel {
  0% {
    -webkit-transform: scaleY(.4) translateY(0);
            transform: scaleY(.4) translateY(0)
  }
  20% {
    -webkit-transform: scaleY(1) translateY(0);
            transform: scaleY(1) translateY(0)
  }
  60% {
    -webkit-transform: scaleY(.4) translateY(12px);
            transform: scaleY(.4) translateY(12px)
  }
  100% {
    -webkit-transform: scaleY(.4) translateY(0);
            transform: scaleY(.4) translateY(0)
  }
}

header{
  position: relative;
  width: calc(100% - 100px);
  height: 100vh;
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
  /*overflow: hidden;*/
  background: #eeeeee;
}

/*noinspection CssOptimizeSimilarProperties*/
.header{
  position: relative;
  /*display: flex;*/
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}

.page-home header{
  z-index: 2;
}

.page-home header.video{
  z-index: 3;
}

.page-home .header{
  z-index: 2;
}

.header__mask{
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(7,6,6,.2);
  z-index: 2;
}

.header__col{
  position: absolute;
  z-index: 3;
  width: 50%;
  bottom: 10vh;
  text-align: center;
}

.header__col.left{
  left: 0;
}

.header__col.right{
  right: 0;
}

.header__col__content{
  width: 325px;
  height: auto;
  margin: 0 auto;
}

.header__col__content h1{
  /*font-family: DTLElzevirST;*/
  font-family: 'Noto Serif', serif;
  color: #ffffff;
  font-size: 2.188rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 8.125rem;
}

.header__col__content p{
  /*font-family: DTLElzevirSMedium;*/
  font-family: 'Noto Serif', serif;
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  margin: 0;
}

.header__col__box span{
  /*font-family: Gotham;*/
  color: #ffffff;
  font-size: 1.563rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.4;
  border: 15px solid #ffffff;
  text-transform: uppercase;
  padding: 150px 120px;
  display: inline-block;
}

.menu{
  position: absolute;
  top: 0;
  left: 0;
  background: #eeeeee;
  width: 50%;
  min-width: 350px;
  height: 100vh;
  text-align: center;
  z-index: 9000;

  /*noinspection CssInvalidFunction*/
  -webkit-transform: translateX(calc(-1 * 100% + 100px));
  /*noinspection CssInvalidFunction*/
          transform: translateX(calc(-1 * 100% + 100px));
}

.menu__container{
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}

.menu__logo{
  margin-bottom: 1.750rem;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.menu__logo a{position: relative}
.menu__logo span{
  transition: all 300ms cubic-bezier(.28,.53,.18,.97);
  position: absolute;
  left: 0; right: 0;
  text-align: center;
  font-family: 'Noto Serif', serif;
  color: #211f1f;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
  opacity: 0;
}
.menu__logo a:hover span{
  opacity: 1;
}

.menu__logo a .logo__shoe,
.menu__logo a .logo__exceed{
  transition: all 300ms cubic-bezier(.28,.53,.18,.97);
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.menu__logo a:hover .logo__shoe,
.menu__logo a:hover .logo__exceed{
  transition: all 300ms cubic-bezier(.28,.53,.18,.97);
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  opacity: 0;
}

.menu__logo a .logo__icon{
  transition: all 300ms cubic-bezier(.28,.53,.18,.97);
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.menu__logo a:hover .logo__icon{
  transition: all 300ms cubic-bezier(.28,.53,.18,.97);
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}

.menu__logo path{
  transition: all 300ms cubic-bezier(.28,.53,.18,.97);
}

.menu__logo a:hover .logo__icon__circle{
  fill: #fff;
}

.menu__logo a:hover .logo__icon__lines{
  fill: #231f20;
}

.logo{
  width: 200px;
  height: auto;
}

.menu__nav{
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;

}

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

.menu__nav a{
  /*font-family: DTLElzevirS;*/
  font-family: 'Noto Serif', serif;
  color:  #211f1f;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  display: inline-block;
  padding: 6px;
}

.menu__nav a:after{
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  left: 0; right: 0;
  background: #211f1f;
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%);
  transition: -webkit-transform 300ms cubic-bezier(.28,.53,.18,.97);
  transition: transform 300ms cubic-bezier(.28,.53,.18,.97);
  transition: transform 300ms cubic-bezier(.28,.53,.18,.97), -webkit-transform 300ms cubic-bezier(.28,.53,.18,.97);
  z-index: -1;
}

.menu__nav li:first-child{
  display: none;
}

.menu__nav a.active,
.menu__nav a:hover{
  color: #ffffff;
}
.menu__nav a.active:after,
.menu__nav a:hover:after{
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.is-mobile .menu__nav a:hover:after{
  transition:none !important;
}

.is-mobile .menu__nav a:hover{
  transition:none !important;
}

.menu__nav li{margin-bottom: 10px;}
.menu__nav li:last-child{margin-top: 0;}

/*.menu__icon{
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  display: block;
  width: 40px;
  cursor: pointer;
}

.menu__icon span{
  transition: -webkit-transform 300ms cubic-bezier(.28,.53,.18,.97);
  transition: transform 300ms cubic-bezier(.28,.53,.18,.97);
  transition: transform 300ms cubic-bezier(.28,.53,.18,.97), -webkit-transform 300ms cubic-bezier(.28,.53,.18,.97);
}

.menu__icon:hover span:first-child{
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}

.menu__icon:hover span:last-child{
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}

.menu__icon span{
  display: block;
  width: 100%;
  height:3px;
  margin-top:0.563rem;
  background: black;
}

.menu__icon span:first-child{
  margin-top:0;
}*/

.menu__icon{
  position: absolute;
  top: 50%;
  right: 30px;
  z-index: 9001;
  width: 40px;
  height: 40px;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  will-change: transform, opacity;
  transition: -webkit-transform 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.menu__icon span{
  width: 100%;
  height:3px;
  background: black;
  display: block;
  position: absolute;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
  transition: background 200ms 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.menu__icon span::before,
.menu__icon span::after{
  background: black;
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0; right: 0;
  height:3px;
  transition: -webkit-transform 200ms 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 200ms 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 200ms 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.menu__icon span::before {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}

.menu__icon span::after {
  -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
}

.menu-open .menu__icon span::before,
.menu__icon:hover span::before{
  -webkit-transform: translate3d(0, -14px, 0);
          transform: translate3d(0, -14px, 0);
}

.menu-open .menu__icon span::after,
.menu__icon:hover span::after{
  -webkit-transform: translate3d(0, 14px, 0);
          transform: translate3d(0, 14px, 0);
}

.menu-open .menu__icon:hover span::before {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}

.menu-open .menu__icon:hover span::after {
  -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
}

.menu__icon--mobile{
  position: fixed;
  top: 20px;
  left: 10px;
  right: auto !important;
  visibility: hidden;
}

/*.down .menu__icon--mobile{
  opacity: 0 !important;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  transition: opacity 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}*/

.menu__social{
  /*margin: 8.750rem 0 0 0;*/
  margin: 0 0 1.625rem 0;
  padding: 0;
  list-style: none;
}

.menu__social li{
  display: inline;
  margin: 0 8px;
}

.menu__social a{
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 1px solid #e2e2e2;
  border-radius: 100%;
  /*background: #ffffff;*/
  background: #eeeeee;
  position: relative;
  transition: all 300ms cubic-bezier(.28,.53,.18,.97);
}

.menu__social svg{
  position: absolute;
  top: 50%; left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 20px;
  height: auto;
}

.menu__social path,
.menu__social rect{
  fill: #8f8f8f;
  transition: all 300ms cubic-bezier(.28,.53,.18,.97);
}

.menu__social a:hover{
  background: #231f20;
  border-color: #231f20;
}

.menu__social a:hover path,
.menu__social a:hover rect{
  fill: #fff;
}


/* menu close */
.header{
  /* ease easeOutQuad */
  will-change: transform;
  transition: -webkit-transform 400ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 400ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 400ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 400ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.menu{
  /* ease easeOutQuad */
  will-change: transform;
  transition: -webkit-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.menu__icon{
  will-change: transform, opacity;
  transition: opacity 200ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 200ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 200ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/*.swiper-pagination--home{
  opacity: 1;
  -webkit-transform: translate3d(100%, -50%, 0);
          transform: translate3d(100%, -50%, 0);
  will-change: transform, opacity;
  transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}*/

/* menu open */
.menu-open .header{
  -webkit-transform: translateX(calc(50% - 50px));
          transform: translateX(calc(50% - 50px));
}

.menu-open .menu{
  -webkit-transform: translateX(0) !important;
          transform: translateX(0) !important;
}

/*.menu-open .menu__icon{
  opacity: 0;
  -webkit-transform: translate3d(60%, -50%, 0);
          transform: translate3d(60%, -50%, 0);
  transition: opacity 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}*/

/*.menu-open .swiper-pagination--home{
  opacity: 1;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}*/

/*.menu-open .menu__icon span{
  background: transparent;
}

.menu-open .menu__icon:hover span::before{
  -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
          transform: translate3d(0, 0, 0) rotate(-45deg);
}

.menu-open .menu__icon:hover span::after{
  -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
          transform: translate3d(0, 0, 0) rotate(45deg);
}*/

.menu-open .swiper-pagination--home{
  opacity: 0;
}

/*.menu-open .menu__icon--mobile{
  -webkit-transform: translate3d(0,0,0) rotate(360deg) !important;
          transform: translate3d(0,0,0) rotate(360deg) !important;
}*/

/*.menu-open .menu__icon--mobile span::before{
  -webkit-transform: translateY(0) rotate(45deg);
          transform: translateY(0) rotate(45deg);
}

.menu-open .menu__icon--mobile span::after{
  -webkit-transform: translateY(0) rotate(-45deg);
          transform: translateY(0) rotate(-45deg);
}

.menu-open .menu__icon--mobile span{
  background: transparent;
}*/

/* ==========================================================================
   FOOTER
   ========================================================================== */

.container-page{
  position: relative;
  background: #ffffff;
  z-index: 2;
  margin-bottom: 75px;
}

footer{
  width: 100%;
  padding: 0;
  text-align: center;
  position: fixed;
  will-change: transform;
  bottom: 0;
  left: 0;
  z-index: -1;
}

footer a{
  text-transform: uppercase;
  color: #aaaaaa;
  /*font-family: Gotham BLACK; */
  font-size: 0.748rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.263;
  margin: 0 18px;

  /*padding:2px 6px;
  position: relative;
  overflow: hidden;
  display: inline-block;*/
}

footer a:hover{
  color: #000;
}

/*
footer a:after {
  position: absolute;
  top:0; bottom: 0;
  right: 0;left: 0;
  display: block;
  background-color: #CF2034;
  content: "";
  transform: translate3d(-101%,0,0);
  z-index:-1;
  transition: transform .3s cubic-bezier(0.11, 0.7, 0, 1);
}

footer a:hover:after {
  transform: translate3d(0,0,0);
}
*/
/*noinspection CssOptimizeSimilarProperties*/
.footer{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;

  width: 100%;
  height: 160px;
  text-transform: uppercase;

  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;

  margin-top: 3.125rem;
  /*margin-top: 6.250rem;*/

}

.footer .btn{
  background: #ffffff;
  padding: 1.5rem 6.250rem;
  /*font-family: Gotham;*/
  color:  #2b2b2b;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.2;
  margin-right: 10%;
}

.footer .btn:hover{
  background: #2b2b2b;
  color:  #ffffff;
}

.footer .text{
  /*font-family: Gotham;*/
  color:  #ffffff;
  font-size: 1.125rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.2;
  margin-left: 10%;
}

.footer--about{
  background-image: url('../imgs/bg-about.jpg');
}

.footer--product-design{
  background-image: url('../imgs/bg-product-design.jpg');
}

.footer--store-locator{
  background-image: url('../imgs/bg-store-locator.jpg');
}

footer > div {
  display: inline-block;
  margin: 20px 0;
}

footer img {
  display: block;
  max-width: 100%;
  height: auto;
  padding: 0 20px;
  box-sizing: border-box;
}

footer h3 {
  padding-left: 20px;
  text-transform: uppercase;
  color: #9c9c9c;
  /*font-family: Gotham;*/
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1.2;
  text-align: left;
}

/* ==========================================================================
   HOME
   ========================================================================== */

.home-swiper{
  width: 100%;
  height: 100%;
  z-index: 2;
}

.swiper-slide-video{
  z-index: 3;
}

.swiper-pagination--home{
  /*position: absolute;
  width: auto;
  left: inherit;
  right: 0;
  top: 20px;
  bottom: inherit;
  background: rgb(0,0,0);
  background: rgba(0, 0, 0, .8);
  padding: 15px 25px;
  margin-top: 14px;*/
  width: calc(50% - 100px) !important;
  left: 0;
  will-change: opacity;
  transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.swiper-pagination--home > .swiper-pagination-bullet{
  background: rgb(255, 255, 255);
  opacity: 1;
  width: 10px;
  height: 10px;
}

.swiper-pagination--home > .swiper-pagination-bullet-active{
  background: #000;
}

.swiper-pagination--home .swiper-pagination-bullet{
  margin: 0 10px;
}

.swiper-button-next--home,
.swiper-button-prev--home{
  background: none;
  width: auto;
  height: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: rgb(238,238,238);
  background: rgba(238, 238, 238, .6);
  overflow: hidden;
  margin-top: 2px;

  will-change: transform, opacity;
  transition: opacity 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94),  -webkit-transform 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94),  opacity 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94),  opacity 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94),  -webkit-transform 200ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.swiper-button-next--home span,
.swiper-button-prev--home span{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 15px 25px;
}

.swiper-button-next--home span:after,
.swiper-button-prev--home span:after{
  content: '';
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: #000;
  z-index: -1;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  transition: -webkit-transform 300ms cubic-bezier(.28,.53,.18,.97);
  transition: transform 300ms cubic-bezier(.28,.53,.18,.97);
  transition: transform 300ms cubic-bezier(.28,.53,.18,.97), -webkit-transform 300ms cubic-bezier(.28,.53,.18,.97);
}

.swiper-button-prev--home span:after{
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.swiper-button-next--home:hover span:after,
.swiper-button-prev--home:hover span:after{
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.swiper-button-next--home:hover svg{
  -webkit-animation: arrowNext .3s forwards cubic-bezier(.28,.53,.18,.97);
          animation: arrowNext .3s forwards cubic-bezier(.28,.53,.18,.97);
}

.swiper-button-prev--home:hover svg{
  -webkit-animation: arrowPrev .3s forwards cubic-bezier(.28,.53,.18,.97);
          animation: arrowPrev .3s forwards cubic-bezier(.28,.53,.18,.97);
}

.swiper-button-next--home:hover path,
.swiper-button-prev--home:hover path{
  -webkit-animation: arrowColor .3s forwards cubic-bezier(.28,.53,.18,.97);
          animation: arrowColor .3s forwards cubic-bezier(.28,.53,.18,.97);
}

@-webkit-keyframes arrowNext {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(200%);
            transform: translateX(200%);
  }

  51% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes arrowNext {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(200%);
            transform: translateX(200%);
  }

  51% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes arrowPrev {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }

  51% {
    -webkit-transform: translateX(200%);
            transform: translateX(200%);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes arrowPrev {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }

  51% {
    -webkit-transform: translateX(200%);
            transform: translateX(200%);
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes arrowColor {
  0% {
    fill: #000;
  }

  50% {
    fill: #000;
  }

  51% {
    fill: #fff;
  }

  100% {
    fill: #fff;
  }
}

@keyframes arrowColor {
  0% {
    fill: #000;
  }

  50% {
    fill: #000;
  }

  51% {
    fill: #fff;
  }

  100% {
    fill: #fff;
  }
}

.swiper-button-next--home svg,
.swiper-button-prev--home svg{
  width: 26px;
  height: 20px;
}

.swiper-button-next--home path,
.swiper-button-prev--home path{
  fill: #000;
}

.swiper-button-next--home{
  right: 0;
}
.swiper-button-prev--home{
  left: 0;
}

.swiper-button-next--home.swiper-button-disabled {
  opacity: 0;
  -webkit-transform: translate3d(100%, -50%, 0);
          transform: translate3d(100%, -50%, 0);
}

.swiper-button-prev--home.swiper-button-disabled {
  opacity: 0;
  -webkit-transform: translate3d(-100%, -50%, 0);
          transform: translate3d(-100%, -50%, 0);
}

/*noinspection CssOptimizeSimilarProperties*/
.home-swiper__slide{
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
}

.home-swiper__video iframe{

  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /*visibility: hidden;*/
}

.home-swiper__video{
  overflow: hidden;
  z-index: 1;
}

.home-swiper__video video{
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.home-swiper__video video.show{
  visibility: visible;
}

/*noinspection CssOptimizeSimilarProperties*/
.player__play{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 4;
  will-change: opacity, visibility;
  transition: all 300ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.player__play.hide{
  opacity: 0;
  visibility: hidden;
}

.player__play button{
  position: relative;
  border: 5px solid #ff7f43;
  border-radius: 50%;
  width: 94px;
  height: 94px;
  display: block;
  background: transparent;
}

.is-mobile .player__play{
  display: none;
}

.player__play button span {
  display: inline-block;
  position: absolute;
  top: 50%; left: 50%;
  -webkit-transform: translate(-30%, -50%);
          transform: translate(-30%, -50%);
	width: 0;
	height: 0;
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
	border-left: 18px solid #BDBDBD;
}

.player__sound{
  position: absolute;
  z-index: 4;
  top: 10px;
  right: 10px;
  cursor: pointer;
  width: 28px;
  height: 32px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.is-mobile .player__sound{
  display: none;
}

.player__sound.unmute:hover,
.player__sound.mute{
  background-image: url(../imgs/mute.svg);
}

.player__sound.mute:hover,
.player__sound.unmute{
  background-image: url(../imgs/unmute.svg);
}

.player__sound.unmute:hover,
.player__sound.mute:hover{
  opacity: .8;
}

.player__fullscreen{
  position: absolute;
  z-index: 4;
  top: 42px;
  right: 2px;
  cursor: pointer;
  width: 48px;
  height: 48px;
  background: url(../imgs/fullscreen.svg) no-repeat center;
  background-size: contain;
  display: none;
}

.player__fullscreen:hover{
  opacity: .8;
}

.is-mobile .player__fullscreen{
  display: none !important;
}

.fullsreen-video{
  background: #000000;
}

.home-swiper__slide.top{
  background-position: 50% 0;
}

.home-swiper__slide.bottom{
  background-position: 50% 100%;
}

.home-swiper__slide.center{
  background-position: 50% 50%;
}

.hsc{
  position: relative;
  z-index: 2;
  margin-bottom: 2.813rem;
}

.hsc__row__container{
  display: none;
  /*opacity: 0;
  will-change: opacity, display;
  transition: opacity 300ms 0ms cubic-bezier(.28,.53,.18,.97);*/
}

.hsc__row__container.active{
  display: block;
  /*opacity: 1;*/
}

.hb__row,
.hsc__row{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /*visibility: hidden;*/
}

.hb__row.information{
  overflow: hidden;
}

.hb__product__text,
.hb__product__image,
.hsc__text,
.hsc__image{
  width: 50%;
  text-align: center;
}

.hb__product__text__bar,
.hsc__text__bar{
  /*width: 320px;*/
  width: 50%;
  min-width: 320px;
  height: 15px;
  display: block;
  margin: 0 auto 3.750rem auto;
}

.hb__product__text h2,
.hsc__text h2{
  /*font-family: DTLElzevirST;*/
  font-family: 'Noto Serif', serif;
  /*color:  #ff5d12;*/
  font-size: 2.188rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 4.375rem;
  padding: 0 20px;
}

.hb__product__text p,
.hsc__text p{
  /*font-family: DTLElzevirSMedium;*/
  font-family: 'Noto Serif', serif;
  color: #221f1f;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.4;
  max-width: 520px;
  margin: 0 auto 3.750rem auto;
  padding: 0 20px;
}

.hb__product__text .btn,
.hsc__text .btn{
  padding: 1.563rem 4.688rem;
  text-transform: uppercase;
  background: #9b9ca3;

  /*font-family: Gotham;*/
  color: #ffffff;
  font-size: 1rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.2;
  transition: background 300ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.hb__product__text .btn:hover,
.hsc__text .btn:hover{
  background: #2b2b2b;
}

.hb__product__image > h2,
.hsc__image > h2{
  /*font-family: Gotham;*/
  font-size: 3.125rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.2;
  margin-top: 4.375rem;
}

/*noinspection CssOptimizeSimilarProperties*/
.hb__product__image__box,
.hsc__image__box{
  border-style: solid;
  border-width: 15px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 520px;
  height: 520px;
  margin: -260px auto 0 auto;
  overflow: hidden;
  position: relative;
}

.hb__product__image__box{
  margin: -100px auto 0 auto;
}

.hsc__image__box__wrap,
.hb__product__image__box__wrap {
  margin: 0 auto 2.500rem;
}

.hsc__image__box h2,
.hsc__image__box h3{
  width: 100%;
  text-align: center;
}


.hsc__image__box h2{
  /*font-family: Gotham;*/
  color: #d2d2d2;
  font-size: 3.125rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 2.500rem;
}

.hsc__image__box h3{
  /*font-family: Gotham;*/
  color: #111111;
  font-size: 1.875rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 4.375rem;
}

.none .hsc__text .btn{
  background: #030303;
}

.none .hsc__text .btn:hover{
  background: #9b9ca3;
}

.hb__row.product:nth-of-type(2n) .hb__product__image {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.hb__row.product:nth-of-type(2n) .hb__product__text {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.hb__row.product:nth-of-type(4n) .hb__product__image {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.hb__row.product:nth-of-type(4n) .hb__product__text {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

/*noinspection CssOptimizeSimilarProperties*/
.hb__row.information{
  padding: 6.250rem 0 9.375rem;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.hb__row.information.center{
  background-position: 50% 50%;
}

.hb__row.information.bottom{
  background-position: 50% 100%;
}

.hb__row.product{
  margin-bottom: 3.125rem;
}

.hb__row{
  position: relative;
}

.hb__row.product{
  z-index: 3;
}

.hb__row.information{
  z-index: 2;
}

.hb__row.information .left,
.hb__row.information .right{
  position: relative;
  z-index: 3;
  width: 50%;
  text-align: center;
}

.hb__row.information h2{
  /*font-family: Gotham;*/
  color: #ffffff;
  font-size: 1rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 3.125rem;
}

.hb__row.information h3{
  /*font-family: Gotham;*/
  color:  #ffffff;
  font-size: 2.188rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 3.125rem;
}

.hb__row.information p{
  /*font-family: Gotham;*/
  color: #ffffff;
  font-size: 1.563rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  max-width: 390px;
  margin: 0 auto 3.125rem auto;
}

.hb__row.information img{
  display: block;
  margin: 0 auto 3.750rem auto;
  max-width: 100%;
  height: auto;
  padding: 20px;
  box-sizing: border-box;
}

.hb__row.information .btn{
  padding: 1.563rem 5.000rem;
  text-transform: uppercase;
  border: 1px solid #ffffff;
  /*font-family: Gotham;*/
  color: #ffffff;
  font-size: 1rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.2;
  transition: border 300ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.hb__row.information .btn:hover{
  border: 1px solid #2b2b2b;
}

/* ==========================================================================
   CONTACT
   ========================================================================== */

.page-contact header{
  /*margin-bottom: 7.188rem;*/
}

.email-mobile{
  display: none;
}

.page-contact .container-page{
  padding-top: 7.188rem;
}

.page-contact .container{
  width: 90%;
  margin: 0 auto;
}

.page-contact .container h2{
  margin-left: 13.750rem;
  margin-bottom: 2.500rem;
  /*font-family: Gotham;*/
  color:  #2e2e2e;
  font-size: 2.5rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.2;
}

.page-contact .box-info,
.page-contact .box-map{
  width: 100%;
  border: 15px solid #2f2f2f;
  text-transform: uppercase;
  box-sizing: border-box;
  overflow: hidden;
}

.page-contact .box-info__content{
  margin: 5.000rem 12.500rem;
}

.page-contact .box-info h3,
.page-contact .box-info p{
  color:  #2e2e2e;
  font-size: 1.25rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.4;
}

.page-contact .box-info p{
  color:  #2e2e2e;
  font-size: 1.25rem;
  /*font-weight: 700;*/
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
}

.page-contact .box-info h3{
  margin-top: 3.125rem;
}

.page-contact .box-info h3:first-child{
  margin-top: 0;
}

.page-contact .box-map{
  position: relative;
  height: 680px;
  margin-top: -1px;
}

.page-contact .box-map .loader{
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.gmap-container,
.page-contact .box-map__container{
  position: relative;
  width: 100%;
  height: 100%;
}

.box-connector{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.box-connector__line{-webkit-flex: 1;-ms-flex: 1;flex: 1; text-align: right;}
.box-connector__line span{
  display: inline-block;
  width: 15px;
  height: 150px;
  background: #2f2f2f;
  margin-bottom: -0.250rem;
  margin-right: 16.250rem;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}

/* ==========================================================================
   ABOUT
   ========================================================================== */
.contributors__row{
  position: relative;
  width: 100%;
  /*min-height: 800px;*/
  overflow: hidden;
}

.contributors__row.left .contributors__row__img{
  float: left;
}

.contributors__row.right .contributors__row__img{
  float: right;
}

.contributors__row__img{
  display: block;
  /*width: 100%;*/
  max-width: 100%;
  height: auto;
}

.contributors__row.image .contributors__row__img{
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
}

.contributors__row__mask{
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(41,41,41, .8);
  z-index: 2;
}

.contributors__row h2{
  /*font-family: Gotham;*/
  color:  #000000;
  font-size: 2.5rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  white-space: nowrap;
}

.contributors__row p{
  /*font-family: DTLElzevirSMedium;*/
  font-family: 'Noto Serif', serif;
  color:  inherit;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}

.contributors__row__content{
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 450px;
  text-align: center;
  z-index: 3;
}

.contributors__row__content img{
  margin: 0 auto;
}

.contributors__row.text-left .contributors__row__content{
  left: 10%;
}

.contributors__row.text-right .contributors__row__content{
  right: 10%;
}

.contributors__row.text-center .contributors__row__content{
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.contributors__row.backgroundimage .contributors__row__content{
  position: relative;
  top: 0;
  left: 0;
  -webkit-transform: translate(0,0);
          transform: translate(0,0);
  margin: 6.250rem 10%;
  display: inline-block;
}

.contributors__row.text-left{
  text-align: left;
}

.contributors__row.text-center{
  text-align: center;
}

.contributors__row.text-right{
  text-align: right;
}

.contributors__row__text{

}

/* ==========================================================================
   COLLECTION
   ========================================================================== */

.page-collection-view header{
  z-index: 3;
}

.collection{

}

.collection__titles{
  text-align: center;
  padding: 6.250rem 0;
}
/*
.collection__titles:first-child{
  text-align: center;
  margin-top: 6.250rem 0;
}*/

.collection__titles h2{
  /*font-family: Gotham;*/
  color: #111111;
  font-size: 1.25rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.875rem;
}

.collection__titles h3{
  /*font-family: Gotham;*/
  color: #111111;
  font-size: 2.188rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.2;
}

.collection__row{
  position: relative;
}

.collection__iframe,
.collection__video{
  position: relative;
  overflow: hidden;
  width: 100vw;
  height: calc(100vw / 1.7777);
}

.collection__video video{
  position: relative;
  z-index: 1;
}

.collection__video .player__sound{
  right: 20px;
}

.collection__video .player__fullscreen{
  right: 12px;
}

.collection__image{
  position: relative;
  overflow: hidden;
}

.collection__image.backgroundimage{
  height: 680px;
}

.collection__image img{
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
}

/*noinspection CssOptimizeSimilarProperties*/
.collection__image__bg{
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  z-index: 1;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.collection__image__bg.top{
  background-position: 50% 100%;
}

.collection__image__bg.center{
  background-position: 50% 50%;
}

.collection__image__bg.bottom{
  background-position: 50% 100%;
}

.collection__image__url{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 5;
}

.collection__play-share{
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.collection__play-share .play,
.collection__play-share .share {
  position: relative;
  border: 5px solid #ff7f43;
  border-radius: 50%;
  width: 94px;
  height: 94px;
  display: block;
}

.collection__play-share .share{
  width: 67px;
  height: 67px;
  -webkit-transform: translate(10px, -6px);
          transform: translate(10px, -6px);
  display: none;
}

.collection__play-share .play .arrow-right {
  position: absolute;
  top: 50%; left: 50%;
  -webkit-transform: translate(-30%, -50%);
          transform: translate(-30%, -50%);
	width: 0;
	height: 0;
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
	border-left: 18px solid #BDBDBD;
}

.collection__play-share .share img{
  position: absolute;
  top: 50%; left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 32px;
  height: auto;
}

.header--collection{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.collection-select{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.collection-select__item{
  position: relative;
  z-index: 3;
  width: 500px;
  height: 150px;
  margin: 0 2.500rem;
  box-sizing: border-box;
}

.collection-select__item > a{
  display: block;
  /*font-family: DTLElzevirST;*/
  font-family: 'Noto Serif', serif;
  font-size: 2.188rem;
  font-weight: 700;
  line-height: 150px;
  text-align: center;
  text-transform: uppercase;
  box-sizing: border-box;
  width: 100%;
  height: 170px;
  border: 15px solid;
  border-bottom-style: none;

  /* ease easeOutQuad */
  transition: all 300ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.page-collection-view .collection-select__item > a{
  height: 150px;
}

.casual .collection-select__item__box h1,
.casual .collection-select__item__box,
.collection-select__item.casual > a
{
  color:  #ff5c26;
  border-color: #ff5c26;
}

.dress .collection-select__item__box h1,
.dress .collection-select__item__box,
.collection-select__item.dress > a
{
  color: #00AAFF;
  border-color: #00AAFF;
}

.collection-select__item:not(.active) > a:hover{
  color: #ffffff;
  border-color: #ffffff;
  -webkit-transform: translate3d(0,-20px,0);
          transform: translate3d(0,-20px,0);
}

.page-collection-view .collection-select__item:not(.active) > a:hover{
  color: #ffffff;
  border-color: #ffffff;
  -webkit-transform: none;
          transform: none;
}

.header--collection h1,
.header--collection h2{
  position: relative;
  z-index: 3;
}

.header--collection h1{
  /*font-family: DTLElzevirST;*/
  font-family: 'Noto Serif', serif;
  color:  #ffffff;
  font-size: 2.188rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 6.250rem;
}

.header--collection h2{
  /*font-family: Gotham;*/
  color:  #ffffff;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 4.375rem;
}

/* COLLECTION VIEW */

.collection-select__item__text{
  position: absolute;
  left: 0; right: 0;
  bottom: 200px;
}

.collection-select__item__text h2{
  /*font-family: DTLElzevirST;*/
  font-family: 'Noto Serif', serif;
  color: #ffffff;
  font-size: 2.188rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 80px;
}

.collection-select__item__text p{
  /*font-family: DTLElzevirSMedium;*/
  font-family: 'Noto Serif', serif;
  color: #ffffff;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}

.collection-view{}
.collection-view__row{
  position: relative;
}

/*noinspection CssOptimizeSimilarProperties*/
.collection-view__row.information{
  box-sizing: border-box;
  padding: 9.375rem 0;
  min-height: 680px;

  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.collection-view__row.information.center{
  background-position: 50% 50%;
}

.collection-view__row.information.bottom{
  background-position: 50% 100%;
}

.collection-view__information{
  /*width: 430px;*/
  width: 30%;
  margin-left: 10%;
  text-align: center;
  position: relative;
  z-index: 3;
}

.collection-view__information h2{
  /*font-family: Gotham;*/
  /*color: #ff5f00;*/
  font-size: 1.25rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 3.125rem;
}

.collection-view__information p{
  /*font-family: DTLElzevirSMedium;*/
  font-family: 'Noto Serif', serif;
  color: #ffffff;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}

.collection-view__row.product{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
/*noinspection CssOptimizeSimilarProperties*/
.collection-view__product{
  position: relative;
  z-index: 4;
  width: 520px;
  height: 520px;
  border-style: solid;
  border-width: 15px;
  background: #ffffff;
  box-sizing: border-box;
}

.collection-view__product-container:nth-of-type(1n){
  margin: -7px 0 -7px;
}

.collection-view__product-container:nth-of-type(2n){
  -webkit-transform: translateY(200px);
          transform: translateY(200px);
}

.collection-view__product{
  display: table;
  overflow: hidden;
}

.collection-view__product__title{
  display: table-row;
  vertical-align: top;
}

.collection-view__product__title h2{
  /*font-family: Gotham;*/
  /*color: #ff5f00;*/
  font-size: 3.125rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  margin-top: 70px;
}

.collection-view__product__share{
  display: none;
  position: relative;
  z-index: 4;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 4px solid #f8f8f6;
  margin: 0 auto;
  background: #ffffff;
  -webkit-transform: translateY(23px);
          transform: translateY(23px);
}

.collection-view__product__share img{
  max-width: 100%;
  width: 20px;
  height: auto;
  display: block;
  position: absolute;
  left: 50%;  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.collection-view__product__image{
  display: table-cell;
  vertical-align: bottom;
}

.collection-view__product > a{
  position: absolute;
  top: 0; bottom: 0;
  left: 0; right: 0;
  z-index: 3;
}

/*.collection-view__product,
.collection-view__product h2,
.collection-view__product img{
  transition: all 300ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}*/

.collection-view__product h2{
  transition: all 600ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.collection-view__product img{
  transition: all 800ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  margin: 0 auto;
}

.collection-view__product-container{
  position: relative;
  background: #FFFFFF;
  z-index: 1;
}
/*.collection-view__product-container::before{
  transition: all 300ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  content: '';
  box-shadow: 0 3px 30px rgba(0,0,0,0.8);
  opacity: 0;
}

.collection-view__product-container:hover::before{
  opacity: 1;
}*/

.collection-view__product-container:hover h2{
  -webkit-transform: translate3d(0,-30px,0);
          transform: translate3d(0,-30px,0);
}

.collection-view__product-container:hover img{
  -webkit-transform: translate3d(0,0,0) scale(1.1);
          transform: translate3d(0,0,0) scale(1.1);
}

/*.collection-view__product__detail{
  transition: all 300ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: absolute;
  bottom: -38px;
  left: 50%;
  -webkit-transform: translate(-50%) scale(0);
  transform: translate(-50%) scale(0);
  width: 272px;
  height: 62px;
  !* font-family: Gotham; *!
  color: #ffffff;
  background: #ff5f00;
  font-size: 1rem;
  !* font-weight: 900; *!
  font-weight: 700;
  !* line-height: 1.2; *!
  text-transform: uppercase;
  text-align: center;
  line-height: 62px;
}

.collection-view__product-container:hover .collection-view__product__detail{
  transform: translate(-50%) scale(1);
}*/

.page-collection-view .container-page{
  padding-top: 300px;
}

.collection-select__item__collection{
  position: absolute;
  bottom: -38px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 80%;
  max-width: 272px;
  height: 62px;
  /*font-family: Gotham;*/
  color: #ffffff;
  background: #000;
  font-size: 1rem;
  /*font-weight: 900;*/
  font-weight: 700;
  /*line-height: 1.2;*/
  text-transform: uppercase;
  text-align: center;
  line-height: 62px;
}

/* SELECTED */
.collection-select__item__box{
  /*width: 520px;
  height: 520px;*/
  border: 15px solid;
  position: relative;
  box-sizing: border-box;
}

.collection-select__item__box h1{
  font-family: 'Noto Serif', serif;
  font-size: 2.188rem;
  font-weight: 700;
  line-height: 150px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
}

.collection-select__item__box p{
  /*position: absolute;
  left: 50%; top: 50%;
  -webkit-transform: translate(-50%, calc(-1 * 50% - 50px));
          transform: translate(-50%, calc(-1 * 50% - 50px));*/
  width: 80%;

  font-family: 'Noto Serif', serif;
  color: #000000;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  margin: 30px auto 60px;
}

/*

.collection-selected .collection-select__item p{
  position: absolute;
  left: 50%; top: 50%;
  -webkit-transform: translate(-50%, calc(-1 * 50% - 50px));
          transform: translate(-50%, calc(-1 * 50% - 50px));
  width: 80%;

  !*font-family: DTLElzevirSMedium;*!
  font-family: 'Noto Serif', serif;
  color: #000000;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}*/

/* DETAIL */
.lb {
  /*display: none;*/
  display: block;
  position: fixed;
  /*position: absolute;*/
  left: 0; top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -ms-touch-action: none;
      touch-action: none;
  z-index: 15000;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  outline: none;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;

  /* ease easeOutQuad */
  transition: all 300ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.lb-open:not(.is-mobile){
  position: fixed;
  display: block;
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow-y: scroll;
}

.lb-open .lb{
  /*display: block;*/
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.lb::before{
  content: '';
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(0, 0, 0, .6);
  will-change: opacity;
}

.lb__wrap {

  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  /*display: none;*/
}

.lb__container {
  -ms-touch-action: none;
      touch-action: none;
  position: relative;
  width: 90%;
  height: 90%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  background: #ffffff;
  overflow: hidden;
}

.lb__close{
  position: absolute;
  top: 0;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  z-index: 1501;
}

.casual .lb__close{
  background: #ff5c26;
}


.dress .lb__close{
  background: #00AAFF;
}

.lb__close span{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -15px;
  display: block;
  width: 30px;
  height: auto;
  border: 1px solid #ffffff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.lb__close span:last-child{
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.lb__content{
  position: relative;
  top: 100px;
  width: 100%;
  height: calc(100% - 100px);
  padding: 0 30px 30px;
  box-sizing: border-box;
  overflow: hidden;
}

.product-swiper-thumbs .swiper-slide{
  overflow: hidden;
}

.product-swiper-thumbs .swiper-slide > div{
  position: relative;
  width: 100%;
  height: 100%;

  will-change: transform;
  /* ease easeOutQuad */
  transition: -webkit-transform 1s 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 1s 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 1s 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1s 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.product-swiper-thumbs .swiper-slide:not(.swiper-slide-active):hover > div{
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.product-swiper .swiper-slide,
.product-swiper-thumbs .swiper-slide > div{
  background: no-repeat 50% 50%;
  background-size: contain;
}

.product-swiper{
  width: 100%;
  height: 85%;
}

.product-bottom{
  width: 100%;
  height: 13%;
  margin-top: 2%;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.product-swiper-thumbs{
  width: 400px;
  height: 100%;
  margin-left: 5px;
}

.product-swiper-thumbs .swiper-slide {
  /*width: 50%;*/
  height: 100%;
  box-sizing: border-box;
  border: solid #eeeeee 6px;

  will-change: border;
  /* ease easeOutQuad */
  transition: border 300ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer;
}

.casual .product-swiper-thumbs .swiper-slide:hover,
.casual .product-swiper-thumbs .swiper-slide-active {
  border: solid #ff5c26 6px;
}

.dress .product-swiper-thumbs .swiper-slide:hover,
.dress .product-swiper-thumbs .swiper-slide-active {
  border: solid #00AAFF 6px;
}

.product-swiper-thumbs{
  margin: 0;
}
.product-titles {
  margin-right: 5px;
  /*margin-top: 20px;*/
}
.product-titles h1{
  /*font-family: Gotham;*/
  font-size: 2rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  text-transform: uppercase;
  /*margin-bottom: 30px;*/
}

.product-titles h2{
  /*font-family: Gotham;*/
  color: #2a2a2a;
  font-size: 1.125rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.2;
}

.casual .product-titles h1 {
  color: #ff6200;
}

.dress .product-titles h1 {
  color: #00AAFF;
}

.product-colors-ref{
  /*margin: 20px 5px 0;*/
}

.product-colors-ref__colors{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  /*margin-bottom: 40px;*/
}

.product-colors-ref__colors h3{
  /*font-family: Gotham;*/
  color:  #666666;
  font-size: 1rem;
  font-weight: 900;
  line-height: 24px;
  text-align: left;
  text-transform: uppercase;
  margin-right: 25px;
}

.product-colors-ref__colors span{
  display: inline-block;
  width: 24px;
  height: 24px;
  background: #000000;
  /*border-radius: 50%;*/
  margin: 0 3px;

  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  border: 0;
}

.product-colors-ref__ref{
  /*font-family: Gotham;*/
  color: #666666;
  font-size: 1rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.2;
  margin-left: 25px;
  margin-right: 0;
}

.product-swiper .swiper-button-prev,
.product-swiper .swiper-button-next{
  display: none;
}

/* ==========================================================================
   PAGES
   ========================================================================== */

.header--pages h1{
  /*font-family: Gotham;*/
  color: #aaaaaa;
  font-size: 2.375rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.263;
  text-transform: uppercase;
  margin-bottom: 8.125rem;
}

.header--pages p{
  -webkit-columns: auto 2;
     -moz-columns: auto 2;
          columns: auto 2;

  -webkit-column-gap: 12.500rem;
     -moz-column-gap: 12.500rem;
          column-gap: 12.500rem;

  /*font-family: DTLElzevirSMedium;*/
  font-family: 'Noto Serif', serif;
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
}

.header__pages__content{
  position: absolute;
  width: 80vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  /*left: 10vw;
  right: 10vw;*/
  bottom: 10vh;
  z-index: 3;
}

.page-pages .container{
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
  width: 80vw;
  margin: 6.250rem auto 0;
}

.page-pages .container h1,
.page-pages .container h2,
.page-pages .container h3
{
  /*font-family: Gotham;*/
  color: #2d2d2d;
  font-size: 2.5rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 8.125rem;
}

.page-pages .container p{
  -webkit-columns: auto 2;
     -moz-columns: auto 2;
          columns: auto 2;

  -webkit-column-gap: 12.500rem;
     -moz-column-gap: 12.500rem;
          column-gap: 12.500rem;

  /*font-family: DTLElzevirSMedium;*/
  font-family: 'Noto Serif', serif;
  color: #1f1f1f;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.4;

  margin-bottom: 6.250rem;
}

/* ==========================================================================
   STORE
   ========================================================================== */
.page-store .container-page{
  padding-top: 7.188rem;
}

.page-store .container{
  width: 90%;
  margin: 0 auto;
}

.store h2{
  /*font-family: Gotham;*/
  color: #2f2f2f;
  font-size: 2.5rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 2.500rem;
}

.store__box ul{
  margin:0;
  padding: 0;
  list-style: none;
  display: inline-block;
}

.store__cities ul{
  opacity: 0;
  -webkit-transform: translate3d(-20px,0,0);
          transform: translate3d(-20px,0,0);
}

.store .disabled{
  opacity: .2;
  position: relative;
}

.store .disabled::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  z-index: 10000;
}

.store__box a{
  display: inline-block;
  /*font-family: Gotham;*/
  color: #2f2f2f;
  font-size: 1.25rem;
  /*font-weight: 900;*/
  font-weight: 700;
  line-height: 1.4;
  text-align: left;
  text-transform: uppercase;
  will-change: opacity;
  /* ease easeOutQuad */
  transition: opacity 300ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.store__cities a{
  display: none;
}

.store__cities a.cities-active{
  display: inline-block;
}

.active .store__box a,
.store__box a.opacity{
  opacity: .5;
}

.store__box a:hover,
.store__box a.active{
  opacity: 1 !important;
}

.store__box{
  width: 100%;
  border: 15px solid #2f2f2f;
  /*text-transform: uppercase;*/
  height: 500px;
  box-sizing: border-box;
  overflow-y: auto;
  padding: 60px 0 60px 120px;
}

.store .disabled .store__box{
  overflow-y: hidden;
}

.store__map .store__box{
  position: relative;
  height: 680px;
  padding: 0;
}

.store__countries,
.store__cities{
  width: 45%;
}

.store__countries__cities .store__line {
  width: 10%;
  height: 15px;
  margin-bottom: 6.250rem;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scalex(0);
          transform: scalex(0);
}

.store__line span{
  display: block;
  width: 100%;
  height: 100%;
  background: #2f2f2f;
}

.store__countries__cities{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.store__connector{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.store__connector h2{
  width: 45%;
}

.store__line__container{
  width: 55%;
  overflow: hidden;
}

.store__connector .store__line{
  width: 15px;
  height: 150px;
  float: right;
  margin-right: 6.250rem;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}

.store__map .loader{
  position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.marker-cluster-text{
  display: block;
  text-align: center;
  line-height: 50px;
}

.marker{
  /*font-family: Gotham;*/
  min-width: 100px;
  min-height: 60px;
  width: auto;
  height: auto;
  position: relative;
  z-index: 2;
  padding-bottom: 20px;
  z-index: 1;
}

.marker__container{
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: #2f2f2f;
  box-shadow: rgba(88, 88, 88, 0.701961) 7px -3px 5px;
  box-sizing: border-box;
  padding: 20px;
  z-index: 3;
}

.marker--store{
  min-width: 300px;
  width: auto;
  height: auto;
  box-sizing: border-box;
}

.marker::after{
  content: '';
  position: absolute;
  top: calc(100% - 30px);
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 30px 0 0;
  border-color: #2f2f2f transparent transparent transparent;
  z-index: 2;
}

.marker h3{
  color: #ececec;
  font-size: 1rem;
  /*font-weight: 900;*/
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  /*line-height: 60px;*/
}

.marker__content{
  position: absolute;
  background: #FFFFFF;
  z-index: 1;
  top: calc(100% - 25px);
  box-shadow: rgba(88, 88, 88, 0.701961) 7px 0px 5px;
  padding: 30px 20px;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-transform: translate3d(0,50px,0);
          transform: translate3d(0,50px,0);
  opacity: 0;
  will-change: opacity, transform;
  /* ease easeOutQuad */
  transition: opacity 300ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 300ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 300ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 300ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 300ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 300ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 300ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.marker.active .marker__content{
  -webkit-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
  opacity: 1;
}

.marker__content .row{
  overflow: hidden;
  margin-bottom: 20px;
}

.marker__content .row:last-child{
  margin-bottom: 0;
}

.marker__content .row > div{
  float: left;
  box-sizing: border-box;
}

.marker__content .row .lbl{
  width: 25%;
  text-transform: uppercase;
  padding-right: 5px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #848484;
}

.marker__content .row .val{
  width: 75%;
  padding-left: 5px;
  text-transform: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  color: #000;
}

.marker__content .row .val a{
  text-transform: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  color: #000;
}

.marker__content .row .val a:hover{
  opacity: .2!important;
}

.marker--store h3{
  padding-right: 20px;
}

.marker__btn{
  width: 20px;
  height: 20px;
  position: absolute;
  top: 25%;
  right: 10px;
}

.marker__btn span{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.marker__btn span::before{
  content: '';
  width: 100%;
  height: 2px;
  background: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.marker__btn span::after{
  content: '';
  height: 100%;
  width: 2px;
  background: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.marker__btn span::before,
.marker__btn span::after{
  will-change: transform;
  transition: -webkit-transform 300ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 300ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 300ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 300ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.marker.active .marker__btn span::before,
.marker.active .marker__btn span::after {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
}


/* ==========================================================================
   LOADER
   ========================================================================== */
.loader {
  width: 100px;
}

.loader__container {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.loader__container:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.loader__circular {
  -webkit-animation: loader-rotate 2s linear infinite;
          animation: loader-rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.loader__path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: loader-dash 1.5s ease-in-out infinite, loader-color 6s ease-in-out infinite;
          animation: loader-dash 1.5s ease-in-out infinite, loader-color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes loader-rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loader-rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes loader-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

@keyframes loader-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

@-webkit-keyframes loader-color {
  100%, 0% {
    stroke: #2f2f2f;
  }
  40% {
    stroke: #ff5c26;
  }
  66% {
    stroke: #00b0ff;
  }
  80%, 90% {
    stroke: #eeeeee;
  }
}

@keyframes loader-color {
  100%, 0% {
    stroke: #2f2f2f;
  }
  40% {
    stroke: #ff5c26;
  }
  66% {
    stroke: #00b0ff;
  }
  80%, 90% {
    stroke: #eeeeee;
  }
}

/* ==========================================================================
   COLLECTIONS COLORS
   ========================================================================== */

/* CASUAL COLORS */
.casual .collection-view__product__title h2,
.casual .collection-view__information h2,
.casual .hb__product__image > h2,
.casual .hb__product__text > h2,
.casual .hsc__text > h2,
.casual .hsc__image > h2{
  color: #FF5D26;
}
.casual .collection-select__item__collection,
.casual .hb__product__text__bar,
.casual .hsc__text__bar{
  background: #FF5D26;
}
.casual.collection-select__item,
.casual .collection-view__product,
.casual .hb__product__image__box,
.casual .hsc__image__box{
  border-color: #FF5D26;
}

/* CASUAL COLORS */
.dress .collection-view__product__title h2,
.dress .collection-view__information h2,
.dress .hb__product__image > h2,
.dress .hb__product__text > h2,
.dress .hsc__text > h2,
.dress .hsc__image > h2{
  color: #00AAFF;
}
.dress .collection-select__item__collection,
.dress .hb__product__text__bar,
.dress .hsc__text__bar{
  background: #00AAFF;
}
.dress.collection-select__item,
.dress .collection-view__product,
.dress .hb__product__image__box,
.dress .hsc__image__box{
  border-color: #00AAFF;
}

/* NONE COLORS */
.none .hsc__text > h2,
.none .hsc__image > h2{
  color: #020202;
}
.none .hsc__text__bar{
  background: #EEEEEE;
}
.none .hsc__image__box{
  border-color: #EEEEEE;
}

.hsc__image__box a,
.hb__product__image__box a{
  position: absolute;
  z-index: 5;
  top: 0; bottom: 0;
  left: 0; right: 0;
}

.hsc__image__box img,
.hb__product__image__box img{
  will-change: transform;
  transition: -webkit-transform 800ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 800ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 800ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 800ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.hsc__image__box.has-link:hover img,
.hb__product__image__box.has-link:hover img{
  -webkit-transform: translate3d(0,0,0) scale(1.1);
          transform: translate3d(0,0,0) scale(1.1);
}