/* Lori Silverman */
/* http://minifycode.com/css-minifier/ */

/*
‘
’
“
”
*/

@import url("reset.css");
@import url("cart.css");
@import url("fonts.css");


/* dev */

.not-local .pdp-nav__pdp-no {
  display: none !important;
}




/* edits */

.li--retailers {
  display: none !important;
}




/* ==========================================================================
	00. READY
========================================================================== */

html * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  height: 100%;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  overflow-x: hidden;
  overflow-y: scroll;
  font-size: 62.5%;
}

html.touchevents {
  overflow-y: auto;
}

/*
@media (max-height: 1000px) {
html {
  font-size: 56.25%;
}
}

@media (max-width: 1024px) {
html {
  font-size: 56.25%;
}
}
*/

body {
  height: 100%;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-highlight: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: "avenir-book", sans-serif;
  font-size: 1.5rem;
  color: #111;
}

/*
@media (max-width: 1024px) {
body {
  font-size: 14px;
}
}

@media (max-width: 767px) {
body {
  font-size: 13px;
}
}

@media (max-width: 640px) {
body {
  font-size: 12px;
}
}
*/

#background {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.red-background {
  background-color: red;
}

.blue-background {
  background-color: blue;
}






b,
.bold {
  font-family: "avenir-heavy", sans-serif;
}

p i {
  font-family: "avenir-light-oblique", sans-serif;
}

.light,
.entity {
  font-family: "avenir-light", sans-serif;
}

/* ==========================================================================
	00. fonts
========================================================================== */

/* p */

p {
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 1.25;
}

p:last-child {
  margin-bottom: 0;
}

/* h1 */

h1 {
  font-size: 3.2rem;
  line-height: 40px;
  line-height: 1.25;
}

/* h2 */

#content h2 {
  font-size: 3.2rem;
  line-height: 40px;
  line-height: 1.25;
}

@media (max-width: 767px) {
#content h2 {
  font-size: 2.4rem;
  line-height: 30px;
  line-height: 1.25;
}
}

/* h3 */

h3 {
  font-size: 3.2rem;
  line-height: 40px;
  line-height: 1.25;
}

/* h4 */

h4 {
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 1.25;
}

/* h5 */

h5 {
  font-size: 2.4rem;
  line-height: 30px;
  line-height: 1.25;
}

/* h6 */

h6 {
  font-size: 1.4rem;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* menu */

#menu {
  font-family: "avenir-heavy", sans-serif;
}

#menu ul li {
  font-size: 12px;
  line-height: 20px;
}

.submenu h6 {
  font-family: "avenir-regular", sans-serif;
  font-size: 13px;
  line-height: 20px;
}

#nav-mobile ul li {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.nav-mobile__submenu h6 {
  font-size: 12px;
  line-height: 20px;
}

/* else */

.unique {
  text-transform: capitalize;
}

.crystal-sole {
  white-space: nowrap;
  font-family: "avenir-heavy", sans-serif;
  text-transform: uppercase;
}

.crystal-sole:after {
  content: '®';
  content: '™ Detail';
  content: '® Detail';
  font-family: "avenir-book", sans-serif;
  text-transform: none;
  padding-left: 1px;
}













/* ==========================================================================
	00. assets
========================================================================== */

article,
figure {
  max-width: 100%;
  margin: 0 auto;
}

.img-holder {
  background: rgba(150, 150, 150, 0.1);
  overflow: hidden;
  position: relative;
}

.img,
.video {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.img:after,
.video:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid rgba(0, 0, 0, 0.0);
  pointer-events: none;
}

.img-holder img,
.video-holder video {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  opacity: 0;
}

.img--bg:not(.cycle-slide),
.loaded .img--bg:not(.cycle-slide),
img,
video {
  -webkit-transition: opacity 500ms ease-in-out 250ms;
  transition: opacity 500ms ease-in-out 250ms;
}

.loaded .img--bg,
.img-holder .img-loaded,
.video-holder .video-loaded {
  opacity: 1;
  visibility: visible;
}

.section--pdp .img:not(.img--loaded) {
  opacity: 0;
  -webkit-transition: opacity 250ms ease-in-out 250ms;
  transition: opacity 250ms ease-in-out 250ms;
}

.loaded .img-holder,
.loaded .video-holder {
  background-color: transparent;
  -webkit-transition: background 250ms ease-in-out 500ms;
  transition: background 250ms ease-in-out 500ms;
}

.img-holder:not(.img-loaded) {
  background-size: 0;
}















/* ==========================================================================
	00. AJAX
========================================================================== */

#main {
  text-align: center;
}

#ajax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 100%;
}

#ajax.fixed {
  position: fixed;
}

#content {
  position: absolute;
  position: static;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform 875ms ease-out;
  transition: transform 875ms ease-out;
}

#content.fixed {
  position: fixed;
  width: 100%;
}

#container {
  position: relative;
  width: 100%;
}

.layout {
  left: 0;
  width: 100%;
  min-height: 100%;
  text-align: center;
  padding: 60px 0 120px;
  margin: 0 auto;
  margin-top: 80px;
}

