/*!
	Theme Name: Petrolicious
	Theme URI: http://petrolicious.com
	Description: The official WordPress theme for Petrolicious.
	Version: 1.0
	Author: Dill Pixel
	Author URI: http://dillpixel.com
*/
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHjxsAXC-v.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPHA.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wWw.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh50XSwiPHA.ttf) format('truetype');
}

/* 
This CSS resource incorporates links to font software which is 
the valuable copyrighted property of WebType LLC, The Font Bureau 
and/or their suppliers. You may not attempt to copy, install, 
redistribute, convert, modify or reverse engineer this font 
software. Please contact WebType with any questions: www.webtype.com
*/

body:after { content: ''; background-image: url(//pls.webtype.com/v.gif?ct=168088,173628,168088,173628,168088,173628,168088,173628&r=101086&p=62970&h=TNkWhql9efiIqFU4QDFfZg%3d%3d); }

@font-face {
 font-family: "Telefon";
 src: url("//cloud.webtype.com/webtype/ff2/2/132892ff-168e-4c4d-aa8c-9cbb4a9c1835?ec_token=8f7c4c4997246fd7fa920073c8943b56ae7d3c37cb07aca5824c409965cc1f6530c05dae25d8ce2a63c59658ccde0048a81f7b33cc31c9db4afb8625738abaca51f46e6b55e60292d8a1a588286aaa9cd873091eb2c15b0b248a1d3538790c0a3060bf992aa4f612d1563df2adc8c14ca6800c1d4dfe0cb7338c1bc3567160385c2f68a8706ee3b3a47152e728d431767d69c9662aa092e52ab1947fc3b54d36922c");
 src:  url("//cloud.webtype.com/webtype/ff2/2/132892ff-168e-4c4d-aa8c-9cbb4a9c1835?ec_token=8f7c4c4997246fd7fa920073c8943b56ae7d3c37cb07aca5824c409965cc1f6530c05dae25d8ce2a63c59658ccde0048a81f7b33cc31c9db4afb8625738abaca51f46e6b55e60292d8a1a588286aaa9cd873091eb2c15b0b248a1d3538790c0a3060bf992aa4f612d1563df2adc8c14ca6800c1d4dfe0cb7338c1bc3567160385c2f68a8706ee3b3a47152e728d431767d69c9662aa092e52ab1947fc3b54d36922c#iefix")  format("embedded-opentype"),
  url("//cloud.webtype.com/webtype/ff2/3/1fd7af87-ae21-4942-99a5-f07ac5c4582d?ec_token=8f7c4c4997246fd7fa920073c8943b56ae7d3c37cb07aca5824c409965cc1f6530c05dae25d8ce2a62c5960d9ad1581c612db81b7f643fc5d3a606a2906c8a7afd3c41bd4d640ea91a8d38bd96c117b40432a82f5477256e6c5c0751ac17357b13b4ff62dfcf371c9b387a2659a56c58c281abc9b753b084fd934320f3992853cf4480ab6b0b1dfc67ed6945487a692ab42e46e863edff0b46b8c315d6d379031b56") format("woff"),
  url("//cloud.webtype.com/webtype/ff2/1/b44c29c6-48ec-4006-8af1-28ba728569b3?ec_token=8f7c4c4997246fd7fa920073c8943b56ae7d3c37cb07aca5824c409965cc1f6530c05dae25d8ce2a60c5c55fca850b43039d95a07af5b8b72f18c9604a1e01a2063df7be364cae5a0d01d50112a71621c14eacf6b211e31d9271c7c344b0a0fc12a324b0916245e7de2caf9341abdb04d289df51eb7ab532bac1b4b3398b3687a4e95f26e7756fffe6553bccd65832c7efafa86f53e3470a26ec2804bfe282817419") format("truetype"),
  url("//cloud.webtype.com/webtype/ff2/4/56472acd-1123-4e44-8e93-a6d27255e258?ec_token=8f7c4c4997246fd7fa920073c8943b56ae7d3c37cb07aca5824c409965cc1f6530c05dae25d8ce2a65c5925dcad10b1b1dffa20bd50e6fe23e5cd67713505ffccedb0150bd24eae6b9bdf73db7e1ca959db15af893f864a33d8a6b3ca822f816898ed0f14287e9387047a4bfbfcd1517e06eeb92117ec9c86c515e707347474d3136bfc85f49c08f974ce366135571c4cdc9586ee91e7ceb6d3a24d54acc7f6b6fc3#web") format("svg");
 font-style: normal;
 font-weight: normal;
}
@font-face {
 font-family: "Telefon";
 src: url("//cloud.webtype.com/webtype/ff2/2/852068ca-f820-431f-b7b7-0e41001cf861?ec_token=8f7c4c4997246fd7fa920073c8943b56ae7d3c37cb07aca5824c409965cc1f6530c05dae25d8ce2a63c59f5eccd60f42bbdb11b439052d03e27c9dc1301243b117489fd8f736fea5ab4bb1a3b91d5303fa0f5c20c088255ffd11d331c3604bf9414b53b570f31db11eddfc1e54c4298f7e90ba663314f974c4cfb630eff90ad7010375f6bb241d57f6d3bee147fba7876665010f3dd99efa5d5fdc368ceab7016402");
 src:  url("//cloud.webtype.com/webtype/ff2/2/852068ca-f820-431f-b7b7-0e41001cf861?ec_token=8f7c4c4997246fd7fa920073c8943b56ae7d3c37cb07aca5824c409965cc1f6530c05dae25d8ce2a63c59f5eccd60f42bbdb11b439052d03e27c9dc1301243b117489fd8f736fea5ab4bb1a3b91d5303fa0f5c20c088255ffd11d331c3604bf9414b53b570f31db11eddfc1e54c4298f7e90ba663314f974c4cfb630eff90ad7010375f6bb241d57f6d3bee147fba7876665010f3dd99efa5d5fdc368ceab7016402#iefix")  format("embedded-opentype"),
  url("//cloud.webtype.com/webtype/ff2/3/3229bff0-a36d-44ac-99cd-3e11932a206d?ec_token=8f7c4c4997246fd7fa920073c8943b56ae7d3c37cb07aca5824c409965cc1f6530c05dae25d8ce2a62c59459ccdf5b1c27181b5328bb8a4d1fe1a4b1577c04d192bc17ab131f296d803399c76782fbc3da2e2f04f003dbb8c5c4102521ae836ad4be06582599f4b241fda6c4301f2e905d4f7b2ce27be939aca27e27b599188b9bd692689bb50ff1f67e98e96f03c4dbdd342d8a2b03bf8e586dfe73fbd829dedc95") format("woff"),
  url("//cloud.webtype.com/webtype/ff2/1/c20d125f-6447-49c2-bef2-95e656c79110?ec_token=8f7c4c4997246fd7fa920073c8943b56ae7d3c37cb07aca5824c409965cc1f6530c05dae25d8ce2a60c5c459ce82084896e68c5304f1695dfcde1c10c489d9815f225917cced25092d854581330fad230540f5e7cbd2b864333ecac65549c117e4607691d50e574a5d34944c4327936019cb0a2848dba8d32fe55d27c76bdef088d6d5bf198753e47b56de6be0ea6b2432ccdecd0e9ba1df12ea15f98413402d490f") format("truetype"),
  url("//cloud.webtype.com/webtype/ff2/4/c6f02c26-03ad-4383-8b1e-e5b95357e5f3?ec_token=8f7c4c4997246fd7fa920073c8943b56ae7d3c37cb07aca5824c409965cc1f6530c05dae25d8ce2a65c5c45d98d60b195326d139dbd7d4f3b252d271370c53a52335227173a0e84297902bfc9f96d0f3bcac5dd223d6c971be7a2dbc363d9917c9037d0c43684dfa5c39307eade122ba6721dbddcc052bcd3e40c66c51be9b76ca89c3816c2f989efe819c0c536ed091588d59014b07e767aa09773a2c9cc4c2793e#web") format("svg");
 font-style: normal;
 font-weight: bold;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*:focus {
  outline: none;
}
input,
button {
  box-sizing: border-box;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input:focus,
button:focus {
  outline: none;
}
::-webkit-input-placeholder {
  color: #d1d3d3;
}
::-moz-placeholder {
  color: #d1d3d3;
}
:-ms-input-placeholder {
  color: #d1d3d3;
}
:-moz-placeholder {
  color: #d1d3d3;
}
body {
  font-family: "Lato";
  letter-spacing: 0.02em;
  color: #392f2c;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}
body.disable-scrolling {
  position: fixed;
  overflow: hidden;
}
.border {
  position: relative;
  border-left: 20px solid #f1ede2;
  border-right: 20px solid #f1ede2;
  overflow: hidden;
  clear: both;
}
@media (max-width: 740px) {
  .border {
    border: none;
  }
}
.content {
  min-height: calc(100vh - 357px);
}
@media (max-width: 1040px) {
  .content {
    padding-top: 60px;
  }
}
.content .header img {
  float: left;
  width: 100%;
  height: auto;
}
.content .header.carousel {
  height: 320px;
  font-size: 0;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  background: #f1ede2;
  -webkit-overflow-scrolling: touch;
}
.content .header.carousel img {
  float: none;
  display: inline-block;
  width: auto;
  height: 320px;
  border-right: 6px solid white;
}
.content .header.carousel img:last-child {
  border: none;
}
.content .author {
  position: absolute;
  left: 50%;
  top: 40px;
  float: left;
  width: 200px;
  text-align: center;
  font-family: "Telefon";
  font-size: 15px;
  margin: 0 0 0 -500px;
}
.content .author.seller img {
  height: auto;
  border-radius: 0;
}
@media (max-width: 1080px) {
  .content .author {
    position: static;
    width: 100%;
    margin: 30px 0 20px 0;
  }
}
.content .author img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.content .author .name {
  display: block;
  font-weight: bold;
  color: #525349;
  margin: 10px 0;
}
.content .author .name a {
  text-decoration: none;
  color: #525349;
}
.content .author .name a:hover {
  text-decoration: underline;
}
.content .author .date {
  display: block;
  color: #525349;
}
.content .author .comments {
  color: #9a917c;
  cursor: pointer;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  font-family: "Telefon";
  max-width: 600px;
  color: #525349;
  line-height: 1.2em;
  letter-spacing: 0.04em;
  padding: 0 20px;
  margin: 40px auto 0 auto;
}
.content h1 a,
.content h2 a,
.content h3 a,
.content h4 a,
.content h5 a,
.content h6 a {
  text-decoration: none;
  color: #525349;
}
.content h1 a:hover,
.content h2 a:hover,
.content h3 a:hover,
.content h4 a:hover,
.content h5 a:hover,
.content h6 a:hover {
  text-decoration: underline;
}
.content h3 {
  font-size: 22px;
  line-height: 28px;
}
.content p {
  max-width: 600px;
  line-height: 32px;
  padding: 0 20px;
  margin: 20px auto;
}
.content p.wide {
  max-width: 1000px;
  margin: 40px auto;
}
.content p a {
  color: #b21e27;
}
.content ul,
.content ol {
  max-width: 600px;
  margin: 20px auto;
  padding: 0 0 0 40px;
}
.content ul li,
.content ol li {
  line-height: 1.5em;
  padding: 4px;
}
.content .tags {
  max-width: 1000px;
  line-height: 50px;
  color: #989898;
  margin: 40px auto;
  padding: 0 20px;
}
.content .tags .label {
  display: inline-block;
  text-align: center;
  width: 100px;
  height: 50px;
  font-size: 16px;
  letter-spacing: 0.02em;
  color: white;
  text-transform: uppercase;
  background-color: #b21e27;
  margin: 0 20px 0 0;
}
.content .tags a {
  color: #989898;
  text-decoration: none;
}
.content .tags a:hover {
  text-decoration: underline;
}
.content .tags .slash {
  color: #989898;
  padding: 0 10px;
}
.content .conversation {
  position: relative;
  max-width: 1000px;
  text-align: center;
  overflow: visible;
  margin: 0 auto 20px auto;
}
.content .conversation .view.comments {
  display: inline-block;
  font-family: "Telefon";
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #525349;
  border-bottom: 2px solid white;
  cursor: pointer;
  margin: 0 0 5px 0;
}
.content .conversation .view.comments:hover {
  border-bottom: 2px solid #525349;
}
.content .conversation .comments.bubble {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  font-size: 40px;
  color: #b21e27;
}
.content .conversation .comments.bubble:hover {
  color: #86171d;
  cursor: pointer;
}
.content .conversation .comments.bubble .count {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 24px;
  color: white;
  transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.content .conversation .comments.bubble .count.hidden {
  opacity: 0;
}
.content .conversation .comments.bubble .triangle {
  position: absolute;
  z-index: -1;
  top: 51px;
  left: 1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 28px 13px 0;
  border-color: transparent #b21e27 transparent transparent;
  transform: rotate(-45deg);
  transition: border-color 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.content .conversation .comments.bubble .triangle.hover {
  border-color: transparent #86171d transparent transparent;
}
.content .conversation .comments.bubble .fa-plus {
  top: 0.08em;
  left: 0.01em;
  opacity: 0;
  transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
.content .conversation .comments.bubble .fa-plus.visible {
  opacity: 1;
}
.content .conversation .previous,
.content .conversation .next {
  display: block;
  position: absolute;
  top: 0;
}
@media (max-width: 1080px) {
  .content .conversation .previous,
  .content .conversation .next {
    display: none;
  }
}
.content .conversation .previous .arrow,
.content .conversation .next .arrow {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #392f2c;
  background-size: 15px 15px;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 50%;
}
.content .conversation .previous a,
.content .conversation .next a {
  display: block;
  clear: both;
  font-family: "Telefon";
  text-decoration: none;
}
.content .conversation .previous a:hover,
.content .conversation .next a:hover {
  text-decoration: underline;
}
.content .conversation .previous a.category,
.content .conversation .next a.category {
  font-size: 15px;
  line-height: 15px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 12px 0 4px 0;
}
.content .conversation .previous a.title,
.content .conversation .next a.title {
  width: 250px;
  font-size: 18px;
  line-height: 18px;
  line-height: 22px;
  color: #525349;
}
.content .conversation .previous {
  left: 0;
  text-align: left;
}
.content .conversation .previous a {
  float: left;
}
.content .conversation .previous .arrow {
  background-image: url("https://d1vk052imodrb2.cloudfront.net/elements/arrow-left.svg");
}
.content .conversation .next {
  right: 0;
  text-align: right;
}
.content .conversation .next a {
  float: right;
}
.content .conversation .next .arrow {
  background-image: url("https://d1vk052imodrb2.cloudfront.net/elements/arrow-right.svg");
}
.content .instagram {
  max-width: 1000px;
  margin: 0 auto;
  overflow: auto;
}
.content .instagram .photo {
  box-sizing: border-box;
  float: left;
  max-width: 640px;
  padding: 5px;
}
@media (max-width: 1020px) {
  .content .instagram .photo {
    float: none;
    width: 100% !important;
    margin: 0 auto;
    padding: 10px 20px;
    border-left: none;
    border-right: none;
  }
}
@media (min-width: 1021px) {
  .content .instagram .photo:first-child {
    padding-left: none;
  }
  .content .instagram .photo:last-child {
    padding-right: none;
  }
}
.content .youtube-wrapper {
  position: relative;
  width: 100%;
}
.content .youtube-wrapper .youtube {
  height: 0;
  padding-bottom: 56.25%;
}
.content .youtube-wrapper .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .typeform-widget {
  position: relative;
  max-width: 600px;
  margin: 0 auto 40px auto;
}
.arrows {
  position: relative;
  height: 0;
}
.arrows.header {
  top: -160px;
}
.arrows.gallery {
  top: -200px;
}
.arrows.gallery.full-width {
  top: -280px;
}
@media (min-width: 1081px) {
  .arrows.gallery:not(.full-width) {
    display: none;
  }
}
.arrows .arrow {
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 50%;
  margin: -20px 0 0 0;
  cursor: pointer;
  transition: background-color 500ms;
}
.arrows .arrow:hover {
  background-color: rgba(0, 0, 0, 0.6);
  transition: background-color 500ms;
}
.arrows .arrow.previous {
  left: 30px;
  background-image: url("https://d1vk052imodrb2.cloudfront.net/elements/arrow-left.svg");
}
.arrows .arrow.next {
  right: 30px;
  background-image: url("https://d1vk052imodrb2.cloudfront.net/elements/arrow-right.svg");
}
.banner {
  background: #f1ede2;
  height: 0;
}
@media (max-width: 720px) {
  .banner {
    padding-bottom: 40%;
  }
}
@media (min-width: 721px) {
  .banner {
    padding-bottom: 25%;
  }
}
.banner img {
  width: 100%;
  height: auto;
  display: block;
}
.banner .mobile {
  display: none;
}
@media (max-width: 720px) {
  .banner .mobile {
    display: block;
  }
}
.banner .desktop {
  display: none;
}
@media (min-width: 721px) {
  .banner .desktop {
    display: block;
  }
}
.section {
  max-width: 1000px;
  position: relative;
  height: 81px;
  text-align: center;
  padding: 0 20px;
  margin: 0 auto;
}
@media (max-width: 500px) {
  .section {
    padding: 0;
  }
}
.section .title {
  position: relative;
  z-index: 1;
  display: inline-block;
  height: 81px;
  line-height: 82px;
  font-family: "Telefon";
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  color: #525349;
  letter-spacing: 0.15em;
  padding: 0 20px;
  background: white;
}
@media (max-width: 500px) {
  .section .title {
    font-size: 18px;
    padding: 0 10px;
  }
}
.section .line {
  position: absolute;
  top: 40px;
  right: 20px;
  left: 20px;
  height: 0;
  border-bottom: 1px solid #d1d3d3;
}
.category {
  color: #988f7a;
}
.category.gear {
  color: #5d8f3f;
}
.category.journal {
  color: #b21e27;
}
.category.travel {
  color: #E59500;
}
.category.market-finds {
  color: #598bad;
}
.category.reader-submissions {
  color: #525249;
}
.category.films {
  color: #b21e27;
}
.category.for-sale {
  color: #5d8f3f;
}
.category.sold {
  color: #b21e27;
}
.social .network {
  display: block;
  height: 40px;
  font-size: 20px;
  text-decoration: none;
  cursor: pointer;
  transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
.social .network.twitter {
  color: #61a9db;
}
.social .network.twitter:hover {
  color: #3792d2;
}
.social .network.youtube {
  color: #bf1e2d;
}
.social .network.youtube:hover {
  color: #931723;
}
.social .network.instagram {
  color: #392f2c;
}
.social .network.instagram:hover {
  color: #735e58;
}
.social .network.facebook {
  color: #1e75bb;
}
.social .network.facebook:hover {
  color: #175a8f;
}
.social .network.vimeo {
  color: #26a9e0;
}
.social .network.vimeo:hover {
  color: #1a8ab9;
}
.social .network .fa-stack {
  float: left;
  width: 40px;
  height: 40px;
}
.social .network .label {
  float: left;
  font-size: 16px;
  line-height: 60px;
  color: #52544a;
  letter-spacing: -0.02em;
}
.overlay {
  position: fixed;
  z-index: 7;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: black;
  visibility: hidden;
  opacity: 0;
  transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1), visibility 0s linear 500ms;
}
.overlay.visible {
  visibility: visible;
  opacity: 0.8;
  transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
.pswp__share-tooltip a {
  font-family: "Telefon";
  font-size: 16px;
  letter-spacing: 0.02em;
}
.pswp__counter {
  font-family: "Telefon";
  font-size: 15px;
  letter-spacing: 0.02em;
}
#menu {
  position: relative;
  z-index: 6;
  height: 120px;
  text-align: center;
  font-size: 0;
  background: white;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
@media (max-width: 1040px) {
  #menu {
    position: fixed;
    top: 0;
    left: -310px;
    bottom: 0;
    width: 300px;
    height: inherit;
    transition: left 500ms cubic-bezier(0.19, 1, 0.22, 1);
  }
  #menu.has-notification {
    top: 40px;
  }
  #menu.visible {
    left: 0;
  }
}
#menu .close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  display: none;
}
@media (max-width: 1040px) {
  #menu .close {
    display: block;
  }
}
#menu .user {
  position: absolute;
  top: 20px;
  left: 50%;
  width: 472px;
  text-align: right;
  overflow: visible;
}
@media (max-width: 1040px) {
  #menu .user {
    position: static;
    width: inherit;
    text-align: left;
    margin: 20px;
  }
}
#menu .user .cart {
  position: relative;
  float: right;
  width: 22px;
  height: 40px;
  margin: 0 15px 0 0;
  transition: opacity 250ms;
}
#menu .user .cart.hidden {
  opacity: 0;
}
@media (max-width: 1040px) {
  #menu .user .cart {
    display: none;
  }
}
#menu .user .cart img {
  position: absolute;
  top: 5px;
  left: 0;
  width: 22px;
  height: 26px;
}
#menu .user .cart .count {
  position: absolute;
  top: 15px;
  left: 0;
  width: 22px;
  text-align: center;
  font-family: "Telefon";
  font-size: 13px;
  font-weight: bold;
  color: #b21e27;
}
#menu .user .button {
  display: inline-block;
  height: 30px;
  text-align: center;
  line-height: 33px;
  font-family: "Telefon";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
}
#menu .user .button.signup {
  width: 98px;
  color: #b31c27;
  border: 2px solid #d7d1c4;
  margin: 2px 5px 0 0;
}
@media (max-width: 1040px) {
  #menu .user .button.signup {
    margin-top: 0;
  }
}
#menu .user .button.login {
  width: 90px;
  color: white;
  border: 2px solid #b31c27;
  background: #b31c27;
  margin: 2px 0 0 0;
}
@media (max-width: 1040px) {
  #menu .user .button.login {
    margin-top: 0;
  }
}
#menu .user a {
  float: right;
  display: block;
}
@media (max-width: 1040px) {
  #menu .user a {
    float: none;
  }
}
#menu .user a img.avatar {
  vertical-align: middle;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  margin: 0 10px 0 0;
}
@media (max-width: 1040px) {
  #menu .user a img.avatar {
    position: relative;
    top: -3px;
  }
}
#menu .user a .username {
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Telefon";
  font-weight: bold;
  letter-spacing: 0.08em;
  color: #525349;
}
@media (max-width: 1040px) {
  #menu .user a .username {
    position: relative;
    top: -3px;
  }
}
@media (max-width: 1040px) {
  #menu nav {
    text-align: left;
  }
}
#menu nav a {
  display: inline-block;
  vertical-align: top;
  height: 28px;
  line-height: 28px;
  font-family: "Telefon";
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  color: #525349;
  border-bottom: 2px solid white;
  margin: 80px 20px 0 20px;
}
@media (max-width: 1040px) {
  #menu nav a {
    float: left;
    width: inherit;
    margin: 5px 20px;
    clear: both;
  }
}
#menu nav a:hover,
#menu nav a.active {
  border-color: #b21e27;
}
#menu nav a.logo {
  position: relative;
  z-index: 1;
  margin: 20px 20px 0 20px;
}
@media (max-width: 1040px) {
  #menu nav a.logo {
    display: none;
  }
}
#menu nav a.logo:hover,
#menu nav a.logo.active {
  border: none;
}
#menu nav a.search {
  width: 28px;
  height: 28px;
  text-align: center;
  font-size: 15px;
  background: #d8d2c4;
  margin-top: 78px;
}
@media (max-width: 1040px) {
  #menu nav a.search {
    display: block;
    width: 140px;
    height: 50px;
    line-height: 51px;
    margin: 20px;
  }
}
@media (min-width: 1001px) {
  #menu nav a.search .fa-search {
    position: relative;
    top: 1px;
    transform: translateX(0.5px);
  }
  #menu nav a.search span {
    display: none;
  }
}
#menu nav a.search:hover,
#menu nav a.search.active {
  border: none;
}
#menu nav a.search .fa-search {
  color: #b31c27;
}
#fixed-header {
  position: fixed;
  z-index: 5;
  top: -40px;
  right: 0;
  width: 100%;
  height: 60px;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: top 300ms, opacity 100ms;
}
#fixed-header.has-notification {
  top: -100px;
  height: 100px;
}
#fixed-header.visible {
  opacity: 1;
  top: 0px;
}
@media (max-width: 1040px) {
  #fixed-header {
    display: none;
  }
}
#fixed-header .wrapper {
  width: 1000px;
  margin: 0 auto;
}
#fixed-header .wrapper .logo {
  display: block;
  float: left;
  height: 30px;
  margin: 13px 20px 0 0;
}
#fixed-header .wrapper .logo img {
  width: auto;
  height: 30px;
}
#fixed-header .wrapper a {
  float: left;
  height: 60px;
  line-height: 60px;
  font-family: "Telefon";
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  color: #525349;
  margin: 0 20px;
}
#fixed-header .wrapper a.search {
  width: 28px;
  height: 28px;
  line-height: 29px;
  text-align: center;
  font-size: 15px;
  background: #d8d2c4;
  margin-top: 16px;
}
#fixed-header .wrapper a.search:hover,
#fixed-header .wrapper a.search.active {
  border: none;
}
#fixed-header .wrapper a.search .fa-search {
  color: #b31c27;
  transform: translateX(0.5px);
}
#fixed-header .wrapper a.user {
  float: right;
  margin: 0;
}
#fixed-header .wrapper a.user img {
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  margin: 10px 10px 0 0;
}
#fixed-header .wrapper a.user .username {
  float: left;
}
#fixed-header .wrapper .links a {
  height: 42px;
  border-bottom: 2px solid white;
}
#fixed-header .wrapper .links a:hover,
#fixed-header .wrapper .links a.active {
  border-bottom-color: #b21e27;
}
#fixed-header .wrapper .cart {
  position: relative;
  float: right;
  width: 22px;
  height: 60px;
  margin: 0 15px 0 0;
  transition: opacity 250ms;
}
#fixed-header .wrapper .cart.hidden {
  opacity: 0;
}
#fixed-header .wrapper .cart img {
  position: absolute;
  top: 15px;
  left: 0;
}
#fixed-header .wrapper .cart .count {
  position: absolute;
  top: 3px;
  left: 0;
  width: 22px;
  text-align: center;
  font-family: "Telefon";
  font-size: 13px;
  font-weight: bold;
  color: #b21e27;
}
#fixed-header .wrapper .button {
  float: right;
  height: 30px;
  text-align: center;
  line-height: 33px;
  font-family: "Telefon";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
}
#fixed-header .wrapper .button.signup {
  width: 98px;
  color: #b31c27;
  border: 2px solid #d7d1c4;
  margin: 13px 5px 0 0;
}
@media (max-width: 1040px) {
  #fixed-header .wrapper .button.signup {
    margin-top: 0;
  }
}
#fixed-header .wrapper .button.login {
  width: 90px;
  color: white;
  border: 2px solid #b31c27;
  background: #b31c27;
  margin: 13px 0 0 0;
}
@media (max-width: 1040px) {
  #fixed-header .wrapper .button.login {
    margin-top: 0;
  }
}
#fixed-header .wrapper .category {
  display: inline-block;
  vertical-align: top;
  height: 60px;
  line-height: 60px;
  font-family: "Telefon";
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
#fixed-header .wrapper .title {
  display: inline-block;
  vertical-align: top;
  max-width: 450px;
  height: 60px;
  font-family: "Telefon";
  font-size: 15px;
  line-height: 60px;
  letter-spacing: 0.04em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#fixed-header .wrapper .social {
  float: right;
}
#fixed-header .wrapper .social .network {
  float: left;
  margin: 0 0 0 10px;
}
#fixed-header .wrapper .social .network.comments.bubble {
  position: relative;
  color: #b21e27;
}
#fixed-header .wrapper .social .network.comments.bubble:hover {
  color: #86171d;
}
#fixed-header .wrapper .social .network.comments.bubble .count {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: white;
  transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1);
}
#fixed-header .wrapper .social .network.comments.bubble .count.hidden {
  opacity: 0;
}
#fixed-header .wrapper .social .network .fa-stack {
  margin: 10px 4px 10px 0;
}
#fixed-header .wrapper .social .network .triangle {
  position: absolute;
  z-index: -1;
  top: 25px;
  left: -2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 28px 12px 0;
  border-color: transparent #b21e27 transparent transparent;
  transform: rotate(-45deg);
  transition: border-color 1s cubic-bezier(0.19, 1, 0.22, 1);
}
#fixed-header .wrapper .social .network .triangle.hover {
  border-color: transparent #86171d transparent transparent;
}
#fixed-header .wrapper .social .fa-plus {
  transform: translateX(0.5px);
  transform: translateY(0.75px);
  opacity: 0;
  transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
