.closed ul { display:none }
.shop { position:relative }
.shop ul { position:absolute; background:black }
.shop li { margin-right:0px; padding-top: 2px; }
.shop span { margin: 0 8px }
.shop .women { padding-left:8px }
.shop .men { padding-right:5px }

h2 { text-transform: uppercase }


#main {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -4em;
}

header { 
  padding:8px 0;
  position:relative;
  background:#000; 
  z-index: 100;
}

footer, .push {
  height: 4em;
}

.logo {
  margin-left:37px;
  margin-top: 0px !important;
}

nav {
  float:right;
  display: inline
}

nav li { 
  float:left;
  margin-right:20px;
}

nav li a {
  color: white;
/*  font-family: 'Open Sans Condensed', Helvetica, sans-serif;
  font-weight: 600;
  letter-spacing:1px;
  
   */
  font-family:sans-serif;
  font-size: 15px;
  line-height: 30px;
  text-decoration: none;
  text-transform: uppercase;
}

nav li a:hover {
  text-decoration: none
}


.designers {
  padding-bottom:45px;
}

.ctl_sound { 
  display:block;
  background-image:url('../imgs/icons_sound.gif');
  width:18px;
  height:21px;
  float:right;
  margin: 7px 22px 0 -2px;
}


.muted .ctl_sound {
  background-position:0px  21px;
  margin: 2px 20px 0 0;

}


section {
  text-align:center;
  width:100%;
}

section .background{
  position: fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background: black;
  opacity: .5;
  z-index:-1;
}

#about * {
  color:#fff;
  font-family: "Lora", serif;
  font-size:14px;
  line-height: 18px;
  font-style:normal; 
}

#about h2, #about #mc_embed_signup h2  { 
/*  font-family: 'Open Sans Condensed', Helvetica, sans-serif; */
font-weight: normal !important;
  font-family:  sans-serif;
  font-size: 16px !important;
  margin: 25px 0 10px;
}



#about .text, #about .subscribe { 
  width:50%;
  text-align: justify; 
}

#about .wrapper {
  padding:0px 20px;
}

#about .content {
  margin:0 auto;
  max-width: 474px;
  min-width: 300px
}

#designers .list { 
  text-align: center;
}

#designers * {
  font-family: "Lora", serif;
  font-size: 14px;
  line-height: 18px;
}

#mc_embed_signup{ 
  clear:left; 
  font:14px Helvetica,Arial,sans-serif;
}

.mce_inline_error { font-family:sans-serif !important }

#mc_embed_signup .mc-field-group input {  
  background-color: black;
  border: 1px solid #fff;
  font-family: sans-serif;
}

#mc_embed_signup #mce-success-response {
  color: #fff !important;
}

#mc-embedded-subscribe{

}

#video-bg {
  position: relative;
  top: 0; right: 0; bottom: 0; left: 0;
  overflow: hidden;
  z-index: -2;
  max-width: 100%;
  margin: 0 auto;
}


#video-bg > video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#video-bg > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

@media (max-width: 619px) {
  section {
    position: relative;
  }  

  .logo { margin-left: 11px; }
  nav li a { font-size:12px }
  .shop ul { left: -67px; width:112px;  }
}
@media (min-width: 620px) {
  .shop ul { left: -80px; width: 130px; }

  section {
    position: fixed;
    top:15%;
  }  

  #about .text, #about .subscribe { 
    float:left;
  }
  
  #about #mc_embed_signup h2 {
    margin-top: 0;
  }

}

.no-video .ctl_sound, .appleios .ctl_sound, .no-video video, .appleios video, img.video { display:none }
video, .appleios img.video, .no-video img.video { display:block }

#mc_embed_signup .button { 
  background-color:#777 !important;
  font-family:  sans-serif;
  font-weight: normal !important;
  text-transform:uppercase;
}


#mc_embed_signup .button:hover { 
  background-color:#aaa !important;
}

#mc_embed_signup form { padding:0 !important }


/* Targeting Portrait mode for iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait){ 
  #video-bg, .slick-list, .slick-track {
    height: 100vh;
    width: 100vw;
  }
}

/* Targeting iPhone6 */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 
  #video-bg, .slick-list, .slick-track {
    height: 100vh;
    width: 100vw;
  }
}

/* Targeting iPhone6+ */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) { 
  #video-bg, .slick-list, .slick-track {
    height: 100vh;
    width: 100vw;
  }
}

/* Targeting iPhone 5, 5c, and 5s */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 
  #video-bg, .slick-list, .slick-track {
    height: 100vh;
    width: 100vw;
  }
}

/* 1. No object-fit support: */
@media (min-aspect-ratio: 16/9) {
  #video-bg  .video { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  #video-bg  .video { width: 300%; left: -100%; }
}
/* 2. If supporting object-fit, overriding (1): */

  #video-bg  .video {
    top: 0; left: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
  }

@supports (object-fit: cover) {
  #video-bg  .video {
    top: 0; left: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
  }
}

section.preload {
  position: absolute;
  top:-10000px;
  left:-10000px;
  
}