.layout {
  margin: 0 auto;
  padding: 140px 0 120px;
}

.layout:first-of-type {}
.layout:last-of-type {}

.layout.layout--full-bleed {
  margin: 0;
  padding: 0;
}

.layout__container {}

section,
header,
article,
.article__container,
figure {
  -webkit-transition: opacity 250ms ease-in-out 125ms;
  transition: opacity 250ms ease-in-out 125ms;
}

section {
  opacity: 0;
}

.content-in section {
  opacity: 1;
}




























/* ==========================================================================
	00. head
========================================================================== */

.snipcart-open #head {
  opacity: 0;
}

.logo {
  width: 240px;
  height: 50px;
  top: 20px;
  left: 40px;
  position: fixed;
  display: block;
  opacity: 0.95;
  z-index: 102;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

@media (max-width: 1024px) {
.logo {
  width: 160px;
  height: 40px;
  top: 10px;
  left: 50%;
  margin-left: -80px;
  position: fixed;
  display: block;
  z-index: 103;
  opacity: 0.95;
}
}

@media (max-width: 1024px) {
#menu .snipcart-summary {
  display: none;
}
}

.logo a {
  display: block;
  width: 100%;
  height: 100%;
}

.logo.has-link {
  pointer-events: auto;
}

/* header divider */

.header-divider {
  pointer-events: none;
  z-index: 1;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 0;
  left: 300px;
  right: 0;
  display: none;
}

.show-header-divider .header-divider {
  opacity: 1;
  visibility: visible;
}

.hide-header-divider .header-divider {
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 1024px) {
.header-divider {
  display: none !important;
}
}

/* ==========================================================================
	00. MENU
========================================================================== */

#menu {
  z-index: 101;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 1024px) {
#menu {
  height: 60px;
  z-index: 102;
  background-color: white;
  border-color: rgba(17, 17, 17, 0.1);
}
}

#menu .wrap {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}

@media (max-width: 767px) {
#menu .wrap {
  padding: 0;
}
}

#menu .wrap:before,
#menu .wrap:after {
  display: table;
  content: "";
  line-height: 0;
}

#menu .wrap:after {
  clear: both;
}

#menu .left,
#menu .right,
#menu .center {
  margin: auto;
  display: inline-block;
  position: absolute;
  padding: 0;
  pointer-events: none;
  top: 20px;
  left: 0;
  right: 0;
}

#menu ul {
  pointer-events: auto !important;
  display: inline-block;
  vertical-align: top;
  padding: 0 0px;
  position: relative;
}

#menu ul:before,
#menu ul:after {
  display: table;
  content: "";
  font-size: 0;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#menu ul:after {
  clear: both;
}

#menu ul li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0;
  padding: 0;
  float: left;
  text-align: left;
}

@media (min-width: 1025px) {
#menu .right ul .li--cart {
  margin-top: -20px;
}
}

#menu .right ul li:not(.li--cart--off) {}

#menu ul li:not(:last-of-type) {
  margin-right: 20px;
}

#menu ul li a {
  display: block;
  white-space: nowrap;
}

#menu ul li a:hover {}

#menu ul li.active a,
#menu ul li.current a {
  color: #111;
}

.shoes #head .li--shoes a,
.bridal #head .li--bridal a,
.news #head .li--news a,
.about #head .li--about a,
.retailers #head .li--retailers a,
.contact #head .li--contact a,
.service #head .li--service a {
  color: #111;
}

#menu ul li.cart-count-dummy {
  color: inherit;
}

@media (min-width: 768px) {
#menu .left {
  left: 20px;
  right: auto;
}

#menu .center {
  left: 0;
  right: 0;
}

#menu .right {
  right: 20px;
  left: auto;
}
}

@media (max-width: 1024px) {
#menu {
  display: none;
}
}

/* ==========================================================================
	00. sub nav
========================================================================== */

.hover-menu-open .header-divider {
  display: none !important;
}

/* sub nav bg */

.submenu-bg {
  pointer-events: none;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: white;
  -webkit-transition: background ease-in-out .5s, color ease-in-out .5s, border 1s;
  transition: background ease-in-out .5s, color ease-in-out .5s, border 1s;
  border-bottom: 1px solid transparent;
}

.submenu-bg {
  height: 150px;
  border-color: rgba(0, 0, 0, 0.2);
}

/* submenu */

.submenu {
  width: auto;
  overflow: hidden;
  position: absolute;
  left: -20px;
  top: 0;
  text-align: left;
  pointer-events: none;
}

.submenu__content {
  width: 100%;
  min-width: 250px;
  position: relative;
  margin-top: 20px;
  padding: 20px 10px 30px;
  min-height: 40px;
  height: auto;
  pointer-events: auto;
}

.submenu-bg,
.submenu,
.submenu__content {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s 500ms, opacity 125ms, background 0s;
  transition: visibility 0s 500ms, opacity 125ms, background 0s;
}