#fixed-header .wrapper .social .fa-plus.visible {
  opacity: 1;
}
#fixed-header .wrapper .inquire {
  float: right;
  width: 100px;
  height: 36px;
  text-align: center;
  line-height: 38px;
  font-family: "Telefon";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: white;
  background: #b21e27;
  margin: 12px 0 12px 20px;
  cursor: pointer;
}
#fixed-header .wrapper .inquire.signup {
  width: 98px;
  color: #b31c27;
  border: 2px solid #d7d1c4;
  margin: 2px 5px 0 0;
}
@media (max-width: 1040px) {
  #fixed-header .wrapper .inquire.signup {
    margin-top: 0;
  }
}
#fixed-header .progress {
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 5px;
}
#fixed-header .progress .bar {
  width: 0;
  height: 5px;
  background-color: #b21e27;
}
#mobile-header {
  position: fixed;
  z-index: 5;
  top: 0;
  width: 100%;
  height: 60px;
  text-align: center;
  background: white;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  display: none;
}
@media (max-width: 1040px) {
  #mobile-header {
    display: block;
  }
}
#mobile-header.has-notification {
  top: 40px;
}
#mobile-header .fa-bars {
  position: absolute;
  top: 18px;
  left: 18px;
  font-size: 24px;
  color: #b21e27;
  cursor: pointer;
}
#mobile-header a.logo img {
  margin: 10px 0 0 0;
}
#mobile-header .social {
  position: absolute;
  top: 0;
  right: 0;
}
#mobile-header .social .network {
  float: left;
  margin: 10px 10px 10px 0;
}
#mobile-header .social .network:first-child {
  margin: 10px 0;
}
#mobile-header .button {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 85px;
  height: 36px;
  text-align: center;
  line-height: 38px;
  font-family: "Telefon";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  color: white;
  background: #b21e27;
  cursor: pointer;
}
#mobile-header .button.hidden {
  display: none;
}
#mobile-header .cart {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 60px;
  margin: 0 18px 0 0;
  transition: opacity 250ms;
}
#mobile-header .cart.hidden {
  opacity: 0;
}
#mobile-header .cart img {
  position: absolute;
  top: 15px;
  left: 0;
}
#mobile-header .cart .count {
  position: absolute;
  top: 25px;
  left: 0;
  width: 22px;
  text-align: center;
  font-family: "Telefon";
  font-size: 13px;
  font-weight: bold;
  color: #b21e27;
}
#footer {
  color: #525349;
}
#footer .wrapper {
  max-width: 1000px;
  text-align: center;
  border-top: 1px solid #d1d3d3;
  overflow: auto;
  font-family: "Telefon";
  font-weight: bold;
  padding: 20px 0;
  margin: 40px auto 0 auto;
}
@media (max-width: 1080px) {
  #footer .wrapper {
    padding: 40px 20px 0 20px;
  }
}
#footer .wrapper .logo {
  float: left;
  margin-right: 40px;
}
@media (max-width: 1080px) {
  #footer .wrapper .logo {
    float: none;
    margin: 0;
  }
}
#footer .wrapper .links {
  float: left;
  height: 100px;
  text-transform: uppercase;
  overflow: auto;
}
@media (max-width: 1080px) {
  #footer .wrapper .links {
    float: none;
    height: auto;
    margin: 10px 0 0 0;
  }
}
#footer .wrapper .links .column {
  float: left;
  text-align: left;
  margin: 17px 0;
  padding: 0 20px 0 0;
}
#footer .wrapper .links .column:last-child {
  padding: 0;
}
@media (max-width: 1080px) {
  #footer .wrapper .links .column {
    float: none;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
  }
}
#footer .wrapper .links .column a {
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: #525349;
  text-decoration: none;
}
#footer .wrapper .social {
  float: left;
  text-transform: uppercase;
  height: 100px;
  text-align: left;
  border-left: 1px solid #d1d3d3;
  margin: 0 0 0 40px;
  padding: 0 0 0 40px;
}
@media (max-width: 1080px) {
  #footer .wrapper .social {
    float: none;
    display: inline-block;
    margin: 20px 0;
    padding: 0;
    border-top: 1px solid #d1d3d3;
    border-left: none;
  }
}
#footer .wrapper .social .network {
  float: left;
  margin: 18px 8px 0 -2px;
}
@media (max-width: 1080px) {
  #footer .wrapper .social .network {
    margin: 10px 8px 0 0;
  }
  #footer .wrapper .social .network:last-child {
    margin-right: 0;
  }
}
#footer .wrapper .social p {
  font-size: 12px;
  line-height: 12px;
  color: inherit;
  margin: 0;
  padding: 0;
}
@media (max-width: 1080px) {
  #footer .wrapper .social p {
    padding: 20px 0 0 0;
    text-align: center;
  }
}
#footer .copyright {
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-family: "Telefon";
  font-size: 16px;
  color: white;
  background: #525349;
}
#home .thumbnails.films {
  padding: 20px 0 0 0;
}
#home a.view-all {
  display: block;
  width: 320px;
  height: 37px;
  line-height: 41px;
  text-align: center;
  font-family: "Telefon";
  font-weight: bold;
  font-size: 16px;
  color: #d8d2c4;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.08em;
  margin: 0 auto 20px auto;
  border: 2px solid #d8d2c4;
  transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