.hover-menu-open .submenu-bg,
.hover-menu-open .submenu,
.submenu__content.active {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0s 0s, opacity 500ms 125ms, background 0s;
  transition: visibility 0s 0s, opacity 500ms 125ms, background 0s;
  -webkit-transition: visibility 0s 0s, opacity 0s 0s, background 0s;
  transition: visibility 0s 0s, opacity 0s 0s, background 0s;
}

.force-menu .submenu {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0s 0s, opacity 0s 0s, background 0s;
  transition: visibility 0s 0s, opacity 0s 0s, background 0s;
}

.submenu h6 {
  display: inline-block;
  width: 50%;
  text-align: left;
  padding: 0 10px;
  margin-bottom: 0px;
  position: relative;
}

.submenu h6:after {
  content: '';
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: -10px;
  height: 1px;
  background: #999;
  display: none;
}

.submenu h6 a {
  float: none;
  display: inline;
}

.submenu h6 a,
.submenu:not(.active) a {
  border: 0 !important;
}

.submenu h6 a span {
  display: inline-block;
  display: inline;
  background-color: #fff;
}

/* active hover item */

.pumps .submenu__item--pumps a,
.mules .submenu__item--mules a,
.sandals .submenu__item--sandals a,
.booties .submenu__item--booties a,
.boots .submenu__item--boots a,
.flats .submenu__item--flats a {
  color: #111 !important;
}

/* ==========================================================================
	00. NAV MOBILE
========================================================================== */

.nav-mobile-open .snipcart-summary,
.nav-mobile-open .section--pdp,
.nav-mobile-open #cart-thumbs,
.nav-mobile-open #content section {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: visibility 0s 0s, opacity 0s 0s !important;
  transition: visibility 0s 0s, opacity 0s 0s !important;
}

@media (max-width: 1024px) {
.nav-mobile-open #ajax {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
  opacity: .25;
  -webkit-transition: opacity .25s ease-in-out .25s, -webkit-filter .25s ease-in-out .25s;
  transition: filter .25s ease-in-out .25s, opacity .25s ease-in-out .25s, -webkit-filter .2s ease-in-out .25s;
  pointer-events: none;
}
}

#nav-mobile {
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  text-align: center;
  z-index: 102;
  height: 60px;
  border-bottom: 1px solid #ccc;
  background-color: white;
}

.nav-mobile-open #nav-mobile {
  border: 0;
  height: 100%;
  bottom: 0;
  position: absolute;
  overflow-y: visible;
}

@media (min-width: 1025px) {
#nav-mobile {
  display: none;
}
}

.nav-mobile__container {
  height: auto;
}

.nav-mobile-open .nav-mobile__container {
  display: table;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.98);
  z-index: 0;
  pointer-events: auto;
}

#nav-mobile ul {
  margin: 0 auto;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding: 60px 0;
  opacity: 0;
  visibility: hidden;
  display: none;
  pointer-events: none;
}

.nav-mobile-open #nav-mobile ul {
  height: auto;
  display: table-cell;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

#nav-mobile ul li {
  float: none;
  width: 100%;
  display: inline-block;
  position: relative;
  margin: 0;
  opacity: 0;
  -webkit-transition: opacity 250ms ease-in-out 250ms;
  transition: opacity 250ms ease-in-out 250ms;
}

.nav-mobile-open #nav-mobile ul li {
  opacity: 1;
}

.nav-mobile-menu li a {
  display: block;
  text-align: center;
}

.shoes .nav-mobile-menu .li--shoes a,
.bridal .nav-mobile-menu .li--bridal a,
.news .nav-mobile-menu .li--news a,
.about .nav-mobile-menu .li--about a,
.retailers .nav-mobile-menu .li--retailers a,
.contact .nav-mobile-menu .li--contact a,
.service .nav-mobile-menu .li--service a {
  color: #111;
}

/* toggle */

#toggle-nav-mobile {
  width: 60px;
  font-size: 0;
  line-height: 0;
  height: 60px;
  display: inline-block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}

#toggle-nav-mobile .icon-hamburger {
  margin: auto;
  margin-left: 0;
  width: 60px;
  height: 60px;
  cursor: pointer;
}

.nav-mobile-open #toggle-nav-mobile .icon-hamburger {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOC40IDE4LjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE4LjQgMTguNCI+PHBvbHlnb24gZmlsbD0iIzVCNUM1RSIgcG9pbnRzPSIxOC40LDEuNCAxNywwIDkuMiw3LjggMS40LDAgMCwxLjQgNy44LDkuMiAwLDE3IDEuNCwxOC40IDkuMiwxMC42IDE3LDE4LjQgMTguNCwxNyAxMC42LDkuMiIvPjwvc3ZnPg==');
  background-size: 30%;
}

@media screen and (orientation: portrait) {}

@media screen and (orientation: landscape) {
.nav-mobile-open .logo {
  display: none;
}
}

@media (max-height: 320px) {
.nav-mobile-open .logo {
  display: none;
}
}

#nav-mobile ul li {
  -webkit-transition: opacity 0ms ease-in-out 0ms;
  transition: opacity 0ms ease-in-out 0ms;
}