@media (max-width: 1080px) {
  #home a.view-all {
    display: block;
    width: auto;
    margin: 20px;
  }
}
#home a.view-all:hover {
  transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1);
  color: #b21e27;
}
#home a.view-all.selected {
  transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1), background 500ms cubic-bezier(0.19, 1, 0.22, 1), border 500ms cubic-bezier(0.19, 1, 0.22, 1);
  background: #b21e27;
  color: white;
  border-color: #b21e27;
}
#home a.divider {
  position: relative;
  width: 100%;
  float: left;
}
#home a.divider img {
  float: left;
}
#home a.divider img.play {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin: -60px 0 0 -60px;
  transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1), background-color 500ms cubic-bezier(0.19, 1, 0.22, 1);
  cursor: pointer;
}
@media (max-width: 900px) {
  #home a.divider img.play {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
  }
}
#home a.divider img.play:hover {
  background-color: #b21e27;
  transform: scale(1.2);
  transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1), background-color 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
#home .ad-wrapper {
  text-align: center;
  margin: 20px 0 0 0;
}
#home .ad-wrapper .ad {
  display: inline-block;
}
@media (min-width: 1050px) {
  #home .ad-wrapper .ad.desktop {
    display: block;
  }
  #home .ad-wrapper .ad.mobile {
    display: none;
  }
}
@media (max-width: 1049px) {
  #home .ad-wrapper .ad.desktop {
    display: none;
  }
  #home .ad-wrapper .ad.mobile {
    display: block;
  }
}
#home .carousel,
#shop .carousel {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
}
#home .carousel.desktop,
#shop .carousel.desktop {
  padding-bottom: 33.33%;
  background: #f1ede2;
  display: none;
}
@media (min-width: 721px) {
  #home .carousel.desktop,
  #shop .carousel.desktop {
    display: block;
  }
}
#home .carousel.mobile,
#shop .carousel.mobile {
  padding-bottom: 54.72%;
  display: none;
}
@media (max-width: 720px) {
  #home .carousel.mobile,
  #shop .carousel.mobile {
    display: block;
  }
}
#home .carousel.featured,
#shop .carousel.featured {
  position: relative;
}
#home .carousel.featured .slide a,
#shop .carousel.featured .slide a {
  display: block;
  float: left;
  overflow: auto;
}
#home .carousel.featured .slide a img,
#shop .carousel.featured .slide a img {
  float: left;
  width: 660px;
}
#home .carousel.featured .slide .details .category,
#shop .carousel.featured .slide .details .category {
  display: block;
  width: 100%;
  font-family: "Telefon";
  font-size: 15px;
  line-height: 15px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
}
#home .carousel.featured .slide .details .title,
#shop .carousel.featured .slide .details .title {
  display: block;
  width: 100%;
  font-family: "Telefon";
  font-size: 20px;
  line-height: 1.25em;
  letter-spacing: -0.02em;
  text-decoration: none;
  color: #392f2c;
  margin: 5px 0 10px 0;
}
#home .carousel.featured .slide .details .title:hover,
#shop .carousel.featured .slide .details .title:hover {
  text-decoration: underline;
}
@media (max-width: 1080px) {
  #home .carousel.featured,
  #shop .carousel.featured {
    width: inherit;
    max-width: 660px;
    height: inherit;
    margin: 0 auto;
  }
  #home .carousel.featured .slide a,
  #shop .carousel.featured .slide a {
    float: none;
  }
  #home .carousel.featured .slide a img,
  #shop .carousel.featured .slide a img {
    width: 100%;
    max-width: 660px;
  }
  #home .carousel.featured .slide .details .category,
  #shop .carousel.featured .slide .details .category {
    margin: 10px 0 0 0;
  }
}
@media (max-width: 700px) {
  #home .carousel.featured,
  #shop .carousel.featured {
    margin: 0 20px;
  }
}
@media (min-width: 1081px) {
  #home .carousel.featured,
  #shop .carousel.featured {
    width: 1000px;
    height: 372px;
    margin: 0 auto;
  }
  #home .carousel.featured .details,
  #shop .carousel.featured .details {
    margin: 0 0 0 680px;
  }
  #home .carousel.featured .details .category,
  #shop .carousel.featured .details .category {
    margin: 60px 0 0 0;
  }
  #home .carousel.featured .details .description,
  #shop .carousel.featured .details .description {
    font-size: 16px;
    line-height: 1.5em;
  }
  #home .carousel.featured .slick-prev,
  #shop .carousel.featured .slick-prev,
  #home .carousel.featured .slick-next,
  #shop .carousel.featured .slick-next {
    background-color: #f1ede2;
  }
  #home .carousel.featured .slick-prev:hover,
  #shop .carousel.featured .slick-prev:hover,
  #home .carousel.featured .slick-next:hover,
  #shop .carousel.featured .slick-next:hover {
    background-color: #b21e27;
  }
  #home .carousel.featured .slick-prev,
  #shop .carousel.featured .slick-prev {
    top: 20px !important;
    right: 50px;
    left: inherit;
  }
  #home .carousel.featured .slick-next,
  #shop .carousel.featured .slick-next {
    top: 20px !important;
    right: 0;
  }
}
#home .carousel .slide,
#shop .carousel .slide {
  position: relative;
  float: left;
  transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
#home .carousel .slide img,
#shop .carousel .slide img {
  float: left;
  width: 100%;
  height: auto;
}
#home .carousel .slide img.play,
#shop .carousel .slide img.play {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin: -60px 0 0 -60px;
  transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1), background-color 500ms cubic-bezier(0.19, 1, 0.22, 1);
  cursor: pointer;
}
@media (max-width: 900px) {
  #home .carousel .slide img.play,
  #shop .carousel .slide img.play {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
  }
}
#home .carousel .slide img.play:hover,
#shop .carousel .slide img.play:hover {
  background-color: #b21e27;
  transform: scale(1.2);
  transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1), background-color 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
#home .carousel .slide .slide-content,
#shop .carousel .slide .slide-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-size: 0;
}
#home .carousel .slide .slide-content:before,
#shop .carousel .slide .slide-content:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
#home .carousel .slide .slide-content .content-wrapper,
#shop .carousel .slide .slide-content .content-wrapper {
  width: 90%;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 400px) {
  #home .carousel .slide .slide-content .content-wrapper,
  #shop .carousel .slide .slide-content .content-wrapper {
    transform: scale(0.6);
  }
}
@media (min-width: 401px) {
  #home .carousel .slide .slide-content .content-wrapper,
  #shop .carousel .slide .slide-content .content-wrapper {
    transform: scale(0.7);
  }
}
@media (min-width: 600px) {
  #home .carousel .slide .slide-content .content-wrapper,
  #shop .carousel .slide .slide-content .content-wrapper {
    transform: scale(0.8);
  }
}
@media (min-width: 721px) {
  #home .carousel .slide .slide-content .content-wrapper,
  #shop .carousel .slide .slide-content .content-wrapper {
    transform: scale(0.7);
  }
}
@media (min-width: 800px) {
  #home .carousel .slide .slide-content .content-wrapper,
  #shop .carousel .slide .slide-content .content-wrapper {
    transform: scale(0.8);
  }
}
@media (min-width: 1000px) {
  #home .carousel .slide .slide-content .content-wrapper,
  #shop .carousel .slide .slide-content .content-wrapper {
    transform: scale(0.9);
  }
}
@media (min-width: 1200px) {
  #home .carousel .slide .slide-content .content-wrapper,
  #shop .carousel .slide .slide-content .content-wrapper {
    transform: scale(1);
  }
}
@media (min-width: 1600px) {
  #home .carousel .slide .slide-content .content-wrapper,
  #shop .carousel .slide .slide-content .content-wrapper {
    transform: scale(1.1);
  }
}
@media (min-width: 1800px) {
  #home .carousel .slide .slide-content .content-wrapper,
  #shop .carousel .slide .slide-content .content-wrapper {
    transform: scale(1.2);
  }
}
#home .carousel .slide .slide-content .content-wrapper h2,
#shop .carousel .slide .slide-content .content-wrapper h2 {
  font-size: 48px;
  line-height: 1em;
  padding: 20px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0;
  margin: 0 auto 40px auto;
}
@media (max-width: 1000px) {
  #home .carousel .slide .slide-content .content-wrapper h2,
  #shop .carousel .slide .slide-content .content-wrapper h2 {
    margin: 0 auto 20px auto;
  }
}
@media (max-width: 360px) {
  #home .carousel .slide .slide-content .content-wrapper h2,
  #shop .carousel .slide .slide-content .content-wrapper h2 {
    display: none;
  }
}
#home .carousel .slide .slide-content .content-wrapper p,
#shop .carousel .slide .slide-content .content-wrapper p {
  max-width: 500px;
  font-family: "Telefon";
  font-size: 28px;
  line-height: 1.25em;
  padding: 0;
  margin: 0 auto;
}
@media (max-width: 1000px) {
  #home .carousel .slide .slide-content .content-wrapper p,
  #shop .carousel .slide .slide-content .content-wrapper p {
    display: none;
  }
}
#home .carousel .slide .slide-content .content-wrapper button,
#shop .carousel .slide .slide-content .content-wrapper button {
  position: relative;
  width: 210px;
  height: 60px;
  line-height: 62px;
  font-family: "Telefon";
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  padding: 0;
  margin: 40px 0 0 0;
  border: none;
  cursor: pointer;
  transition: background-color 500ms;
}
@media (max-width: 1000px) {
  #home .carousel .slide .slide-content .content-wrapper button,
  #shop .carousel .slide .slide-content .content-wrapper button {
    margin: 0 auto 20px auto;
  }
}
#home .carousel .slide .slide-content .content-wrapper button .border,
#shop .carousel .slide .slide-content .content-wrapper button .border {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  border-width: 2px;
  border-style: solid;
}
#home .carousel .slick-prev,
#shop .carousel .slick-prev,
#home .carousel .slick-next,
#shop .carousel .slick-next {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  margin-top: -20px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: background-color 500ms;
  cursor: pointer;
}
#home .carousel .slick-prev:hover,
#shop .carousel .slick-prev:hover,
#home .carousel .slick-next:hover,
#shop .carousel .slick-next:hover {
  background-color: rgba(0, 0, 0, 0.6);
  transition: background-color 500ms;
}
#home .carousel .slick-prev::before,
#shop .carousel .slick-prev::before,
#home .carousel .slick-next::before,
#shop .carousel .slick-next::before {
  display: none;
}
#home .carousel .slick-prev,
#shop .carousel .slick-prev {
  left: 30px;
  background-image: url("https://d1vk052imodrb2.cloudfront.net/elements/arrow-left.svg");
}
#home .carousel .slick-next,
#shop .carousel .slick-next {
  right: 30px;
  background-image: url("https://d1vk052imodrb2.cloudfront.net/elements/arrow-right.svg");
}
#home .dots,
#shop .dots {
  text-align: center;
}
#home .dots.desktop,
#shop .dots.desktop {
  display: none;
}
@media (min-width: 721px) {
  #home .dots.desktop,
  #shop .dots.desktop {
    display: block;
  }
}
#home .dots.mobile,
#shop .dots.mobile {
  display: none;
}
@media (max-width: 720px) {
  #home .dots.mobile,
  #shop .dots.mobile {
    display: block;
  }
}
#home .dots .slick-dots,
#shop .dots .slick-dots {
  display: inline-block;
  padding: 0;
  margin: 20px auto 0 auto;
  overflow: auto;
}
#home .dots .slick-dots li,
#shop .dots .slick-dots li {
  float: left;
  width: 15px;
  height: 15px;
  list-style: none;
  padding: 0 2px;
}
#home .dots .slick-dots li button,
#shop .dots .slick-dots li button {
  display: block;
  width: 15px;
  height: 15px;
  font-size: 0;
  background: #c0c0c0;
  border: none;
  border-radius: 50%;
  padding: 0;
  cursor: pointer;
  transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
#home .dots .slick-dots li button:hover,
#shop .dots .slick-dots li button:hover {
  background: black;
}
#home .dots .slick-dots li.slick-active button,
#shop .dots .slick-dots li.slick-active button {
  background: #b31c27;
}
#shop .carousel.desktop,
#shop .carousel.mobile {
  background: black;
}
#shop .carousel img {
  opacity: 0.5;
}
.thumbnails {
  font-family: "Telefon";
  margin: 0 auto;
  overflow: auto;
}
.thumbnails .thumbnail {
  overflow: hidden;
}
.thumbnails .thumbnail .image-wrapper {
  position: relative;
  display: block;
  overflow: hidden;
}
.thumbnails .thumbnail .image-wrapper .draft {
  position: absolute;
  z-index: 1;
  top: 17px;
  right: -25px;
  width: 100px;
  height: 21px;
  text-align: center;
  line-height: 23px;
  font-family: "Telefon";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.08em;
  color: white;
  text-transform: uppercase;
  background: #b21e27;
  transform: rotate(45deg);
}
.thumbnails .thumbnail .image-wrapper .image {
  height: 0;
}
.thumbnails .thumbnail .image-wrapper .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.thumbnails .thumbnail .image-wrapper img.play {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: -25px 0 0 -25px;
  transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1), background-color 500ms cubic-bezier(0.19, 1, 0.22, 1);
  cursor: pointer;
}
.thumbnails .thumbnail .image-wrapper img.play:hover {
  background-color: #b21e27;
  transform: scale(1.2);
  transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1), background-color 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
.thumbnails .thumbnail .image-wrapper .stats {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  letter-spacing: 0.04em;
  color: white;
  padding: 15px;
  background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}
.thumbnails .thumbnail .image-wrapper .stats .fa-camera-retro {
  float: left;
  margin-right: 8px;
}
.thumbnails .thumbnail .image-wrapper .stats .count {
  float: left;
}
.thumbnails .thumbnail .image-wrapper .up-next {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  line-height: 32px;
  font-size: 14px;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0 0 0 13px;
  background-color: rgba(178, 30, 39, 0.7);
  opacity: 1;
  transition: opacity 1s;
}
.thumbnails .thumbnail .image-wrapper .up-next.hidden {
  opacity: 0;
}
.thumbnails .thumbnail a.category {
  display: inline-block;
  font-size: 15px;
  line-height: 15px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
}
.thumbnails .thumbnail a.title {
  display: block;
  font-size: 20px;
  font-weight: normal;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #392e2c;
  text-decoration: none;
}
.thumbnails .thumbnail a.title:hover {
  text-decoration: underline;
}
.thumbnails .thumbnail .date {
  font-size: 16px;
  color: #c5c5c5;
  margin: 2px 0 0 0;
}
.thumbnails .thumbnail.product {
  float: left;
  height: 0;
  margin: 0 20px 20px 0;
}
.thumbnails .thumbnail.product .flag {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 30px;
  line-height: 32px;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #b21e27;
  box-shadow: -1px 0 3px rgba(0, 0, 0, 0.1);
  padding: 0 20px;
  margin: 20px 0 0 0;
}
.thumbnails .thumbnail.product .image-wrapper {
  width: 100%;
  height: 0;
  padding-bottom: 120%;
  background-color: #f2f2f2;
  transition: background-color 500ms;
}
.thumbnails .thumbnail.product .image-wrapper:hover {
  background-color: #e2e2e2;
}
.thumbnails .thumbnail.product .image-wrapper .sold-out {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-family: "Telefon";
  font-size: 20px;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.4);
}
.thumbnails .thumbnail.product .image-wrapper .sold-out::before {
  position: relative;
  display: inline-block;
  height: 100%;
  content: "";
  letter-spacing: 0.04em;
  vertical-align: middle;
}
.thumbnails .thumbnail.product .image-wrapper .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  text-align: center;
  font-size: 0;
}
.thumbnails .thumbnail.product .image-wrapper .image:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.thumbnails .thumbnail.product .image-wrapper .image img {
  position: static;
  width: auto;
  height: auto;
  max-width: calc(100% - 40px);
  max-height: calc(100% - 40px);
  vertical-align: middle;
}
.thumbnails .thumbnail.product .title {
  text-align: left;
  font-size: 14px;
  line-height: 16px;
  margin: 10px 0 0 0;
}
.thumbnails .thumbnail.product .price {
  float: right;
  margin-bottom: 16px;
  margin-left: 20px;
  text-align: right;
}
.thumbnails .thumbnail.product .price .regular {
  text-decoration: line-through;
}
.thumbnails .thumbnail.product .price .sale {
  font-weight: bold;
  color: #b21e27;
}
.thumbnails.brands,
.thumbnails.artists {
  text-align: center;
  padding: 0 20px;
}
.thumbnails.brands .thumbnail,
.thumbnails.artists .thumbnail {
  position: relative;
  float: left;
  width: calc(50% - 10px);
  background: black;
}
.thumbnails.brands .thumbnail .wrapper,
.thumbnails.artists .thumbnail .wrapper {
  width: 100%;
  padding-bottom: 60%;
  font-size: 0;
}
.thumbnails.brands .thumbnail .wrapper img,
.thumbnails.artists .thumbnail .wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0.5;
  transition: opacity 500ms;
}
.thumbnails.brands .thumbnail .wrapper .name,
.thumbnails.artists .thumbnail .wrapper .name {
  position: absolute;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: white;
}
.thumbnails.brands .thumbnail .wrapper .name:before,
.thumbnails.artists .thumbnail .wrapper .name:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
@media (max-width: 740px) {
  .thumbnails.articles {
    padding: 0 20px;
  }
  .thumbnails.articles .thumbnail {
    margin: 0 auto 20px auto;
  }
  .thumbnails.articles .thumbnail .image-wrapper {
    float: left;
    width: 120px;
  }
  .thumbnails.articles .thumbnail .image-wrapper .image {
    padding-bottom: 100%;
  }
  .thumbnails.articles .thumbnail .category {
    margin: 0 0 0 10px;
  }
  .thumbnails.articles .thumbnail .title {
    margin: 0 0 0 130px;
  }
  .thumbnails.articles .thumbnail .date {
    margin: 2px 0 0 130px;
  }
  .thumbnails.articles .thumbnail.film .image-wrapper {
    width: 120px;
    height: 120px;
    overflow: hidden;
  }
  .thumbnails.articles .thumbnail.film .image-wrapper .image img {
    width: 213px;
    height: 120px;
    margin: 0 0 0 -47px;
  }
}
@media (max-width: 740px) {
  .thumbnails.films {
    padding: 0 20px;
  }
  .thumbnails.films .thumbnail {
    max-width: 320px;
    margin: 0 auto 30px auto;
  }
  .thumbnails.films .thumbnail .image-wrapper {
    max-width: 320px;
  }
  .thumbnails.films .thumbnail .image-wrapper .image {
    padding-bottom: 56.25%;
  }
  .thumbnails.films .thumbnail .category {
    margin: 10px 0 5px 0;
  }
}
@media (max-width: 1080px) {
  .thumbnails.listings {
    padding: 0 20px;
  }
  .thumbnails.listings .thumbnail {
    max-width: 490px;
    margin: 0 auto 30px auto;
  }
  .thumbnails.listings .thumbnail .image-wrapper {
    max-width: 490px;
  }
  .thumbnails.listings .thumbnail .image-wrapper .image {
    padding-bottom: 75.10%;
  }
  .thumbnails.listings .thumbnail .category {
    margin: 10px 0 5px 0;
  }
}
@media (max-width: 740px) {
  .thumbnails.brands .thumbnail,
  .thumbnails.artists .thumbnail {
    width: 100%;
    margin: 0 0 20px 0;
  }
}
@media (min-width: 741px) and (max-width: 1080px) {
  .thumbnails.articles {
    width: 660px;
  }
  .thumbnails.articles .thumbnail {
    float: left;
    width: 320px;
    height: 441px;
    margin: 0 20px 20px 0;
  }
  .thumbnails.articles .thumbnail:nth-child(even) {
    margin: 0 0 20px 0;
  }
  .thumbnails.articles .thumbnail .image-wrapper {
    float: left;
    width: 320px;
  }
  .thumbnails.articles .thumbnail .image-wrapper .image {
    padding-bottom: 100%;
  }
  .thumbnails.articles .thumbnail .category {
    margin: 10px 0 0 0;
  }
  .thumbnails.articles .thumbnail.film .image-wrapper .image {
    padding-bottom: 56.25%;
  }
}
@media (min-width: 741px) and (max-width: 1080px) {
  .thumbnails.films {
    width: 660px;
  }
  .thumbnails.films .thumbnail {
    float: left;
    width: 320px;
    height: 296px;
    margin: 0 20px 20px 0;
  }
  .thumbnails.films .thumbnail:nth-child(even) {
    margin: 0 0 20px 0;
  }
  .thumbnails.films .thumbnail .image-wrapper {
    float: left;
    width: 320px;
  }
  .thumbnails.films .thumbnail .image-wrapper .image {
    padding-bottom: 56.25%;
  }
  .thumbnails.films .thumbnail .category {
    margin: 10px 0 0 0;
  }
}
@media (min-width: 1081px) {
  .thumbnails.listings {
    width: 1000px;
  }
  .thumbnails.listings .thumbnail {
    float: left;
    width: 490px;
    height: 476px;
    margin: 0 20px 20px 0;
  }
  .thumbnails.listings .thumbnail:nth-child(even) {
    margin: 0 0 20px 0;
  }
  .thumbnails.listings .thumbnail .image-wrapper {
    float: left;
    width: 490px;
  }
  .thumbnails.listings .thumbnail .image-wrapper .image {
    padding-bottom: 75.10%;
  }
  .thumbnails.listings .thumbnail .category {
    margin: 10px 0 0 0;
  }
}
@media (max-width: 490px) {
  .thumbnails.products {
    padding: 0 20px;
  }
  .thumbnails.products .thumbnail {
    width: calc(50% - 10px);
    padding-bottom: calc((1.2 * (50% - 10px)) + 90px);
  }
  .thumbnails.products .thumbnail:nth-child(2n) {
    margin: 0 0 20px 0;
  }
  .thumbnails.products.latest .thumbnail:last-child {
    display: none;
  }
}
@media (min-width: 741px) {
  .thumbnails.brands,
  .thumbnails.artists {
    max-width: 1000px;
  }
  .thumbnails.brands .thumbnail,
  .thumbnails.artists .thumbnail {
    margin: 0 20px 20px 0;
  }
  .thumbnails.brands .thumbnail:nth-child(even),
  .thumbnails.artists .thumbnail:nth-child(even) {
    margin: 0 0 20px 0;
  }
}
@media (min-width: 1081px) {
  .thumbnails.articles {
    width: 1000px;
  }
  .thumbnails.articles .thumbnail {
    float: left;
    width: 320px;
    height: 441px;
    margin: 0 0 20px 0;
  }
  .thumbnails.articles .thumbnail:nth-child(3n+2) {
    margin: 0 20px 20px 20px;
  }
  .thumbnails.articles .thumbnail .image-wrapper {
    float: left;
    width: 320px;
  }
  .thumbnails.articles .thumbnail .image-wrapper .image {
    padding-bottom: 100%;
  }
  .thumbnails.articles .thumbnail .category {
    margin: 10px 0 0 0;
  }
  .thumbnails.articles .thumbnail.film .image-wrapper .image {
    padding-bottom: 56.25%;
  }
}
@media (min-width: 1081px) {
  .thumbnails.films {
    width: 1000px;
  }
  .thumbnails.films .thumbnail {
    float: left;
    width: 320px;
    height: 296px;
    margin: 0 0 20px 0;
  }
  .thumbnails.films .thumbnail:nth-child(3n+2) {
    margin: 0 20px 20px 20px;
  }
  .thumbnails.films .thumbnail .image-wrapper {
    float: left;
    width: 320px;
  }
  .thumbnails.films .thumbnail .image-wrapper .image {
    padding-bottom: 56.25%;
  }
  .thumbnails.films .thumbnail .category {
    margin: 10px 0 0 0;
  }
}
@media (min-width: 491px) and (max-width: 745px) {
  .thumbnails.products {
    max-width: 1000px;
    padding: 0 20px;
  }
  .thumbnails.products .thumbnail {
    width: calc(33.3% - 13.3px);
    padding-bottom: calc((1.2 * (33.3% - 13.3px)) + 90px);
  }
  .thumbnails.products .thumbnail:nth-child(3n) {
    margin: 0 0 20px 0;
  }
  .thumbnails.products.apparel .thumbnail:last-child,
  .thumbnails.products.art .thumbnail:last-child,
  .thumbnails.products.books .thumbnail:last-child,
  .thumbnails.products.toys .thumbnail:last-child,
  .thumbnails.products.related .thumbnail:last-child {
    display: none;
  }
}
@media (min-width: 746px) {
  .thumbnails.products {
    max-width: 1000px;
    padding: 0 20px;
  }
  .thumbnails.products .thumbnail {
    width: calc(25% - 15px);
    padding-bottom: calc((1.2 * (25% - 15px)) + 90px);
  }
  .thumbnails.products .thumbnail:nth-child(4n) {
    margin: 0 0 20px 0;
  }
  .thumbnails.products.latest .thumbnail:last-child {
    display: none;
  }
}
#user {
  letter-spacing: .02em;
  text-align: center;
  font-family: "Telefon";
  color: #9a917c;
}
#user.seller .profile img {
  width: auto;
  height: 200px;
  border-radius: 0;
}
#user.seller .profile .name {
  margin: 20px 40px;
}
#user.seller .profile .description {
  font-size: 24px;
  margin: 0 0 80px 0;
}
#user .profile img {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  margin: 40px 0 10px 0;
}
#user .profile .name {
  font-weight: normal;
  font-size: 24px;
  color: #525349;
}
#user .profile .location {
  font-size: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin: 5px 0 20px 0;
}
#user .profile .bio {
  max-width: 500px;
  font-size: 20px;
  letter-spacing: 0;
  margin: 0 auto 40px auto;
}
#user .error p {
  box-sizing: border-box;
  max-width: 1000px;
  font-size: 16px;
  font-weight: bold;
  line-height: 60px;
  color: #b21e27;
  background: #f6f7f8;
  margin: 0 auto 20px auto;
}
#user .updated p {
  box-sizing: border-box;
  max-width: 1000px;
  font-size: 16px;
  font-weight: bold;
  line-height: 60px;
  color: #5d8f3f;
  background: #f6f7f8;
  margin: 0 auto 20px auto;
}
#user input,
#user textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 280px;
  height: 36px;
  font-family: "Lato";
  font-size: 15px;
  margin: 0 auto;
  border: 2px solid #d8d2c4;
  margin: 0 auto 10px auto;
  padding: 0 10px;
  color: #525349;
}
#user textarea {
  height: 108px;
  resize: none;
  padding: 10px;
  color: #525349;
}
#user .button {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  max-width: 280px;
  height: 46px;
  text-align: center;
  line-height: 45px;
  font-family: "Telefon";
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
  padding: 0 20px;
}
#user .button.update-photo {
  color: #b31c27;
  border: 2px solid #d7d1c4;
  margin: 20px 0 30px 0;
}
#user .button.update-fields {
  color: white;
  border: 2px solid #b31c27;
  background: #b31c27;
}
#user .logout {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  color: #b21e27;
  text-transform: uppercase;
  text-decoration: none;
  margin: 40px 0;
}
#user .logout:hover {
  text-decoration: underline;
}
#user form.wpua-edit {
  display: none;
}
#film .header {
  position: relative;
  background: black;
}
#film .header .player {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}
#film .header .player.fullscreen {
  position: fixed;
  max-width: inherit;
  z-index: 3;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: black;
  overflow: hidden;
}
#film .header .player .wrapper {
  height: 0;
  max-width: 1000px;
  z-index: 0;
  top: 0;
  left: 0;
  padding-bottom: 56.25%;
  margin: 0 auto;
}
#film .header .player .wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 1s, visibility 0s linear 0s;
  visibility: visible;
}
#film .header .player .wrapper iframe.hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s, visibility 0s linear 1s;
}
#film .header .player .wrapper #preview-player {
  z-index: 2;
}
#film .header .player .wrapper .up-next {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-family: "Telefon";
  color: white;
  transition: opacity 1s;
}
#film .header .player .wrapper .up-next.hidden {
  opacity: 0;
}
#film .header .player .wrapper .up-next .heading {
  position: relative;
  max-width: 600px;
  height: 1em;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 80px auto 20px auto;
  padding: 0 20px;
}
@media (max-width: 800px) {
  #film .header .player .wrapper .up-next .heading {
    font-size: 22px;
    margin: 60px auto 20px auto;
  }
}
@media (max-width: 640px) {
  #film .header .player .wrapper .up-next .heading {
    font-size: 20px;
    margin: 40px auto 20px auto;
  }
}
@media (max-width: 500px) {
  #film .header .player .wrapper .up-next .heading {
    font-size: 18px;
    margin: 20px auto 10px auto;
  }
}
@media (max-width: 400px) {
  #film .header .player .wrapper .up-next .heading {
    font-size: 16px;
  }
}
#film .header .player .wrapper .up-next .heading .line {
  float: left;
  width: calc(50% - 3em);
  height: 1em;
}
#film .header .player .wrapper .up-next .heading .line hr {
  margin: 0.4em 0;
}
#film .header .player .wrapper .up-next .heading .text {
  float: left;
  width: 6em;
  line-height: 1em;
}
#film .header .player .wrapper .up-next .title {
  max-width: 600px;
  font-family: "Telefon";
  font-size: 36px;
  padding: 0 20px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  #film .header .player .wrapper .up-next .title {
    font-size: 32px;
  }
}
@media (max-width: 640px) {
  #film .header .player .wrapper .up-next .title {
    font-size: 28px;
  }
}
@media (max-width: 500px) {
  #film .header .player .wrapper .up-next .title {
    max-width: inherit;
    font-size: 24px;
  }
}
@media (max-width: 400px) {
  #film .header .player .wrapper .up-next .title {
    font-size: 20px;
  }
}
#film .header .player .wrapper .up-next .countdown {
  position: relative;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.04em;
  margin: 10px auto 0 auto;
}
@media (max-width: 640px) {
  #film .header .player .wrapper .up-next .countdown {
    display: none;
  }
}
#film .header .player .wrapper .up-next .countdown .circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #b21e27;
  border-radius: 50%;
  transition-property: transform;
  transition-duration: 300ms;
}
#film .header .player .wrapper .up-next .countdown .circle.larger {
  transform: scale(1.1);
  transition-duration: 0ms;
}
#film .header .player .wrapper .up-next .countdown .number {
  position: relative;
  top: 0.025em;
  left: 0.025em;
}
#film .header .player .wrapper .up-next .film-overlay {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.6;
}
#film .header .player .wrapper .watch-now {
  position: absolute;
  z-index: 6;
  left: 50%;
  bottom: 80px;
  width: 10em;
  height: 2em;
  line-height: 2.3em;
  font-family: "Telefon";
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.08em;
  margin: 0 0 0 -5em;
  color: #d8d2c4;
  border: 1px solid #d8d2c4;
  cursor: pointer;
  transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