.nav-mobile__submenu {}

.nav-mobile__submenu__content {}

.nav-mobile__submenu h6 {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.nav-mobile__submenu h6 a {}








/* current menu */

#menu li.current > a span {
  text-decoration: underline;
}

.shoes #menu li.li--shoes > a span {
  text-decoration: underline;
}

.pumps .submenu__item--pumps a span,
.mules .submenu__item--mules a span,
.sandals .submenu__item--sandals a span,
.booties .submenu__item--booties a span,
.boots .submenu__item--boots a span,
.flats .submenu__item--flats a span {
  text-decoration: underline;
}















/* ==========================================================================
	00. global
========================================================================== */

.sections {
  position: relative;
  width: 100%;
}

.header {
  position: relative;
  margin: 0 auto;
}









































/* ==========================================================================
	00. INDEX / Collection Page
========================================================================== */

#section-index {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

#section-index .section__container {}

#section-index article {
  width: 33.33333%;
  padding: 20px;
  margin-bottom: 0px;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
}

#section-index article a {
  pointer-events: none;
}

#section-index article.loaded a {
  pointer-events: auto;
  z-index: 99;
}

@media (min-width: 1280px) {
#section-index article {
  width: 25%;
  padding: 20px 40px;
}
}

@media (max-width: 1024px) {
#section-index article {
  width: 50%;
}
}

@media (max-width: 767px) {
#section-index article {
  width: 50%;
  padding: 10px;
  margin-bottom: 20px;
}
}

#section-index article:not(.loaded) .article__container {
  cursor: progress !important;
  opacity: 0;
}

#section-index article .img-holder,
#section-index article .cycle-slideshow {
  height: 0;
  padding-bottom: 75%;
  position: relative;
  background-color: transparent;
}

#section-index article .img img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

/* figcaption */

#section-index article figcaption h3 span,
#section-index article figcaption h4.sku {
  display: none;
}

#section-index article figcaption {
  min-height: 120px;
  position: relative;
  padding: 20px 10px 0;
  text-align: center;
}

#section-index article figcaption h3 {
  text-transform: uppercase;
}

#section-index article figcaption h3,
#section-index article figcaption h4 {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 5px;
}

@media (min-width: 768px) {
#section-index article figcaption h3,
#section-index article figcaption h4 {
  font-size: 1.5rem;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
}

/* thumbnails group */

#section-index .thumbnails-group {
  width: 100%;
  display: inline-block;
  margin-bottom: 120px;
}

#section-index .thumbnails-group:last-of-type {
  margin-bottom: 0;
}

#section-index .thumbnails-group .thumbnails-group__container {
  max-width: 1280px;
  padding: 0 30px;
}

@media (max-width: 767px) {
#section-index .thumbnails-group .thumbnails-group__container {
  padding: 0 10px;
}
}

.header--thumbnails {
  text-align: center;
  margin: 0 auto 30px;
  max-width: 750px;
  opacity: 0;
}

.header--thumbnails h6 {
  margin-bottom: 20px;
}

.first-loaded .header--thumbnails {
  opacity: 1;
}

.header--thumbnails h2 {}

.thumbnails-group--flats img {
  padding: 5%;
}

.thumbnails-group--flats .img--bg {
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
}





























/* ==========================================================================
	00. page - about
========================================================================== */

.section--about {}
.section--about .section__container {}

.section--about .text {
  margin-top: 20px;
  text-align: left;
}

.section--about .text p:not(:last-of-type) {
  margin-bottom: 20px;
}

/* ==========================================================================
	00. page - retailers
========================================================================== */

.retailer-sections {
  position: relative;
  width: 100%;
  text-align: center;
}

.retailer__section {
  position: relative;
  width: 100%;
}

.retailer__section + .retailer__section {
  margin-top: 40px;
}

.retailer__section .section__container {
  max-width: 960px;
}

.retailer__section .header {
  margin-bottom: 40px;
}

.retailer__section article {
  max-width: 100%;
  width: 100%;
  padding: 0 20px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0 auto;
}

@media (min-width: 1025px) {
.retailer__section article {
  width: 50%;
}
}

@media (max-width: 1024px) {
.retailer__section hr {
  display: none;
}

.retailer__section article {
  margin-bottom: 40px;
}
}

.retailer__section article h6 {
  margin-bottom: 10px;
}

.retailer__section article figcaption {
  margin: 0 auto;
}

.retailer__section article ul li {
  font-size: 1.4rem;
  line-height: 1.8;
  max-width: 100%;
  text-align: center;
}

/* ==========================================================================
	00. page - contact
========================================================================== */

.contact #content {
  position: absolute;
}

.section--contact {
  position: absolute;
  display: table;
  height: 100%;
  width: 100%;
  padding: 0;
}

.section--contact .table-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0;
}

.section--contact .inner-wrap {
  max-width: 800px;
  padding: 120px 20px;
}

/* contact and mailing */

.contact-and-mailing {
  margin: 20px auto;
  max-width: 750px;
}