#film .header .player .wrapper .watch-now:hover {
  color: #b21e27;
}
#film .header .player .wrapper .watch-now.hidden {
  display: none;
}
@media (max-width: 800px) {
  #film .header .player .wrapper .watch-now {
    font-size: 16px;
    bottom: 60px;
  }
}
@media (max-width: 640px) {
  #film .header .player .wrapper .watch-now {
    font-size: 14px;
    bottom: 40px;
  }
}
@media (max-width: 500px) {
  #film .header .player .wrapper .watch-now {
    font-size: 14px;
    bottom: 20px;
  }
}
#film .header .player .wrapper #youtube-player {
  z-index: 4;
}
#film .header .player .wrapper #jw-player {
  z-index: 4;
}
#film .details {
  max-width: 1000px;
  margin: 40px auto 0 auto;
  padding: 0 20px;
  overflow: hidden;
}
@media (max-width: 740px) {
  #film .details {
    margin: 20px auto 0 auto;
  }
}
#film .details .left {
  float: left;
  width: calc(100% - 200px);
}
@media (max-width: 740px) {
  #film .details .left {
    width: 100%;
  }
}
#film .details .left h1 {
  max-width: 650px;
  font-size: 28px;
  padding: 0 20px 0 0;
  margin: 0;
  transition: color 3s cubic-bezier(0.19, 1, 0.22, 1);
}
#film .details .left h1.muted {
  color: #c5c5c5;
}
@media (max-width: 740px) {
  #film .details .left h1 {
    font-size: 24px;
  }
}
#film .details .left .date {
  font-family: "Telefon";
  font-size: 16px;
  color: #c5c5c5;
  letter-spacing: 0.02em;
  margin: 10px 0 0 0;
}
@media (max-width: 740px) {
  #film .details .left .date {
    margin: 10px 0 20px 0;
  }
}
#film .details .right .conversation {
  margin: 0;
}
@media (min-width: 741px) and (max-width: 1080px) {
  #film .thumbnails .thumbnail:nth-child(3) {
    display: none;
  }
}
.modal {
  position: fixed;
  z-index: 8;
  text-align: center;
  background: white;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  visibility: hidden;
  opacity: 0;
  transform: translateY(-40px);
  transition: opacity 100ms, transform 200ms, visibility 0s linear 200ms;
}
.modal.visible {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 200ms, transform 200ms;
}
.modal .header {
  height: 280px;
  background-size: cover;
  background-position: center center;
  margin: 0 0 20px 0;
  overflow: auto;
}
.modal .header .close {
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  background-image: url("https://d1vk052imodrb2.cloudfront.net/elements/close.svg");
  background-size: 30px 30px;
  cursor: pointer;
}
.modal .header h2 {
  font-family: "Telefon";
  text-align: center;
  font-size: 28px;
  color: #525349;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin: 40px 0 0 0;
}
.modal .header p {
  max-width: 560px;
  font-size: 14px;
  line-height: 1.5em;
  margin: 10px auto;
}
@media (max-width: 600px) {
  .modal .header p {
    margin: 10px 20px;
  }
}
.modal .header p .link {
  border-bottom: 1px solid #525349;
  cursor: pointer;
}
.modal.signup,
.modal.login,
.modal.reset {
  top: 50%;
  left: 50%;
  width: 640px;
  height: 640px;
  margin: -320px 0 0 -320px;
}
@media (max-width: 680px), (max-height: 680px) {
  .modal.signup,
  .modal.login,
  .modal.reset {
    width: auto;
    height: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
  }
}
.modal.signup .wp-social-login-connect-with,
.modal.login .wp-social-login-connect-with,
.modal.reset .wp-social-login-connect-with {
  display: none;
}
.modal.signup .header {
  background-image: url("https://d1vk052imodrb2.cloudfront.net/elements/modal-header-signup.jpg");
}
.modal.signup .wp-social-login-provider::before {
  content: "Sign up with ";
}
.modal.login .header {
  background-image: url("https://d1vk052imodrb2.cloudfront.net/elements/modal-header-login.jpg");
}
.modal.login .header h2 {
  color: white;
}
.modal.login .header p {
  color: white;
}
.modal.login .header p .link {
  color: white;
  border-color: white;
}
.modal.login .wp-social-login-provider::before {
  content: "Log in with ";
}
.modal.reset .header {
  background-image: url("https://d1vk052imodrb2.cloudfront.net/elements/modal-header-login.jpg");
}
.modal.reset .header h2 {
  color: white;
}
.modal.reset .header p {
  color: white;
}
.modal.reset .header p .link {
  color: white;
  border-color: white;
}
.modal .wp-social-login-provider-list {
  width: 280px;
  padding: 0;
  margin: 0 auto 20px auto;
}
.modal .wp-social-login-provider-list a {
  display: block;
  width: 280px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 15px;
  letter-spacing: 0.02em;
  color: white;
}
.modal .wp-social-login-provider-list a.wp-social-login-provider-facebook {
  background: #324d8e;
  margin: 0 0 5px 0;
}
.modal .wp-social-login-provider-list a.wp-social-login-provider-google {
  background: #d5472e;
}
.modal form input {
  box-sizing: border-box;
  display: block;
  width: 280px;
  height: 36px;
  font-family: "Lato";
  font-size: 15px;
  margin: 0 auto;
  border: 2px solid #d8d2c4;
  margin: 0 auto 10px auto;
  padding: 0 10px;
}
.modal form button {
  display: block;
  box-sizing: border-box;
  width: 280px;
  height: 46px;
  line-height: 48px;
  font-family: "Telefon";
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: white;
  background: #b21e27;
  border: none;
  margin: 0 auto;
  padding: 0;
  cursor: pointer;
}
.modal form .message {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #b21e27;
  margin: 20px 0 10px 0;
}
.modal form .message.success {
  color: #5d8f3f;
}
.modal form .link {
  display: inline-block;
  font-size: 14px;
  font-style: italic;
  color: #525349;
  cursor: pointer;
}
.gallery-wrapper {
  position: relative;
  margin: 40px auto;
  -webkit-overflow-scrolling: touch;
}
.gallery-wrapper.full-width {
  width: 100%;
  height: 320px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  background: #f1ede2;
}
@media (max-width: 1080px) {
  .gallery-wrapper {
    width: 100%;
    height: 320px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    background: #f1ede2;
  }
}
.gallery-wrapper .gallery {
  max-width: 1000px;
  margin: 10px auto;
  overflow: hidden;
}
.gallery-wrapper .gallery.auto img {
  margin: 0 10px 10px 0;
}
.gallery-wrapper .gallery img {
  float: left;
  cursor: pointer;
  margin: 0 10px 0 0;
}
.gallery-wrapper .gallery img.right {
  margin-right: 0;
}
.gallery-wrapper .gallery img.bottom {
  margin-bottom: 0;
}
.gallery-wrapper .gallery.full-width {
  display: inline-block;
  max-width: inherit;
  height: 320px;
  font-size: 0;
  margin: 0;
  white-space: nowrap;
}
.gallery-wrapper .gallery.full-width:last-child img:last-child {
  border-right: none;
}
.gallery-wrapper .gallery.full-width img {
  display: inline-block;
  float: none;
  height: 320px;
  width: auto;
  border-right: 6px solid white;
  margin: 0;
}
.gallery-wrapper .gallery.full-width.auto img {
  margin: 0;
}
@media (max-width: 1080px) {
  .gallery-wrapper .gallery {
    display: inline-block;
    max-width: inherit;
    height: 320px;
    font-size: 0;
    margin: 0;
    white-space: nowrap;
  }
  .gallery-wrapper .gallery:last-child img:last-child {
    border-right: none;
  }
  .gallery-wrapper .gallery img {
    display: inline-block;
    float: none;
    height: 320px;
    width: auto;
    border-right: 6px solid white;
    margin: 0;
  }
  .gallery-wrapper .gallery.auto img {
    margin: 0;
  }
}
.lifestyle-gallery.full-width {
  height: 480px;
  background: #f3f3f3;
}
.lifestyle-gallery.full-width .gallery.full-width {
  height: 480px;
}
.lifestyle-gallery.full-width .gallery.full-width img {
  height: 480px;
  border-right-width: 3px;
}
#comments-drawer {
  position: fixed;
  z-index: 7;
  top: 0;
  right: -800px;
  bottom: 0;
  width: 600px;
  background: #f6f7f8;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transition: right 750ms cubic-bezier(0.19, 1, 0.22, 1);
}
@media (max-width: 800px) {
  #comments-drawer {
    width: 100%;
  }
}
#comments-drawer.visible {
  right: 0px;
}
#comments-drawer .header {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0 20px 0 0;
  background: #f6f7f8;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
#comments-drawer .header .close {
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 34px;
  cursor: pointer;
  margin: 13px;
}
#comments-drawer .header .button {
  display: block;
  float: right;
  height: 30px;
  text-align: center;
  line-height: 33px;
  font-family: "Telefon";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
}
#comments-drawer .header .button.signup {
  width: 98px;
  color: #b31c27;
  border: 2px solid #d7d1c4;
  margin: 13px 5px 0 0;
}
#comments-drawer .header .button.login {
  width: 90px;
  color: white;
  border: 2px solid #b31c27;
  background: #b31c27;
  margin: 13px 13px 0 0;
}
#comments-drawer a.user {
  float: right;
  display: block;
  text-decoration: none;
}
#comments-drawer a.user img {
  vertical-align: middle;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  margin: 10px;
}
#comments-drawer a.user .username {
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Telefon";
  font-weight: bold;
  letter-spacing: 0.08em;
  color: #525349;
  margin: 0 20px 0 0;
}
#comments-drawer .wpdiscuz-loading-bar {
  position: fixed;
  width: 40px;
  height: 40px;
  top: inherit;
  bottom: 0;
  right: 0;
  opacity: 0;
}
#comments-drawer .wc-comment-title {
  display: none;
}
#comments-drawer #wc-comment-header {
  display: none;
}
#comments-drawer #wpcomm {
  position: absolute;
  top: 60px;
  right: 0;
  bottom: 0;
  width: 100%;
  border: none;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