.contact-and-mailing h6 {
  margin-bottom: 20px;
}

.contact-and-mailing h6 span {
  padding-bottom: 1px;
  border-bottom: 1px solid #111;
}

.contact-and-mailing:first-child {
  width: 100%;
}

.contact-and-mailing ul li {
  font-size: 1.15em;
  font-size: 1em;
  line-height: 175%;
  max-width: 800px;
  text-align: center;
}

@media (min-width: 768px) {
.contact-and-mailing {
  width: 50%;
  display: inline-block;
}

.contact-and-mailing a {
  padding-bottom: 1px;
  border-bottom: 1px solid #111;
  -webkit-transition: border-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: border-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.contact-and-mailing a:hover {
  border-bottom: 1px solid transparent;
}

.contact-and-mailing a,
.contact-and-mailing a:hover {
  padding-bottom: 0;
  border-bottom: 0;
}
}

.section--contact hr {
  width: 5%;
  margin: auto;
  border-top: 1px solid #111;
}

@media (min-width: 768px) {
.section--contact hr {
  display: none;
}
}

/* inline social */

.inline-social {
  width: 160px;
  margin: 30px auto;
}

.inline-social ul {}

.inline-social ul li {
  display: inline-block;
  padding-left: 20px;
  float: left;
}

.inline-social ul.social {
  text-align: center;
  padding: 0;
  width: auto;
}

.inline-social ul.social li {
  float: left;
  width: 40px;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  height: 40px;
  text-indent: -999em;
  background-color: #fff;
  background-size: 20px;
  background-position: 50% 45%;
  background-repeat: no-repeat;
  margin: 0;
}

.inline-social ul.social li a {
  width: 40px;
  height: 40px;
  display: block;
}

/* ==========================================================================
	00. page - customer service
========================================================================== */

.section--service {}

.section--service .header {
  display: none;
}

.section--service .section__container {
  max-width: 600px;
  padding: 0 20px;
}

.section--service .group:not(:last-of-type) {
  margin-bottom: 80px;
}

.section--service .group h6 {
  margin-bottom: 40px;
}

.section--service .group p {
  margin-bottom: 20px;
  font-size: 0.9em;
  line-height: 20px;
  text-align: left;
}

.section--service .group p {
  text-align: justify;
}

.section--service a {
  padding-bottom: 1px;
  border-bottom: 1px solid #111;
  -webkit-transition: border-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: border-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.section--service a:hover {
  border-bottom: 1px solid transparent;
}













/* ==========================================================================
	00. pdp - nav
========================================================================== */

#pdp-nav {
  font-family: "avenir-heavy", sans-serif;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999;
  padding: 20px;
}

@media (max-width: 1024px) {
#pdp-nav {
  display: none;
}
}

#pdp-nav ul {
  display: inline-block;
  vertical-align: top;
}

#pdp-nav ul li {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  line-height: 20px;
  float: left;
  padding-left: 20px;
  text-transform: uppercase;
  position: relative;
  color: #aaa;
}

#pdp-nav ul li:last-child {
  padding-right: 20px;
}

.show-cart-thumbs #pdp-nav ul li {}

.show-cart-thumbs #pdp-nav ul li.pdp-view-all {
  display: inline-block;
  color: #111;
}

.show-cart-thumbs #pdp-nav ul li.pdp-view-all a:before {
  content: '';
}

#pdp-nav ul li.pdp-view-all {
  margin-left: 0px;
}

/*
#pdp-nav ul li.pdp-view-all:before {
  content: '';
  width: 100px;
  position: absolute;
  top: 10px;
  left: 0;
  right: auto;
  height: 1px;
  background: #111;
  z-index: -1;
}
*/

/* pages */

#pdp-nav ul li.pdp-view-all a:hover {
  color: #111;
}

.pumps #pdp-nav ul li.pdp-view-all a:after {
  content: ' pumps';
}

.mules #pdp-nav ul li.pdp-view-all a:after {
  content: ' mules';
}

.sandals #pdp-nav ul li.pdp-view-all a:after {
  content: ' sandals';
}

.booties #pdp-nav ul li.pdp-view-all a:after {
  content: ' booties';
}

.boots #pdp-nav ul li.pdp-view-all a:after {
  content: ' boots';
}

.flats #pdp-nav ul li.pdp-view-all a:after {
  content: ' flats';
}

.bridal #pdp-nav ul li.pdp-view-all a:after {
  content: ' bridal' !important;
}

/* ==========================================================================
	00. pdp - info
========================================================================== */

.pdp-info {
  text-align: left;
}

@media (min-width: 1025px) {
.pdp-info {
  width: 50%;
  max-width: 450px;
  position: absolute;
  top: 20px;
  left: 40px;
  bottom: 20px;
  z-index: 101;
}
}

@media (max-width: 1024px) {
.pdp-info {
  z-index: 1;
  top: auto;
  bottom: 0;
  width: 100%;
  height: auto;
  right: 0;
  left: 0;
  background: #fff;
  max-width: none;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: relative;
  margin-bottom: 0;
}

.pdp-info .tab {
  width: auto;
  display: block;
  padding: 20px 40px;
}

.pdp-info .tab-cell {
  display: block;
}
}

@media (max-width: 1024px) and (min-width: 768px) {}

@media (max-width: 767px) {
.pdp-info .tab {
  padding: 40px 20px;
}
}

/* caption */

.pdp-info .caption {
  position: relative;
}

.pdp-info .caption-heading,
.pdp-info .caption-text {
  position: relative;
  display: inline-block;
  width: 100%;
}

/* caption heading */

.pdp-info .caption-heading {
  margin-bottom: 0px;
}

.pdp-info .caption-heading h3 {
  font-size: 14px;
  line-height: 20px;
}

.pdp-info .caption-heading h4,
.pdp-info .caption-heading h5,
.pdp-info .caption-heading p {
  font-size: 13px;
  line-height: 20px;
}

.pdp-info .caption-heading p {
  margin-top: 20px;
}

.pdp-info .caption-heading h3 {
  text-transform: uppercase;
}

.pdp-info .caption-heading h3.name {
  letter-spacing: 0.25em;
}

@media (min-width: 1025px) {
.pdp-info .caption-heading h3.price {
  margin-left: 0px;
}

.pdp-info .caption-heading h4 {
  margin-top: 20px;
}
}

@media (max-width: 1024px) {
.pdp-info .caption-heading h3.price {
  font-family: "avenir-light", sans-serif;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
}

.pdp-info .caption-heading h5 {
  max-width: 400px;
}

@media (max-width: 1024px) {
.pdp-info .caption-heading h4,
.pdp-info .caption-heading h5 {
  margin-top: 20px;
}
}

/* caption text */

.pdp-info .caption-text {
  margin-top: 20px;
}

@media (min-width: 1025px) and (max-height: 600px) {
.pdp-info .caption-text {
  display: none;
}
}

@media (max-width: 1024px) {
.pdp-info .caption-text {
  margin-top: 20px;
}
}

.pdp-info .caption-text p {
  font-size: 12px;
  line-height: 150%;
  margin-left: 0;
  max-width: 400px;
  margin-bottom: 5px;
}

.pdp-info .caption-text p:last-of-type {
  margin-bottom: 0px;
}

.pdp-info .caption-text p.heel-height {}

/* pdp info form */

ul.pdp-info-form {
  width: 100%;
  max-width: 480px;
  margin: 30px -10px;
  margin-bottom: 30px;
}

@media (max-width: 1024px) {
ul.pdp-info-form {
  min-width: 100px;
  max-width: 550px;
}
}

ul.pdp-info-form li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 47.5%;
  width: 50%;
  padding: 0 10px;
}

/*
ul.pdp-info-form li:first-child {
  margin-right: 5%;
}
*/

.pdp-select {
  height: 40px;
  padding: 0;
  position: relative;
}

.pdp-select:before {
  border: 1px solid #ccc;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  position: absolute;
  pointer-events: none;
  z-index: 0;
}

/*
.pdp-select select {
  -webkit-box-shadow: inset 0px 0px 0 .00001px #999;
  -moz-box-shadow: inset 0px 0px 0 .00001px #999;
  box-shadow: inset 0px 0px 0 .00001px #999;
}
*/

.pdp-select input[type=text],
.pdp-select input[type=password],
.pdp-select select {
  font-family: "avenir-book", sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  line-height: 40px;
  height: 40px;
  display: block;
  padding: 0 20px;
  margin: 0;
  font-size: 12px;
  letter-spacing: 1px;
  color: #111;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyI+PHBvbHlnb24gZmlsbD0iIzMxMzEzMSIgcG9pbnRzPSIxLDQgMTIsNCA2LjUsMTAiLz48L3N2Zz4=");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-color: white;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-transform: uppercase;
  border: 0;
}

.pdp-info .btn {
  display: block;
  height: 40px;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 40px;
  text-align: center;
}

.pdp-info .btn {
  display: none;
}

.pdp-info span.btn {
  display: block;
}

.btn.disabled {
  color: #fff;
  background: #999;
  border: 0;
  height: 40px;
  text-decoration: line-through;
}

.pdp-info .disabled.btn:hover {}

.btn.snipcart-add-item span {
  text-align: center;
  height: 40px;
  padding: 0;
  color: #fff;
  background: #111;
  display: block;
  border: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.btn.snipcart-add-item span:hover {
  background: #666;
}

#view-all,
#explore {
  cursor: pointer;
}

.pdp-info-details-wrap {
  background: none;
}

/* ==========================================================================
	00. pdp - slides
========================================================================== */

.section--pdp {
  width: 100%;
  position: relative;
}

.section--pdp.ready {}

@media (min-width: 1025px) and (min-height: 601px) {
.section--pdp {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 600px;
}
}

.section--pdp__container {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}

@media (min-width: 1025px) and (min-height: 601px) {}

@media (min-width: 1025px) {
.section--pdp__container {
  height: 100vh;
}
}

/* pdp slideshow */