#comments-drawer #wpcomm .wpdiscuz-form-top-bar {
  display: none;
}
#comments-drawer #wpcomm .wpdiscuz-form-bottom-bar {
  display: none;
}
#comments-drawer #wpcomm .avatar {
  width: 48px;
  height: 48px;
  border: none;
  border-radius: 50%;
  padding: 0;
  margin: 0 10px 0 0 !important;
  box-shadow: none;
}
#comments-drawer #wpcomm .wc-form-wrapper {
  background: transparent;
  border: none;
  padding: 0;
}
#comments-drawer #wpcomm .wc-form-wrapper.wc-secondary-form-wrapper .sort-buttons {
  display: none;
}
#comments-drawer #wpcomm .wc-form-wrapper .alert {
  top: 0;
  color: #b21e27;
  background: #f1ede2;
  border-radius: 0;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-field-comment {
  margin: 0;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-field-comment .wc-field-avatararea {
  display: none;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-field-comment .wc-field-textarea {
  margin: 0;
  padding: 0;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-field-comment .wc-field-textarea .wpdiscuz-textarea-wrap {
  border: none;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-field-comment .wc-field-textarea .wpdiscuz-textarea-wrap textarea {
  display: block;
  font-family: "Lato";
  height: 120px !important;
  padding: 20px;
  font-size: 16px;
  line-height: 20px;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-field-comment .wc-field-textarea .wpdiscuz-textarea-wrap .wpdiscuz-textarea-foot {
  width: inherit;
  border: none;
  margin: 0;
  padding: 0;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-field-comment .wc-field-textarea .wpdiscuz-textarea-wrap .wpdiscuz-textarea-foot .wmu-multiple {
  display: none !important;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-field-comment .wc-field-textarea .wpdiscuz-textarea-wrap .wpdiscuz-textarea-foot .wpdiscuz-button-actions {
  background: #e8eaeb;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-field-comment .wc-field-textarea .wpdiscuz-textarea-wrap .wpdiscuz-textarea-foot .wpdiscuz-button-actions .wmu-image-tab {
  display: inline-block !important;
  padding: 10px;
  margin: 0;
  border-top: 1px solid rgba(153, 145, 124, 0.25);
  border-bottom: 1px solid rgba(153, 145, 124, 0.25);
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-field-comment .wc-field-textarea .wpdiscuz-textarea-wrap .wpdiscuz-textarea-foot .wpdiscuz-button-actions .wmu-image-tab .wmu-top-title {
  display: none;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-field-comment .wc-field-textarea .wpdiscuz-textarea-wrap .wpdiscuz-textarea-foot .wpdiscuz-button-actions .wmu-image-tab .wmu-add {
  float: left;
  margin: 0 5px 0 0;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-field-comment .wc-field-textarea .wpdiscuz-textarea-wrap .wpdiscuz-textarea-foot .wpdiscuz-button-actions .wmu-image-tab .wmu-add .wmu-add-icon {
  width: 60px;
  height: 40px;
  line-height: 41px;
  background: none;
  cursor: pointer;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-field-comment .wc-field-textarea .wpdiscuz-textarea-wrap .wpdiscuz-textarea-foot .wpdiscuz-button-actions .wmu-image-tab .wmu-add .wmu-add-icon::after {
  font-family: "FontAwesome";
  content: "\f083\00a0";
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-field-comment .wc-field-textarea .wpdiscuz-textarea-wrap .wpdiscuz-textarea-foot .wpdiscuz-button-actions .wmu-image-tab .wmu-preview {
  float: left;
  box-sizing: border-box;
  width: auto;
  min-width: 62px;
  height: 42px;
  margin: 0 5px 0 0;
  border: none;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-field-comment .wc-field-textarea .wpdiscuz-textarea-wrap .wpdiscuz-textarea-foot .wpdiscuz-button-actions .wmu-image-tab .wmu-preview .wmu-preview-remove img {
  height: 42px;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-field-comment .wc-field-textarea .wpdiscuz-textarea-wrap .wpdiscuz-textarea-foot .wpdiscuz-button-actions .wmu-image-tab .wmu-preview .wmu-preview-remove img[src=""] {
  display: none;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-field-comment .wc-field-textarea .wpdiscuz-textarea-wrap .wpdiscuz-textarea-foot .wpdiscuz-button-actions .wmu-image-tab .wmu-preview .wmu-preview-remove .wmu-delete {
  text-align: center;
  background: none;
  color: white;
  opacity: 1;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-field-comment .wc-field-textarea .wpdiscuz-textarea-wrap .wpdiscuz-textarea-foot .wpdiscuz-button-actions .wmu-image-tab .wmu-preview .wmu-preview-remove .wmu-delete::after {
  font-family: "FontAwesome";
  content: "\f014\00a0";
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-field-comment .wc-field-textarea .autogrow-textarea-mirror {
  height: 120px !important;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-field-comment .wc_comm_form {
  margin: 0;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-form-footer {
  display: block !important;
  margin: 0;
  background: #e8eaeb;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-form-footer input {
  font-family: "Lato";
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-form-footer .wpd-field-icon {
  display: none;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-form-footer .wpd-form-col-left {
  box-sizing: border-box;
  width: 50%;
  padding: 10px 5px 10px 10px;
}
@media (max-width: 800px) {
  #comments-drawer #wpcomm .wc-form-wrapper .wc-form-footer .wpd-form-col-left {
    width: 50%;
    float: left;
  }
}
@media (max-width: 540px) {
  #comments-drawer #wpcomm .wc-form-wrapper .wc-form-footer .wpd-form-col-left {
    width: 100%;
    float: none;
    padding: 10px;
  }
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-form-footer .wpd-form-col-left .wpdiscuz-item {
  padding: 0;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-form-footer .wpd-form-col-left .wpdiscuz-item input {
  height: 34px;
  border: none;
  box-shadow: none;
  padding: 0 8px;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-form-footer .wpd-form-col-left .wpdiscuz-item input.wc_name {
  margin: 0 0 10px 0;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-form-footer .wpd-form-col-right {
  float: right;
  box-sizing: border-box;
  width: 50%;
  padding: 10px 10px 10px 5px;
}
@media (max-width: 800px) {
  #comments-drawer #wpcomm .wc-form-wrapper .wc-form-footer .wpd-form-col-right {
    width: 50%;
    float: left;
  }
}
@media (max-width: 540px) {
  #comments-drawer #wpcomm .wc-form-wrapper .wc-form-footer .wpd-form-col-right {
    width: 100%;
    float: none;
    padding: 0 10px 10px 10px;
  }
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-form-footer .wpd-form-col-right .wc-field-captcha {
  padding: 0;
  border: none;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-form-footer .wpd-form-col-right .wc-field-captcha .wc-captcha-input {
  width: 'calc(100% - 118px)';
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-form-footer .wpd-form-col-right .wc-field-captcha .wc-captcha-input input {
  height: 34px;
  padding: 0 8px;
  box-shadow: none;
  border: none;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-form-footer .wpd-form-col-right .wc-field-captcha .wc-captcha-label {
  background: #e6e6e6;
  width: 108px;
  height: 34px;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-form-footer .wpd-form-col-right .wc-field-captcha .wc-captcha-label img {
  margin: 3px 0 0 0;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-form-footer .wpd-form-col-right .wc-field-submit {
  padding: 10px 0 0 0;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-form-footer .wpd-form-col-right .wc-field-submit .wc_notification_checkboxes {
  padding: 10px 0 20px 0;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-form-footer .wpd-form-col-right .wc-field-submit .wpd_label {
  display: none;
}
#comments-drawer #wpcomm .wc-form-wrapper .wc-form-footer .wpd-form-col-right .wc-field-submit .button {
  height: 30px;
  line-height: 32px;
  font-family: "Telefon";
  font-weight: bold;
  font-size: 14px;
  border: none;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  background: #b21e27;
  padding: 0 20px;
  cursor: pointer;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
}
@media (max-width: 420px) {
  #comments-drawer #wpcomm .wc-form-wrapper .wc-form-footer .wpd-form-col-right .wc-field-submit .button {
    width: 100%;
    max-width: 100%;
    height: 40px;
    line-height: 42px;
  }
}
#comments-drawer #wpcomm .wc-form-wrapper .sort-buttons {
  border-top: 1px solid #9a917c;
  border-bottom: 1px solid #9a917c;
  overflow: auto;
  cursor: pointer;
}
#comments-drawer #wpcomm .wc-form-wrapper .sort-buttons .sort-button {
  box-sizing: border-box;
  float: left;
  width: 50%;
  height: 50px;
  text-align: center;
  font-family: "Telefon";
  font-size: 18px;
  line-height: 18px;
  color: #525349;
}
#comments-drawer #wpcomm .wc-form-wrapper .sort-buttons .sort-button:first-child {
  border-right: 1px solid #9a917c;
}
#comments-drawer #wpcomm .wc-form-wrapper .sort-buttons .sort-button span {
  display: inline-block;
  border-bottom: 2px solid transparent;
  padding: 17px 0 2px 0;
}
#comments-drawer #wpcomm .wc-form-wrapper .sort-buttons .sort-button span.active {
  border-bottom: 2px solid #b21e27;
}
#comments-drawer #wpcomm .wpdiscuz-front-actions {
  display: none;
}
#comments-drawer #wpcomm hr {
  display: none;
}
#comments-drawer #wpcomm .wc-thread-wrapper {
  border: none;
  padding: 0;
  margin: 0;
}
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment {
  position: relative;
  padding: 0;
  margin: 0;
}
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment.wc-reply {
  padding: 20px 0 0 0;
  margin: 0 !important;
  background: #e8eaeb;
}
@media (max-width: 800px) and (max-width: 800px) {
  #comments-drawer #wpcomm .wc-thread-wrapper .wc-comment.wc-reply .wc-comment-right {
    padding: 0 20px 20px 20px;
    margin: 0px 0 0 78px;
  }
}
@media (min-width: 651px) {
  #comments-drawer #wpcomm .wc-thread-wrapper .wc-comment.wc-reply .wc-comment-left {
    margin: 0 0 0 78px;
  }
  #comments-drawer #wpcomm .wc-thread-wrapper .wc-comment.wc-reply .wc-comment-right {
    margin: 0 0 0 136px;
  }
}
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment.wc-reply .wc-reply-button {
  display: none;
}
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-left {
  width: 48px;
  margin: 0 0 0 20px;
}
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-left .wpd-xborder {
  display: none;
}
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right {
  border: none;
  padding: 0 20px 20px 0;
  margin: 20px 0 0 78px;
}
@media (max-width: 800px) {
  #comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right {
    padding: 0 20px 20px 20px;
    margin: 20px 0 0 78px;
  }
}
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-header {
  border: none;
  margin: 0;
  overflow: auto;
}
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-header .wc-comment-author {
  width: 100%;
  float: none;
  height: 18px;
  line-height: 18px;
  font-family: "Telefon";
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.04em;
  margin: 8px 0 0 0;
  padding: 0;
}
@media (max-width: 800px) {
  #comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-header .wc-comment-author {
    margin: 5px 0 0 0;
  }
}
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-header .wc-comment-link {
  display: none;
}
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-text {
  font-size: 15px !important;
  line-height: 1.5em;
  margin: 0 0 10px 0;
  padding: 0;
}
@media (max-width: 800px) {
  #comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-text {
    margin: 20px 0 10px 0;
  }
}
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-text p {
  padding: 0;
  line-height: 1.5em;
}
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-text p:last-child {
  margin: 0 0 20px 0;
}
@media (max-width: 420px) {
  #comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-text p {
    margin: 0 0 10px 0;
  }
}
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-text a {
  color: #b21e27;
}
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-attachments img {
  width: auto;
  height: 100px;
  border: 0;
}
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer {
  border: none;
  margin: 0;
  padding: 0;
}
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer .wc-footer-left {
  padding: 0;
}
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer .wc-footer-left .wc-vote-link {
  min-width: inherit;
  border: none;
  background: none;
  padding: 0;
  color: #888;
}
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer .wc-footer-left .wc-vote-link .fa-thumbs-up {
  position: relative;
  top: -1px;
}
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer .wc-footer-left .wc-vote-link .fa-thumbs-down {
  position: relative;
  top: 1px;
}
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer .wc-footer-left .wc-vote-result {
  min-width: 10px;
  font-family: "Telefon";
  font-weight: bold;
  border: none;
  color: #888;
}
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer .wc-footer-left .wc-cta-button,
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer .wc-footer-left .wc-cta-button-x {
  font-family: "Telefon";
  font-size: 12px;
  background: none !important;
  border: none !important;
  color: #888 !important;
  padding: 0;
  margin: 4px 0 0 10px;
}
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer .wc-footer-left .wc-cta-button:hover,
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer .wc-footer-left .wc-cta-button-x:hover {
  background: none !important;
  color: #888 !important;
  border: none !important;
}
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer .wc-footer-right {
  padding: 0;
}
#comments-drawer #wpcomm.wpdiscuz_unauth .wc-thread-wrapper {
  top: 335px;
}
@media (max-width: 540px) {
  #comments-drawer #wpcomm.wpdiscuz_unauth .wc-thread-wrapper {
    top: 419px;
  }
}
#error {
  text-align: center;
}
#error img {
  width: auto;
  height: 150px;
  margin: 50px 0 20px 0;
}
#error h1 {
  text-align: center;
  font-family: "Telefon";
  font-size: 48px;
  margin: 0 auto;
  color: #525349;
}
#error p {
  font-family: "Telefon";
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  max-width: 340px;
  margin: 0 auto;
  padding: 10px 20px 30px 20px;
  color: #525349;
}
#error hr {
  width: 100px;
  border: none;
  border-top: 3px solid #f1ede2;
  margin: 0 auto 30px auto;
}
.pagination {
  margin: 40px 0;
  text-align: center;
}
.pagination a,
.pagination span {
  font-family: "Telefon";
  font-size: 18px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0 6px;
  border-right: 1px solid #d1d3d3;
}
.pagination a:last-child,
.pagination span:last-child {
  border: none;
}
.pagination span {
  color: #d1d3d3;
}
.pagination a {
  color: #b21e27;
  text-decoration: none;
}
#listings .links {
  max-width: 488px;
  text-align: center;
  margin: 40px auto 10px auto;
  overflow: auto;
}
#listings .links a {
  float: left;
  width: 220px;
  height: 37px;
  line-height: 41px;
  text-align: center;
  font-family: "Telefon";
  font-weight: bold;
  font-size: 16px;
  color: #d8d2c4;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.08em;
  margin: 0 10px;
  border: 2px solid #d8d2c4;
  transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
@media (max-width: 508px) {
  #listings .links a {
    float: none;
    display: block;
    width: auto;
    margin: 10px 20px;
  }
}
#listings .links a:hover {
  transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1);
  color: #b21e27;
}
#reset {
  text-align: center;
}
#reset img {
  width: auto;
  height: 150px;
  margin: 50px 0 20px 0;
}
#reset h1 {
  text-align: center;
  font-family: "Telefon";
  font-size: 24px;
  text-transform: uppercase;
  margin: 0 auto;
  color: #525349;
}
#reset p {
  font-family: "Telefon";
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  max-width: 340px;
  margin: 0 auto;
  padding: 10px 20px 30px 20px;
  color: #525349;
}
#reset form input {
  box-sizing: border-box;
  display: block;
  width: 280px;
  height: 36px;
  font-family: "Lato";
  font-size: 15px;
  margin: 0 auto;
  border: 2px solid #d8d2c4;
  margin: 0 auto 10px auto;
  padding: 0 10px;
}
#reset form button {
  display: block;
  box-sizing: border-box;
  width: 280px;
  height: 46px;
  line-height: 48px;
  font-family: "Telefon";
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: white;
  background: #b21e27;
  border: none;
  margin: 0 auto;
  padding: 0;
  cursor: pointer;
}
#reset form .message {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #b21e27;
  margin: 20px 0 10px 0;
}
#listing .action h3 {
  text-align: center;
  margin: 0 auto;
}
#listing .action .button {
  display: block;
  box-sizing: border-box;
  width: 200px;
  height: 46px;
  line-height: 48px;
  text-align: center;
  font-family: "Telefon";
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: white;
  text-decoration: none;
  background: #b21e27;
  border: none;
  margin: 20px auto 0 auto;
  padding: 0;
  cursor: pointer;
}
#listing .action .learn-more {
  box-sizing: border-box;
  max-width: 600px;
  background: #f6f7f8;
  padding: 40px;
  margin: 40px auto;
}
#search form {
  position: relative;
  max-width: 1000px;
  margin: 40px auto 20px auto;
  border-bottom: 1px solid #d1d3d3;
}
@media (max-width: 1080px) {
  #search form {
    margin: 40px 20px 20px 20px;
  }
}
#search form .fa-search {
  position: absolute;
  top: 15px;
  left: 0;
  font-size: 30px;
  color: #d1d3d3;
}
#search form input {
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  font-family: "Telefon";
  font-size: 32px;
  letter-spacing: 0.02em;
  color: #525349;
  border: none;
  padding: 0 98px 0 40px;
  appearance: none;
}
@media (max-width: 400px) {
  #search form input {
    font-size: 24px;
  }
}
#search form button {
  position: absolute;
  top: 12px;
  right: 0;
  height: 36px;
  line-height: 34px;
  text-align: center;
  font-family: "Telefon";
  font-size: 14px;
  font-weight: bold;
  color: #d8d2c4;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.08em;
  padding: 0 18px;
  border: 2px solid #d8d2c4;
  background: transparent;
  cursor: pointer;
  appearance: none;
  transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
#search form button:hover {
  transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1);
  color: #b21e27;
}
#search .filters {
  text-align: center;
  font-size: 0;
  margin: 20px 0;
}
#search .filters .filter {
  display: inline-block;
  height: 32px;
  line-height: 34px;
  text-align: center;
  font-family: "Telefon";
  font-size: 14px;
  font-weight: bold;
  color: #d8d2c4;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.08em;
  margin: 0 3px;
  padding: 0 20px;
  border: 2px solid #d8d2c4;
  cursor: pointer;
  transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
#search .filters .filter:hover {
  transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1);
  color: #b21e27;
}
#search .filters .filter.active {
  background: #b21e27;
  color: white;
  border-color: #b21e27;
}
#browse {
  max-width: 720px;
  padding: 20px 0;
  margin: 0 auto;
}
@media (max-width: 800px) {
  #browse {
    max-width: 480px;
  }
}
#browse h1 {
  text-align: center;
  margin: 40px auto;
}
#browse .column {
  width: 160px;
  float: left;
  text-align: center;
  margin: 20px 40px;
}
@media (max-width: 480px) {
  #browse .column {
    width: 100%;
    margin: 20px 0;
  }
}
#browse .column img {
  width: 30px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
#browse .column h2 {
  font-family: "Telefon";
  color: #aa091d;
  font-size: 20px;
  text-transform: uppercase;
  padding: 0;
  margin: 10px 0 20px 0;
}
#browse .column a {
  display: block;
  font-size: 15px;
  color: #525349;
  line-height: 30px;
}
.shop {
  padding: 60px 0 0 0;
  min-height: calc(100vh - 297px);
  text-align: center;
}
.shop#related {
  min-height: inherit;
}
.shop.has-notification {
  padding: 100px 0 0 0;
}
.shop .header {
  position: relative;
  height: 180px;
  text-align: center;
  font-family: "Telefon";
  overflow: hidden;
  background: black;
}
.shop .header img.background {
  object-fit: cover;
  height: 100%;
  opacity: 0.6;
}
.shop .header .info-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-size: 0;
}
.shop .header .info-wrapper:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.shop .header .info-wrapper .info {
  display: inline-block;
  vertical-align: middle;
}
.shop .header .info-wrapper .info img.logomark {
  float: none;
  width: auto;
  height: auto;
  max-width: 500px;
  max-height: 100px;
  margin: 0 auto;
}
.shop .header .info-wrapper .info .name {
  font-size: 42px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: white;
}
.shop .header .info-wrapper .info .description {
  max-width: 500px;
  font-size: 18px;
  line-height: 1.5em;
  color: white;
  margin: 20px auto 0 auto;
}
.shop .breadcrumb {
  max-width: 1000px;
  text-align: left;
  font-family: "Telefon";
  font-size: 14px;
  line-height: 14px;
  color: #392f2c;
  padding: 0 20px;
  margin: 20px auto;
}
.shop .breadcrumb a {
  color: #392f2c;
  text-decoration: none;
}
.shop .breadcrumb a:hover {
  text-decoration: underline;
}
.shop .breadcrumb .separator {
  padding: 0 4px;
}
.shop .breadcrumb .separator::after {
  content: "/";
}
.shop .breadcrumb .active {
  color: #514845;
}
.shop .section .title {
  font-weight: normal;
}
.shop:not(#shop) .section {
  height: auto;
  text-align: left;
  margin: 0 auto 20px auto;
  padding: 0 20px;
}
.shop:not(#shop) .section .title {
  display: block;
  height: auto;
  line-height: 1em;
  color: #392f2c;
  border-bottom: 1px solid #d1d3d3;
  padding: 0 0 10px 0;
}
.shop .controls {
  padding: 0 20px 20px 20px;
}
.shop .controls.desktop {
  max-width: 1000px;
  text-align: left;
  margin: -10px auto 13px auto;
}
@media (max-width: 740px) {
  .shop .controls.desktop {
    display: none;
  }
}
.shop .controls.desktop .filter a,
.shop .controls.desktop .order a {
  font-family: "Telefon";
  font-size: 14px;
  color: #87888a;
  text-decoration: none;
  border-right: 1px solid #c8c8c8;
  padding: 0 10px;
}
.shop .controls.desktop .filter a.active,
.shop .controls.desktop .order a.active {
  font-weight: bold;
  color: #514845;
}
.shop .controls.desktop .filter a:first-child,
.shop .controls.desktop .order a:first-child {
  padding: 0 10px 0 0;
}
.shop .controls.desktop .filter a:last-child,
.shop .controls.desktop .order a:last-child {
  border: none;
  padding-right: 0;
}
.shop .controls.desktop .order {
  float: right;
}
.shop .controls.mobile {
  display: none;
  overflow: auto;
}
@media (max-width: 740px) {
  .shop .controls.mobile {
    display: block;
  }
}
.shop .controls.mobile .select-wrapper {
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 100%;
  color: #525349;
  overflow: hidden;
  border: 1px solid #d1d3d3;
}
.shop .controls.mobile .select-wrapper:first-child {
  margin: 0 6px 0 0;
}
.shop .controls.mobile .select-wrapper.half {
  width: calc(50% - 3px);
}
.shop .controls.mobile .select-wrapper select {
  width: 100%;
  height: 30px;
  line-height: 32px;
  font-family: "Telefon";
  font-size: 14px;
  color: #392f2c;
  letter-spacing: 0.04em;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  padding: 0 10px;
  background: transparent;
}
.shop .controls.mobile .fa-chevron-down {
  position: absolute;
  z-index: -1;
  top: 10px;
  right: 10px;
  font-size: 12px;
  color: #392f2c;
}
.shop ul {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: left;
}
.shop ul li {
  list-style: none;
  font-family: "Telefon";
  font-size: 18px;
  padding: 0;
  line-height: 2em;
  border-bottom: 1px solid #eeeeee;
}
.shop ul li:last-child {
  border: none;
}
.shop ul li a {
  text-decoration: none;
  color: #392f2c;
}
.shop ul li a:hover {
  text-decoration: underline;
}
.shop a.view-all {
  box-sizing: border-box;
  display: inline-block;
  line-height: 22px;
  text-align: center;
  font-family: "Telefon";
  font-weight: bold;
  font-size: 16px;
  color: #d8d2c4;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: .08em;
  border: 2px solid #d8d2c4;
  padding: 11px 20px 8px 20px;
  margin: 0 auto 40px auto;
  transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
.shop a.view-all.artists,
.shop a.view-all.brands {
  margin: 40px auto;
}
.shop a.view-all:hover {
  color: #b21e27;
}
#cart {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  overflow: auto;
}
#cart form {
  padding: 0 20px;
  overflow: auto;
}
#cart form .item {
  position: relative;
  width: calc(100% - 400px);
  text-align: left;
  overflow: hidden;
  border-bottom: 1px solid #eeeeee;
  margin: 20px 0;
  padding: 0 0 20px 0;
}
@media (max-width: 800px) {
  #cart form .item {
    width: 100%;
  }
}
#cart form .item .image {
  float: left;
  width: 83px;
  text-align: center;
}
#cart form .item .image img {
  width: 100%;
  height: auto;
}
#cart form .item .info {
  font-family: "Telefon";
  font-size: 18px;
  letter-spacing: 0.04em;
  margin: 0 0 0 103px;
  padding: 0 40px 40px 0;
}
#cart form .item .info .remove {
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-family: "Lato";
  font-weight: 300;
  font-size: 32px;
  text-decoration: none;
  color: #392f2c;
  display: block;
}
#cart form .item .info .title {
  padding: 0 20px 0 0;
}
#cart form .item .info .attributes {
  font-size: 16px;
  margin: 10px 0 0 0;
}
#cart form .item .info .quantity-controls {
  position: absolute;
  left: 103px;
  bottom: 20px;
}
#cart form .item .info .quantity-controls .control {
  cursor: pointer;
}
#cart form .item .info .price {
  position: absolute;
  right: 0;
  bottom: 20px;
}
#cart .summary {
  position: absolute;
  top: 190px;
  right: 20px;
  width: 300px;
  text-align: left;
  overflow: auto;
}
@media (max-width: 800px) {
  #cart .summary {
    width: auto;
    position: static;
    padding: 0 20px;
    margin: 40px auto 0 auto;
  }
}
#cart .summary h2 {
  font-size: 20px;
  line-height: 20px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #4a4a4a;
  padding: 0 0 10px 0;
  margin: 0;
}
#cart .summary div {
  line-height: 60px;
  font-family: "Telefon";
  font-size: 16px;
  color: #4a4a4a;
  padding: 0 20px;
  background: #f5f5f5;
}
#cart .summary div.hidden {
  display: none;
}
#cart .summary div:last-child {
  border: none;
}
#cart .summary div .amount {
  float: right;
}
#cart .summary .checkout {
  width: 100%;
  height: 50px;
  line-height: 50px;
  float: right;
  text-align: center;
  font-family: "Telefon";
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  background: #b21e27;
  margin: 20px 0 0 0;
}
#cart p.cart-empty {
  font-family: "Telefon";
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  color: #808284;
}
#cart .wc-backward {
  position: relative;
  display: inline-block;
  font-family: "Telefon";
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.2em;
  color: white;
  background: #b21e27;
  padding: 22px 30px 18px 30px;
  border: none;
  cursor: pointer;
  transition: background-color 500ms;
}
#cart .wc-backward::after {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  content: "";
  border-width: 2px;
  border-style: solid;
  border-color: white;
}
#cart .wc-backward:hover {
  background-color: #930000;
}
.logo-shop img {
  height: 40px;
}
#checkout {
  text-align: left;
  box-sizing: border-box;
  color: #392f2c;
  max-width: 1000px;
  margin: 60px auto 0 auto;
}
#checkout a {
  color: #b21e27;
}
#checkout input[type=checkbox] {
  appearance: checkbox;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
}
#checkout input[type=radio] {
  appearance: radio;
  -webkit-appearance: radio;
  -moz-appearance: radio;
}
#checkout .woocommerce-info {
  background: #f2f2f2;
  border-color: #392f2c;
}
#checkout .woocommerce-info::before {
  top: 18px;
  color: #392f2c;
}
#checkout ul.woocommerce-error {
  background: #d8d2c4;
  padding: 10px 0;
  padding: 0 10px;
  margin: 0 20px;
}
#checkout ul.woocommerce-error::before {
  display: none !important;
}
#checkout ul.woocommerce-error li {
  font-family: "Lato";
  font-size: 16px;
  color: #392f2c;
  padding: 5px 0 !important;
  border-color: #9a917c;
}
#checkout .woocommerce-NoticeGroup ul.woocommerce-error {
  margin: 0;
}
#checkout .woocommerce {
  padding: 0 20px;
}
#checkout .woocommerce .woocommerce-message {
  display: none;
}
#checkout .woocommerce h3 {
  font-family: "Telefon";
  font-size: 24px;
  margin: 20px 0;
}
#checkout .woocommerce form .form-row {
  padding: 0;
  margin: 0 0 10px 0;
}
#checkout .woocommerce form .form-row label {
  color: #392f2c !important;
}
#checkout .woocommerce form .form-row label abbr {
  color: #392f2c;
  text-decoration: none;
}
#checkout .woocommerce form .form-row input.input-text {
  height: 38px;
  font-family: "Lato";
  font-size: 14px;
  padding: 0 8px;
  border: 1px solid #d1d3d3;
  border-radius: 2px;
  -webkit-appearance: none;
}
#checkout .woocommerce form .form-row .button {
  height: 40px;
  line-height: 42px;
  font-family: "Telefon";
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: white;
  border-radius: 0;
  padding: 0 20px;
  background: #b21e27;
  margin: 0 !important;
}
#checkout .woocommerce form.login p:nth-child(4) label {
  display: none;
}
#checkout .woocommerce form.login p:nth-child(5) {
  display: none;
}
#checkout .woocommerce form.login input[type=submit] {
  margin-top: 10px !important;
}
#checkout .woocommerce form.checkout .col2-set .col-1 {
  float: none;
}
#checkout .woocommerce form.checkout .col2-set .col-2 {
  float: none;
}
#checkout .woocommerce form.checkout .col2-set .col-2 .woocommerce-shipping-fields h3 {
  margin: 20px 0;
}
#checkout .woocommerce form.checkout table {
  border: 1px solid #d1d3d3;
}
#checkout .woocommerce form.checkout #payment {
  background: white;
  border: 1px solid #d1d3d3;
}
#checkout .woocommerce form.checkout #payment .methods {
  border: none;
}
#checkout .woocommerce form.checkout #payment .methods li {
  padding: 20px 0;
}
#checkout .woocommerce form.checkout #payment .methods li label {
  font-weight: bold;
  cursor: pointer;
}
#checkout .woocommerce form.checkout #payment .methods li label img {
  display: none;
}
#checkout .woocommerce form.checkout #payment .methods li .payment_box {
  background: #f2f2f2;
}
#checkout .woocommerce form.checkout #payment .methods li .payment_box::before {
  border-bottom-color: #f2f2f2;
}
#checkout .woocommerce form.checkout #payment .methods li .payment_box fieldset {
  margin: 0;
}
#checkout .woocommerce form.checkout #payment .methods li .payment_box p {
  font-family: "Lato";
  margin: 0;
}
#checkout .woocommerce form.checkout #payment .methods li .about_paypal {
  display: none;
}
#checkout .woocommerce form.checkout #payment .place-order {
  padding: 0 17px 7px 17px;
}
#checkout .woocommerce .woocommerce-order-overview {
  display: none;
}
#checkout .woocommerce .woocommerce-order-details h2 {
  font-family: "Telefon";
  font-size: 20px;
  margin: 40px 0 20px 0;
}
#checkout .woocommerce .woocommerce-customer-details h3 {
  font-family: "Telefon";
  font-size: 20px;
  margin: 40px 0 20px 0;
}
#shop-header {
  position: fixed;
  z-index: 5;
  top: 0;
  width: 100%;
  height: 60px;
  text-align: center;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transition: box-shadow 1s cubic-bezier(0.19, 1, 0.22, 1);
}
#shop-header.has-notification {
  top: 40px;
}
#shop-header.mobile-menu-visible {
  box-shadow: 0 0 5px rgba(179, 30, 40, 0.2);
}
#shop-header a.logo {
  float: left;
  height: 60px;
  margin: 15px 10px 0 30px;
}
@media (max-width: 900px) {
  #shop-header a.logo {
    display: none;
  }
}
#shop-header .mobile-menu-toggle {
  float: left;
  width: 24px;
  height: 17px;
  padding: 21.5px 20px;
  cursor: pointer;
  display: none;
}
#shop-header .mobile-menu-toggle.close {
  background: white;
}
@media (max-width: 900px) {
  #shop-header .mobile-menu-toggle {
    display: block;
  }
}
#shop-header .mobile-menu-toggle .bar {
  height: 3px;
  background: #525249;
}
#shop-header .mobile-menu-toggle .bar.close {
  background: #525249;
}
#shop-header .mobile-menu-toggle .bar.top {
  position: relative;
  top: 0;
  transition: top 250ms ease 250ms, transform 250ms ease;
}
#shop-header .mobile-menu-toggle .bar.top.close {
  top: 7px;
  transform: rotate(-45deg);
  transition: top 250ms ease, transform 250ms ease 250ms;
}
#shop-header .mobile-menu-toggle .bar.middle {
  margin: 4px 0;
  transition: opacity 250ms ease;
}
#shop-header .mobile-menu-toggle .bar.middle.close {
  opacity: 0;
  transition: opacity 250ms ease;
}
#shop-header .mobile-menu-toggle .bar.bottom {
  position: relative;
  top: 0;
  transition: top 250ms ease 250ms, transform 250ms ease;
}
#shop-header .mobile-menu-toggle .bar.bottom.close {
  top: -7px;
  transform: rotate(45deg);
  transition: top 250ms ease, transform 250ms ease 250ms;
}
#shop-header .menu-item {
  float: left;
  line-height: 62px;
  font-family: "Telefon";
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  color: #392f2c;
  letter-spacing: 0.06em;
  padding: 0 15px;
  cursor: pointer;
}
@media (max-width: 900px) {
  #shop-header .menu-item {
    display: none;
  }
}
#shop-header .menu-item.products .fa {
  padding: 0 0 0 10px;
}
@media (max-width: 640px) {
  #shop-header .menu-item {
    display: none;
  }
}
#shop-header .menu-item:hover,
#shop-header .menu-item.active {
  color: #808284;
}
#shop-header .menu-item b {
  color: #b21e27;
}
#shop-header .logo-shop {
  position: absolute;
  top: 10px;
  left: 50%;
  margin: 0 0 0 -50px;
}
#shop-header .cart {
  position: relative;
  float: right;
  width: 22px;
  height: 100%;
  margin: 0 18px 0 0;
  transition: opacity 250ms;
}
#shop-header .cart.hidden {
  opacity: 0;
}
#shop-header .cart img {
  position: absolute;
  top: 15px;
  left: 0;
}
#shop-header .cart .count {
  position: absolute;
  top: 25px;
  left: 0;
  width: 22px;
  text-align: center;
  font-family: "Telefon";
  font-size: 13px;
  font-weight: bold;
  color: #b21e27;
}
#shop-header .search {
  float: right;
  line-height: 60px;
  color: #808284;
  text-decoration: none;
  margin: 0 25px 0 0;
}
@media (max-width: 900px) {
  #shop-header .search {
    display: none;
  }
}
#shop-header .user {
  float: right;
  display: block;
  margin: 10px 20px 10px 0;
  cursor: pointer;
}
@media (max-width: 900px) {
  #shop-header .user {
    display: none;
  }
}
#shop-header .user a {
  text-decoration: none;
}
#shop-header .user a img {
  vertical-align: middle;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  margin: 0 10px 0 0;
}
#shop-header .user a .username {
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Telefon";
  font-weight: bold;
  letter-spacing: 0.08em;
  color: #525349;
  margin: 0 10px 0 0;
}
#shop-mobile-menu {
  display: none;
  position: fixed;
  z-index: 5;
  top: 60px;
  right: 0;
  bottom: 0;
  left: 0;
  background: white;
  opacity: 0;
  visibility: hidden;
  transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1), visibility 0s linear 1s;
  padding: 20px 0;
  border-top: 1px solid #d0d2d3;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 900px) {
  #shop-mobile-menu {
    display: block;
  }
}
#shop-mobile-menu.visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1), visibility 0s;
}
#shop-mobile-menu.has-notification {
  top: 100px;
}
#shop-mobile-menu .buttons {
  text-align: center;
  font-size: 0;
  margin: 0 0 20px 0;
}
#shop-mobile-menu .buttons .button {
  display: inline-block;
  top: 12px;
  right: 12px;
  width: 85px;
  height: 36px;
  text-align: center;
  line-height: 38px;
  font-family: "Telefon";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  color: white;
  background: #b21e27;
  margin: 0 5px;
  cursor: pointer;
}
#shop-mobile-menu a,
#shop-mobile-menu .products {
  display: block;
  font-family: "Telefon";
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-decoration: none;
  color: #525249;
  border-top: 1px solid #d0d2d3;
  padding: 20px 0;
  margin: 0 20px;
  cursor: pointer;
}
#shop-mobile-menu a:first-child,
#shop-mobile-menu .products:first-child {
  border: none;
}
#shop-mobile-menu a .fa,
#shop-mobile-menu .products .fa {
  display: block;
  float: right;
}
#shop-mobile-menu .products {
  cursor: pointer;
}
#shop-mobile-menu .products div {
  height: 0;
  overflow: hidden;
}
#shop-mobile-menu .products div a {
  font-size: 14px;
  margin: 0 0 0 20px;
}
#shop-mobile-menu .products div a:first-child {
  border: none;
}
#shop-mobile-menu .products div a:last-child {
  padding: 20px 0 0 0;
}
#shop-mobile-menu .products.visible div {
  height: auto;
  margin: 15px 0 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