@media (min-width: 1025px) {
.pdp-slideshow {
  position: absolute;
  top: 60px;
  left: 500px;
  right: 40px;
  bottom: 0px;
  margin: 0 auto;
  max-width: 800px;
  z-index: 0;
}
}

@media (max-width: 1024px) {
.pdp-slideshow {
  width: auto;
  height: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: relative;
  margin: 60px auto 0;
  height: 500px;
  max-height: 500px;
}
}

@media (max-width: 767px) {
.pdp-slideshow {
  height: 400px;
}
}

.pdp-slideshow .slide {
  max-height: 600px;
  margin: auto;
}

.pdp-slideshow .img {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  margin: auto;
  display: block;
}

.pdp-slideshow .img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}

/* cycle caption */

@media (min-width: 768px) {
.cycle-caption {
  display: none !important;
}
}

.cycle-caption {
  position: absolute;
  left: 0;
  right: 0;
  border: 0px solid #ccc;
  bottom: 0;
  margin: auto;
  padding: 0;
  width: 150px;
  font-size: 1em;
  line-height: 30px;
  height: 30px;
  z-index: 101;
}

.cycle-caption .cycle-count {}

.cycle-caption span {
  text-align: center;
  letter-spacing: 0;
  min-width: 20px;
  display: inline-block;
}

.pdp-slideshow-pager {
  width: 100%;
  max-width: 480px;
  position: absolute;
  left: 30px;
  bottom: 20px;
  text-align: center;
  z-index: 500;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

@media (max-height: 600px) {
.pdp-slideshow-pager {
  display: none;
}
}

@media (max-width: 1024px) {
.pdp-slideshow-pager {
  text-align: center;
  position: relative;
  display: inline-block;
  bottom: 0;
  left: 0;
  margin: 10px auto;
  display: none;
}
}

.pdp-slideshow-pager ul {
  padding: 0px;
  text-align: left;
}

.pdp-slideshow-pager ul li {
  width: auto;
  position: relative;
  opacity: 0.25;
  display: inline-block;
  padding: 0;
  background-color: transparent;
  margin: 0;
  cursor: pointer;
  padding: 0 10px;
}

@media (max-width: 767px) {
.pdp-slideshow-pager ul li {
  margin: 0 10px;
}
}

.pdp-slideshow-pager ul li:hover {
  opacity: 1;
}

.pdp-slideshow-pager ul li.cycle-pager-active {
  opacity: 1;
  pointer-events: none;
  cursor: default;
}

.pdp-slideshow-pager ul.cycle-pager li .img {
  position: relative;
}

.pdp-slideshow-pager ul.cycle-pager li .img img {
  width: auto;
  height: 50px;
  vertical-align: middle;
  display: block;
}

/* ==========================================================================
	00. pdp - Cart Thumbs
========================================================================== */

.show-cart-thumbs .section--pdp {
  opacity: 0;
  visibility: hidden;
}

#cart-thumbs {
  width: 100%;
  padding: 0;
  text-align: center;
  position: relative;
}

#cart-thumbs .append {
  height: 100%;
  background: white;
}

@media (min-width: 1025px) {
#cart-thumbs {
  display: none;
}

.show-cart-thumbs #cart-thumbs {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
}

#cart-thumbs .section__container {
  max-width: 980px;
  padding: 60px 40px;
  background-color: white;
}

@media (max-width: 480px) {
#cart-thumbs .section__container {
  padding: 20px 15px;
}
}

@media (min-width: 1025px) {
#cart-thumbs header {
  display: none;
}
}

#cart-thumbs header {
  margin: 20px auto 40px;
}

#cart-thumbs header h6 {
  font-size: 1.8rem;
}

#cart-thumbs figure {
  width: 25%;
  padding: 25px;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  opacity: 0;
}

#cart-thumbs figure.current {}

#cart-thumbs figure.loaded {
  opacity: 1;
}

#cart-thumbs figure .img {
  position: relative;
  height: 0;
  padding-bottom: 100%;
}

#cart-thumbs figure .img img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

@media (min-width: 1025px) {
#cart-thumbs figure {
  width: 16.66666667%;
  width: 100px;
  padding: 10px 15px;
}
}

@media (max-width: 1024px) and (min-width: 768px) {
#cart-thumbs figure {
  width: 25%;
}
}

@media (max-width: 767px) {
#cart-thumbs figure {
  width: 33.33333%;
  padding: 15px;
}
}

#cart-thumbs figure figcaption {
  min-height: 20px;
  position: relative;
  margin-top: 5px;
  text-align: center;
}

#cart-thumbs figure figcaption h3 {
  font-size: 11px;
  line-height: 20px;
  text-transform: uppercase;
  display: inline-block;
  color: #999;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#cart-thumbs figure:hover figcaption h3,
#cart-thumbs figure.current figcaption h3 {
  color: #111;
}

/* ==========================================================================
	00. pdp - Modal
========================================================================== */