#product-menu {
  position: fixed;
  z-index: 4;
  top: 0;
  left: 80px;
  background: white;
  padding: 80px 30px 20px 30px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
#product-menu.hidden {
  top: -600px;
  opacity: 0;
}
#product-menu.has-notification {
  margin-top: 40px;
}
#product-menu a {
  display: block;
  font-size: 14px;
  padding: 5px 0;
  color: #392f2c;
  text-decoration: none;
}
#product {
  max-width: 1000px;
  margin: auto;
  overflow: auto;
  padding: 60px 0 0 0;
}
#product .product-wrapper {
  position: relative;
  max-width: 1000px;
  padding: 0 20px;
}
@media (max-width: 600px) {
  #product .product-wrapper {
    padding: 0;
  }
}
#product .product-wrapper .product-gallery {
  float: left;
  width: calc(60% - 80px);
}
#product .product-wrapper .product-gallery.hidden {
  display: none;
}
#product .product-wrapper .product-gallery .image {
  box-sizing: border-box;
  background: #f3f3f3;
  padding: 40px;
  margin: 0 0 20px 0;
}
#product .product-wrapper .product-gallery .image.no-padding {
  padding: 0;
}
#product .product-wrapper .product-gallery .image img {
  width: 100%;
  height: auto;
}
@media (max-width: 1160px) {
  #product .product-wrapper .product-gallery {
    width: calc(60% - ((100vw - 1000px) / 2));
  }
}
@media (max-width: 1040px) {
  #product .product-wrapper .product-gallery {
    width: calc(60% - 20px);
  }
}
@media (max-width: 900px) {
  #product .product-wrapper .product-gallery {
    width: calc(55% - 10px);
  }
}
@media (max-width: 800px) {
  #product .product-wrapper .product-gallery {
    width: calc(50% - 10px);
  }
}
@media (max-width: 600px) {
  #product .product-wrapper .product-gallery {
    width: 100%;
    height: 320px;
    margin: 0 0 23px 0;
    overflow: visible;
  }
  #product .product-wrapper .product-gallery .image {
    width: 100vw !important;
    height: 320px;
    margin: 0;
  }
  #product .product-wrapper .product-gallery .image img {
    height: 100%;
    margin: 0 auto;
    object-fit: contain;
  }
  #product .product-wrapper .product-gallery .image.no-padding {
    width: 100vw;
    box-sizing: inherit;
  }
}
#product .product-wrapper .product-gallery .arrow {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  margin-top: -20px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: background-color 500ms;
  cursor: pointer;
}
#product .product-wrapper .product-gallery .arrow:hover {
  background-color: rgba(0, 0, 0, 0.6);
  transition: background-color 500ms;
}
#product .product-wrapper .product-gallery .arrow.prev {
  left: 30px;
  background-image: url("https://d1vk052imodrb2.cloudfront.net/elements/arrow-left.svg");
}
#product .product-wrapper .product-gallery .arrow.next {
  right: 30px;
  background-image: url("https://d1vk052imodrb2.cloudfront.net/elements/arrow-right.svg");
}
#product .product-wrapper .product-gallery .slick-dots {
  display: inline-block;
  padding: 0;
  margin: 15px 0;
  overflow: auto;
}
#product .product-wrapper .product-gallery .slick-dots li {
  float: left;
  width: 15px;
  height: 15px;
  list-style: none;
  padding: 0 2px;
  border: none;
}
#product .product-wrapper .product-gallery .slick-dots li button {
  display: block;
  width: 15px;
  height: 15px;
  font-size: 0;
  background: #c0c0c0;
  border: none;
  border-radius: 50%;
  padding: 0;
  cursor: pointer;
  transition: background-color 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
#product .product-wrapper .product-gallery .slick-dots li button:hover {
  background: black;
}
#product .product-wrapper .product-gallery .slick-dots li.slick-active button {
  background: #b31c27;
}
#product .product-wrapper .product-content,
#product .product-wrapper .product-content-reference {
  position: relative;
  float: right;
  width: 40%;
  text-align: left;
}
#product .product-wrapper .product-content.product-content-reference,
#product .product-wrapper .product-content-reference.product-content-reference {
  height: 0;
}
@media (max-width: 900px) {
  #product .product-wrapper .product-content,
  #product .product-wrapper .product-content-reference {
    width: calc(45% - 10px);
  }
}
@media (max-width: 800px) {
  #product .product-wrapper .product-content,
  #product .product-wrapper .product-content-reference {
    width: calc(50% - 10px);
  }
}
@media (max-width: 600px) {
  #product .product-wrapper .product-content,
  #product .product-wrapper .product-content-reference {
    width: calc(100% - 40px);
    padding: 20px;
  }
  #product .product-wrapper .product-content.product-content-reference,
  #product .product-wrapper .product-content-reference.product-content-reference {
    display: none;
  }
}
#product .product-wrapper .product-content h1,
#product .product-wrapper .product-content-reference h1 {
  text-align: left;
  font-weight: 400;
  font-size: 28px;
  letter-spacing: 0.02em;
  margin: 0 0 10px 0;
  padding: 0;
}
#product .product-wrapper .product-content h2,
#product .product-wrapper .product-content-reference h2 {
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0;
  margin: 0 0 10px 0;
}
#product .product-wrapper .product-content h2 a,
#product .product-wrapper .product-content-reference h2 a {
  color: #808284;
  text-decoration: none;
}
#product .product-wrapper .product-content .price,
#product .product-wrapper .product-content-reference .price {
  font-family: "Telefon";
  font-size: 24px;
  margin: 0 0 40px 0;
}
#product .product-wrapper .product-content .price .regular,
#product .product-wrapper .product-content-reference .price .regular {
  text-decoration: line-through;
}
#product .product-wrapper .product-content .price .sale,
#product .product-wrapper .product-content-reference .price .sale {
  color: #b21e27;
}
#product .product-wrapper .product-content .colors,
#product .product-wrapper .product-content-reference .colors {
  font-size: 0;
}
#product .product-wrapper .product-content .colors label,
#product .product-wrapper .product-content-reference .colors label {
  display: block;
  font-family: "Telefon";
  margin: 0 0 10px 0;
}
#product .product-wrapper .product-content .colors label b,
#product .product-wrapper .product-content-reference .colors label b {
  font-size: 14px;
  color: #525349;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  vertical-align: middle;
}
#product .product-wrapper .product-content .colors label span,
#product .product-wrapper .product-content-reference .colors label span {
  font-size: 14px;
  color: #808284;
  letter-spacing: 0.06em;
  vertical-align: middle;
}
#product .product-wrapper .product-content .colors label span.separator,
#product .product-wrapper .product-content-reference .colors label span.separator {
  height: 1em;
  vertical-align: middle;
  display: inline-block;
  border-right: 1px solid #d1d3d3;
  margin: 0 6px;
}
#product .product-wrapper .product-content .colors .dot-wrapper,
#product .product-wrapper .product-content-reference .colors .dot-wrapper {
  display: inline-block;
  line-height: 0;
  margin: 0 10px 0 0;
  cursor: pointer;
  border: 1px solid white;
  border-radius: 20px;
  padding: 2px;
}
#product .product-wrapper .product-content .colors .dot-wrapper.half,
#product .product-wrapper .product-content-reference .colors .dot-wrapper.half {
  display: inline-block;
  transform: rotate(45deg);
  margin: 0 9px 0 0;
}
#product .product-wrapper .product-content .colors .dot-wrapper .dot,
#product .product-wrapper .product-content-reference .colors .dot-wrapper .dot {
  float: left;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #dfe0e1;
}
#product .product-wrapper .product-content .colors .dot-wrapper .dot.half,
#product .product-wrapper .product-content-reference .colors .dot-wrapper .dot.half {
  width: 10px;
  height: 20px;
  border-radius: 0;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  border-right: none;
}
#product .product-wrapper .product-content .colors .dot-wrapper .dot.half:nth-child(2),
#product .product-wrapper .product-content-reference .colors .dot-wrapper .dot.half:nth-child(2) {
  transform: rotate(180deg);
}
#product .product-wrapper .product-content .colors .dot-wrapper.active,
#product .product-wrapper .product-content-reference .colors .dot-wrapper.active {
  border-color: #929191;
}
#product .product-wrapper .product-content .colors .dot-wrapper.active .dot,
#product .product-wrapper .product-content-reference .colors .dot-wrapper.active .dot {
  border: none;
}
#product .product-wrapper .product-content label,
#product .product-wrapper .product-content-reference label {
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #808284;
  margin: 10px 0 5px 0;
}
#product .product-wrapper .product-content label .error,
#product .product-wrapper .product-content-reference label .error {
  float: right;
  font-weight: bold;
  color: #b21e27;
}
#product .product-wrapper .product-content label .error.hidden,
#product .product-wrapper .product-content-reference label .error.hidden {
  display: none;
}
#product .product-wrapper .product-content .select-wrapper,
#product .product-wrapper .product-content-reference .select-wrapper {
  position: relative;
  overflow: hidden;
  border: 1px solid #808284;
}
#product .product-wrapper .product-content .select-wrapper select,
#product .product-wrapper .product-content-reference .select-wrapper select {
  width: 120%;
  height: 40px;
  line-height: 42px;
  font-family: "Telefon";
  font-size: 16px;
  color: #808284;
  letter-spacing: 0.04em;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  padding: 0 10px;
  background: transparent;
}
#product .product-wrapper .product-content .select-wrapper .fa-chevron-down,
#product .product-wrapper .product-content-reference .select-wrapper .fa-chevron-down {
  position: absolute;
  z-index: -1;
  top: 12px;
  right: 12px;
  color: #808284;
}
#product .product-wrapper .product-content input,
#product .product-wrapper .product-content-reference input {
  width: 100%;
  height: 40px;
  font-family: "Telefon";
  font-size: 16px;
  color: #808284;
  padding: 1px 10px 0 10px;
  border: 1px solid #808284;
}
#product .product-wrapper .product-content textarea,
#product .product-wrapper .product-content-reference textarea {
  box-sizing: border-box;
  width: 100%;
  height: 150px;
  font-family: "Telefon";
  font-size: 16px;
  color: #808284;
  padding: 10px;
  border: 1px solid #808284;
  border-radius: 0;
  resize: none;
  -webkit-appearance: none;
}
#product .product-wrapper .product-content button.add-to-cart,
#product .product-wrapper .product-content-reference button.add-to-cart {
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-family: "Telefon";
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: white;
  background: #b21e27;
  border: none;
  -webkit-appearance: none;
  border-radius: 0;
  margin: 20px 0 40px 0;
  cursor: pointer;
  transition: color 250ms;
}
#product .product-wrapper .product-content button.add-to-cart.hidden-text,
#product .product-wrapper .product-content-reference button.add-to-cart.hidden-text {
  color: #b21e27;
}
#product .product-wrapper .product-content button.add-to-cart[disabled],
#product .product-wrapper .product-content-reference button.add-to-cart[disabled] {
  opacity: 0.5;
  cursor: default;
}
#product .product-wrapper .product-content h2.heading,
#product .product-wrapper .product-content-reference h2.heading {
  height: 32px;
  line-height: 34px;
  font-weight: 400;
  font-size: 14px;
  color: #929191;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: #f3f3f3;
  padding: 0 10px;
  cursor: pointer;
  margin: 10px 0 0 0;
}
#product .product-wrapper .product-content h2.heading .fa,
#product .product-wrapper .product-content-reference h2.heading .fa {
  float: right;
  line-height: 32px;
}
#product .product-wrapper .product-content .body,
#product .product-wrapper .product-content-reference .body {
  height: 0;
  overflow: hidden;
  transition: height 1s cubic-bezier(0.19, 1, 0.22, 1);
}
#product .product-wrapper .product-content .body.first,
#product .product-wrapper .product-content-reference .body.first {
  height: auto;
}
#product .product-wrapper .product-content .body p,
#product .product-wrapper .product-content-reference .body p {
  font-family: "Telefon";
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.04em;
  padding: 0 10px;
}
#product .product-wrapper .product-content .body ul,
#product .product-wrapper .product-content-reference .body ul,
#product .product-wrapper .product-content .body ol,
#product .product-wrapper .product-content-reference .body ol {
  font-family: "Telefon";
  font-size: 16px;
  margin: 20px 0 20px 10px;
  padding: 0 0 0 20px;
}
#product .product-wrapper .product-content .body ul li,
#product .product-wrapper .product-content-reference .body ul li,
#product .product-wrapper .product-content .body ol li,
#product .product-wrapper .product-content-reference .body ol li {
  font-size: 16px;
  line-height: 1.5em;
  list-style: inherit;
  border: none;
}
#product .product-wrapper .product-content .body img,
#product .product-wrapper .product-content-reference .body img {
  width: 100%;
  height: auto;
}
a.see-more {
  display: block;
  position: relative;
  max-width: 1000px;
  height: 180px;
  background: black;
  margin: 60px auto 0 auto;
  overflow: hidden;
}
@media (max-width: 1040px) {
  a.see-more {
    margin: 60px 20px 0 20px;
  }
}
a.see-more img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
}
a.see-more div {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  padding: 74px 0 0 0;
}
a.see-more div span {
  color: white;
  font-family: "Telefon";
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  border-bottom: 2px solid white;
  padding: 3px 0;
}
.notification-bar {
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  background: red;
  color: white;
}
.notification-bar.hidden {
  display: none;
}
.notification-bar.location-shop {
  position: fixed;
  z-index: 6;
  width: 100%;
}
@media (max-width: 1040px) {
  .notification-bar {
    position: fixed;
    z-index: 7;
    width: 100%;
  }
}
.notification-bar span {
  font-family: "Telefon";
  letter-spacing: 0.04em;
}
@media (max-width: 600px) {
  .notification-bar span.desktop {
    display: none;
  }
}
.notification-bar span.mobile {
  display: none;
}
@media (max-width: 600px) {
  .notification-bar span.mobile {
    display: inline;
  }
}
.notification-bar a {
  color: white;
}
@media (max-width: 600px) {
  .notification-bar a.desktop {
    display: none;
  }
}
.notification-bar a.mobile {
  display: none;
}
@media (max-width: 600px) {
  .notification-bar a.mobile {
    display: inline;
  }
}
.notification-bar .close {
  float: right;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 30px;
  font-weight: 300;
  color: white;
  cursor: pointer;
}