.modal--open #pdp-nav,
.modal--open #cart-thumbs,
.modal--open .section--pdp {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
  opacity: .25;
  -webkit-transition: opacity .25s ease-in-out .25s, -webkit-filter .25s ease-in-out .25s;
  transition: filter .25s ease-in-out .25s, opacity .25s ease-in-out .25s, -webkit-filter .25s ease-in-out .25s;
  pointer-events: none;
}

.ul-modal li {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
  position: relative;
}

@media (min-width: 1025px) {
.ul-modal li {
  display: inline-block;
  float: left;
}

.ul-modal li:first-of-type {
  margin-right: 20px;
}
}

.ul-modal li span {
  color: #888;
  border-bottom: 1px solid transparent;
  -webkit-transition: border-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: border-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  cursor: pointer;
}

@media (min-width: 1025px) {
.ul-modal li span:hover {
  border-color: #888;
}

.ul-modal li span.selected {
  border-bottom: 1px solid #888;
}
}

@media (max-width: 1024px) {
.ul-modal {
  margin-top: 1em;
}

.ul-modal li {
  border-top: 1px solid #eee;
  padding: 0;
}

.ul-modal li a,
.ul-modal li span {
  font-size: 12px;
  color: #111;
  line-height: 50px;
  border: 0;
  display: block;
}
}

.ul-modal li.customer-service-link {
  display: none;
}

.modal-box {
  pointer-events: none;
  background: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 500;
  border: 1px solid #000;
  text-align: center;
  padding: 0;
  width: 60%;
  min-width: 300px;
  max-width: 500px;
  height: auto;
  min-height: 360px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
}

@media (max-width: 767px) {
.modal-box {
  min-height: 300px;
}
}

@media (max-height: 479px) {
.no-touchevents .modal-box {
  display: none !important;
}
}

.modal-box.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.modal-box.is-closed {}

.modal-box .icon-close {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
  background-size: 75%;
}

.modal-box-title {
  margin: 40px auto 20px;
}

.modal-box-title hr {
  opacity: 0;
  max-width: 380px;
  margin: 20px auto 19px;
}

@media (max-width: 767px) {
.modal-box-title {
  margin: 20px auto 10px;
}

.modal-box-title hr {
  margin: 20px auto 9px;
}
}

.modal-box h3 {
  font-size: 1.5rem;
  line-height: 20px;
  text-transform: uppercase;
}

.modal-box h4 {
  text-align: left;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
}

.modal-box p {
  text-align: left;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 20px;
}

.modal-box p:last-child {
  margin-bottom: 0;
}

.modal-box a {
  text-transform: uppercase;
  border-bottom: 1px solid #111;
}

.modal-box .size-guide .col {
  padding: 0;
  width: 50% !important;
}

.modal-box .size-guide ul li {
  font-size: 12px;
  line-height: 20px;
  padding: 10px 0 9px;
  border-top: 1px solid #111;
}

.modal-box .size-guide ul li:first-child {
  margin-top: 20px;
}

.touchevents .p--service {
  display: none;
}


































/* ==========================================================================
	00. feed
========================================================================== */

body.feed-ready {}

.section--feed {
  width: 100%;
  padding: 40px 0;
  background-color: white;
  position: relative;
  font-size: 0;
  line-height: 0;
}

.section--feed:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.section--feed header {
  position: relative;
}

.section--feed .instagram {
  width: 100%;
  margin: 0 auto;
  max-width: 1440px;
  padding: 20px 60px;
}

@media (max-width: 1024px) {
.section--feed .instagram {
  padding: 20px 20px;
}
}

@media (max-width: 767px) {
.section--feed .instagram {
  padding: 20px 0px;
}
}

#instafeed {}

.article--feed {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  vertical-align: middle;
  position: relative;
  display: inline-block;
  padding: 20px;
  margin: 0 auto;
}

@media (min-width: 1025px) {
.article--feed {
  width: 25%;
}
}

@media (max-width: 1024px) {
.article--feed {
  width: 33.33333333%;
}

#instafeed .article--feed:nth-child(4n+1) {
  display: none;
}
}

@media (max-width: 767px) {
.article--feed {
  width: 50%;
  padding: 20px;
}

#instafeed .article--feed:nth-child(2n+1) {
  display: none;
}
}

.article--feed__wrap {
  position: relative;
  width: 100%;
}

.article--feed .holder,
.article--feed .img-holder {
  position: relative;
  padding-top: 87.5% !important;
}

@media (max-width: 767px) {
.article--feed .holder,
.article--feed .img-holder {
  position: relative;
  padding-top: 100% !important;
}
}

.article--feed img,
.article--feed video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.article--feed figcaption {
  position: relative;
  margin-top: 20px;
  text-align: center;
  display: none;
}

.feed-date .month,
.feed-date .date,
.feed-date .year {}

.feed-date .date:after {
  content: ',';
}

.section--feed footer {
  position: relative;
}

/* feed ready */

.dummy-feed .article--feed {
  display: block;
  opacity: 0;
}

.feed-ready .dummy-feed {
  display: none;
}

#instafeed {
  display: none;
}

.feed-ready #instafeed {
  display: block;
}