* {
  -webkit-tap-highlight-color: transparent
}

:focus {
  outline: 0
}

#article .author {
  z-index: 1
}

#article .excerpt {
  position: relative;
  clear: both
}

#article .excerpt .excerpt-fader {
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(1%, #fff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, #fff 1%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: 0
}

button,
input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none
}

button:focus,
input:focus {
  outline: 0
}

::-webkit-input-placeholder {
  color: #666
}

::-ms-input-placeholder {
  color: #666
}

::placeholder {
  color: #666
}

body {
  font-family: Lato;
  letter-spacing: .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;
  overflow: hidden;
  clear: both
}

@media (max-width:740px) {
  .border {
    border: none
  }
}

.content {
  min-height: calc(100vh - 357px)
}

@media (max-width:1040px) {
  .content {
    padding-top: 70px
  }
}

.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 #fff
}

.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, 'Lato';
  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: 700;
  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, 'Lato';
  max-width: 600px;
  color: #525349;
  line-height: 1.2em;
  letter-spacing: .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 0;
  margin: 20px 16px;
}

@media (min-width:720px) {
  .content p {
    margin-left: auto;
    margin-right: auto;
  }
}

.content p iframe {
  height: auto;
  width: 100%;
}

.content p.wide {
  max-width: 1000px;
  margin: 40px auto
}

.content p a {
  color: #b21e27
}

.content ol,
.content ul {
  max-width: 600px;
  margin: 20px auto;
  padding: 0 0 0 40px
}

.content ol li,
.content ul 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: .02em;
  color: #fff;
  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 .next,
.content .conversation .previous {
  display: block;
  position: absolute;
  top: 0
}

@media (max-width:1080px) {
  .content .conversation .next,
  .content .conversation .previous {
    display: none
  }
}

.content .conversation .next .arrow,
.content .conversation .previous .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 .next a,
.content .conversation .previous a {
  display: block;
  clear: both;
  font-family: Telefon, 'Lato';
  text-decoration: none
}

.content .conversation .next a:hover,
.content .conversation .previous a:hover {
  text-decoration: underline
}

.content .conversation .next a.category,
.content .conversation .previous a.category {
  font-size: 15px;
  line-height: 15px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 12px 0 4px 0
}

.content .conversation .next a.title,
.content .conversation .previous 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 {
  -webkit-box-sizing: border-box;
  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
}

.show-comment-drawer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #b21e27;
  border-radius: 50% 50%;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: .75rem;
  font-weight: 700;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  margin: 0 auto;
  height: 3rem;
  width: 3rem;
  overflow: visible;
  position: relative
}

.show-comment-drawer:before {
  content: '';
  display: block;
  padding-top: 100%
}

.show-comment-drawer:hover {
  background-color: #86171d;
  -webkit-transition: background-color .5s cubic-bezier(.19, 1, .22, 1);
  transition: background-color .5s cubic-bezier(.19, 1, .22, 1)
}

.show-comment-drawer:hover .triangle {
  border-top-color: #86171d
}

.show-comment-drawer:hover .comment-count {
  color: #86171d
}

.show-comment-drawer:hover .fa-plus {
  opacity: 1
}

@media (min-width:740px) {
  .show-comment-drawer {
    font-size: 1.125rem;
    height: 4rem;
    width: 4rem
  }
}

.comment-count {
  -webkit-transition: color .5s cubic-bezier(.19, 1, .22, 1);
  transition: color .5s cubic-bezier(.19, 1, .22, 1)
}

.fa-plus {
  font-size: 1.5rem;
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity .5s cubic-bezier(.19, 1, .22, 1);
  transition: opacity .5s cubic-bezier(.19, 1, .22, 1)
}

@media (min-width:740px) {
  .fa-plus {
    font-size: 2rem
  }
}

.triangle {
  bottom: -.125rem;
  display: block;
  border-left: .5rem solid transparent;
  border-right: .5rem solid transparent;
  border-top: 1.25rem solid #b21e27;
  height: 0;
  left: -.125rem;
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-top-color .5s cubic-bezier(.19, 1, .22, 1);
  transition: border-top-color .5s cubic-bezier(.19, 1, .22, 1);
  z-index: -1
}

.view-comments {
  display: inline-block;
  font-family: Telefon, 'Lato';
  font-weight: 400;
  font-size: .75rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #525349;
  border-bottom: 2px solid #fff;
  cursor: pointer;
  margin: 0 0 5px 0
}

.view-comments:hover {
  border-bottom: 2px solid #525349
}

@media (min-width:740px) {
  .view-comments {
    font-size: 1rem
  }
}

.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, .3);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 50%;
  margin: -20px 0 0 0;
  cursor: pointer;
  -webkit-transition: background-color .5s;
  transition: background-color .5s
}

.arrows .arrow:hover {
  background-color: rgba(0, 0, 0, .6);
  -webkit-transition: background-color .5s;
  transition: background-color .5s
}

.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, 'Lato';
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  color: #525349;
  letter-spacing: .15em;
  padding: 0 20px;
  background: #fff
}

@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 {
  background-color: transparent;
  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;
  -webkit-transition: color .5s cubic-bezier(.19, 1, .22, 1);
  transition: color .5s cubic-bezier(.19, 1, .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 .label {
  float: left;
  font-size: 16px;
  line-height: 60px;
  color: #52544a;
  letter-spacing: -.02em
}

.social .fa-stack,
.social .show-comment-drawer {
  float: left;
  font-weight: 400;
  height: 2.5rem;
  width: 2.5rem
}

.overlay {
  position: fixed;
  z-index: 7;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .5s cubic-bezier(.19, 1, .22, 1), visibility 0s linear .5s;
  transition: opacity .5s cubic-bezier(.19, 1, .22, 1), visibility 0s linear .5s
}

.overlay.visible {
  visibility: visible;
  opacity: .8;
  -webkit-transition: opacity .5s cubic-bezier(.19, 1, .22, 1);
  transition: opacity .5s cubic-bezier(.19, 1, .22, 1)
}

.pswp__share-tooltip a {
  font-family: Telefon, 'Lato';
  font-size: 16px;
  letter-spacing: .02em
}

.pswp__counter {
  font-family: Telefon, 'Lato';
  font-size: 15px;
  letter-spacing: .02em
}

#menu {
  position: relative;
  z-index: 6;
  height: 168px;
  text-align: center;
  font-size: 0;
  background: #fff;
  padding-top: 32px
}

@media (max-width:1040px) {
  #menu {
    position: fixed;
    top: 0;
    left: -100%;
    bottom: 0;
    width: 100%;
    height: inherit;
    -webkit-transition: left .5s cubic-bezier(.19, 1, .22, 1);
    transition: left .5s cubic-bezier(.19, 1, .22, 1);
    overflow-y: hidden
  }
  #menu.has-notification {
    top: 40px
  }
  #menu.visible {
    left: 0
  }
}

#menu .close {
  position: relative;
  margin: 20px 0 20px 20px;
  cursor: pointer;
  display: none
}

@media (max-width:1040px) {
  #menu .close {
    display: block
  }
}

#menu .menu-container {
  position: relative;
  max-width: 1000px;
  margin: 0 auto
}

#menu .user {
  position: absolute;
  top: 20px;
  right: 0;
  width: 320px;
  text-align: right;
  overflow: visible
}

@media (max-width:1040px) {
  #menu .user {
    position: relative;
    width: inherit;
    text-align: left;
    margin: 0 20px;
    top: 10px
  }
}

#menu .user .cart {
  position: relative;
  float: right;
  width: 22px;
  height: 40px;
  margin: 0 15px 0 0;
  -webkit-transition: opacity 250ms;
  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, 'Lato';
  font-size: 13px;
  font-weight: 700;
  color: #b21e27
}

#menu .user .button {
  display: inline-block;
  height: 32px;
  text-align: center;
  line-height: 35px;
  font-family: Telefon, 'Lato';
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer
}

#menu .user .button.signup {
  width: 82px;
  color: #525348;
  border: 1px solid #988F7A;
  margin: 2px 15px 0 0
}

@media (max-width:1040px) {
  #menu .user .button.signup {
    margin-top: 0
  }
}

#menu .user .button.login {
  width: 82px;
  color: #fff;
  border: 1px solid #B21C27;
  background: #B21C27;
  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, 'Lato';
  font-weight: 700;
  letter-spacing: .08em;
  color: #525349
}

@media (max-width:1040px) {
  #menu .user a .username {
    position: relative;
    top: -3px
  }
}

@media (max-width:1040px) {
  #menu nav {
    text-align: left;
    position: relative;
    margin-top: 32px
  }
}

#menu nav a {
  display: inline-block;
  vertical-align: top;
  height: 28px;
  line-height: 28px;
  font-family: Telefon, 'Lato';
  font-weight: 700;
  font-size: 16px;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
  color: #525349;
  border-bottom: 2px solid #fff;
  margin: 38px 20px 0 20px
}

#menu nav a:nth-last-child(2) {
  color: #E0AA4A
}

@media (max-width:1040px) {
  #menu nav a {
    float: left;
    width: inherit;
    margin: 5px 20px;
    clear: both
  }
}

#menu nav a.active,
#menu nav a:hover {
  border-color: #b21e27
}

#menu nav a.logo {
  position: relative;
  z-index: 1;
  margin: 20px 20px 0 20px
}

#menu nav a.logo.active,
#menu nav a.logo:hover {
  border: none
}

#menu nav a.search {
  width: 28px;
  height: 28px;
  text-align: center;
  font-size: 18px;
  margin-top: 38px
}

@media (max-width:1040px) {
  #menu nav a.search {
    display: block;
    margin: 20px;
    width: 120px;
    font-size: 16px;
    text-align: left
  }

  #menu nav a.search .fa-search {
    width: 20px;
    margin-right: 9px;
    vertical-align: middle;
  }
}

@media (min-width:1001px) {
  #menu nav a.search .fa-search {
    position: relative;
    top: 1px;
    -webkit-transform: translateX(.5px);
    transform: translateX(.5px)
    width: 24px;
  }
  #menu nav a.search span.search-label {
    display: none
  }
}

#menu nav a.search.active,
#menu nav a.search:hover {
  border: none
}

@media (max-width:1040px) {
  #menu.visible {
    padding-top: 0
  }
  #menu.visible .logo {
    display: none
  }
}

@media only screen and (min-width:1024px) and (max-width:1040px) {
  #menu nav a.search span.search-label {
    display: inline-block
  }
}

#fixed-header {
  position: fixed;
  z-index: 5;
  top: -40px;
  right: 0;
  width: 100%;
  height: 60px;
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  opacity: 0;
  -webkit-transition: top .3s, opacity .1s;
  transition: top .3s, opacity .1s
}

#fixed-header.has-notification {
  top: -100px;
  height: 100px
}

#fixed-header.visible {
  opacity: 1;
  top: 0
}

@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: 36px;
  margin: 13px 50px 0 0
}

#fixed-header .wrapper .logo img {
  width: auto;
  height: 37px
}

#fixed-header .wrapper a {
  float: left;
  height: 60px;
  line-height: 60px;
  font-family: Telefon, 'Lato';
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
  color: #525349;
  margin: 0 12px
}

#fixed-header .wrapper a:last-child {
  color: #E0AA4A
}

#fixed-header .wrapper a.search {
  width: 28px;
  height: 28px;
  line-height: 29px;
  text-align: center;
  font-size: 18px;
  margin-top: 16px
}

#fixed-header .wrapper a.search.active,
#fixed-header .wrapper a.search:hover {
  border: none
}

#fixed-header .wrapper a.search .fa-search {
  -webkit-transform: translateX(.5px);
  transform: translateX(.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 #fff
}

#fixed-header .wrapper .links a.active,
#fixed-header .wrapper .links a:hover {
  border-bottom-color: #b21e27
}

#fixed-header .wrapper .cart {
  position: relative;
  float: right;
  width: 22px;
  height: 60px;
  margin: 0 15px 0 0;
  -webkit-transition: opacity 250ms;
  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, 'Lato';
  font-size: 13px;
  font-weight: 700;
  color: #b21e27
}

#fixed-header .wrapper .button {
  float: right;
  height: 32px;
  text-align: center;
  line-height: 35px;
  font-family: Telefon, 'Lato';
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer
}

#fixed-header .wrapper .button.signup {
  width: 82px;
  color: #525348;
  border: 1px solid #988F7A;
  margin: 13px 15px 0 0
}

@media (max-width:1040px) {
  #fixed-header .wrapper .button.signup {
    margin-top: 0
  }
}

#fixed-header .wrapper .button.login {
  width: 82px;
  color: #fff;
  border: 1px 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, 'Lato';
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .04em;
  text-transform: uppercase
}

#fixed-header .wrapper .title {
  display: inline-block;
  vertical-align: top;
  max-width: 450px;
  height: 60px;
  font-family: Telefon, 'Lato';
  font-size: 15px;
  line-height: 60px;
  letter-spacing: .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 .fa-stack,
#fixed-header .wrapper .social .show-comment-drawer {
  margin: 10px 4px 10px 10px
}

#fixed-header .wrapper .social .comment-count {
  font-weight: 700
}

#fixed-header .wrapper .social .show-comment-drawer {
  font-size: 1rem
}

#fixed-header .wrapper .social .show-comment-drawer .fa-plus {
  font-size: 1rem
}

#fixed-header .wrapper .inquire {
  float: right;
  width: 100px;
  height: 36px;
  text-align: center;
  line-height: 38px;
  font-family: Telefon, 'Lato';
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #fff;
  background: #b21e27;
  margin: 12px 0 12px 20px;
  cursor: pointer
}

#fixed-header .wrapper .inquire.signup {
  width: 98px;
  color: #525348;
  border: 1px solid #988F7A;
  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: 65px;
  text-align: center;
  background: #fff;
  display: none;
  padding-top: 5px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 2px rgba(0, 0, 0, .2)
}

@media (max-width:1040px) {
  #mobile-header {
    display: block
  }
}

#mobile-header.has-notification {
  top: 40px
}

#mobile-header .fa-bars {
  position: absolute;
  top: 22px;
  left: 18px;
  font-size: 24px;
  color: #b21e27;
  cursor: pointer
}

#mobile-header a.logo img {
  margin: 10px 0 0 0;
  height: 40px;
}

#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: 16px;
  right: 20px;
  width: 65px;
  height: 36px;
  text-align: center;
  line-height: 38px;
  font-family: Telefon, 'Lato';
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: none;
  color: #525348;
  background: #fff;
  border: 2px solid #DAD5C8;
  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;
  -webkit-transition: opacity 250ms;
  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, 'Lato';
  font-size: 13px;
  font-weight: 700;
  color: #b21e27
}

.mobile-menu-open {
  overflow-y: hidden;
  -webkit-overflow-scrolling: auto
}

#footer {
  color: #fff;
  background-color: #000;
  background-image: url(images/footer-drive-tastefully-bg.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 40px;
  padding: 120px 0 95px 0
}

@media (max-width:740px) {
  #footer {
    padding: 50px 0
  }
}

#footer .border {
  overflow: initial
}

#footer .wrapper {
  position: relative;
  max-width: 1000px;
  font-family: Telefon, 'Lato';
  font-weight: 700;
  padding: 0;
  margin: 0 auto
}

@media (max-width:1080px) {
  #footer .wrapper {
    padding: 0 20px;
    text-align: center
  }
}

#footer .wrapper .links {
  float: left;
  width: 55%;
  text-transform: uppercase;
  overflow: auto
}

@media (max-width:740px) {
  #footer .wrapper .links {
    float: none;
    height: auto;
    margin: 10px 0 0 0;
    width: 100%
  }
}

#footer .wrapper .links .column {
  text-align: left;
  margin: 0;
  padding: 0 20px 0 0
}

#footer .wrapper .links .column:last-child {
  padding: 0
}

#footer .wrapper .links .column a {
  display: block;
  clear: left;
  float: left;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #fff;
  text-decoration: none;
  margin-bottom: 15px
}

#footer .wrapper .links .column a:hover {
  color: #B21C27
}

@media (max-width:740px) {
  #footer .wrapper .links .column a {
    margin-bottom: 20px
  }
}

#footer .wrapper .social {
  float: right;
  width: 45%;
  text-transform: uppercase;
  text-align: right;
  margin: 0;
  padding: 0
}

@media (max-width:740px) {
  #footer .wrapper .social {
    float: none;
    width: 100%;
    display: inline-block;
    margin: 0 20px 20px 0;
    padding: 0;
    border-left: none
  }
}

#footer .wrapper .social .network {
  float: left;
  margin: 0 15px 0 0
}

#footer .wrapper .social .network .fa-stack {
  background-color: #fff;
  border-radius: 50px
}

#footer .wrapper .social .network .fa-stack .fab {
  color: #000
}

#footer .wrapper .social .network .fa-stack .fab:hover {
  color: #fff
}

#footer .wrapper .social .network .fa-stack:hover {
  background-color: #a72931
}

@media (max-width:1080px) {
  #footer .wrapper .social .network {
    margin: 0 15px 0 0
  }
  #footer .wrapper .social .network:last-child {
    margin-right: 0
  }
}

#footer .wrapper .social .mailchimp-form {
  text-align: right
}

#footer .wrapper .social .mailchimp-form .mc-title {
  font-size: 1.5rem;
  line-height: 1.5rem;
  margin-bottom: 24px
}

#footer .wrapper .social .mailchimp-form .mc-email-field {
  float: left;
  width: 70%;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 700;
  border: none;
  height: 44px
}

#footer .wrapper .social .mailchimp-form .mailchimp-form-msg {
  float: right;
  margin-top: 15px
}

#footer .wrapper .social .mailchimp-form .mailchimp-form-error {
  color: #B21C27
}

#footer .wrapper .social .mailchimp-form .mc-button {
  float: left;
  width: 30%;
  height: 44px;
  font-size: 1rem;
  line-height: 1rem;
  padding-top: 4px;
  background-color: #B21C27;
  color: #fff;
  text-transform: uppercase;
  font-family: Telefon, 'Lato';
  font-weight: 700;
  border: 1px solid #B21C27;
  -webkit-appearance: none;
  cursor: pointer
}

#footer .wrapper .social .mailchimp-form .mc-hidelabel {
  display: none
}

#footer .wrapper .social .mailchimp-form .mailchimp-form-wrapper {
  width: 100%;
  max-width: 405px;
  float: right
}

@media (max-width:740px) {
  #footer .wrapper .social .mailchimp-form .mailchimp-form-wrapper {
    float: none;
    max-width: 320px
  }
  #footer .wrapper .social .mailchimp-form .mailchimp-form-msg {
    float: left;
    margin-top: 15px
  }
}

#footer .wrapper .social p {
  font-size: .75rem;
  line-height: .75rem;
  color: inherit;
  margin: 0;
  padding: 0
}

@media (max-width:740px) {
  #footer .wrapper .social p {
    text-align: left;
    padding: 20px 0 0 0
  }
}

#footer .wrapper .social .social-icons {
  clear: both;
  height: 40px;
  margin-top: 45px;
  float: right
}

#footer .wrapper .social .social-icons a:last-child {
  margin-right: 0
}

@media (max-width:740px) {
  #footer .wrapper .social .social-icons {
    float: none;
    margin: 45px auto 0
  }
}

#footer .copy-row {
  position: absolute;
  bottom: initial;
  left: 50%;
  margin-left: -500px;
  font-size: .875rem
}

@media (max-width:1080px) {
  #footer .copy-row {
    margin: 0;
    left: auto;
    padding: 20px
  }
}

@media (max-width:740px) {
  #footer .copy-row {
    position: relative
  }
  #footer .copy-row .separator {
    display: none
  }
}

#footer .copy-row a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase
}

#footer .copy-row a:hover {
  color: #B21C27
}

#footer .copy-row .copy-links {
  display: inline;
  font-size: .8125rem
}

@media (max-width:740px) {
  #footer .copy-row .copy-links {
    display: block;
    position: absolute;
    top: 0
  }
  #footer .copy-row .copy-links .separator {
    display: none
  }
}

#footer .copy-row .copy-icon {
  font-family: Arial, Helvetica, sans-serif
}

#footer .copy-row .copyright {
  font-family: Telefon, 'Lato';
  height: 50px;
  line-height: 50px;
  color: #fff;
  text-transform: uppercase
}

#footer .copy-row .copyright a {
  color: #fff;
  text-transform: uppercase
}

@media (max-width:740px) {
  #footer .copy-row .copyright {
    text-align: center
  }
}

.dm-article-detail-leaderboard .label,
.dm-articles-landing-leaderboard .label,
.dm-homepage-leaderboard .label,
.dm-marketplace-landing-leaderboard .label,
.label-white,
.m-article-detail-medium-rectangle .label,
.m-articles-landing-medium-rectangle .label {
  background-color: #fff;
  color: #c7c9c9
}

.dm-films-landing-leaderboard .label,
.label-black {
  background-color: #000;
  color: #c7c9c9
}

.dm-film-detail-leaderboard .label,
.label-gray,
.m-film-detail-medium-rectangle .label,
.m-films-landing-medium-rectangle .label,
.m-homepage-medium-rectangle .label {
  background-color: #1b1b1c;
  color: #c7c9c9
}

.dm-series-landing-leaderboard .label,
.label-dark {
  background-color: #141415;
  color: #c7c9c9
}

.advertisement {
  position: relative
}

.advertisement .container {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding: .375rem;
  border: 1px solid #c7c9c9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.advertisement .label {
  font-family: Telefon, 'Lato';
  font-size: .625rem;
  line-height: .8125rem;
  text-align: center;
  letter-spacing: .2em;
  position: absolute;
  top: -.4375rem;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0 2%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.ad-thumbnail {
  overflow: initial!important
}

@media (min-width:741px) {
  .ad-thumbnail {
    display: block
  }
}

@media (min-width:1081px) {
  .ad-thumbnail {
    display: none
  }
}

/**** @TODO Put google ads back in */

.dm-homepage-leaderboard {
  /*padding-top: 3.125rem*/
}

.m-homepage-medium-rectangle {
  background-color: #1b1b1c;
  /*padding-top: 1.25rem*/
}

.dm-films-landing-leaderboard {
  background-color: #000;
  padding-bottom: 5rem
}

.dm-film-detail-leaderboard {
  padding-top: 3.125rem
}

.dm-articles-landing-leaderboard {
  padding-top: 3.125rem
}

.dm-article-detail-leaderboard {
  clear: both;
  padding-top: 3.125rem
}

.dm-series-landing-leaderboard {
  background-color: #141415;
  padding-top: 3.125rem
}

.dm-marketplace-landing-leaderboard {
  padding-top: 3.125rem
}

#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;
  -webkit-transition: background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
  transition: background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
  transition: transform .5s cubic-bezier(.19, 1, .22, 1), background-color .5s cubic-bezier(.19, 1, .22, 1);
  transition: transform .5s cubic-bezier(.19, 1, .22, 1), background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .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;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
  transition: background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
  transition: transform .5s cubic-bezier(.19, 1, .22, 1), background-color .5s cubic-bezier(.19, 1, .22, 1);
  transition: transform .5s cubic-bezier(.19, 1, .22, 1), background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1)
}

#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, 'Lato';
  font-size: 15px;
  line-height: 15px;
  font-weight: 700;
  letter-spacing: .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, 'Lato';
  font-size: 20px;
  line-height: 1.25em;
  letter-spacing: -.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: 482px;
    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-next,
  #home .carousel.featured .slick-prev,
  #shop .carousel.featured .slick-next,
  #shop .carousel.featured .slick-prev {
    background-color: #f1ede2
  }
  #home .carousel.featured .slick-next:hover,
  #home .carousel.featured .slick-prev:hover,
  #shop .carousel.featured .slick-next:hover,
  #shop .carousel.featured .slick-prev: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;
  -webkit-transition: opacity .5s cubic-bezier(.19, 1, .22, 1);
  transition: opacity .5s cubic-bezier(.19, 1, .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;
  -webkit-transition: background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
  transition: background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
  transition: transform .5s cubic-bezier(.19, 1, .22, 1), background-color .5s cubic-bezier(.19, 1, .22, 1);
  transition: transform .5s cubic-bezier(.19, 1, .22, 1), background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .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;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
  transition: background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
  transition: transform .5s cubic-bezier(.19, 1, .22, 1), background-color .5s cubic-bezier(.19, 1, .22, 1);
  transition: transform .5s cubic-bezier(.19, 1, .22, 1), background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .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 {
    -webkit-transform: scale(.6);
    transform: scale(.6)
  }
}

@media (min-width:401px) {
  #home .carousel .slide .slide-content .content-wrapper,
  #shop .carousel .slide .slide-content .content-wrapper {
    -webkit-transform: scale(.7);
    transform: scale(.7)
  }
}

@media (min-width:600px) {
  #home .carousel .slide .slide-content .content-wrapper,
  #shop .carousel .slide .slide-content .content-wrapper {
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
}

@media (min-width:721px) {
  #home .carousel .slide .slide-content .content-wrapper,
  #shop .carousel .slide .slide-content .content-wrapper {
    -webkit-transform: scale(.7);
    transform: scale(.7)
  }
}

@media (min-width:800px) {
  #home .carousel .slide .slide-content .content-wrapper,
  #shop .carousel .slide .slide-content .content-wrapper {
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
}

@media (min-width:1000px) {
  #home .carousel .slide .slide-content .content-wrapper,
  #shop .carousel .slide .slide-content .content-wrapper {
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }
}

@media (min-width:1200px) {
  #home .carousel .slide .slide-content .content-wrapper,
  #shop .carousel .slide .slide-content .content-wrapper {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@media (min-width:1600px) {
  #home .carousel .slide .slide-content .content-wrapper,
  #shop .carousel .slide .slide-content .content-wrapper {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
}

@media (min-width:1800px) {
  #home .carousel .slide .slide-content .content-wrapper,
  #shop .carousel .slide .slide-content .content-wrapper {
    -webkit-transform: scale(1.2);
    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: .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, 'Lato';
  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, 'Lato';
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: .2em;
  padding: 0;
  margin: 40px 0 0 0;
  border: none;
  cursor: pointer;
  -webkit-transition: background-color .5s;
  transition: background-color .5s
}

@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-next,
#home .carousel .slick-prev,
#shop .carousel .slick-next,
#shop .carousel .slick-prev {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .3);
  margin-top: -20px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: background-color .5s;
  transition: background-color .5s;
  cursor: pointer
}

#home .carousel .slick-next:hover,
#home .carousel .slick-prev:hover,
#shop .carousel .slick-next:hover,
#shop .carousel .slick-prev:hover {
  background-color: rgba(0, 0, 0, .6);
  -webkit-transition: background-color .5s;
  transition: background-color .5s
}

#home .carousel .slick-next::before,
#home .carousel .slick-prev::before,
#shop .carousel .slick-next::before,
#shop .carousel .slick-prev::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: silver;
  border: none;
  border-radius: 50%;
  padding: 0;
  cursor: pointer;
  -webkit-transition: background-color .5s cubic-bezier(.19, 1, .22, 1);
  transition: background-color .5s cubic-bezier(.19, 1, .22, 1)
}

#home .dots .slick-dots li button:hover,
#shop .dots .slick-dots li button:hover {
  background: #000
}

#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: #000
}

#shop .carousel img {
  opacity: .5
}

.slick-carousel {
  position: relative
}

.slick-carousel .slick-next,
.slick-carousel .slick-prev {
  display: none
}

.slick-carousel .slick-dots {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  margin: -2.5rem auto 0;
  overflow: hidden;
  padding: 0;
  position: relative
}

.slick-carousel .slick-dots li {
  width: .5rem;
  height: .5rem;
  list-style: none;
  padding: 0 .25rem
}

.slick-carousel .slick-dots li button {
  display: block;
  width: .5rem;
  height: .5rem;
  font-size: 0;
  background: silver;
  border: none;
  border-radius: 50%;
  padding: 0;
  cursor: pointer;
  -webkit-transition: background-color .5s cubic-bezier(.19, 1, .22, 1);
  transition: background-color .5s cubic-bezier(.19, 1, .22, 1)
}

.slick-carousel .slick-dots li button:hover {
  background: #fff
}

.slick-carousel .slick-dots li.slick-active button {
  background: #b31c27
}

@media (min-width:741px) {
  .slick-carousel .slick-dots {
    margin: -5.5rem auto 0
  }
  .slick-carousel .slick-next,
  .slick-carousel .slick-prev {
    background-color: rgba(0, 0, 0, .3);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 3rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
    width: 3rem;
    z-index: 2
  }
  .slick-carousel .slick-next:hover,
  .slick-carousel .slick-prev:hover {
    background-color: rgba(0, 0, 0, .6);
    -webkit-transition: background-color .5s;
    transition: background-color .5s
  }
  .slick-carousel .slick-next::before,
  .slick-carousel .slick-prev::before {
    display: none
  }
  .slick-carousel .slick-prev {
    left: 2rem;
    background-image: url(https://d1vk052imodrb2.cloudfront.net/elements/arrow-left.svg)
  }
  .slick-carousel .slick-next {
    right: 2rem;
    background-image: url(https://d1vk052imodrb2.cloudfront.net/elements/arrow-right.svg)
  }
}

@media (min-width:1081px) {
  .slick-carousel .dots {
    width: 30%
  }
}

.thumbnails {
  font-family: Telefon, 'Lato';
  margin: 0 auto;
  overflow: auto
}

.thumbnails .thumbnail {
  overflow: hidden
}

.thumbnails .thumbnail.article .image-wrapper .image .non-member div.premium {
  top: 40%
}

.thumbnails .thumbnail.article .image-wrapper .image .non-member div.preview {
  top: 50%
}

.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, 'Lato';
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  color: #fff;
  text-transform: uppercase;
  background: #b21e27;
  -webkit-transform: rotate(45deg);
  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 .image .non-member {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%
}

@media (max-width:1024px) {
  .thumbnails .thumbnail .image-wrapper .image .non-member {
    background-color: rgba(224, 170, 74, .75)
  }
  .thumbnails .thumbnail .image-wrapper .image .non-member div {
    display: block
  }
}

.thumbnails .thumbnail .image-wrapper .image .non-member div {
  color: #fff
}

.thumbnails .thumbnail .image-wrapper .image .non-member div.premium-flag {
  height: 35px;
  width: 23px;
  float: right;
  right: 12px;
  position: absolute
}

.thumbnails .thumbnail .image-wrapper .image .non-member div.premium-flag svg {
  fill: #E0AA4A
}

@media (max-width:1024px) {
  .thumbnails .thumbnail .image-wrapper .image .non-member div.premium-flag svg {
    fill: #fff
  }
}

.thumbnails .thumbnail .image-wrapper .image .non-member div.premium {
  top: 20%;
  display: none;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px
}

@media (max-width:1024px) {
  .thumbnails .thumbnail .image-wrapper .image .non-member div.premium {
    display: block
  }
}

.thumbnails .thumbnail .image-wrapper .image .non-member div.preview {
  top: 60%;
  display: none;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px
}

@media (max-width:1024px) {
  .thumbnails .thumbnail .image-wrapper .image .non-member div.preview {
    display: block
  }
}

@media (max-width:1024px) {
  .thumbnails .thumbnail .image-wrapper .image .non-member div div {
    display: block
  }
}

.thumbnails .thumbnail .image-wrapper .image .non-member:hover {
  background-color: rgba(224, 170, 74, .75)
}

.thumbnails .thumbnail .image-wrapper .image .non-member:hover div {
  display: block
}

.thumbnails .thumbnail .image-wrapper .image .non-member:hover div.premium-flag svg {
  fill: #fff
}

.thumbnails .thumbnail .image-wrapper .image .member {
  position: absolute;
  height: 100%;
  width: 100%
}

.thumbnails .thumbnail .image-wrapper .image .member div.premium-flag {
  height: 35px;
  width: 23px;
  float: right;
  right: 12px;
  position: absolute
}

.thumbnails .thumbnail .image-wrapper .image .member div.premium-flag svg {
  fill: #E0AA4A
}

.thumbnails .thumbnail .image-wrapper .image .member div.premium {
  top: 20%;
  display: none;
  color: #fff;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px
}

@media (max-width:740px) {
  .thumbnails .thumbnail .image-wrapper .image .member div.premium {
    display: block
  }
}

.thumbnails .thumbnail .image-wrapper .image .member div.preview {
  top: 60%;
  display: none;
  color: #fff;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px
}

@media (max-width:740px) {
  .thumbnails .thumbnail .image-wrapper .image .member div.preview {
    display: block
  }
}

.thumbnails .thumbnail .image-wrapper .image .member:hover div {
  display: block
}

.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;
  -webkit-transition: background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
  transition: background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
  transition: transform .5s cubic-bezier(.19, 1, .22, 1), background-color .5s cubic-bezier(.19, 1, .22, 1);
  transition: transform .5s cubic-bezier(.19, 1, .22, 1), background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
  cursor: pointer
}

.thumbnails .thumbnail .image-wrapper img.play:hover {
  background-color: #b21e27;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
  transition: background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
  transition: transform .5s cubic-bezier(.19, 1, .22, 1), background-color .5s cubic-bezier(.19, 1, .22, 1);
  transition: transform .5s cubic-bezier(.19, 1, .22, 1), background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1)
}

.thumbnails .thumbnail .image-wrapper .stats {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  letter-spacing: .04em;
  color: #fff;
  padding: 15px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .25)), color-stop(rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(rgba(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;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .08em;
  text-align: left;
  padding: 0 0 0 13px;
  background-color: #b21e27;
  opacity: 1;
  -webkit-transition: opacity 1s;
  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: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none
}

.thumbnails .thumbnail a.title {
  display: block;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -.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: 700;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #b21e27;
  -webkit-box-shadow: -1px 0 3px rgba(0, 0, 0, .1);
  box-shadow: -1px 0 3px rgba(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;
  -webkit-transition: background-color .5s;
  transition: background-color .5s
}

.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, 'Lato';
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  background: rgba(0, 0, 0, .4)
}

.thumbnails .thumbnail.product .image-wrapper .sold-out::before {
  position: relative;
  display: inline-block;
  height: 100%;
  content: "";
  letter-spacing: .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;
  color: #392f2c
}

.thumbnails .thumbnail.product .price .sale {
  font-weight: 700
}

.thumbnails .thumbnail.product .price .sale.discount {
  text-decoration: line-through
}

.thumbnails .thumbnail.product .price .sale.gold {
  color: #d4af37
}

.thumbnails .thumbnail.product .price .sale.gold.member-label {
  font-size: 12px
}

.thumbnails .thumbnail.product .price .sale.gold .member-icon {
  background: url(/wp-content/themes/petrolicious/images/member-icon.png) 0 0 no-repeat;
  height: 16px;
  width: 16px;
  float: left
}

.thumbnails.artists,
.thumbnails.brands {
  text-align: center;
  padding: 0 20px
}

.thumbnails.artists .thumbnail,
.thumbnails.brands .thumbnail {
  position: relative;
  float: left;
  width: calc(50% - 10px);
  background: #000
}

.thumbnails.artists .thumbnail .wrapper,
.thumbnails.brands .thumbnail .wrapper {
  width: 100%;
  padding-bottom: 60%;
  font-size: 0
}

.thumbnails.artists .thumbnail .wrapper img,
.thumbnails.brands .thumbnail .wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: .5;
  -webkit-transition: opacity .5s;
  transition: opacity .5s
}

.thumbnails.artists .thumbnail .wrapper .name,
.thumbnails.brands .thumbnail .wrapper .name {
  position: absolute;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #fff
}

.thumbnails.artists .thumbnail .wrapper .name:before,
.thumbnails.brands .thumbnail .wrapper .name:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.member-logged-in .thumbnails .thumbnail.product .price .sale.discount {
  color: #888
}

@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 {
    color: #fff;
    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.1%
  }
  .thumbnails.listings .thumbnail .category {
    margin: 10px 0 5px 0
  }
}

@media (max-width:740px) {
  .thumbnails.artists .thumbnail,
  .thumbnails.brands .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;
    min-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.1%
  }
  .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.artists,
  .thumbnails.brands {
    max-width: 1000px
  }
  .thumbnails.artists .thumbnail,
  .thumbnails.brands .thumbnail {
    margin: 0 20px 20px 0
  }
  .thumbnails.artists .thumbnail:nth-child(even),
  .thumbnails.brands .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-of-type(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;
    min-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 (max-width:1080px) and (min-width:741px) {
  .tax-film_series .thumbnails.films {
    padding: 0 20px
  }
  .tax-film_series .thumbnails.films .thumbnail {
    float: none;
    margin: 0;
    width: 100%;
    min-height: auto;
    margin-bottom: 40px
  }
  .tax-film_series .thumbnails.films .thumbnail .image-wrapper {
    float: left;
    width: 50%;
    max-width: 490px
  }
  .tax-film_series .thumbnails.films .thumbnail .image-wrapper .image {
    padding-bottom: 56.25%
  }
  .tax-film_series .thumbnails.films .thumbnail .category {
    margin: 10px 0 0 0
  }
}

@media (min-width:1081px) {
  .tax-film_series .thumbnails.films {
    max-width: 1000px
  }
  .tax-film_series .thumbnails.films .thumbnail {
    float: none;
    margin: 0;
    width: 100%;
    min-height: auto;
    margin-bottom: 40px
  }
  .tax-film_series .thumbnails.films .thumbnail .image-wrapper {
    float: left;
    width: 50%;
    max-width: 490px
  }
  .tax-film_series .thumbnails.films .thumbnail .image-wrapper .image {
    padding-bottom: 56.25%
  }
  .tax-film_series .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.related .thumbnail:last-child,
  .thumbnails.products.toys .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, 'Lato';
  color: #9a917c;
  padding-bottom: 20px
}

@media (max-width:1040px) {
  #user {
    padding-top: 0
  }
}

#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: 400;
  font-size: 24px;
  color: #525349
}

#user .profile .location {
  font-size: 14px;
  letter-spacing: .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 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1000px;
  font-size: 16px;
  font-weight: 700;
  line-height: 60px;
  color: #b21e27;
  background: #f6f7f8;
  margin: 0 auto 20px auto
}

#user .updated p {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1000px;
  font-size: 16px;
  font-weight: 700;
  line-height: 60px;
  color: #5d8f3f;
  background: #f6f7f8;
  margin: 0 auto 20px auto
}

#user input,
#user textarea {
  -webkit-box-sizing: border-box;
  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 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  max-width: 280px;
  height: 46px;
  text-align: center;
  line-height: 45px;
  font-family: Telefon, 'Lato';
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .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: #fff;
  border: 2px solid #b31c27;
  background: #b31c27
}

#user .questions-membership a {
  color: #b21e27;
  text-decoration: none
}

#user .questions-membership a:hover {
  text-decoration: underline
}

#user .logout {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #b21e27;
  text-transform: uppercase;
  text-decoration: none;
  margin: 40px 0
}

@media (max-width:1040px) {
  #user .logout {
    margin: 0 0 40px 0
  }
}

#user .logout:hover {
  text-decoration: underline
}

#user form.wpua-edit {
  display: none
}

#film {
  background: #000;
  z-index: 0;
  position: relative
}

#film .header .player {
  position: relative;
  width: 100%;
  margin: 0 auto
}

#film .header .player.fullscreen {
  position: fixed;
  max-width: inherit;
  z-index: 3;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  overflow: hidden
}

#film .header .player .wrapper {
  height: 0;
  width: 100%;
  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%;
  -webkit-transition: opacity 1s, visibility 0s linear 0s;
  transition: opacity 1s, visibility 0s linear 0s;
  visibility: visible
}

#film .header .player .wrapper iframe.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 1s, visibility 0s linear 1s;
  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, 'Lato';
  color: #fff;
  -webkit-transition: opacity 1s;
  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: 700;
  text-transform: uppercase;
  letter-spacing: .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: .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, 'Lato';
  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: 700;
  letter-spacing: .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%;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

#film .header .player .wrapper .up-next .countdown .circle.larger {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition-duration: 0s;
  transition-duration: 0s
}

#film .header .player .wrapper .up-next .countdown .number {
  position: relative;
  top: .025em;
  left: .025em
}

#film .header .player .wrapper .up-next .film-overlay {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6
}

#film .header .player .wrapper .up-next-widget {
  position: absolute;
  z-index: 5;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-family: Telefon, 'Lato';
  color: #fff;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  background-color: red;
  display: none
}

#film .header .player .wrapper .up-next-widget:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  z-index: 5;
  top: 0;
  left: 0
}

#film .header .player .wrapper .up-next-widget .up-next-content {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  text-align: left;
  max-width: 1000px;
  top: 5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 0 20px
}

@media (min-width:321px) {
  #film .header .player .wrapper .up-next-widget .up-next-content {
    top: 10%
  }
}

@media (min-width:768px) and (max-width:1080px) {
  #film .header .player .wrapper .up-next-widget .up-next-content {
    top: 15%;
    margin: 0 20px
  }
}

@media (min-width:1080px) {
  #film .header .player .wrapper .up-next-widget .up-next-content {
    top: 20%;
    margin: 0
  }
}

#film .header .player .wrapper .up-next-widget .up-next-text {
  position: absolute;
  font-size: 1.125rem;
  margin-left: 60px;
  margin-top: 15px
}

@media (min-width:740px) {
  #film .header .player .wrapper .up-next-widget .up-next-text {
    font-size: 1.5rem;
    margin-left: 80px;
    margin-top: 20px
  }
}

#film .header .player .wrapper .up-next-widget .title {
  font-family: Telefon, 'Lato';
  font-weight: 700;
  max-width: 290px;
  font-size: 1.125rem;
  line-height: 1.125rem
}

@media (min-width:740px) {
  #film .header .player .wrapper .up-next-widget .title {
    max-width: 560px;
    font-size: 3rem;
    line-height: 3rem
  }
}

#film .header .player .wrapper .up-next-widget .series-info {
  text-transform: uppercase;
  font-size: .8125rem;
  margin: 5px 0 10px
}

@media (min-width:768px) and (max-width:1080px) {
  #film .header .player .wrapper .up-next-widget .series-info {
    margin: 20px 0;
    font-size: 1rem
  }
}

@media (min-width:1080px) {
  #film .header .player .wrapper .up-next-widget .series-info {
    margin: 40px 0 30px;
    font-size: 1rem
  }
}

#film .header .player .wrapper .up-next-widget .countdown-container {
  width: 100%;
  max-width: 62px;
  font-size: 16px;
  margin: 0 auto;
  display: inline-block
}

#film .header .player .wrapper .up-next-widget .countdown {
  position: absolute;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .04em;
  top: 0;
  left: 0
}

@media (min-width:740px) {
  #film .header .player .wrapper .up-next-widget .countdown {
    width: 62px;
    height: 62px;
    line-height: 62px
  }
}

#film .header .player .wrapper .up-next-widget .countdown .circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: 0 0;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

#film .header .player .wrapper .up-next-widget .countdown .circle.larger {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition-duration: 0s;
  transition-duration: 0s
}

#film .header .player .wrapper .up-next-widget .countdown .number {
  position: relative;
  font-size: 1.2rem;
  cursor: pointer;
  top: -.1875rem;
  left: 0
}

@media (min-width:740px) {
  #film .header .player .wrapper .up-next-widget .countdown .number {
    font-size: 2rem;
    top: .025em;
    left: .025em
  }
}

#film .header .player .wrapper .up-next-widget .countdown-circle {
  width: 50px;
  height: 50px
}

@media (min-width:740px) {
  #film .header .player .wrapper .up-next-widget .countdown-circle {
    width: 62px;
    height: 62px
  }
}

#film .header .player .wrapper .up-next-widget .circle-ring {
  stroke: transparent
}

#film .header .player .wrapper .up-next-widget .circle-segment {
  -webkit-transform-origin: center;
  transform-origin: center;
  stroke: #fff;
  -webkit-animation: countdown 5.8s;
  animation: countdown 5.8s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear
}

@-webkit-keyframes countdown {
  0% {
    stroke-dasharray: 0, 100
  }
  100% {
    stroke-dasharray: 100, 0
  }
}

@keyframes countdown {
  0% {
    stroke-dasharray: 0, 100
  }
  100% {
    stroke-dasharray: 100, 0
  }
}

#film .header .player .wrapper .up-next-widget .replay-btn {
  cursor: pointer;
  margin-top: 35px
}

@media (min-width:375px) and (max-width:740px) {
  #film .header .player .wrapper .up-next-widget .replay-btn {
    margin-top: 50px
  }
}

@media (min-width:741px) and (max-width:1080px) {
  #film .header .player .wrapper .up-next-widget .replay-btn {
    margin-top: 60px
  }
}

@media (min-width:1080px) {
  #film .header .player .wrapper .up-next-widget .replay-btn {
    margin-top: 160px
  }
}

#film .header .player .wrapper .up-next-widget .replay-btn .replay-link {
  font-size: 1rem;
  display: inline-block;
  margin-left: 15px;
  margin-top: 2px
}

@media (min-width:740px) {
  #film .header .player .wrapper .up-next-widget .replay-btn .replay-link {
    font-size: 1.5rem
  }
}

#film .header .player .wrapper .up-next-widget .replay-btn .replay-icon {
  width: 20px;
  height: 20px
}

@media (min-width:740px) {
  #film .header .player .wrapper .up-next-widget .replay-btn .replay-icon {
    width: 30px;
    height: 30px
  }
}

#film .header .player .wrapper .up-next-widget .image {
  width: 100%;
  height: 100%
}

#film .header .player .wrapper .up-next-widget .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

#film .header .player .wrapper .up-next-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #000;
  left: 0;
  top: 0;
  z-index: 6;
  opacity: .5;
  display: none
}

#film .header .player .wrapper .go-premium {
  position: absolute;
  z-index: 6;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 0;
  margin: 0 20px;
  width: 100%;
  height: auto;
  text-align: left;
  font-family: Telefon, 'Lato';
  color: #fff;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  background: 0 0;
  display: none
}

@media (min-width:1080px) {
  #film .header .player .wrapper .go-premium {
    width: 1000px;
    margin: 0
  }
}

#film .header .player .wrapper .go-premium .go-premium-title {
  font-family: Telefon, 'Lato';
  font-size: 1.75rem;
  font-weight: 700;
  color: #fff;
  width: 100%;
  max-width: 500px;
  padding-top: 25px
}

#film .header .player .wrapper .go-premium .go-premium-title.article {
  max-width: 720px
}

@media (min-width:740px) {
  #film .header .player .wrapper .go-premium .go-premium-title {
    font-size: 3.25rem;
    padding-top: 0
  }
}

#film .header .player .wrapper .go-premium .go-premium-description {
  max-width: 290px;
  font-family: Lato;
  font-weight: 400;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: .875rem;
  line-height: 16px;
  margin: 5px 0 15px;
  padding: 0
}

@media (min-width:740px) {
  #film .header .player .wrapper .go-premium .go-premium-description {
    font-size: 1rem;
    line-height: 24px;
    margin: 15px 0 30px;
    max-width: 500px
  }
}

#film .header .player .wrapper .go-premium .go-premium-cta {
  max-width: 115px;
  display: block;
  color: #fff;
  border: none;
  background-color: #E0AA4A;
  font-size: 1rem;
  line-height: 1.125rem;
  letter-spacing: 1px;
  font-weight: 700;
  padding: 10px 15px;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none
}

@media (min-width:740px) {
  #film .header .player .wrapper .go-premium .go-premium-cta {
    max-width: 150px;
    padding: 15px
  }
}

#film .header .player .wrapper .go-premium-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url(images/go-premium.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
  z-index: 4;
  display: none;
  padding: 15px 0
}

#film .header .player .wrapper .go-premium-bg.article {
  background-image: url(images/go-premium-article.jpg)
}

@media (min-width:740px) {
  #film .header .player .wrapper .go-premium-bg {
    padding: 0
  }
}

#film .header .player .wrapper .go-premium-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #000;
  left: 0;
  top: 0;
  z-index: 5;
  opacity: .5;
  display: none;
  padding: 15px 0
}

@media (min-width:740px) {
  #film .header .player .wrapper .go-premium-overlay {
    padding: 0
  }
}

#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, 'Lato';
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: .08em;
  margin: 0 0 0 -5em;
  color: #d8d2c4;
  border: 1px solid #d8d2c4;
  cursor: pointer;
  -webkit-transition: color .5s cubic-bezier(.19, 1, .22, 1);
  transition: color .5s cubic-bezier(.19, 1, .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 iframe#vimeo_video,
#film .header .player .wrapper #vimeo_video iframe,
#film .header .player .wrapper #jw-player,
#film .header .player .wrapper .jwplayer {
  z-index: 4
}

#film .film-details {
  color: #fff;
  font-size: 1rem;
  margin: 2.5rem auto 3rem;
  max-width: 62.5rem;
  padding: 0 1.25rem;
  overflow: hidden
}

@media (min-width:740px) {
  #film .film-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

#film .film-details .left {
  width: 100%
}

@media (min-width:740px) {
  #film .film-details .left {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 66%;
    padding-right: 2.5rem
  }
}

#film .film-details .right {
  width: 100%
}

@media (min-width:740px) {
  #film .film-details .right {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    text-align: right;
    width: 33%
  }
}

#film .film-details .series-logo {
  height: auto;
  max-width: 4rem;
  margin: 0 0 1.25rem;
  width: 100%
}

@media (min-width:740px) {
  #film .film-details .series-logo {
    max-width: 12.5rem;
    margin: 1.5rem 0 1.25rem
  }
}

#film .film-details .series-title {
  color: #DAD5C8;
  font-size: .625rem;
  margin-bottom: .625rem;
  text-transform: uppercase
}

#film .film-details .series-title a {
  color: #dad5c8;
  text-decoration: none
}

#film .film-details .series-title a:hover {
  text-decoration: underline
}

@media (min-width:740px) {
  #film .film-details .series-title {
    font-size: .875rem
  }
}

#film .film-details .film-title {
  color: #fff;
  max-width: 41.25rem;
  font-size: 1.5rem;
  padding: 0 1.25rem 0 0;
  margin: 0 0 .625rem
}

@media (min-width:740px) {
  #film .film-details .film-title {
    font-size: 1.75rem
  }
}

#film .film-details .film-summary {
  font-weight: 300;
  -webkit-font-smoothing: subpixel-antialiased;
  margin-bottom: 2rem
}

@media (min-width:740px) {
  #film .film-details .film-summary {
    margin-bottom: 4rem
  }
}

#film .film-details .conversation {
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: none;
  margin: 0;
  text-align: left
}

#film .film-details .conversation .show-comment-drawer {
  margin: 0 .625rem 0 0
}

@media (min-width:740px) {
  #film .film-details .conversation .show-comment-drawer {
    margin: 0 1.25rem 0 0
  }
}

#film .film-details .conversation .view-comments {
  -ms-flex-item-align: center;
  align-self: center;
  border: 0 none;
  color: #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0
}

@media (min-width:741px) and (max-width:1080px) {
  #film .thumbnails .thumbnail:nth-child(3) {
    display: none
  }
}

.jw-icon-rewind {
  display: none!important
}

.jw-display-icon-container .jw-svg-icon-play path {
  display: none
}

.jw-display-icon-container .jw-svg-icon-play {
  background-image: url(https://d1vk052imodrb2.cloudfront.net/elements/play.svg);
  background-repeat: no-repeat
}

.jw-display-icon-container .jw-button-color[aria-label=Play] {
  -webkit-transition: all .5s;
  transition: all .5s;
  border-radius: 50px;
  display: block!important
}

.jw-display-icon-container .jw-button-color[aria-label=Play]:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  background-color: #b21e27;
  display: block
}

.modal {
  position: fixed;
  z-index: 8;
  text-align: center;
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
  -webkit-transition: opacity .1s, visibility 0s linear .2s, -webkit-transform .2s;
  transition: opacity .1s, visibility 0s linear .2s, -webkit-transform .2s;
  transition: opacity .1s, transform .2s, visibility 0s linear .2s;
  transition: opacity .1s, transform .2s, visibility 0s linear .2s, -webkit-transform .2s
}

.modal.visible {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity .2s, -webkit-transform .2s;
  transition: opacity .2s, -webkit-transform .2s;
  transition: opacity .2s, transform .2s;
  transition: opacity .2s, transform .2s, -webkit-transform .2s
}

.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, 'Lato';
  text-align: center;
  font-size: 28px;
  color: #525349;
  letter-spacing: .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.login,
.modal.reset,
.modal.signup {
  top: 50%;
  left: 50%;
  width: 640px;
  height: 640px;
  margin: -320px 0 0 -320px
}

@media (max-width:680px),
(max-height:680px) {
  .modal.login,
  .modal.reset,
  .modal.signup {
    width: auto;
    height: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0
  }
}

.modal.login .wp-social-login-connect-with,
.modal.reset .wp-social-login-connect-with,
.modal.signup .wp-social-login-connect-with {
  display: none
}

.modal.signup .header {
  height: 269px;
  background-image: url(https://d1vk052imodrb2.cloudfront.net/elements/modal-header-signup.jpg)
}

.modal.signup .wp-social-login-provider::before {
  content: "Sign up with "
}

.modal.signup .subscribe {
  font-size: 14px;
  color: #392f2c;
  position: relative;
  margin: 15px auto 0;
  width: 200px;
  cursor: pointer
}

.modal.signup .subscribe .fa {
  width: 15px;
  text-align: left
}

.modal.login .header {
  background-image: url(https://d1vk052imodrb2.cloudfront.net/elements/modal-header-login.jpg)
}

.modal.login .header h2 {
  color: #fff
}

.modal.login .header p {
  color: #fff
}

.modal.login .header p .link {
  color: #fff;
  border-color: #fff
}

.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: #fff
}

.modal.reset .header p {
  color: #fff
}

.modal.reset .header p .link {
  color: #fff;
  border-color: #fff
}

.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: .02em;
  color: #fff
}

.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 {
  -webkit-box-sizing: border-box;
  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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 280px;
  height: 46px;
  line-height: 48px;
  font-family: Telefon, 'Lato';
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #fff;
  background: #b21e27;
  border: none;
  margin: 0 auto;
  padding: 0;
  cursor: pointer
}

.modal form .message {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #b21e27;
  margin: 10px 0
}

.modal form .message.success {
  color: #5d8f3f
}

.modal form .link {
  display: inline-block;
  font-size: 14px;
  font-style: italic;
  color: #525349;
  cursor: pointer
}

.modal form .subscribe .optin-subscribe {
  width: 17px;
  height: 17px;
  position: absolute;
  padding: 0;
  margin: 0;
  border: 1px solid #000
}

.modal form .subscribe .optin-subscribe:checked {
  background-color: #a72931
}

.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 #fff;
  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;
    max-height: 320px;
    width: auto;
    border-right: 6px solid #fff;
    margin: 0
  }
  .gallery-wrapper .gallery.auto img {
    margin: 0
  }
}

.gallery-wrapper.lifestyle-gallery.full-width {
  height: 480px;
  background: #f3f3f3
}

.gallery-wrapper.lifestyle-gallery .gallery.full-width {
  height: 480px
}

.gallery-wrapper.lifestyle-gallery .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;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  -webkit-transition: right 750ms cubic-bezier(.19, 1, .22, 1);
  transition: right 750ms cubic-bezier(.19, 1, .22, 1)
}

@media (max-width:800px) {
  #comments-drawer {
    width: 100%
  }
}

#comments-drawer.visible {
  right: 0
}

#comments-drawer .header {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0 20px 0 0;
  background: #f6f7f8;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  box-shadow: 0 0 5px rgba(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, 'Lato';
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .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: #fff;
  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, 'Lato';
  font-weight: 700;
  letter-spacing: .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;
  -webkit-box-shadow: none;
  box-shadow: none
}

#comments-drawer #wpcomm .wc-form-wrapper {
  background: 0 0;
  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, .25);
  border-bottom: 1px solid rgba(153, 145, 124, .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 label[for=wpua-file-existing] {
  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 .wmu-add-icon {
  width: 60px;
  height: 40px;
  line-height: 41px;
  background: 0 0;
  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::before {
  font-family: "Font Awesome 5 Free";
  content: "\f083"
}

#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;
  -webkit-box-sizing: border-box;
  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: 0 0;
  color: #fff;
  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: "Font Awesome 5 Free";
  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 {
  -webkit-box-sizing: border-box;
  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;
  -webkit-box-shadow: 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;
  -webkit-box-sizing: border-box;
  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;
  -webkit-box-shadow: none;
  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, 'Lato';
  font-weight: 700;
  font-size: 14px;
  border: none;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .06em;
  background: #b21e27;
  padding: 0 20px;
  cursor: pointer;
  margin: 0;
  -moz-appearance: none;
  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 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%;
  height: 50px;
  text-align: center;
  font-family: Telefon, 'Lato';
  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: 0 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, 'Lato';
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .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: 0 0;
  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, 'Lato';
  font-weight: 700;
  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, 'Lato';
  font-size: 12px;
  background: 0 0!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-x:hover,
#comments-drawer #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer .wc-footer-left .wc-cta-button:hover {
  background: 0 0!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, 'Lato';
  font-size: 48px;
  margin: 0 auto;
  color: #525349
}

#error p {
  font-family: Telefon, 'Lato';
  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
}

.page-template-membership-2 .message,
.page-template-membership-3 .message,
.woocommerce_checkout_optin .message {
  font-family: HT;
  font-size: 13px;
  text-align: center;
  text-transform: uppercase;
  color: #a72931;
  text-decoration: none;
  margin: 15px 0 6px
}

.woocommerce_checkout_optin {
  padding: 15px 0 20px 0
}

.woocommerce_checkout_optin .message {
  text-align: left
}

.pagination {
  background-color: #1B1B1C;
  padding: 2.5rem 0;
  text-align: center
}
.post-type-archive-article .pagination {
  background: none;
}

.pagination a,
.pagination span {
  color: #d1d3d3;
  font-family: Telefon, 'Lato';
  font-size: 1.125rem;
  letter-spacing: .0625rem;
  text-transform: uppercase;
  padding: 0 .5rem 0 .25rem;
}

.pagination a:last-child,
.pagination span:last-child {
  border: none
}

.pagination a {
  color: #b21e27;
  text-decoration: none;
  float: none;
  border:  none;
}

.articles+.pagination {
  background-color: #fff
}

#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, 'Lato';
  font-weight: 700;
  font-size: 16px;
  color: #d8d2c4;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: .08em;
  margin: 0 10px;
  border: 2px solid #d8d2c4;
  -webkit-transition: color .5s cubic-bezier(.19, 1, .22, 1);
  transition: color .5s cubic-bezier(.19, 1, .22, 1)
}

@media (max-width:508px) {
  #listings .links a {
    float: none;
    display: block;
    width: auto;
    margin: 10px 20px
  }
}

#listings .links a:hover {
  -webkit-transition: color .5s cubic-bezier(.19, 1, .22, 1);
  transition: color .5s cubic-bezier(.19, 1, .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, 'Lato';
  font-size: 24px;
  text-transform: uppercase;
  margin: 0 auto;
  color: #525349
}

#reset p {
  font-family: Telefon, 'Lato';
  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 {
  -webkit-box-sizing: border-box;
  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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 280px;
  height: 46px;
  line-height: 48px;
  font-family: Telefon, 'Lato';
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #fff;
  background: #b21e27;
  border: none;
  margin: 0 auto;
  padding: 0;
  cursor: pointer
}

#reset form .message {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #b21e27;
  margin: 20px 0 10px 0
}

#listing .action h3 {
  text-align: center;
  margin: 0 auto
}

#listing .action .button {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 200px;
  height: 46px;
  line-height: 48px;
  text-align: center;
  font-family: Telefon, 'Lato';
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  background: #b21e27;
  border: none;
  margin: 20px auto 0 auto;
  padding: 0;
  cursor: pointer
}

#listing .action .learn-more {
  -webkit-box-sizing: border-box;
  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 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  font-family: Telefon, 'Lato';
  font-size: 32px;
  letter-spacing: .02em;
  color: #525349;
  border: none;
  padding: 0 98px 0 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  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, 'Lato';
  font-size: 14px;
  font-weight: 700;
  color: #d8d2c4;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: .08em;
  padding: 0 18px;
  border: 2px solid #d8d2c4;
  background: 0 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: color .5s cubic-bezier(.19, 1, .22, 1);
  transition: color .5s cubic-bezier(.19, 1, .22, 1)
}

#search form button:hover {
  -webkit-transition: color .5s cubic-bezier(.19, 1, .22, 1);
  transition: color .5s cubic-bezier(.19, 1, .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, 'Lato';
  font-size: 14px;
  font-weight: 700;
  color: #d8d2c4;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: .08em;
  margin: 0 3px;
  padding: 0 20px;
  border: 2px solid #d8d2c4;
  cursor: pointer;
  -webkit-transition: color .5s cubic-bezier(.19, 1, .22, 1);
  transition: color .5s cubic-bezier(.19, 1, .22, 1)
}

#search .filters .filter:hover {
  -webkit-transition: color .5s cubic-bezier(.19, 1, .22, 1);
  transition: color .5s cubic-bezier(.19, 1, .22, 1);
  color: #b21e27
}

#search .filters .filter.active {
  background: #b21e27;
  color: #fff;
  border-color: #b21e27
}

#search .thumbnails .thumbnail.films .image-wrapper {
  margin-bottom: 12px
}

#search .thumbnails .thumbnail.films .image-wrapper .image img {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: auto
}

#search .thumbnails .thumbnail.films .image-wrapper .image .play {
  margin: 0 0 0 -25px
}

#search .thumbnails .thumbnail.films .image-wrapper .image .member,
#search .thumbnails .thumbnail.films .image-wrapper .image .non-member {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 180px
}

@media (max-width:740px) {
  #search .thumbnails .thumbnail.films .image-wrapper .image .member,
  #search .thumbnails .thumbnail.films .image-wrapper .image .non-member {
    height: 68px
  }
  #search .thumbnails .thumbnail.films .image-wrapper .image .member div.premium-flag,
  #search .thumbnails .thumbnail.films .image-wrapper .image .non-member div.premium-flag {
    right: 0;
    top: -3px
  }
  #search .thumbnails .thumbnail.films .image-wrapper .image .member div.premium-flag svg,
  #search .thumbnails .thumbnail.films .image-wrapper .image .non-member div.premium-flag svg {
    width: 13px!important;
    height: 26px!important
  }
}

#search .thumbnails .thumbnail.films .series-title a {
  font-size: 15px;
  line-height: 15px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
  color: #988f7a
}

#search .thumbnails .thumbnail.films .series-title a:hover {
  text-decoration: underline
}

@media (max-width:740px) {
  #search .thumbnails .thumbnail.films .series-title {
    float: left;
    width: 70%;
    margin-left: 10px;
    margin-top: 15px
  }
}

#search .thumbnails .thumbnail.films .film-title a {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -.02em;
  color: #392e2c;
  text-decoration: none
}

#search .thumbnails .thumbnail.films .film-title a:hover {
  text-decoration: underline
}

@media (max-width:740px) {
  #search .thumbnails .thumbnail.films .film-title {
    float: left;
    width: 70%;
    margin-left: 10px;
    height: 25px
  }
}

@media (max-width:740px) {
  #search .thumbnails .thumbnail.films .film-summary {
    float: left;
    width: 70%;
    margin-left: 10px
  }
}

@media (max-width:740px) {
  #search .thumbnails.films .thumbnail.films .series-title {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-top: 0
  }
}

@media (max-width:740px) {
  #search .thumbnails.films .thumbnail.films .film-title {
    float: none;
    width: 100%;
    margin-left: 0;
    height: auto
  }
}

@media (max-width:740px) {
  #search .thumbnails.films .thumbnail.films .film-summary {
    display: none
  }
}

@media (max-width:740px) {
  #search .thumbnails.films .thumbnail.films .image-wrapper .image .member,
  #search .thumbnails.films .thumbnail.films .image-wrapper .image .non-member {
    height: 180px
  }
  #search .thumbnails.films .thumbnail.films .image-wrapper .image .member div.premium-flag,
  #search .thumbnails.films .thumbnail.films .image-wrapper .image .non-member div.premium-flag {
    right: 12px;
    top: auto
  }
  #search .thumbnails.films .thumbnail.films .image-wrapper .image .member div.premium-flag svg,
  #search .thumbnails.films .thumbnail.films .image-wrapper .image .non-member div.premium-flag svg {
    width: 23px!important;
    height: 36px!important
  }
}

#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;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  box-shadow: 0 0 3px rgba(0, 0, 0, .15)
}

#browse .column h2 {
  font-family: Telefon, 'Lato';
  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;
  text-align: center;
  font-family: Telefon, 'Lato';
  overflow: hidden;
  background: #000
}

.shop .header img.background {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  opacity: .6;
  position: absolute;
  left: 0
}

.shop .header .info-wrapper {
  position: relative;
  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;
  padding: 40px 0
}

.shop .header .info-wrapper .info img.logomark {
  float: none;
  width: auto;
  height: auto;
  max-width: 500px;
  max-height: 100px;
  margin: 0 auto
}

@media (max-width:640px) {
  .shop .header .info-wrapper .info img.logomark {
    max-width: 80%
  }
}

.shop .header .info-wrapper .info .name {
  font-size: 42px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #fff
}

.shop .header .info-wrapper .info .description {
  max-width: 500px;
  font-size: 18px;
  line-height: 1.5em;
  color: #fff;
  padding: 10px;
  display: block
}

.shop .breadcrumb {
  max-width: 1000px;
  text-align: left;
  font-family: Telefon, 'Lato';
  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: 400
}

.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, 'Lato';
  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: 700;
  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 {
  -webkit-box-sizing: border-box;
  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, 'Lato';
  font-size: 14px;
  color: #392f2c;
  letter-spacing: .04em;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  padding: 0 10px;
  background: 0 0
}

.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, 'Lato';
  font-size: 18px;
  padding: 0;
  line-height: 2em
}

.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 ul.woocommerce-error {
  text-align: center;
  color: red
}

.shop a.view-all {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  line-height: 22px;
  text-align: center;
  font-family: Telefon, 'Lato';
  font-weight: 700;
  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;
  -webkit-transition: color .5s cubic-bezier(.19, 1, .22, 1);
  transition: color .5s cubic-bezier(.19, 1, .22, 1)
}

.shop a.view-all.artists,
.shop a.view-all.brands {
  margin: 40px auto
}

.shop a.view-all:hover {
  color: #b21e27
}

.shop #ship-to-different-address {
  clear: both;
  padding: 20px 0 0
}

.shop #ship-to-different-address::after {
  display: none
}

body.woocommerce-order-received .shop {
  text-align: left
}

body.woocommerce-order-received .shop a {
  color: #000
}

body.woocommerce-order-received .shop ul {
  padding: 0
}

body.woocommerce-order-received .shop .woocommerce-thankyou-order-received {
  text-align: center
}

body.woocommerce-order-received .shop .woocommerce-table--order-details {
  width: 100%
}

body.woocommerce-order-received .shop .woocommerce-table--order-details .product-total {
  text-align: right
}

body.woocommerce-order-received .shop .woocommerce-table--order-details .woocommerce-table__product-name,
body.woocommerce-order-received .shop .woocommerce-table--order-details .woocommerce-table__product-table,
body.woocommerce-order-received .shop .woocommerce-table--order-details .woocommerce-table__product-total {
  line-height: 2em;
  border-bottom: 1px solid #eee
}

@media (max-width:320px) {
  body.woocommerce-order-received .shop .woocommerce-table--order-details .woocommerce-table__product-name {
    line-height: 22px;
    padding-bottom: 10px
  }
}

body.woocommerce-order-received .shop .woocommerce-table--order-details tfoot th {
  line-height: 2em;
  border-bottom: 1px solid #eee
}

@media (max-width:320px) {
  body.woocommerce-order-received .shop .woocommerce-table--order-details tfoot th {
    width: 60%
  }
}

body.woocommerce-order-received .shop .woocommerce-table--order-details tfoot td {
  text-align: right;
  border-bottom: 1px solid #eee;
  line-height: 0
}

body.woocommerce-order-received .shop .woocommerce-table--order-details tfoot td .woocommerce-Price-amount {
  display: block
}

body.woocommerce-order-received .shop .woocommerce-table--order-details tfoot td .shipped_via {
  display: none
}

#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 #eee;
  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, 'Lato';
  font-size: 18px;
  letter-spacing: .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: 400;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #4a4a4a;
  padding: 0 0 10px 0;
  margin: 0
}

#cart .summary div {
  line-height: 60px;
  font-family: Telefon, 'Lato';
  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, 'Lato';
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .1em;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  background: #b21e27;
  margin: 20px 0 0 0
}

#cart p.cart-empty {
  font-family: Telefon, 'Lato';
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  color: #808284
}

#cart .wc-backward {
  position: relative;
  display: inline-block;
  font-family: Telefon, 'Lato';
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: .2em;
  color: #fff;
  background: #b21e27;
  padding: 22px 30px 18px 30px;
  border: none;
  cursor: pointer;
  -webkit-transition: background-color .5s;
  transition: background-color .5s
}

#cart .wc-backward::after {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  content: "";
  border-width: 2px;
  border-style: solid;
  border-color: #fff
}

#cart .wc-backward:hover {
  background-color: #930000
}

.group:after {
  content: "";
  display: table;
  clear: both
}

.checkout-title h3 {
  margin-top: 60px;
  text-transform: uppercase;
  text-align: center;
  font-family: Titling, sans-serif
}

.checkout-title h3::after {
  content: '';
  display: block;
  width: 70px;
  margin: 15px auto;
  border-top: 1px solid #A9252D
}

.checkout-optin-container {
  clear: both;
  font-size: 12px;
  margin: 8px 0
}

.checkout-optin-container a {
  color: #a72931
}

.checkbox-optin .optin {
  margin-right: 5px!important
}

body.woocommerce-checkout.page-template-membership-4 .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals {
  display: none!important
}

body.woocommerce-checkout .checkout-shipping-custom {
  clear: both
}

body.woocommerce-checkout #billing_city_field,
body.woocommerce-checkout #billing_postcode_field,
body.woocommerce-checkout #billing_state_field,
body.woocommerce-checkout #shipping_city_field,
body.woocommerce-checkout #shipping_postcode_field,
body.woocommerce-checkout #shipping_state_field {
  display: none!important
}

body.woocommerce-checkout #billing_address_1_field,
body.woocommerce-checkout #billing_address_autocomplete_field,
body.woocommerce-checkout #billing_country_field,
body.woocommerce-checkout #shipping_country_field {
  width: 100%;
  padding: 0;
  margin: 12px 0 12px 0
}

body.woocommerce-checkout #shipping_country_field {
  display: block
}

body.woocommerce-checkout #shipping_address_1_field {
  width: 100%;
  padding: 0;
  margin: 12px 0 12px 0
}

body.woocommerce-checkout .result-table {
  min-height: 60px;
  text-align: left;
  margin-top: 10px;
  padding: 14px;
  background-color: #f3f3f3;
  font-size: 14px;
  display: none
}

body.woocommerce-checkout #billing_phone_field .iti {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 3.75rem;
  font-family: Lato;
  font-size: .9375rem;
  background-color: #fff;
  margin: 0;
  padding-right: 0
}

body.woocommerce-checkout #billing_phone_field .iti--allow-dropdown .iti__flag-container,
body.woocommerce-checkout #billing_phone_field .iti--separate-dial-code .iti__flag-container {
  left: 18px
}

body.woocommerce-checkout #billing_phone_field .iti__selected-flag {
  margin: 0 0 0 -.75rem
}

body.woocommerce-checkout #billing_phone_field.woocommerce-invalid .iti input {
  border: 1px solid red
}

body.woocommerce-checkout .woocommerce-invalid .iti input,
body.woocommerce-checkout .woocommerce-invalid .woocommerce-input-wrapper input {
  border: 1px solid red
}

body.woocommerce-checkout #billing_address_2_field,
body.woocommerce-checkout #billing_postcode_field,
body.woocommerce-checkout #shipping_address_2_field {
  display: none!important;
  padding-right: 0;
  padding-left: .875rem
}

body.woocommerce-checkout #shipping_phone_field .iti {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 3.75rem;
  font-family: Lato;
  font-size: .9375rem;
  background-color: #fff;
  margin: 0;
  padding-left: 0;
  padding-right: 0
}

body.woocommerce-checkout #shipping_phone_field .iti--allow-dropdown .iti__flag-container,
body.woocommerce-checkout #shipping_phone_field .iti--separate-dial-code .iti__flag-container {
  left: 5px
}

body.woocommerce-checkout #billing_cc_c2a_search_input,
body.woocommerce-checkout #shipping_cc_c2a_search_input,
body.woocommerce-checkout #shipping_state {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 3.75rem;
  font-family: Lato;
  font-size: .9375rem;
  border: .0625rem solid #000;
  background-color: #fff;
  margin: 0;
  padding: 0 .625rem
}

body.woocommerce-checkout #shipping_email_field {
  padding-right: .875rem;
  padding-left: 0
}

body.woocommerce-checkout #billing_aptunit_field,
body.woocommerce-checkout #shipping_aptunit_field {
  padding-left: 0;
  padding-right: 0;
  width: 100%
}

body.woocommerce-checkout #billing_aptunit_field input[type=text],
body.woocommerce-checkout #shipping_aptunit_field input[type=text] {
  padding: 12px 18px
}

body.woocommerce-checkout .select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #FFF!important
}

body.woocommerce-checkout .product-name fieldset {
  display: none
}

body.woocommerce-checkout .checkout_coupon .input-text {
  width: 70%;
  height: 60px;
  -o-object-fit: contain;
  object-fit: contain;
  background-color: #fff;
  border: 1px solid #000;
  font-family: HT;
  font-size: 15px;
  color: #000;
  padding: 12px 18px;
  margin: 0 auto
}

body.woocommerce-checkout .showcoupon,
body.woocommerce-checkout .woocommerce-remove-coupon {
  color: #000
}

body.woocommerce-checkout #order_review .woocommerce-Price-amount {
  font-family: HT;
  font-size: 25px;
  text-align: right
}

body.woocommerce-checkout #order_review .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
  font-size: 60%
}

body.woocommerce-checkout #order_review #shipping_method {
  padding: 0 0 0 20px
}

body.woocommerce-checkout #order_review #shipping_method li,
body.woocommerce-checkout #order_review .cart-discount td,
body.woocommerce-checkout #order_review .product-total {
  text-align: right
}

body.woocommerce-checkout #order_review .order-total td:last-child {
  text-align: right
}

body.woocommerce-checkout #membership-4 .shipping {
  display: none
}

body.woocommerce-checkout .woocommerce-checkout-payment #payment_heading {
  margin-top: 60px;
  text-transform: uppercase;
  text-align: center;
  font-family: Titling, sans-serif
}

body.is-gift .woocommerce_subscriptions_gifting_recipient_email {
  display: block!important
}

body.is-gift .woocommerce-billing-fields>h3:first-child {
  display: none
}

body.woocommerce-order-pay #order_review .shop_table {
  text-align: left;
  width: 100%;
  margin: 20px 0 30px
}

body.woocommerce-order-pay #order_review .shop_table tbody th,
body.woocommerce-order-pay #order_review .shop_table tbody tr,
body.woocommerce-order-pay #order_review .shop_table tfoot th,
body.woocommerce-order-pay #order_review .shop_table tfoot tr {
  background: #efefef
}

body.woocommerce-order-pay #order_review .shop_table tbody td,
body.woocommerce-order-pay #order_review .shop_table tbody th,
body.woocommerce-order-pay #order_review .shop_table tfoot td,
body.woocommerce-order-pay #order_review .shop_table tfoot th {
  padding: .625rem
}

body.woocommerce-order-pay #order_review .shop_table thead {
  background-color: #a7a7a7
}

body.woocommerce-order-pay #order_review .shop_table thead th {
  padding: .75rem;
  color: #fff;
  text-align: left
}

body.woocommerce-order-pay #order_review #payment .payment_method_stripe label {
  display: inline
}

body.woocommerce-order-pay #order_review #payment ul.payment_methods {
  padding: 0 10px
}

@media (max-width:680px) {
  body.woocommerce-order-pay #order_review #payment ul.payment_methods li img.stripe-icon {
    max-width: 30px
  }
}

body.woocommerce-order-pay #order_review #payment ul.payment_methods .wc_payment_method.payment_method_paypal {
  margin: 15px 0 30px 0
}

body.woocommerce-order-pay #order_review #payment #place_order {
  max-width: 320px
}

#shop-header {
  position: fixed;
  z-index: 5;
  top: 0;
  width: 100%;
  height: 60px;
  text-align: center;
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  -webkit-transition: -webkit-box-shadow 1s cubic-bezier(.19, 1, .22, 1);
  transition: -webkit-box-shadow 1s cubic-bezier(.19, 1, .22, 1);
  transition: box-shadow 1s cubic-bezier(.19, 1, .22, 1);
  transition: box-shadow 1s cubic-bezier(.19, 1, .22, 1), -webkit-box-shadow 1s cubic-bezier(.19, 1, .22, 1)
}

#shop-header.has-notification {
  top: 40px
}

#shop-header.mobile-menu-visible {
  -webkit-box-shadow: 0 0 5px rgba(179, 30, 40, .2);
  box-shadow: 0 0 5px rgba(179, 30, 40, .2)
}

#shop-header a.logo {
  float: left;
  height: 60px;
  margin: 15px 10px 0 30px;
  position: relative;
  width: auto;
  -webkit-transform: none;
  transform: none;
  left: 0
}

@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: #fff
}

@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;
  -webkit-transition: top 250ms ease 250ms, -webkit-transform 250ms ease;
  transition: top 250ms ease 250ms, -webkit-transform 250ms ease;
  transition: top 250ms ease 250ms, transform 250ms ease;
  transition: top 250ms ease 250ms, transform 250ms ease, -webkit-transform 250ms ease
}

#shop-header .mobile-menu-toggle .bar.top.close {
  top: 7px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: top 250ms ease, -webkit-transform 250ms ease 250ms;
  transition: top 250ms ease, -webkit-transform 250ms ease 250ms;
  transition: top 250ms ease, transform 250ms ease 250ms;
  transition: top 250ms ease, transform 250ms ease 250ms, -webkit-transform 250ms ease 250ms
}

#shop-header .mobile-menu-toggle .bar.middle {
  margin: 4px 0;
  -webkit-transition: opacity 250ms ease;
  transition: opacity 250ms ease
}

#shop-header .mobile-menu-toggle .bar.middle.close {
  opacity: 0;
  -webkit-transition: opacity 250ms ease;
  transition: opacity 250ms ease
}

#shop-header .mobile-menu-toggle .bar.bottom {
  position: relative;
  top: 0;
  -webkit-transition: top 250ms ease 250ms, -webkit-transform 250ms ease;
  transition: top 250ms ease 250ms, -webkit-transform 250ms ease;
  transition: top 250ms ease 250ms, transform 250ms ease;
  transition: top 250ms ease 250ms, transform 250ms ease, -webkit-transform 250ms ease
}

#shop-header .mobile-menu-toggle .bar.bottom.close {
  top: -7px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: top 250ms ease, -webkit-transform 250ms ease 250ms;
  transition: top 250ms ease, -webkit-transform 250ms ease 250ms;
  transition: top 250ms ease, transform 250ms ease 250ms;
  transition: top 250ms ease, transform 250ms ease 250ms, -webkit-transform 250ms ease 250ms
}

#shop-header .menu-item {
  float: left;
  line-height: 62px;
  font-family: Telefon, 'Lato';
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  color: #392f2c;
  letter-spacing: .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.active,
#shop-header .menu-item:hover {
  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;
  -webkit-transition: opacity 250ms;
  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, 'Lato';
  font-size: 13px;
  font-weight: 700;
  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, 'Lato';
  font-weight: 700;
  letter-spacing: .08em;
  color: #525349;
  margin: 0 10px 0 0
}

.woocommerce-checkout #shop-checkout .m2-content {
  margin-top: 0;
  padding-top: 20px;
  background: 0 0;
  z-index: 0
}

#shop-mobile-menu {
  display: none;
  position: fixed;
  z-index: 5;
  top: 60px;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .5s cubic-bezier(.19, 1, .22, 1), visibility 0s linear 1s;
  transition: opacity .5s cubic-bezier(.19, 1, .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;
  -webkit-transition: opacity .5s cubic-bezier(.19, 1, .22, 1), visibility 0s;
  transition: opacity .5s cubic-bezier(.19, 1, .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, 'Lato';
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  background: #b21e27;
  margin: 0 5px;
  cursor: pointer
}

#shop-mobile-menu .products,
#shop-mobile-menu a {
  display: block;
  font-family: Telefon, 'Lato';
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: .08em;
  text-decoration: none;
  color: #525249;
  border-top: 1px solid #d0d2d3;
  padding: 20px 0;
  margin: 0 20px;
  cursor: pointer
}

#shop-mobile-menu .products:first-child,
#shop-mobile-menu a:first-child {
  border: none
}

#shop-mobile-menu .products .fa,
#shop-mobile-menu a .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, .25)
}

#product-menu {
  position: fixed;
  z-index: 4;
  top: 0;
  left: 80px;
  background: #fff;
  padding: 80px 30px 20px 30px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  box-shadow: 0 0 5px rgba(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-template-default .member-label {
  font-size: 12px;
  margin: 0;
  position: absolute
}

.product-template-default.discount-restricted .member-label {
  margin: 10px 5px
}

#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 .wcwl_elements button.wcwl_notice_dismiss,
#product .product-wrapper .wcwl_elements button.woocommerce_waitlist {
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-family: Telefon, 'Lato';
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #fff;
  background: #b21e27;
  border: none;
  -webkit-appearance: none;
  border-radius: 0;
  margin: 20px 0 40px 0;
  cursor: pointer;
  -webkit-transition: color 250ms;
  transition: color 250ms
}

#product .product-wrapper .wcwl_elements button.wcwl_notice_dismiss.wcwl_notice_dismiss,
#product .product-wrapper .wcwl_elements button.woocommerce_waitlist.wcwl_notice_dismiss {
  position: relative;
  display: none
}

#product .product-wrapper .wcwl_elements .wcwl_notice {
  margin-bottom: 40px
}

#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 {
  -webkit-box-sizing: border-box;
  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;
    -o-object-fit: contain;
    object-fit: contain
  }
  #product .product-wrapper .product-gallery .image.no-padding {
    width: 100vw;
    -webkit-box-sizing: inherit;
    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, .3);
  margin-top: -20px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: background-color .5s;
  transition: background-color .5s;
  cursor: pointer
}

#product .product-wrapper .product-gallery .arrow:hover {
  background-color: rgba(0, 0, 0, .6);
  -webkit-transition: background-color .5s;
  transition: background-color .5s
}

#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: silver;
  border: none;
  border-radius: 50%;
  padding: 0;
  cursor: pointer;
  -webkit-transition: background-color .5s cubic-bezier(.19, 1, .22, 1);
  transition: background-color .5s cubic-bezier(.19, 1, .22, 1)
}

#product .product-wrapper .product-gallery .slick-dots li button:hover {
  background: #000
}

#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-reference.product-content-reference,
#product .product-wrapper .product-content.product-content-reference {
  height: 0
}

#product .product-wrapper .product-content .be-a-member,
#product .product-wrapper .product-content-reference .be-a-member {
  font-family: Telefon, 'Lato';
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: .04em;
  padding: 10px 0;
  color: #929191;
  margin-top: -40px
}

#product .product-wrapper .product-content .be-a-member a,
#product .product-wrapper .product-content-reference .be-a-member a {
  color: #929191;
  font-weight: 700
}

@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-reference.product-content-reference,
  #product .product-wrapper .product-content.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: .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: 400;
  text-transform: uppercase;
  letter-spacing: .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, 'Lato';
  font-size: 20px;
  margin: 0 0 40px 0
}

#product .product-wrapper .product-content .price .regular,
#product .product-wrapper .product-content-reference .price .regular {
  text-decoration: line-through;
  padding: 20px
}

#product .product-wrapper .product-content .price .regular.no-padding,
#product .product-wrapper .product-content-reference .price .regular.no-padding {
  padding: 0
}

#product .product-wrapper .product-content .price .regular.no-line,
#product .product-wrapper .product-content-reference .price .regular.no-line {
  text-decoration: none
}

#product .product-wrapper .product-content .price .sale,
#product .product-wrapper .product-content-reference .price .sale {
  color: #b21e27
}

#product .product-wrapper .product-content .price .sale.gold,
#product .product-wrapper .product-content-reference .price .sale.gold {
  color: #d4af37
}

#product .product-wrapper .product-content .price .sale.gold.member-label,
#product .product-wrapper .product-content-reference .price .sale.gold.member-label {
  font-size: 12px
}

#product .product-wrapper .product-content .price .sale.gold .member-icon,
#product .product-wrapper .product-content-reference .price .sale.gold .member-icon {
  background: url(/wp-content/themes/petrolicious/images/member-icon.png) 0 9px no-repeat;
  height: 24px;
  width: 16px;
  display: inline-block
}

#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, 'Lato';
  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: .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: .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 #fff;
  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;
  -webkit-transform: rotate(45deg);
  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) {
  -webkit-transform: rotate(180deg);
  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: 700;
  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: 700;
  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, 'Lato';
  font-size: 16px;
  color: #808284;
  letter-spacing: .04em;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  padding: 0 10px;
  background: 0 0
}

#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, 'Lato';
  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 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 150px;
  font-family: Telefon, 'Lato';
  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, 'Lato';
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #fff;
  background: #b21e27;
  border: none;
  -webkit-appearance: none;
  border-radius: 0;
  margin: 20px 0 40px 0;
  cursor: pointer;
  -webkit-transition: color 250ms;
  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: .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: .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;
  -webkit-transition: height 1s cubic-bezier(.19, 1, .22, 1);
  transition: height 1s cubic-bezier(.19, 1, .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, 'Lato';
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: .04em;
  padding: 0 10px
}

#product .product-wrapper .product-content .body ol,
#product .product-wrapper .product-content .body ul,
#product .product-wrapper .product-content-reference .body ol,
#product .product-wrapper .product-content-reference .body ul {
  font-family: Telefon, 'Lato';
  font-size: 16px;
  margin: 20px 0 20px 10px;
  padding: 0 0 0 20px
}

#product .product-wrapper .product-content .body ol li,
#product .product-wrapper .product-content .body ul li,
#product .product-wrapper .product-content-reference .body ol li,
#product .product-wrapper .product-content-reference .body ul 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
}

.member-logged-in #product .product-wrapper .product-content .price .regular {
  color: #888
}

a.see-more {
  display: block;
  position: relative;
  max-width: 1000px;
  height: 180px;
  background: #000;
  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%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: .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: #fff;
  font-family: Telefon, 'Lato';
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: .15em;
  border-bottom: 2px solid #fff;
  padding: 3px 0
}

.notification-bar {
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  background: red;
  color: #fff
}

.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, 'Lato';
  letter-spacing: .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: #fff
}

@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: #fff;
  cursor: pointer
}

@font-face {
  font-family: HT;
  src: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/653158/HKGrotesk-Regular.woff) format("woff")
}

@font-face {
  font-family: Titling;
  src: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/653158/TitlingGothicFBWide-Bold.woff) format("woff")
}

body,
html {
  height: 100%
}

.mp-section ::-webkit-media-controls {
  display: none!important
}

.mp-section {
  height: 100%!important
}

.page-template-page-membership-presale #footer,
.page-template-page-membership-presale #menu,
.page-template-page-membership-presale #mobile-header,
.page-template-page-membership-presale .overlay,
.page-template-page-membership-presale .pswp,
.partner-template-default #footer,
.partner-template-default #menu,
.partner-template-default #mobile-header,
.partner-template-default .overlay,
.partner-template-default .pswp {
  display: none!important
}

.page-template-page-membership-presale #membership-presale,
.partner-template-default #membership-presale {
  position: relative;
  overflow: hidden;
  height: 100%
}

.page-template-page-membership-presale #membership-presale .section,
.partner-template-default #membership-presale .section {
  padding: 0
}

.page-template-page-membership-presale .el-show,
.partner-template-default .el-show {
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  transition: all 1.5s ease
}

.page-template-page-membership-presale .active .el-show,
.partner-template-default .active .el-show {
  opacity: 1
}

.page-template-page-membership-presale .mp-section,
.partner-template-default .mp-section {
  position: relative;
  height: 100%!important;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fafafa;
  max-width: none
}

.page-template-page-membership-presale .el_wrap,
.partner-template-default .el_wrap {
  z-index: 10
}

.page-template-page-membership-presale .text-block,
.partner-template-default .text-block {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 8;
  bottom: 5%;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0)
}

.page-template-page-membership-presale .text-block.el-show,
.partner-template-default .text-block.el-show {
  bottom: 10%
}

.page-template-page-membership-presale .mp-section.footer .text-block.el-show,
.partner-template-default .mp-section.footer .text-block.el-show {
  bottom: 25%
}

.page-template-page-membership-presale .mp-section.footer .mp-title,
.partner-template-default .mp-section.footer .mp-title {
  margin-bottom: 25px
}

.page-template-page-membership-presale .text-block-inner,
.partner-template-default .text-block-inner {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin-bottom: 5%
}

.page-template-page-membership-presale .mp-main-title,
.partner-template-default .mp-main-title {
  font-size: 40px;
  color: #fff;
  line-height: 45px;
  padding-bottom: 0
}

.page-template-page-membership-presale .text__wrap,
.partner-template-default .text__wrap {
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 300;
  color: #525349
}

.page-template-page-membership-presale .text__wrap p,
.partner-template-default .text__wrap p {
  font-size: 20px;
  line-height: 30px;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.page-template-page-membership-presale header,
.partner-template-default header {
  position: fixed;
  width: 100%;
  height: 70px;
  z-index: 9999;
  text-align: center
}

.page-template-page-membership-presale.on-overlay header,
.partner-template-default.on-overlay header {
  z-index: -1
}

.page-template-page-membership-presale.fp-viewing-mp-quarterly svg g,
.partner-template-default.fp-viewing-mp-quarterly svg g {
  fill: #4b4e4e
}

.page-template-page-membership-presale.fp-viewing-mp-quarterly-open svg g,
.partner-template-default.fp-viewing-mp-quarterly-open svg g {
  fill: #4b4e4e
}

.page-template-page-membership-presale.fp-viewing-mp-footer svg g,
.partner-template-default.fp-viewing-mp-footer svg g {
  fill: #4b4e4e
}

.page-template-page-membership-presale header .logo,
.partner-template-default header .logo {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate3d(-50%, 40px, 0);
  transform: translate3d(-50%, 40px, 0);
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  width: 103px;
  height: 52px;
  z-index: 5
}

@media (max-width:768px) {
  .page-template-page-membership-presale header .logo,
  .partner-template-default header .logo {
    -webkit-transform: translate3d(-50%, 34px, 0);
    transform: translate3d(-50%, 34px, 0)
  }
}

@media (max-width:380px) {
  .page-template-page-membership-presale header .logo,
  .partner-template-default header .logo {
    -webkit-transform: translate3d(-50%, 31px, 0);
    transform: translate3d(-50%, 31px, 0)
  }
}

.page-template-page-membership-presale header .logo--mobile,
.partner-template-default header .logo--mobile {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate3d(-50%, 30px, 0);
  transform: translate3d(-50%, 30px, 0);
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  width: 75px;
  height: 40px;
  z-index: 5
}

.page-template-page-membership-presale header .logo .st0,
.page-template-page-membership-presale header .logo .st1,
.page-template-page-membership-presale header .logo--mobile .st0,
.page-template-page-membership-presale header .logo--mobile .st1,
.partner-template-default header .logo .st0,
.partner-template-default header .logo .st1,
.partner-template-default header .logo--mobile .st0,
.partner-template-default header .logo--mobile .st1 {
  fill: #fff;
  -webkit-transition: fill 1s ease;
  transition: fill 1s ease
}

.page-template-page-membership-presale.fp-viewing-mp-quarterly header .logo .st0,
.page-template-page-membership-presale.fp-viewing-mp-quarterly header .logo .st1,
.page-template-page-membership-presale.fp-viewing-mp-quarterly header .logo--mobile .st0,
.page-template-page-membership-presale.fp-viewing-mp-quarterly header .logo--mobile .st1,
.partner-template-default.fp-viewing-mp-quarterly header .logo .st0,
.partner-template-default.fp-viewing-mp-quarterly header .logo .st1,
.partner-template-default.fp-viewing-mp-quarterly header .logo--mobile .st0,
.partner-template-default.fp-viewing-mp-quarterly header .logo--mobile .st1 {
  fill: #333
}

.page-template-page-membership-presale.fp-viewing-mp-quarterly-open header .logo .st0,
.page-template-page-membership-presale.fp-viewing-mp-quarterly-open header .logo .st1,
.page-template-page-membership-presale.fp-viewing-mp-quarterly-open header .logo--mobile .st0,
.page-template-page-membership-presale.fp-viewing-mp-quarterly-open header .logo--mobile .st1,
.partner-template-default.fp-viewing-mp-quarterly-open header .logo .st0,
.partner-template-default.fp-viewing-mp-quarterly-open header .logo .st1,
.partner-template-default.fp-viewing-mp-quarterly-open header .logo--mobile .st0,
.partner-template-default.fp-viewing-mp-quarterly-open header .logo--mobile .st1 {
  fill: #333
}

.page-template-page-membership-presale header .button,
.partner-template-default header .button {
  -webkit-transform: translate3d(0, -100%, 0)!important;
  transform: translate3d(0, -100%, 0)!important
}

.page-template-page-membership-presale.inside header .button,
.partner-template-default.inside header .button {
  -webkit-transform: translate3d(0, 37px, 0)!important;
  transform: translate3d(0, 37px, 0)!important
}

.page-template-page-membership-presale .video-container,
.partner-template-default .video-container {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 6;
  background-color: #000;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.page-template-page-membership-presale .video-layer,
.partner-template-default .video-layer {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.page-template-page-membership-presale .mp-title,
.partner-template-default .mp-title {
  font-family: Titling;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  font-size: 32px;
  line-height: 1.2;
  width: 100%;
  display: inline-block;
  max-width: 100%;
  letter-spacing: 1.5px
}

.page-template-page-membership-presale .mp-title.desktop,
.partner-template-default .mp-title.desktop {
  padding-bottom: 0
}

@media (max-width:1024px) and (orientation:portrait) {
  .page-template-page-membership-presale .mp-title.desktop,
  .partner-template-default .mp-title.desktop {
    padding-bottom: 60px
  }
}

.page-template-page-membership-presale .paragraph,
.partner-template-default .paragraph {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  font-family: HT;
  padding-bottom: 30px;
  margin-bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.page-template-page-membership-presale .button,
.partner-template-default .button {
  padding: 22px 18px 20px 18px;
  font-size: 13px;
  line-height: 13px;
  font-family: Titling;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  position: relative;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.page-template-page-membership-presale .button.full,
.partner-template-default .button.full {
  background-color: #a82931;
  border: 1px solid #a82931
}

.page-template-page-membership-presale .button.outline,
.partner-template-default .button.outline {
  background-color: #d4af37
}

.page-template-page-membership-presale .hero-buttons,
.partner-template-default .hero-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.page-template-page-membership-presale .hero-buttons .button,
.partner-template-default .hero-buttons .button {
  width: 168px;
  height: 50px;
  padding: 0;
  margin-right: 20px
}

.page-template-page-membership-presale .hero-buttons .button:last-child,
.partner-template-default .hero-buttons .button:last-child {
  margin-right: 0
}

@media (min-width:321px) and (max-width:680px) {
  .page-template-page-membership-presale .hero-buttons .button,
  .partner-template-default .hero-buttons .button {
    width: 100px;
    margin-right: 10px
  }
}

.page-template-page-membership-presale .hero-buttons .button.play-btn,
.partner-template-default .hero-buttons .button.play-btn {
  width: 175px;
  height: 52px
}

.page-template-page-membership-presale #play-fullscreen,
.partner-template-default #play-fullscreen {
  background-color: transparent
}

.page-template-page-membership-presale .hero-buttons .button.join-btn,
.partner-template-default .hero-buttons .button.join-btn {
  margin: 0
}

.page-template-page-membership-presale .hero-buttons .button.play-btn .button-title,
.partner-template-default .hero-buttons .button.play-btn .button-title {
  margin: 0 14px 0 0;
  padding-top: 2px
}

.page-template-page-membership-presale .button-inner,
.partner-template-default .button-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%
}

.page-template-page-membership-presale .button .play,
.partner-template-default .button .play {
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #fff;
  margin: 0 -2px 0 14px
}

.page-template-page-membership-presale .button-title,
.partner-template-default .button-title {
  margin: 0;
  width: 100%
}

.page-template-page-membership-presale #mp-main,
.partner-template-default #mp-main {
  width: 100%;
  height: 100%
}

.page-template-page-membership-presale.on-overlay #mp-main,
.partner-template-default.on-overlay #mp-main {
  overflow: hidden
}

.page-template-page-membership-presale .hero,
.partner-template-default .hero {
  background-color: #000;
  max-height: 100vh
}

.page-template-page-membership-presale .hero:before,
.partner-template-default .hero:before {
  display: none
}

.page-template-page-membership-presale .hero .paragraph,
.partner-template-default .hero .paragraph {
  color: #fff
}

.page-template-page-membership-presale .hero .video-overlay,
.partner-template-default .hero .video-overlay {
  pointer-events: none
}

.page-template-page-membership-presale .hero .close-button,
.partner-template-default .hero .close-button {
  pointer-events: all;
  position: fixed;
  color: #fff;
  top: 20px;
  right: 30px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  z-index: 99999999999;
  cursor: pointer;
  outline: 0;
  -webkit-transform: scale(0);
  transform: scale(0)
}

.page-template-page-membership-presale .hero .close-button .line,
.partner-template-default .hero .close-button .line {
  position: absolute;
  width: 1px;
  height: 30px;
  top: 50%;
  left: 50%;
  background-color: #fff;
  -webkit-transition: all 1s ease;
  transition: all 1s ease
}

.page-template-page-membership-presale .hero .close-button .line.line1,
.partner-template-default .hero .close-button .line.line1 {
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-90deg);
  transform: translate3d(-50%, -50%, 0) rotate(-90deg)
}

.page-template-page-membership-presale .hero .close-button .line.line2,
.partner-template-default .hero .close-button .line.line2 {
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg);
  transform: translate3d(-50%, -50%, 0) rotate(90deg)
}

.page-template-page-membership-presale .hero .button.full,
.partner-template-default .hero .button.full {
  margin-right: 30px
}

.page-template-page-membership-presale.on-overlay .hero .text-block,
.partner-template-default.on-overlay .hero .text-block {
  display: none
}

.page-template-page-membership-presale.on-overlay .hero .video-overlay,
.partner-template-default.on-overlay .hero .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .6);
  z-index: 99
}

.page-template-page-membership-presale.on-overlay .hero .video-layer,
.partner-template-default.on-overlay .hero .video-layer {
  opacity: 0
}

.page-template-page-membership-presale.on-overlay .hero .close-button,
.partner-template-default.on-overlay .hero .close-button {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.page-template-page-membership-presale.on-overlay .hero .close-button .line.line1,
.partner-template-default.on-overlay .hero .close-button .line.line1 {
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}

.page-template-page-membership-presale.on-overlay .hero .close-button .line.line2,
.partner-template-default.on-overlay .hero .close-button .line.line2 {
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
  transform: translate3d(-50%, -50%, 0) rotate(45deg)
}

.page-template-page-membership-presale.on-overlay .hero .video-overlay .video-container iframe,
.partner-template-default.on-overlay .hero .video-overlay .video-container iframe {
  position: absolute!important;
  width: 70%!important;
  left: 50%!important;
  top: 50%!important;
  right: auto!important;
  bottom: auto!important;
  -webkit-transform: translate3d(-50%, -50%, 0)!important;
  transform: translate3d(-50%, -50%, 0)!important;
  z-index: 999
}

.page-template-page-membership-presale .films,
.partner-template-default .films {
  background-color: #000;
  padding: 0
}

.page-template-page-membership-presale .films .text-block,
.partner-template-default .films .text-block {
  top: 110px
}

.page-template-page-membership-presale .films #film-slider,
.partner-template-default .films #film-slider {
  position: absolute;
  left: 0;
  right: 0
}

.page-template-page-membership-presale .films .paragraph,
.partner-template-default .films .paragraph {
  position: absolute;
  top: initial!important;
  left: 50%;
  bottom: 0;
  padding: 0 21px;
  margin: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media (min-width:681px) {
  .page-template-page-membership-presale .films #film-slider,
  .partner-template-default .films #film-slider {
    position: static!important;
    -webkit-transform: none!important;
    transform: none!important
  }
  .page-template-page-membership-presale .films .wrapper,
  .partner-template-default .films .wrapper {
    width: 100%;
    position: absolute;
    bottom: 0
  }
  .page-template-page-membership-presale .films .paragraph,
  .partner-template-default .films .paragraph {
    position: static!important;
    -webkit-transform: none!important;
    transform: none!important;
    margin: 30px auto 0 auto!important
  }
}

.page-template-page-membership-presale .films.active .logo,
.page-template-page-membership-presale .films.active .logo-partner,
.partner-template-default .films.active .logo,
.partner-template-default .films.active .logo-partner {
  opacity: .4;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  top: auto;
  left: auto;
  -webkit-transition: initial;
  transition: initial
}

.page-template-page-membership-presale .films .paragraph,
.partner-template-default .films .paragraph {
  color: #fff
}

.page-template-page-membership-presale .films .mp-title,
.partner-template-default .films .mp-title {
  color: #fff;
  margin: 0;
  padding: 0
}

@media (max-width:1095px) {
  .page-template-page-membership-presale .films .mp-title,
  .partner-template-default .films .mp-title {
    max-width: 700px
  }
}

.page-template-page-membership-presale .films .slick-custom,
.partner-template-default .films .slick-custom {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.page-template-page-membership-presale .films .logo,
.partner-template-default .films .logo {
  height: 100%
}

.page-template-page-membership-presale .films .logo .film-logo-image,
.page-template-page-membership-presale .films .logo-partner .film-logo-image,
.partner-template-default .films .logo .film-logo-image,
.partner-template-default .films .logo-partner .film-logo-image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: scale(.8);
  transform: scale(.8);
  -webkit-transition: all .6s ease;
  transition: all .6s ease
}

.page-template-page-membership-presale .films .slick-custom .logo,
.partner-template-default .films .slick-custom .logo {
  width: 20%;
  max-width: 20%;
  float: left;
  position: relative;
  left: auto;
  top: auto;
  -webkit-transform: initial;
  transform: initial;
  -webkit-transition: initial;
  transition: initial;
  cursor: pointer
}

.page-template-page-membership-presale .films .slick-custom .logo.film-active,
.partner-template-default .films .slick-custom .logo.film-active {
  opacity: 1
}

.page-template-page-membership-presale .films .slick-custom .logo.film-active .film-logo-image,
.partner-template-default .films .slick-custom .logo.film-active .film-logo-image {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.page-template-page-membership-presale .films .logo-partner.first .film-logo-image,
.page-template-page-membership-presale .films .logo.first .film-logo-image,
.partner-template-default .films .logo-partner.first .film-logo-image,
.partner-template-default .films .logo.first .film-logo-image {
  background-image: url(/wp-content/themes/petrolicious/images/DreamDrives-01.png)
}

.page-template-page-membership-presale .films .logo-partner.second .film-logo-image,
.page-template-page-membership-presale .films .logo.second .film-logo-image,
.partner-template-default .films .logo-partner.second .film-logo-image,
.partner-template-default .films .logo.second .film-logo-image {
  background-image: url(/wp-content/themes/petrolicious/images/MasterMechanics-02.png)
}

.page-template-page-membership-presale .films .logo-partner.third .film-logo-image,
.page-template-page-membership-presale .films .logo.third .film-logo-image,
.partner-template-default .films .logo-partner.third .film-logo-image,
.partner-template-default .films .logo.third .film-logo-image {
  background-image: url(/wp-content/themes/petrolicious/images/HomologationSpecials-03.png)
}

.page-template-page-membership-presale .films .logo-partner.fourth .film-logo-image,
.page-template-page-membership-presale .films .logo.fourth .film-logo-image,
.partner-template-default .films .logo-partner.fourth .film-logo-image,
.partner-template-default .films .logo.fourth .film-logo-image {
  background-image: url(/wp-content/themes/petrolicious/images/MadeToDrive-04.png)
}

.page-template-page-membership-presale .films .logo-partner.fifth .film-logo-image,
.page-template-page-membership-presale .films .logo.fifth .film-logo-image,
.partner-template-default .films .logo-partner.fifth .film-logo-image,
.partner-template-default .films .logo.fifth .film-logo-image {
  background-image: url(/wp-content/themes/petrolicious/images/SoulMade-05.png)
}

.page-template-page-membership-presale #film-slider,
.partner-template-default #film-slider {
  height: 50vh;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.page-template-page-membership-presale #flip_book .slick-dots,
.page-template-page-membership-presale #mag_slider .slick-dots,
.partner-template-default #flip_book .slick-dots,
.partner-template-default #mag_slider .slick-dots {
  list-style: none;
  padding: 0;
  margin: -10px 0 0 0!important
}

.page-template-page-membership-presale #flip_book .slick-dots li,
.page-template-page-membership-presale #mag_slider .slick-dots li,
.partner-template-default #flip_book .slick-dots li,
.partner-template-default #mag_slider .slick-dots li {
  display: inline-block
}

.page-template-page-membership-presale #flip_book .slick-dots li button,
.page-template-page-membership-presale #mag_slider .slick-dots li button,
.partner-template-default #flip_book .slick-dots li button,
.partner-template-default #mag_slider .slick-dots li button {
  border: none;
  height: 3px;
  background-color: #a9a9a9;
  padding: 0 22px;
  font-size: 0;
  margin: 0 5px
}

.page-template-page-membership-presale #flip_book .slick-dots li.slick-active button,
.page-template-page-membership-presale #mag_slider .slick-dots li.slick-active button,
.partner-template-default #flip_book .slick-dots li.slick-active button,
.partner-template-default #mag_slider .slick-dots li.slick-active button {
  background-color: gray
}

@media (max-width:768px) {
  .page-template-page-membership-presale #flip_book .slick-dots,
  .page-template-page-membership-presale #mag_slider .slick-dots,
  .partner-template-default #flip_book .slick-dots,
  .partner-template-default #mag_slider .slick-dots {
    margin: 20px 0 0 0!important
  }
}

.page-template-page-membership-presale #mag_slider,
.partner-template-default #mag_slider {
  position: absolute;
  display: inline-block;
  left: 0;
  right: 0
}

@media (min-width:681px) {
  .page-template-page-membership-presale #mag_slider,
  .partner-template-default #mag_slider {
    position: static!important;
    -webkit-transform: none!important;
    transform: none!important;
    padding: 2% 0 4% 0
  }
}

@media (min-width:1200px) and (max-width:1400px) and (max-height:949px) {
  .page-template-page-membership-presale #mag_slider,
  .partner-template-default #mag_slider {
    padding: 3% 0 2% 0
  }
}

@media (min-width:681px) {
  .page-template-page-membership-presale .quarterly .text-block,
  .partner-template-default .quarterly .text-block {
    top: 110px
  }
  .page-template-page-membership-presale .quarterly .wrapper,
  .partner-template-default .quarterly .wrapper {
    width: 100%!important;
    bottom: 0
  }
  .page-template-page-membership-presale .quarterly .paragraph,
  .partner-template-default .quarterly .paragraph {
    position: static!important;
    -webkit-transform: none!important;
    transform: none!important
  }
}

.page-template-page-membership-presale .quarterly,
.partner-template-default .quarterly {
  background-color: #ebebeb
}

.page-template-page-membership-presale .quarterly .fp-tableCell,
.partner-template-default .quarterly .fp-tableCell {
  position: relative
}

.page-template-page-membership-presale .quarterly .mp-title,
.partner-template-default .quarterly .mp-title {
  color: #181b1c;
  margin: 0;
  padding: 20px 0
}

.page-template-page-membership-presale .quarterly .slick-slider .swiper-slide,
.partner-template-default .quarterly .slick-slider .swiper-slide {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  padding-left: 14px!important;
  width: auto;
  height: auto
}

.page-template-page-membership-presale .quarterly .el_wrap,
.partner-template-default .quarterly .el_wrap {
  width: 100%;
  position: absolute;
  overflow: visible;
  height: auto;
  top: 20%
}

.page-template-page-membership-presale .quarterly .paragraph,
.partner-template-default .quarterly .paragraph {
  position: relative;
  font-size: 18px;
  position: absolute;
  top: initial!important;
  left: 50%;
  bottom: -15px;
  padding: 0 21px;
  margin: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.page-template-page-membership-presale .quarterly .paragraph .small,
.partner-template-default .quarterly .paragraph .small {
  font-size: 15px
}

.page-template-page-membership-presale .quarterly .mag,
.partner-template-default .quarterly .mag {
  width: 25%;
  float: left
}

.page-template-page-membership-presale .quarterly-open,
.partner-template-default .quarterly-open {
  background-color: #ebebeb
}

.page-template-page-membership-presale .quarterly-open .flipbook-container,
.partner-template-default .quarterly-open .flipbook-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100vh;
  width: 100%;
  max-width: 900px;
  margin: 0 auto
}

.page-template-page-membership-presale .quarterly-open #flipbook-next,
.page-template-page-membership-presale .quarterly-open #flipbook-prev,
.partner-template-default .quarterly-open #flipbook-next,
.partner-template-default .quarterly-open #flipbook-prev {
  cursor: pointer;
  width: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.page-template-page-membership-presale .quarterly-open #flipbook-next path,
.page-template-page-membership-presale .quarterly-open #flipbook-prev path,
.partner-template-default .quarterly-open #flipbook-next path,
.partner-template-default .quarterly-open #flipbook-prev path {
  fill: #999
}

.page-template-page-membership-presale .quarterly-open #flipbook-prev,
.partner-template-default .quarterly-open #flipbook-prev {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  margin: 0 30px 0 14px
}

.page-template-page-membership-presale .quarterly-open #flipbook-next,
.partner-template-default .quarterly-open #flipbook-next {
  margin: 0 14px 0 30px
}

.page-template-page-membership-presale .quarterly-open #flip_book,
.partner-template-default .quarterly-open #flip_book {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70vw;
  min-width: 320px;
  max-width: 900px;
  height: auto;
  margin: 0 auto!important;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media (max-width:600px) {
  .page-template-page-membership-presale .quarterly-open #flip_book,
  .partner-template-default .quarterly-open #flip_book {
    width: 85vw
  }
}

@media (max-width:370px) {
  .page-template-page-membership-presale .quarterly-open #flip_book,
  .partner-template-default .quarterly-open #flip_book {
    min-width: 280px
  }
}

.page-template-page-membership-presale .quarterly-open #flip_book .slick-arrow,
.partner-template-default .quarterly-open #flip_book .slick-arrow {
  position: absolute;
  width: 14px;
  height: 25px;
  top: 50%;
  font-size: 0;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: transparent;
  padding: 0
}

.page-template-page-membership-presale .quarterly-open #flip_book .slick-prev,
.partner-template-default .quarterly-open #flip_book .slick-prev {
  left: -78px;
  background-image: url(images/left-arrow.png);
  cursor: pointer
}

@media (max-width:600px) {
  .page-template-page-membership-presale .quarterly-open #flip_book .slick-prev,
  .partner-template-default .quarterly-open #flip_book .slick-prev {
    left: -5vw
  }
}

.page-template-page-membership-presale .quarterly-open #flip_book .slick-next,
.partner-template-default .quarterly-open #flip_book .slick-next {
  right: -78px;
  background-image: url(images/right-arrow.png);
  cursor: pointer
}

@media (max-width:600px) {
  .page-template-page-membership-presale .quarterly-open #flip_book .slick-next,
  .partner-template-default .quarterly-open #flip_book .slick-next {
    right: -5vw
  }
}

.page-template-page-membership-presale .quarterly-open #flip_book .page,
.partner-template-default .quarterly-open #flip_book .page {
  width: 50%;
  display: block;
  float: left;
  background-color: #f4f2f3;
  background-size: cover;
  background-position: center center
}

.page-template-page-membership-presale .quarterly-open #flip_book .page img,
.partner-template-default .quarterly-open #flip_book .page img {
  max-width: 100%
}

.page-template-page-membership-presale .quarterly-open #flip_book img,
.partner-template-default .quarterly-open #flip_book img {
  max-width: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 auto
}

.page-template-page-membership-presale .quarterly-open #flip_book .shadow,
.partner-template-default .quarterly-open #flip_book .shadow {
  -webkit-transition: -webkit-box-shadow .5s;
  -moz-transition: -moz-box-shadow .5s;
  -o-transition: -webkit-box-shadow .5s;
  -ms-transition: -ms-box-shadow .5s;
  -webkit-box-shadow: 0 0 20px #ccc;
  -o-box-shadow: 0 0 20px #ccc;
  -ms-box-shadow: 0 0 20px #ccc;
  box-shadow: 0 0 20px #ccc
}

@media screen and (orientation:landscape) {
  .page-template-page-membership-presale .quarterly-open #flip_book,
  .partner-template-default .quarterly-open #flip_book {
    max-height: 60vh
  }
  .page-template-page-membership-presale .quarterly-open #flip_book img,
  .partner-template-default .quarterly-open #flip_book img {
    max-height: 60vh
  }
  .page-template-page-membership-presale .quarterly-open #flip_book .slick-list,
  .page-template-page-membership-presale .quarterly-open #flip_book .slick-track,
  .partner-template-default .quarterly-open #flip_book .slick-list,
  .partner-template-default .quarterly-open #flip_book .slick-track {
    max-height: 60vh!important
  }
}

@media (max-width:480px) {
  .page-template-page-membership-presale .quarterly-open #flip_book,
  .partner-template-default .quarterly-open #flip_book {
    margin-top: 20px!important
  }
}

.page-template-page-membership-presale .shop,
.partner-template-default .shop {
  background-color: #fff;
  background-position: center;
  background-size: cover;
  background-image: url(images/MemberPrivileges.jpg)
}

.page-template-page-membership-presale .shop .mp-title,
.partner-template-default .shop .mp-title {
  color: #eceade;
  margin: 0;
  padding: 0
}

@media (max-width:890px) {
  .page-template-page-membership-presale .shop .mp-title,
  .partner-template-default .shop .mp-title {
    max-width: 600px
  }
}

.page-template-page-membership-presale .shop .paragraph,
.partner-template-default .shop .paragraph {
  color: #eceade
}

.page-template-page-membership-presale .shop .text-block,
.partner-template-default .shop .text-block {
  height: auto
}

.page-template-page-membership-presale .lifetime,
.partner-template-default .lifetime {
  display: none;
  background-color: #fff;
  background-position: 42% center;
  background-size: cover
}

.page-template-page-membership-presale .lifetime .mp-title,
.partner-template-default .lifetime .mp-title {
  color: #eceade;
  margin: 0;
  padding-bottom: 0
}

.page-template-page-membership-presale .lifetime .paragraph,
.partner-template-default .lifetime .paragraph {
  color: #eceade
}

.page-template-page-membership-presale .lifetime .text-block,
.partner-template-default .lifetime .text-block {
  height: auto
}

.page-template-page-membership-presale .student,
.partner-template-default .student {
  background-color: #181b1c;
  background-position: 64% center;
  background-size: cover;
  background-image: url(images/collegebkgrd.jpg)
}

.page-template-page-membership-presale .student .paragraph,
.partner-template-default .student .paragraph {
  padding-bottom: 42px
}

.page-template-page-membership-presale .student .mp-title,
.page-template-page-membership-presale .student .paragraph,
.partner-template-default .student .mp-title,
.partner-template-default .student .paragraph {
  color: #eceade
}

.page-template-page-membership-presale .student .button,
.partner-template-default .student .button {
  background-color: #d4af37;
  color: #eceade
}

.page-template-page-membership-presale .student .drive-tastefully,
.partner-template-default .student .drive-tastefully {
  position: absolute;
  width: 100%;
  max-width: 710px;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  opacity: .15;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0)
}

.page-template-page-membership-presale .student .text-block,
.partner-template-default .student .text-block {
  position: absolute;
  width: 100%;
  z-index: 8;
  top: calc(100% - 250px)
}

@media (max-width:680px) {
  .page-template-page-membership-presale .student .text-block,
  .partner-template-default .student .text-block {
    top: calc(60% - 250px)
  }
}

.page-template-page-membership-presale .student .text-block-inner,
.partner-template-default .student .text-block-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.page-template-page-membership-presale .student .hero-buttons .button,
.partner-template-default .student .hero-buttons .button {
  margin-right: 0
}

.page-template-page-membership-presale .student .hero-buttons .sponsor,
.partner-template-default .student .hero-buttons .sponsor {
  float: right;
  color: #FFF;
  font-size: .75rem;
  position: absolute;
  right: 15%;
  bottom: -1.5625rem
}

@media (max-width:680px) {
  .page-template-page-membership-presale .student .hero-buttons .sponsor,
  .partner-template-default .student .hero-buttons .sponsor {
    right: -15px;
    bottom: 30px;
    position: relative
  }
}

.page-template-page-membership-presale .student .hero-buttons .sponsor img,
.partner-template-default .student .hero-buttons .sponsor img {
  width: 4.6875rem;
  top: 2.0625rem;
  position: relative
}

.page-template-page-membership-presale .lifetime,
.partner-template-default .lifetime {
  background-color: #181b1c;
  background-position: 64% center;
  background-size: cover;
  background-image: url(images/collegebkgrd.jpg)
}

.page-template-page-membership-presale .lifetime .paragraph,
.partner-template-default .lifetime .paragraph {
  padding-bottom: 42px
}

.page-template-page-membership-presale .lifetime .mp-title,
.page-template-page-membership-presale .lifetime .paragraph,
.partner-template-default .lifetime .mp-title,
.partner-template-default .lifetime .paragraph {
  color: #eceade
}

.page-template-page-membership-presale .lifetime .button,
.partner-template-default .lifetime .button {
  background-color: #d4af37;
  color: #eceade
}

.page-template-page-membership-presale .lifetime .drive-tastefully,
.partner-template-default .lifetime .drive-tastefully {
  position: absolute;
  width: 100%;
  max-width: 710px;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  opacity: .15;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0)
}

.page-template-page-membership-presale .lifetime .text-block,
.partner-template-default .lifetime .text-block {
  position: absolute;
  width: 100%;
  z-index: 8;
  top: calc(100% - 250px)
}

@media (max-width:680px) {
  .page-template-page-membership-presale .lifetime .text-block,
  .partner-template-default .lifetime .text-block {
    top: calc(60% - 250px)
  }
}

.page-template-page-membership-presale .lifetime .text-block-inner,
.partner-template-default .lifetime .text-block-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.page-template-page-membership-presale .lifetime .hero-buttons .button,
.partner-template-default .lifetime .hero-buttons .button {
  margin-right: 0
}

.page-template-page-membership-presale .lifetime .hero-buttons .sponsor,
.partner-template-default .lifetime .hero-buttons .sponsor {
  float: right;
  color: #FFF;
  font-size: .75rem;
  position: absolute;
  right: 15%;
  bottom: -1.5625rem
}

@media (max-width:680px) {
  .page-template-page-membership-presale .lifetime .hero-buttons .sponsor,
  .partner-template-default .lifetime .hero-buttons .sponsor {
    right: -15px;
    bottom: 30px;
    position: relative
  }
}

.page-template-page-membership-presale .lifetime .hero-buttons .sponsor img,
.partner-template-default .lifetime .hero-buttons .sponsor img {
  width: 4.6875rem;
  top: 2.0625rem;
  position: relative
}

.page-template-page-membership-presale .footer,
.partner-template-default .footer {
  background-color: #181b1c;
  background-position: 64% center;
  background-size: cover;
  background-image: url(images/footer-bg.png)
}

.page-template-page-membership-presale .footer .mp-title,
.partner-template-default .footer .mp-title {
  font-size: 50px;
  padding-bottom: 0
}

.page-template-page-membership-presale .footer .paragraph,
.partner-template-default .footer .paragraph {
  padding-bottom: 42px
}

.page-template-page-membership-presale .footer .mp-title,
.page-template-page-membership-presale .footer .paragraph,
.partner-template-default .footer .mp-title,
.partner-template-default .footer .paragraph {
  color: #eceade
}

.page-template-page-membership-presale .footer .button,
.partner-template-default .footer .button {
  background-color: #d4af37;
  color: #eceade
}

.page-template-page-membership-presale .footer .drive-tastefully,
.partner-template-default .footer .drive-tastefully {
  position: absolute;
  width: 100%;
  max-width: 710px;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  opacity: .15;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0)
}

.page-template-page-membership-presale .footer .text-block,
.partner-template-default .footer .text-block {
  position: absolute;
  width: 100%;
  z-index: 8;
  top: calc(50% - 150px)
}

.page-template-page-membership-presale .footer .text-block-inner,
.partner-template-default .footer .text-block-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.page-template-page-membership-presale #mag_slider,
.partner-template-default #mag_slider {
  margin: 0 auto
}

.page-template-page-membership-presale #mag_slider .book .cover,
.partner-template-default #mag_slider .book .cover {
  width: 70%;
  z-index: 1;
  margin: 0 auto;
  -webkit-box-shadow: 22px 7px 40px #888;
  box-shadow: 22px 7px 40px #888
}

@media (min-width:701px) {
  .page-template-page-membership-presale #mag_slider .book,
  .partner-template-default #mag_slider .book {
    float: left;
    width: 25%;
    padding: 0
  }
}

@media (max-width:700px) {
  .page-template-page-membership-presale #mag_slider .book .cover,
  .partner-template-default #mag_slider .book .cover {
    width: 85%!important;
    margin: 30px 14px
  }
}

.page-template-page-membership-presale .mp-page,
.partner-template-default .mp-page {
  background-color: #e9e6c4;
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
  background-repeat: no-repeat;
  width: 12rem;
  height: 16rem;
  text-align: right;
  font-size: 8px;
  z-index: 5;
  color: #777;
  font-family: monospace;
  top: 4px;
  background-position: center;
  background-size: cover;
  cursor: pointer
}

.page-template-page-membership-presale .mp-page.left,
.partner-template-default .mp-page.left {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000px;
  perspective: 1000px
}

.page-template-page-membership-presale .mp-page.left .face-wrap,
.partner-template-default .mp-page.left .face-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.page-template-page-membership-presale .mp-page.left .face,
.partner-template-default .mp-page.left .face {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-size: cover
}

.page-template-page-membership-presale .mp-page.left .face.front,
.partner-template-default .mp-page.left .face.front {
  z-index: 2;
  -webkit-transform: rotateY(0);
  transform: rotateY(0)
}

.page-template-page-membership-presale .mp-page.left .face.back,
.partner-template-default .mp-page.left .face.back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #000;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

.page-template-page-membership-presale .mp-page,
.partner-template-default .mp-page {
  position: absolute;
  left: 50%;
  padding: 1rem;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  border-radius: 5px 0 0 5px;
  -webkit-box-shadow: inset 3px 0 20px rgba(0, 0, 0, .2), 0 0 15px rgba(0, 0, 0, .1);
  box-shadow: inset 3px 0 20px rgba(0, 0, 0, .2), 0 0 15px rgba(0, 0, 0, .1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.page-template-page-membership-presale .mag .mp-page,
.partner-template-default .mag .mp-page {
  top: 4px
}

.page-template-page-membership-presale .films .slick-container,
.page-template-page-membership-presale .films .slick-list,
.page-template-page-membership-presale .films .slick-slider,
.page-template-page-membership-presale .films .slick-track,
.partner-template-default .films .slick-container,
.partner-template-default .films .slick-list,
.partner-template-default .films .slick-slider,
.partner-template-default .films .slick-track {
  height: 100%
}

@-webkit-keyframes bookOpen {
  30% {
    z-index: 999
  }
  100% {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    z-index: 999
  }
}

@keyframes bookOpen {
  30% {
    z-index: 999
  }
  100% {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    z-index: 999
  }
}

@-webkit-keyframes bookCover {
  20% {
    z-index: 1999
  }
  32% {
    z-index: 1
  }
  100% {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    z-index: 1
  }
}

@keyframes bookCover {
  20% {
    z-index: 1999
  }
  32% {
    z-index: 1
  }
  100% {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    z-index: 1
  }
}

@-webkit-keyframes bookOpen150deg {
  30% {
    z-index: 999
  }
  100% {
    -webkit-transform: rotateY(-160deg);
    transform: rotateY(-160deg);
    z-index: 999
  }
}

@keyframes bookOpen150deg {
  30% {
    z-index: 999
  }
  100% {
    -webkit-transform: rotateY(-160deg);
    transform: rotateY(-160deg);
    z-index: 999
  }
}

@-webkit-keyframes bookOpen55deg {
  30% {
    z-index: 999
  }
  100% {
    -webkit-transform: rotateY(-10deg);
    transform: rotateY(-10deg);
    z-index: 999
  }
}

@keyframes bookOpen55deg {
  30% {
    z-index: 999
  }
  100% {
    -webkit-transform: rotateY(-10deg);
    transform: rotateY(-10deg);
    z-index: 999
  }
}

@-webkit-keyframes bookOpen30deg {
  50% {
    z-index: 999
  }
  100% {
    -webkit-transform: rotateY(-10deg);
    transform: rotateY(-10deg);
    z-index: 999
  }
}

@keyframes bookOpen30deg {
  50% {
    z-index: 999
  }
  100% {
    -webkit-transform: rotateY(-10deg);
    transform: rotateY(-10deg);
    z-index: 999
  }
}

.page-template-page-membership-presale .join_btn,
.partner-template-default .join_btn {
  width: 126px;
  height: 50px;
  font-family: Titling;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 50px;
  text-decoration: none;
  color: #fff;
  background-color: transparent;
  position: absolute;
  padding: 0!important;
  right: 93px;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  z-index: 5;
  background-color: #d4af37
}

@media (max-width:768px) {
  .page-template-page-membership-presale .join_btn,
  .partner-template-default .join_btn {
    right: 36px!important;
    margin-top: -7px!important
  }
}

@media (max-width:450px) {
  .page-template-page-membership-presale .join_btn,
  .partner-template-default .join_btn {
    width: 113px!important;
    height: 50px!important;
    line-height: 50px!important;
    right: 16px!important
  }
}

@media (max-width:380px) {
  .page-template-page-membership-presale .join_btn,
  .partner-template-default .join_btn {
    width: 83px!important;
    height: 45px!important;
    line-height: 45px!important
  }
}

.page-template-page-membership-presale .join_btn.light-life,
.partner-template-default .join_btn.light-life {
  background-color: transparent;
  border: 2px solid #fff;
  border-color: #fff;
  color: #fff
}

.page-template-page-membership-presale .over-video,
.partner-template-default .over-video {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 7;
  opacity: .3
}

.partner-template-default .hero-buttons .button.join-btn {
  width: 168px
}

.partner-template-default .lifetime {
  display: block
}

@media (max-width:680px) {
  .page-template-page-membership-presale header .logo img,
  .partner-template-default header .logo img {
    width: 100%
  }
  .page-template-page-membership-presale header .logo--mobile,
  .partner-template-default header .logo--mobile {
    display: block
  }
  .page-template-page-membership-presale header .button,
  .partner-template-default header .button {
    padding: 14px 26px 12px 26px;
    -webkit-transform: translate3d(0, 22px, 0);
    transform: translate3d(0, 22px, 0)
  }
  .page-template-page-membership-presale .hide-mobile,
  .partner-template-default .hide-mobile {
    display: none!important
  }
  .page-template-page-membership-presale h2 br,
  .page-template-page-membership-presale p br,
  .partner-template-default h2 br,
  .partner-template-default p br {
    display: none
  }
  .page-template-page-membership-presale .text-block,
  .partner-template-default .text-block {
    top: auto!important;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  .page-template-page-membership-presale .text-block-inner,
  .partner-template-default .text-block-inner {
    padding-left: 21px;
    padding-right: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .page-template-page-membership-presale .mp-main-title,
  .partner-template-default .mp-main-title {
    font-size: 25px
  }
  .page-template-page-membership-presale .mp-title,
  .partner-template-default .mp-title {
    font-size: 25px;
    line-height: 1.2;
    margin-bottom: 30px!important
  }
  .page-template-page-membership-presale .paragraph,
  .partner-template-default .paragraph {
    font-size: 18px;
    width: 100%;
    text-align: center
  }
  .page-template-page-membership-presale .mp-main-title,
  .partner-template-default .mp-main-title {
    font-size: 28px;
    line-height: 1.2
  }
  .page-template-page-membership-presale .hero .paragraph,
  .partner-template-default .hero .paragraph {
    margin-top: 0;
    color: #f7f7f7
  }
  .page-template-page-membership-presale .hero .hero-buttons .button.play-btn,
  .partner-template-default .hero .hero-buttons .button.play-btn {
    width: 175px
  }
  .page-template-page-membership-presale .hero .text-block-inner,
  .partner-template-default .hero .text-block-inner {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
  .page-template-page-membership-presale .hero .button,
  .partner-template-default .hero .button {
    max-width: 50%;
    font-size: 12px
  }
  .page-template-page-membership-presale .hero .button.full,
  .partner-template-default .hero .button.full {
    margin-right: 14px
  }
  .page-template-page-membership-presale .films .slick-slide,
  .partner-template-default .films .slick-slide {
    width: 42vw
  }
  .page-template-page-membership-presale .films .logo,
  .page-template-page-membership-presale .films .logo-partner,
  .partner-template-default .films .logo,
  .partner-template-default .films .logo-partner {
    height: 100%;
    max-width: 50vw;
    width: 50vw;
    -webkit-transform: none!important;
    transform: none!important
  }
  .page-template-page-membership-presale .films .logo-partner.film-active,
  .page-template-page-membership-presale .films .logo-partner.slick-current,
  .page-template-page-membership-presale .films .logo.film-active,
  .page-template-page-membership-presale .films .logo.slick-current,
  .partner-template-default .films .logo-partner.film-active,
  .partner-template-default .films .logo-partner.slick-current,
  .partner-template-default .films .logo.film-active,
  .partner-template-default .films .logo.slick-current {
    -webkit-transform: none!important;
    transform: none!important;
    opacity: 1
  }
  .page-template-page-membership-presale .films .logo .film-logo-image,
  .page-template-page-membership-presale .films .logo-partner .film-logo-image,
  .partner-template-default .films .logo .film-logo-image,
  .partner-template-default .films .logo-partner .film-logo-image {
    -webkit-transform: scale(.7);
    transform: scale(.7)
  }
  .page-template-page-membership-presale .films .logo-partner.slick-current .film-logo-image,
  .page-template-page-membership-presale .films .logo.slick-current .film-logo-image,
  .partner-template-default .films .logo-partner.slick-current .film-logo-image,
  .partner-template-default .films .logo.slick-current .film-logo-image {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  .page-template-page-membership-presale .films .slick-container,
  .partner-template-default .films .slick-container {
    z-index: 9999
  }
  .page-template-page-membership-presale .quarterly,
  .partner-template-default .quarterly {
    background-color: #ebebeb
  }
  .page-template-page-membership-presale .quarterly .mp-page,
  .page-template-page-membership-presale .quarterly .turn,
  .partner-template-default .quarterly .mp-page,
  .partner-template-default .quarterly .turn {
    -webkit-transform: none!important;
    transform: none!important;
    -webkit-animation: none!important;
    animation: none!important
  }
  .page-template-page-membership-presale .quarterly .el_wrap,
  .partner-template-default .quarterly .el_wrap {
    -webkit-transform: none;
    transform: none
  }
  .page-template-page-membership-presale .quarterly .mag.slick-current,
  .partner-template-default .quarterly .mag.slick-current {
    left: 0
  }
  .page-template-page-membership-presale .quarterly .book,
  .partner-template-default .quarterly .book {
    -webkit-transform: none;
    transform: none;
    position: relative;
    -webkit-perspective: none;
    perspective: none;
    margin: 0 25px;
    min-width: 0
  }
  .page-template-page-membership-presale .quarterly .cover,
  .partner-template-default .quarterly .cover {
    width: 85%
  }
  .page-template-page-membership-presale .quarterly .swiper-container,
  .partner-template-default .quarterly .swiper-container {
    top: 32%
  }
  .page-template-page-membership-presale .quarterly .text-block .paragraph,
  .partner-template-default .quarterly .text-block .paragraph {
    font-size: 17px;
    bottom: -80px
  }
  .page-template-page-membership-presale .quarterly .text-block .small,
  .partner-template-default .quarterly .text-block .small {
    font-size: 14px
  }
  .page-template-page-membership-presale .quarterly-open,
  .partner-template-default .quarterly-open {
    background-color: #ebebeb;
    padding: 50px 0
  }
  .page-template-page-membership-presale .quarterly-open #flipbook-next,
  .page-template-page-membership-presale .quarterly-open #flipbook-prev,
  .partner-template-default .quarterly-open #flipbook-next,
  .partner-template-default .quarterly-open #flipbook-prev {
    margin: 0 7px
  }
  .page-template-page-membership-presale .quarterly-open #flipbook,
  .partner-template-default .quarterly-open #flipbook {
    width: 82vw;
    height: 35vh
  }
  .page-template-page-membership-presale .shop,
  .partner-template-default .shop {
    background-color: #fff
  }
  .page-template-page-membership-presale .lifetime,
  .partner-template-default .lifetime {
    background-color: #fff
  }
  .page-template-page-membership-presale .footer .mp-title,
  .partner-template-default .footer .mp-title {
    font-size: 26px
  }
}

@media (max-width:680px) and (max-width:680px) {
  .page-template-page-membership-presale .quarterly .book,
  .partner-template-default .quarterly .book {
    margin: 0 14px 30px 14px
  }
}

@media (max-width:480px) {
  .page-template-page-membership-presale .text-block,
  .partner-template-default .text-block {
    top: 100px
  }
  .page-template-page-membership-presale .text-block-inner,
  .partner-template-default .text-block-inner {
    padding-left: 14px;
    padding-right: 14px
  }
  .page-template-page-membership-presale .mp-main-title,
  .partner-template-default .mp-main-title {
    font-size: 22px
  }
  .page-template-page-membership-presale .mp-title,
  .partner-template-default .mp-title {
    font-size: 18px;
    line-height: 1.15
  }
  .page-template-page-membership-presale .paragraph,
  .partner-template-default .paragraph {
    font-size: 17px
  }
  .page-template-page-membership-presale .el_wrap,
  .partner-template-default .el_wrap {
    top: 25%
  }
  .page-template-page-membership-presale .hero .text-block,
  .partner-template-default .hero .text-block {
    height: 50vh;
    bottom: 7%;
    top: auto
  }
  .page-template-page-membership-presale .films #film-slider.el_wrap,
  .partner-template-default .films #film-slider.el_wrap {
    width: 100%
  }
  .page-template-page-membership-presale .films .logo,
  .partner-template-default .films .logo {
    height: 100%;
    max-width: 50%
  }
  .page-template-page-membership-presale .films .logo,
  .partner-template-default .films .logo {
    height: 100%;
    max-width: 50%
  }
  .page-template-page-membership-presale .footer .mp-title,
  .partner-template-default .footer .mp-title {
    font-size: 20px
  }
}

@media (max-width:320px) {
  .page-template-page-membership-presale .hero-buttons,
  .partner-template-default .hero-buttons {
    display: block
  }
  .page-template-page-membership-presale .hero-buttons .button,
  .partner-template-default .hero-buttons .button {
    margin: 10px 0
  }
  .page-template-page-membership-presale .hero-buttons .button:first-child,
  .partner-template-default .hero-buttons .button:first-child {
    margin-right: 0
  }
}

@media (max-width:903px) {
  .mp-title {
    max-width: 670px!important
  }
}

@media (max-width:680px) {
  .mp-title {
    max-width: 440px!important
  }
}

@media (max-width:480px) {
  .mp-title {
    max-width: 430px!important
  }
}

.hero .mp-title {
  max-width: 800px!important
}

.films .text-block {
  top: 110px!important
}

.quarterly .text-block {
  top: 110px!important
}

.quarterly .paragraph {
  margin: 0 auto
}

.shop .paragraph {
  margin: 0 auto
}

.lifetime .paragraph {
  margin: 0 auto
}

.footer .paragraph {
  margin: 0 auto
}

@media (max-width:420px) {
  .page-template-page-membership-presale .quarterly .swiper-container,
  .partner-template-default .quarterly .swiper-container {
    top: 33%
  }
}

@media (min-width:681px) {
  .page-template-page-membership-presale .hide-desktop,
  .partner-template-default .hide-desktop {
    display: none!important
  }
  .page-template-page-membership-presale .button,
  .partner-template-default .button {
    padding: 22px 24px 20px 24px
  }
  .page-template-page-membership-presale .films .slick-custom,
  .partner-template-default .films .slick-custom {
    -webkit-transform: none!important;
    transform: none!important;
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
  .page-template-page-membership-presale .quarterly .slick-slider .slick-current .book,
  .partner-template-default .quarterly .slick-slider .slick-current .book {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: translateX(86px);
    transform: translateX(86px)
  }
  .page-template-page-membership-presale #flipbook,
  .partner-template-default #flipbook {
    -webkit-box-shadow: 0 7px 21px rgba(1, 1, 1, .25);
    box-shadow: 0 7px 21px rgba(1, 1, 1, .25)
  }
}

@media (min-width:681px) and (max-width:1199px) {
  .page-template-page-membership-presale .quarterly .el_wrap,
  .partner-template-default .quarterly .el_wrap {
    top: 22%
  }
  .page-template-page-membership-presale .mp-page,
  .partner-template-default .mp-page {
    width: 10rem;
    height: 13.8rem
  }
  .page-template-page-membership-presale .paragraph,
  .partner-template-default .paragraph {
    margin-left: auto;
    margin-right: auto
  }
  .page-template-page-membership-presale .cover,
  .partner-template-default .cover {
    width: 85%
  }
}

@media (min-width:1200px) {
  .page-template-page-membership-presale .shop .el_wrap,
  .partner-template-default .shop .el_wrap {
    top: 13%
  }
  .page-template-page-membership-presale .shop .mp-product .mp-product-image,
  .partner-template-default .shop .mp-product .mp-product-image {
    max-width: 280px;
    max-height: 300px;
    padding-left: 19%
  }
}

#mag-slider,
#shop-slider {
  top: calc(50% - 70vh / 3);
  height: 70vh
}

@media (min-aspect-ratio:1.33333333) {
  #mag-slider,
  #shop-slider {
    top: calc(50% - 70vh / 2)
  }
}

.background__video {
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: hidden
}

.video-container {
  overflow: hidden;
  position: relative
}

@media (min-aspect-ratio:5/3) {
  .background__video {
    width: 140%;
    height: auto
  }
  .background__video#films_video.background__video {
    width: 140%!important
  }
}

@media (max-aspect-ratio:5/3) {
  .background__video {
    width: auto;
    height: 140%
  }
}

.mp-section .paragraph {
  margin: 20px auto!important
}

@media (max-width:768px) {
  .mp-section .paragraph {
    margin: 0 auto!important
  }
}

@media (max-width:460px) {
  .mp-section .paragraph {
    max-width: 90%!important
  }
}

.video-modal {
  display: none;
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000
}

.video-modal .video-modal-content {
  background-color: #000;
  margin: auto;
  width: 100%;
  height: 99%;
  top: 0;
  position: relative
}

.video-modal .video-modal-content video {
  width: 100%;
  height: 100%
}

.video-modal .video-close {
  position: absolute;
  color: #aaa;
  right: 10px;
  font-size: 28px;
  font-weight: 700;
  margin-left: 97%;
  z-index: 999999
}

@media (max-width:768px) {
  .video-modal .video-close {
    top: 30px
  }
}

.video-modal .video-close:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer
}

.video-modal .video-close:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
  .page-template-page-membership-presale .hero .text-block,
  .partner-template-default .hero .text-block {
    -webkit-transform: translate3d(-50%, -125%, 0);
    transform: translate3d(-50%, -125%, 0)
  }
  .page-template-page-membership-presale .hero .text-block.el-show,
  .partner-template-default .hero .text-block.el-show {
    -webkit-transform: translate3d(-50%, -15%, 0);
    transform: translate3d(-50%, -15%, 0)
  }
  .page-template-page-membership-presale .films .text-block.el-show,
  .partner-template-default .films .text-block.el-show {
    -webkit-transform: translate3d(-50%, -15%, 0);
    transform: translate3d(-50%, -15%, 0)
  }
  .page-template-page-membership-presale .shop .text-block,
  .partner-template-default .shop .text-block {
    -webkit-transform: translate3d(-50%, -200%, 0);
    transform: translate3d(-50%, -200%, 0)
  }
  .page-template-page-membership-presale .lifetime .text-block,
  .partner-template-default .lifetime .text-block {
    -webkit-transform: translate3d(-50%, -230%, 0);
    transform: translate3d(-50%, -230%, 0)
  }
}

.membership-steps {
  display: block;
  position: relative;
  margin: 0 auto;
  text-align: center
}

.membership-steps a {
  text-decoration: none;
  color: #b6b6b6
}

.membership-step,
.membership-step-divider {
  font-family: HT;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  color: #b6b6b6;
  cursor: default
}

.membership-step {
  font-weight: 600
}

.membership-step.active {
  color: #000
}

.membership-step-divider {
  padding: 0 2px
}

@media (max-width:680px) {
  .membership-step,
  .membership-step-divider {
    font-size: 16px
  }
}

@media (min-width:681px) and (max-width:1199px) {
  .membership-step,
  .membership-step-divider {
    font-size: 15px
  }
}

.page-template-membership-1 #footer,
.page-template-membership-1 #menu,
.page-template-membership-1 #mobile-header,
.page-template-membership-1 .overlay,
.page-template-membership-1 .pswp,
.page-template-membership-1-student #footer,
.page-template-membership-1-student #menu,
.page-template-membership-1-student #mobile-header,
.page-template-membership-1-student .overlay,
.page-template-membership-1-student .pswp,
.partner-template-default #footer,
.partner-template-default #menu,
.partner-template-default #mobile-header,
.partner-template-default .overlay,
.partner-template-default .pswp {
  display: none!important
}

.page-template-membership-1 .logo,
.page-template-membership-1-student .logo,
.partner-template-default .logo {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate3d(-50%, 30px, 0);
  transform: translate3d(-50%, 30px, 0);
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  width: 105px;
  height: 40px;
  z-index: 20
}

.page-template-membership-1 .logo .st0,
.page-template-membership-1 .logo .st1,
.page-template-membership-1 .logo--mobile .st0,
.page-template-membership-1 .logo--mobile .st1,
.page-template-membership-1-student .logo .st0,
.page-template-membership-1-student .logo .st1,
.page-template-membership-1-student .logo--mobile .st0,
.page-template-membership-1-student .logo--mobile .st1,
.partner-template-default .logo .st0,
.partner-template-default .logo .st1,
.partner-template-default .logo--mobile .st0,
.partner-template-default .logo--mobile .st1 {
  fill: #fff;
  -webkit-transition: fill 1s ease;
  transition: fill 1s ease
}

.page-template-membership-1 .m1-background,
.page-template-membership-1-student .m1-background,
.partner-template-default .m1-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10
}

.page-template-membership-1 .m1-background img,
.page-template-membership-1-student .m1-background img,
.partner-template-default .m1-background img {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.page-template-membership-1 .m1-content,
.page-template-membership-1-student .m1-content,
.partner-template-default .m1-content {
  width: 75%;
  max-width: 1024px;
  min-height: 300px;
  background: #fff;
  z-index: 30;
  position: relative;
  padding: 50px 40px;
  margin: 100px auto 60px auto
}

.page-template-membership-1 .m1-title,
.page-template-membership-1-student .m1-title,
.partner-template-default .m1-title {
  font-family: Titling;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  font-size: 32px;
  line-height: 1.2;
  width: 100%;
  display: inline-block;
  max-width: 100%;
  letter-spacing: 1.5px;
  color: #1b1b1b;
  text-align: center
}

.page-template-membership-1 .m1-option-arrows,
.page-template-membership-1-student .m1-option-arrows,
.partner-template-default .m1-option-arrows {
  display: none
}

.page-template-membership-1 .m1-options,
.page-template-membership-1 .m1-options-students,
.page-template-membership-1-student .m1-options,
.page-template-membership-1-student .m1-options-students,
.partner-template-default .m1-options,
.partner-template-default .m1-options-students {
  position: relative;
  display: table;
  margin: 55px auto 0 auto;
  border-spacing: 20px;
  -webkit-border-vertical-spacing: 0
}

.page-template-membership-1 .option-card,
.page-template-membership-1-student .option-card,
.partner-template-default .option-card {
  padding-top: 80px;
  float: left
}

.page-template-membership-1 .m1-option,
.page-template-membership-1-student .m1-option,
.partner-template-default .m1-option {
  position: relative;
  border: 1px solid #d0d2d3;
  width: 265px;
  display: table-cell
}

.page-template-membership-1 .m1-option-inner,
.page-template-membership-1-student .m1-option-inner,
.partner-template-default .m1-option-inner {
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease
}

.page-template-membership-1 .m1-option-icon,
.page-template-membership-1-student .m1-option-icon,
.partner-template-default .m1-option-icon {
  position: absolute;
  top: -23px;
  left: calc(50% - 21px)
}

.page-template-membership-1 .m1-option-title,
.page-template-membership-1-student .m1-option-title,
.partner-template-default .m1-option-title {
  font-family: Titling;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .3px;
  text-align: center;
  color: #000;
  margin-top: 34px;
  text-transform: uppercase;
  padding: 0 25px
}

.page-template-membership-1 .m1-option-line,
.page-template-membership-1-student .m1-option-line,
.partner-template-default .m1-option-line {
  height: 1px;
  width: 64px;
  background-color: #a82931;
  text-align: center;
  margin: 15px auto
}

.page-template-membership-1 .m1-option-description,
.page-template-membership-1-student .m1-option-description,
.partner-template-default .m1-option-description {
  font-size: 13px;
  text-align: left;
  color: #afafaf;
  padding: 0 24px;
  font-family: HT
}

.page-template-membership-1 .m1-option-image,
.page-template-membership-1-student .m1-option-image,
.partner-template-default .m1-option-image {
  position: relative;
  margin-top: 15px;
  min-height: 155px
}

.page-template-membership-1 .m1-option-image img,
.page-template-membership-1-student .m1-option-image img,
.partner-template-default .m1-option-image img {
  width: 100%
}

.page-template-membership-1 .m1-option-founding,
.page-template-membership-1 .m1-option-points,
.page-template-membership-1-student .m1-option-founding,
.page-template-membership-1-student .m1-option-points,
.partner-template-default .m1-option-founding,
.partner-template-default .m1-option-points {
  margin-top: 14px;
  padding: 0 24px
}

.page-template-membership-1 .m1-option-founding .m1-option-founding-title,
.page-template-membership-1-student .m1-option-founding .m1-option-founding-title,
.partner-template-default .m1-option-founding .m1-option-founding-title {
  font-family: HT;
  font-size: 15px;
  font-weight: 600;
  text-decoration: underline;
  padding-bottom: 10px
}

.page-template-membership-1 .m1-option-founding .m1-option-founding-title .m1-point-icon,
.page-template-membership-1-student .m1-option-founding .m1-option-founding-title .m1-point-icon,
.partner-template-default .m1-option-founding .m1-option-founding-title .m1-point-icon {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 10px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 20px
}

.page-template-membership-1 .m1-option-founding .m1-option-founding-title .m1-point-title,
.page-template-membership-1-student .m1-option-founding .m1-option-founding-title .m1-point-title,
.partner-template-default .m1-option-founding .m1-option-founding-title .m1-point-title {
  font-size: 12px
}

.page-template-membership-1 .m1-option-point,
.page-template-membership-1-student .m1-option-point,
.partner-template-default .m1-option-point {
  position: relative;
  margin-bottom: 10px
}

.page-template-membership-1 .m1-point-icon,
.page-template-membership-1-student .m1-point-icon,
.partner-template-default .m1-point-icon {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 10px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 20px
}

.page-template-membership-1 .m1-point-icon img,
.page-template-membership-1-student .m1-point-icon img,
.partner-template-default .m1-point-icon img {
  width: 10px;
  height: 10px
}

.page-template-membership-1 .m1-point-title,
.page-template-membership-1-student .m1-point-title,
.partner-template-default .m1-point-title {
  padding-left: 20px;
  font-family: HT;
  font-size: 15px;
  line-height: 18px;
  color: #242424;
  font-weight: 600
}

.page-template-membership-1 .m1-option-prices,
.page-template-membership-1-student .m1-option-prices,
.partner-template-default .m1-option-prices {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 20px 0
}

.page-template-membership-1 .m1-option-prices.students,
.page-template-membership-1-student .m1-option-prices.students,
.partner-template-default .m1-option-prices.students {
  padding: 60px 0
}

.page-template-membership-1 .m1-price-original,
.page-template-membership-1-student .m1-price-original,
.partner-template-default .m1-price-original {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-family: HT;
  text-align: center;
  color: #afafaf;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 800
}

.page-template-membership-1 .m1-price-original-lg,
.page-template-membership-1-student .m1-price-original-lg,
.partner-template-default .m1-price-original-lg {
  font-size: 20px;
  text-decoration: line-through
}

.page-template-membership-1 .m1-price-original-lg span,
.page-template-membership-1-student .m1-price-original-lg span,
.partner-template-default .m1-price-original-lg span {
  font-size: 70%
}

.page-template-membership-1 .m1-price-original-sm,
.page-template-membership-1-student .m1-price-original-sm,
.partner-template-default .m1-price-original-sm {
  font-size: 10px
}

.page-template-membership-1 .m1-price,
.page-template-membership-1-student .m1-price,
.partner-template-default .m1-price {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-family: HT;
  text-align: center;
  color: #000;
  line-height: 1;
  text-transform: uppercase
}

.page-template-membership-1 .m1-price-lg,
.page-template-membership-1-student .m1-price-lg,
.partner-template-default .m1-price-lg {
  font-size: 30px
}

.page-template-membership-1 .m1-price-lg span,
.page-template-membership-1-student .m1-price-lg span,
.partner-template-default .m1-price-lg span {
  font-size: 60%
}

.page-template-membership-1 .m1-price-sm,
.page-template-membership-1-student .m1-price-sm,
.partner-template-default .m1-price-sm {
  font-size: 10px
}

.page-template-membership-1 .m1-price-right,
.page-template-membership-1-student .m1-price-right,
.partner-template-default .m1-price-right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-family: HT;
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
  color: #a72931;
  font-weight: 800
}

.page-template-membership-1 .m1-option-button,
.page-template-membership-1-student .m1-option-button,
.partner-template-default .m1-option-button {
  border-top: 1px solid #d0d2d3;
  width: 100%;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  position: initial;
  background: #fff
}

.page-template-membership-1 .m1-option-button:hover,
.page-template-membership-1-student .m1-option-button:hover,
.partner-template-default .m1-option-button:hover {
  background: #a72931
}

.page-template-membership-1 .m1-option-button:hover a,
.page-template-membership-1 .m1-option-button:hover span,
.page-template-membership-1-student .m1-option-button:hover a,
.page-template-membership-1-student .m1-option-button:hover span,
.partner-template-default .m1-option-button:hover a,
.partner-template-default .m1-option-button:hover span {
  color: #fff
}

.page-template-membership-1 .m1-option-button a,
.page-template-membership-1-student .m1-option-button a,
.partner-template-default .m1-option-button a {
  font-family: Titling;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .4px;
  text-align: center;
  color: #a72931;
  text-decoration: none
}

.page-template-membership-1 .m1-option-button span,
.page-template-membership-1-student .m1-option-button span,
.partner-template-default .m1-option-button span {
  font-family: Titling;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: .4px;
  text-align: center;
  color: #a72931
}

.page-template-membership-1 .m1-sponsor .sponsor,
.page-template-membership-1-student .m1-sponsor .sponsor,
.partner-template-default .m1-sponsor .sponsor {
  font-family: HK Grotesk;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  letter-spacing: .01em;
  margin-top: 20px
}

.page-template-membership-1 .m1-sponsor .sponsor-logo,
.page-template-membership-1-student .m1-sponsor .sponsor-logo,
.partner-template-default .m1-sponsor .sponsor-logo {
  text-align: center;
  border: 1px solid #000;
  margin: 5px 35px;
  background-color: rgba(172, 29, 29, .7)
}

.page-template-membership-1 .m1-sponsor .sponsor-logo img,
.page-template-membership-1-student .m1-sponsor .sponsor-logo img,
.partner-template-default .m1-sponsor .sponsor-logo img {
  width: 100px;
  height: 100px
}

.page-template-membership-1 .imnotstudent,
.page-template-membership-1-student .imnotstudent,
.partner-template-default .imnotstudent {
  margin-top: 18px;
  text-align: center
}

.page-template-membership-1 .imnotstudent a,
.page-template-membership-1-student .imnotstudent a,
.partner-template-default .imnotstudent a {
  text-transform: uppercase;
  color: #a72931;
  font-family: Titling;
  line-height: 13px;
  font-weight: 600;
  text-decoration: none;
  font-size: 11px
}

.slick-track {
  margin: auto
}

@media (max-width:767px) {
  .page-template-membership-1 .option-card,
  .page-template-membership-1-student .option-card,
  .partner-template-default .option-card {
    padding-top: 80px
  }
  .page-template-membership-1 .m1-background,
  .page-template-membership-1-student .m1-background,
  .partner-template-default .m1-background {
    display: none
  }
  .page-template-membership-1 .logo .st0,
  .page-template-membership-1 .logo .st1,
  .page-template-membership-1 .logo--mobile .st0,
  .page-template-membership-1 .logo--mobile .st1,
  .page-template-membership-1-student .logo .st0,
  .page-template-membership-1-student .logo .st1,
  .page-template-membership-1-student .logo--mobile .st0,
  .page-template-membership-1-student .logo--mobile .st1,
  .partner-template-default .logo .st0,
  .partner-template-default .logo .st1,
  .partner-template-default .logo--mobile .st0,
  .partner-template-default .logo--mobile .st1 {
    fill: #a72931
  }
  .page-template-membership-1 .m1-content,
  .page-template-membership-1-student .m1-content,
  .partner-template-default .m1-content {
    width: 100%;
    padding: 0;
    margin-top: 105px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden
  }
  .page-template-membership-1 .m1-title,
  .page-template-membership-1-student .m1-title,
  .partner-template-default .m1-title {
    font-size: 22px
  }
  .page-template-membership-1 .m1-option-arrows,
  .page-template-membership-1-student .m1-option-arrows,
  .partner-template-default .m1-option-arrows {
    display: block;
    position: absolute;
    top: calc(75% + 14px);
    left: 0;
    right: 0;
    width: 100%;
    height: 40px;
    z-index: 60
  }
  .page-template-membership-1 .m1-option-arrows.partner,
  .page-template-membership-1 .m1-option-arrows.student-arrows,
  .page-template-membership-1-student .m1-option-arrows.partner,
  .page-template-membership-1-student .m1-option-arrows.student-arrows,
  .partner-template-default .m1-option-arrows.partner,
  .partner-template-default .m1-option-arrows.student-arrows {
    top: calc(50% + 14px)
  }
  .page-template-membership-1 .m1-arrow-left,
  .page-template-membership-1 .m1-arrow-right,
  .page-template-membership-1-student .m1-arrow-left,
  .page-template-membership-1-student .m1-arrow-right,
  .partner-template-default .m1-arrow-left,
  .partner-template-default .m1-arrow-right {
    width: 25px;
    height: 38px;
    position: absolute;
    top: 45%;
    bottom: 0;
    cursor: pointer
  }
  .page-template-membership-1 .m1-arrow-left.slick-disabled,
  .page-template-membership-1 .m1-arrow-right.slick-disabled,
  .page-template-membership-1-student .m1-arrow-left.slick-disabled,
  .page-template-membership-1-student .m1-arrow-right.slick-disabled,
  .partner-template-default .m1-arrow-left.slick-disabled,
  .partner-template-default .m1-arrow-right.slick-disabled {
    opacity: 0
  }
  .page-template-membership-1 .m1-arrow-left img,
  .page-template-membership-1 .m1-arrow-right img,
  .page-template-membership-1-student .m1-arrow-left img,
  .page-template-membership-1-student .m1-arrow-right img,
  .partner-template-default .m1-arrow-left img,
  .partner-template-default .m1-arrow-right img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
  }
  .page-template-membership-1 .m1-arrow-left,
  .page-template-membership-1-student .m1-arrow-left,
  .partner-template-default .m1-arrow-left {
    left: 7px;
    z-index: 9
  }
  .page-template-membership-1 .m1-arrow-right,
  .page-template-membership-1-student .m1-arrow-right,
  .partner-template-default .m1-arrow-right {
    right: 7px
  }
  .page-template-membership-1 .m1-options,
  .page-template-membership-1-student .m1-options,
  .partner-template-default .m1-options {
    margin-top: 64px;
    width: calc(172vw);
    left: 0;
    -webkit-transition: left .6s ease;
    transition: left .6s ease;
    border-spacing: 42px;
    -webkit-border-vertical-spacing: 0
  }
  .page-template-membership-1 .m1-options-more,
  .page-template-membership-1-student .m1-options-more,
  .partner-template-default .m1-options-more {
    margin-top: 64px;
    width: calc(250vw);
    left: 0;
    -webkit-transition: left .6s ease;
    transition: left .6s ease;
    border-spacing: 42px;
    -webkit-border-vertical-spacing: 0
  }
  .page-template-membership-1 .m1-options-students,
  .page-template-membership-1-student .m1-options-students,
  .partner-template-default .m1-options-students {
    margin-top: 64px;
    left: 0;
    -webkit-transition: left .6s ease;
    transition: left .6s ease;
    border-spacing: 42px;
    -webkit-border-vertical-spacing: 0
  }
  .page-template-membership-1 .m1-option,
  .page-template-membership-1-student .m1-option,
  .partner-template-default .m1-option {
    padding-bottom: 0;
    width: 90%;
    display: block;
    margin: 0 auto
  }
  .page-template-membership-1 .m1-option-inner,
  .page-template-membership-1-student .m1-option-inner,
  .partner-template-default .m1-option-inner {
    position: relative
  }
  .page-template-membership-1 .m1-option-icon,
  .page-template-membership-1-student .m1-option-icon,
  .partner-template-default .m1-option-icon {
    width: 68px;
    height: 68px;
    top: -36px;
    left: calc(50% - 34px)
  }
  .page-template-membership-1 .m1-option-title,
  .page-template-membership-1-student .m1-option-title,
  .partner-template-default .m1-option-title {
    margin-top: 0;
    font-size: 15px;
    padding: 50px 15px 0
  }
  .page-template-membership-1 .m1-option-description,
  .page-template-membership-1-student .m1-option-description,
  .partner-template-default .m1-option-description {
    font-size: 16px;
    padding: 0 10px;
    max-width: 265px;
    margin: 0 auto
  }
  .page-template-membership-1 .m1-option-line,
  .page-template-membership-1-student .m1-option-line,
  .partner-template-default .m1-option-line {
    margin: 15px auto
  }
  .page-template-membership-1 .m1-option-points,
  .page-template-membership-1-student .m1-option-points,
  .partner-template-default .m1-option-points {
    padding: 0 15px;
    max-width: 485px;
    margin: 0 auto
  }
  .page-template-membership-1 .m1-option-point,
  .page-template-membership-1-student .m1-option-point,
  .partner-template-default .m1-option-point {
    margin-bottom: 15px
  }
  .page-template-membership-1 .m1-point-title,
  .page-template-membership-1-student .m1-point-title,
  .partner-template-default .m1-point-title {
    font-size: 15px
  }
  .page-template-membership-1 .m1-option-prices,
  .page-template-membership-1-student .m1-option-prices,
  .partner-template-default .m1-option-prices {
    max-width: 265px;
    margin: 0 auto
  }
  .page-template-membership-1 .m1-price-lg,
  .page-template-membership-1-student .m1-price-lg,
  .partner-template-default .m1-price-lg {
    font-size: 34px
  }
  .page-template-membership-1 .m1-option-button,
  .page-template-membership-1-student .m1-option-button,
  .partner-template-default .m1-option-button {
    height: 60px;
    background: #a72931
  }
  .page-template-membership-1 .m1-option-button a,
  .page-template-membership-1-student .m1-option-button a,
  .partner-template-default .m1-option-button a {
    color: #fff
  }
  .page-template-membership-1 .m1-option-button span,
  .page-template-membership-1-student .m1-option-button span,
  .partner-template-default .m1-option-button span {
    color: #fff
  }
  .page-template-membership-1 .m1-option-button:hover,
  .page-template-membership-1-student .m1-option-button:hover,
  .partner-template-default .m1-option-button:hover {
    background: #a72931
  }
  .page-template-membership-1 .m1-option-button span,
  .page-template-membership-1-student .m1-option-button span,
  .partner-template-default .m1-option-button span {
    font-size: 14px;
    color: #fff
  }
}

@media (min-width:681px) and (max-width:1199px) {
  .page-template-membership-1 .m1-content,
  .page-template-membership-1-student .m1-content,
  .partner-template-default .m1-content {
    width: 82%;
    padding-left: 25px;
    padding-right: 25px
  }
}

@media (min-width:680px) {
  .page-template-membership-1 .m1-options,
  .page-template-membership-1 .m1-options-students,
  .page-template-membership-1-student .m1-options,
  .page-template-membership-1-student .m1-options-students,
  .partner-template-default .m1-options,
  .partner-template-default .m1-options-students {
    left: 0!important
  }
  .page-template-membership-1 .m1-option-inner,
  .page-template-membership-1-student .m1-option-inner,
  .partner-template-default .m1-option-inner {
    opacity: 1!important
  }
}

.m2-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10
}

.m2-background img {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.m2-content {
  padding-left: 60px;
  padding-right: 60px;
  width: 75%;
  max-width: 1024px;
  min-height: 300px;
  background: #fff;
  z-index: 30;
  position: relative;
  padding: 50px 40px;
  margin: 115px auto 60px auto
}

.m2-content.student-validation {
  margin: 115px auto 20px auto
}

.m2-title {
  font-family: Titling;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  font-size: 32px;
  line-height: 1.2;
  width: 100%;
  display: inline-block;
  max-width: 100%;
  letter-spacing: 1.5px;
  color: #1b1b1b;
  text-align: center
}

.m2-subtitle {
  font-family: Titling;
  font-size: 18px;
  letter-spacing: .4px;
  text-align: center;
  color: #000;
  text-transform: uppercase;
  margin-top: 50px;
  margin-bottom: 0
}

.m2-subtitle-line {
  height: 1px;
  width: 68px;
  background-color: #a82931;
  text-align: center;
  margin: 7px auto
}

#billing_state,
.form-row .select2,
.m2-form-input,
.woocommerce-input-wrapper textarea {
  width: 100%;
  height: 60px;
  -o-object-fit: contain;
  object-fit: contain;
  background-color: #fff;
  border: 1px solid #000;
  font-family: HT;
  font-size: 15px;
  color: #000;
  padding: 12px 18px;
  margin-bottom: 21px
}

#billing_state::-webkit-input-placeholder,
.form-row .select2::-webkit-input-placeholder,
.m2-form-input::-webkit-input-placeholder,
.woocommerce-input-wrapper textarea::-webkit-input-placeholder {
  color: #666;
  opacity: 1
}

#billing_state::-ms-input-placeholder,
.form-row .select2::-ms-input-placeholder,
.m2-form-input::-ms-input-placeholder,
.woocommerce-input-wrapper textarea::-ms-input-placeholder {
  color: #666;
  opacity: 1
}

#billing_state::placeholder,
.form-row .select2::placeholder,
.m2-form-input::placeholder,
.woocommerce-input-wrapper textarea::placeholder {
  color: #666;
  opacity: 1
}

#billing_state:last-of-type,
.form-row .select2:last-of-type,
.m2-form-input:last-of-type,
.woocommerce-input-wrapper textarea:last-of-type {
  margin-bottom: 0
}

select.m2-form-input {
  text-indent: 10px
}

.m2-form-error {
  font-family: HT;
  font-size: 14px;
  text-align: left;
  color: #a72931;
  margin-top: 7px;
  text-transform: uppercase
}

.m2-form-submit {
  width: 100%;
  max-width: 140px;
  height: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  background: #a72931;
  margin: 24px auto 18px auto;
  border: 0;
  text-align: center
}

.m2-form-submit span {
  font-family: Titling;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: .5px;
  text-align: center;
  color: #fff;
  padding-top: 2px
}

.m2-mode-switch {
  margin: 0 auto;
  text-align: center;
  margin-bottom: 18px
}

.m2-mode-switch-1 {
  font-family: HT;
  font-size: 15px;
  text-align: left;
  color: #000
}

.m2-mode-switch-2 {
  font-family: Titling;
  font-size: 14px;
  letter-spacing: .4px;
  text-align: left;
  margin-left: 2px;
  text-transform: uppercase
}

.m2-mode-switch-2 a:link,
.m2-mode-switch-2 a:visited {
  color: #a72931;
  text-decoration: none
}

.m2-mode-switch-2 a:active,
.m2-mode-switch-2 a:hover {
  color: #a72931;
  text-decoration: underline
}

body.page-template-membership-2-student {
  height: auto
}

.page-template-membership-2 #footer,
.page-template-membership-2 #menu,
.page-template-membership-2 #mobile-header,
.page-template-membership-2 .overlay,
.page-template-membership-2 .pswp,
.page-template-membership-2-student #footer,
.page-template-membership-2-student #menu,
.page-template-membership-2-student #mobile-header,
.page-template-membership-2-student .overlay,
.page-template-membership-2-student .pswp {
  display: none!important
}

.page-template-membership-2 .logo,
.page-template-membership-2-student .logo {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate3d(-50%, 30px, 0);
  transform: translate3d(-50%, 30px, 0);
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  width: 105px;
  height: 40px;
  z-index: 20
}

.page-template-membership-2 .logo .st0,
.page-template-membership-2 .logo .st1,
.page-template-membership-2 .logo--mobile .st0,
.page-template-membership-2 .logo--mobile .st1,
.page-template-membership-2-student .logo .st0,
.page-template-membership-2-student .logo .st1,
.page-template-membership-2-student .logo--mobile .st0,
.page-template-membership-2-student .logo--mobile .st1 {
  fill: #fff;
  -webkit-transition: fill 1s ease;
  transition: fill 1s ease
}

.page-template-membership-2 .m2-form,
.page-template-membership-2-student .m2-form {
  width: 50%;
  float: left;
  text-align: center;
  margin-right: 5%
}

@media (max-width:800px) {
  .page-template-membership-2 .m2-form,
  .page-template-membership-2-student .m2-form {
    width: 100%;
    float: none;
    display: block
  }
}

.page-template-membership-2 .m2-form button:focus,
.page-template-membership-2 .m2-form input:focus,
.page-template-membership-2 .m2-form select:focus,
.page-template-membership-2-student .m2-form button:focus,
.page-template-membership-2-student .m2-form input:focus,
.page-template-membership-2-student .m2-form select:focus {
  outline: auto;
  outline: -webkit-focus-ring-color auto 5px
}

.page-template-membership-2 .m2-form-forgot,
.page-template-membership-2-student .m2-form-forgot {
  font-family: HT;
  font-size: 13px;
  text-align: center;
  text-transform: uppercase
}

.page-template-membership-2 .m2-form-forgot a:link,
.page-template-membership-2 .m2-form-forgot a:visited,
.page-template-membership-2-student .m2-form-forgot a:link,
.page-template-membership-2-student .m2-form-forgot a:visited {
  color: #a72931;
  text-decoration: none
}

.page-template-membership-2 .m2-form-forgot a:active,
.page-template-membership-2 .m2-form-forgot a:hover,
.page-template-membership-2-student .m2-form-forgot a:active,
.page-template-membership-2-student .m2-form-forgot a:hover {
  color: #a72931;
  text-decoration: underline
}

.page-template-membership-2 .m3-inner,
.page-template-membership-2-student .m3-inner {
  margin-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:800px) {
  .page-template-membership-2 .m3-inner,
  .page-template-membership-2-student .m3-inner {
    display: block
  }
}

.page-template-membership-2 .m3-inner-right,
.page-template-membership-2-student .m3-inner-right {
  width: 50%;
  float: left
}

@media (max-width:800px) {
  .page-template-membership-2 .m3-inner-right,
  .page-template-membership-2-student .m3-inner-right {
    width: 100%;
    float: none;
    display: block
  }
}

.page-template-membership-2 .m3-inner-right .wp-social-login-connect-with,
.page-template-membership-2-student .m3-inner-right .wp-social-login-connect-with {
  display: none
}

.page-template-membership-2 .m3-inner-right .wp-social-login-provider::before,
.page-template-membership-2-student .m3-inner-right .wp-social-login-provider::before {
  content: "Log in with "
}

.page-template-membership-2 .m3-inner-right .wp-social-login-provider::before,
.page-template-membership-2-student .m3-inner-right .wp-social-login-provider::before {
  content: "Log in with "
}

.page-template-membership-2 .m3-inner-right .wp-social-login-provider-list,
.page-template-membership-2-student .m3-inner-right .wp-social-login-provider-list {
  margin: 0 0 0 auto;
  padding: 0!important
}

.page-template-membership-2 .m3-inner-right .wp-social-login-provider-list a,
.page-template-membership-2-student .m3-inner-right .wp-social-login-provider-list a {
  font-family: Titling;
  text-transform: uppercase;
  display: block;
  width: 100%;
  height: 18px;
  line-height: 1.3em;
  text-align: center;
  font-size: 15px;
  letter-spacing: .02em;
  color: #fff;
  margin-bottom: 21px;
  padding: 20px 0
}

.page-template-membership-2 .m3-inner-right .wp-social-login-provider-list a.wp-social-login-provider-facebook,
.page-template-membership-2-student .m3-inner-right .wp-social-login-provider-list a.wp-social-login-provider-facebook {
  background: #324d8e;
  border: 1px solid #324d8e
}

.page-template-membership-2 .m3-inner-right .wp-social-login-provider-list a.wp-social-login-provider-google,
.page-template-membership-2-student .m3-inner-right .wp-social-login-provider-list a.wp-social-login-provider-google {
  background: #d5472e;
  border: 1px solid #d5472e
}

.page-template-membership-2 .m3-inner-middle,
.page-template-membership-2-student .m3-inner-middle {
  text-align: center;
  margin-bottom: 15px;
  width: 16%;
  float: left;
  padding-top: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 140px
}

@media (max-width:800px) {
  .page-template-membership-2 .m3-inner-middle,
  .page-template-membership-2-student .m3-inner-middle {
    width: 100%;
    float: none;
    display: block;
    padding-top: 0;
    min-height: 0
  }
}

.page-template-membership-2 .m3-inner-middle span,
.page-template-membership-2-student .m3-inner-middle span {
  font-family: HT;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .3px;
  color: #000;
  text-transform: uppercase
}

@media (max-width:680px) {
  .page-template-membership-2 .m2-background,
  .page-template-membership-2-student .m2-background {
    display: none
  }
  .page-template-membership-2 .logo .st0,
  .page-template-membership-2 .logo .st1,
  .page-template-membership-2 .logo--mobile .st0,
  .page-template-membership-2 .logo--mobile .st1,
  .page-template-membership-2-student .logo .st0,
  .page-template-membership-2-student .logo .st1,
  .page-template-membership-2-student .logo--mobile .st0,
  .page-template-membership-2-student .logo--mobile .st1 {
    fill: #a72931
  }
  .page-template-membership-2 .m2-content,
  .page-template-membership-2-student .m2-content {
    width: 100%;
    padding: 0 15px;
    margin-top: 105px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden
  }
  .page-template-membership-2 .m2-title,
  .page-template-membership-2-student .m2-title {
    font-size: 22px
  }
  .page-template-membership-2 .m2-form,
  .page-template-membership-2-student .m2-form {
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 18px
  }
  .page-template-membership-2 .form-row .select2 #billing_state,
  .page-template-membership-2 .m2-form-input,
  .page-template-membership-2-student .form-row .select2 #billing_state,
  .page-template-membership-2-student .m2-form-input {
    font-size: 15px;
    height: 60px;
    padding: 7px 18px
  }
  .page-template-membership-2 .m2-form-forgot,
  .page-template-membership-2-student .m2-form-forgot {
    text-align: left
  }
  .page-template-membership-2 .m2-form-submit,
  .page-template-membership-2-student .m2-form-submit {
    max-width: 100%;
    margin: 14px auto 0 auto;
    height: 60px
  }
  .page-template-membership-2 .m2-form-submit span,
  .page-template-membership-2-student .m2-form-submit span {
    padding-top: 4px
  }
  .page-template-membership-2 .m2-mode-switch,
  .page-template-membership-2-student .m2-mode-switch {
    text-align: center;
    padding-left: 14px;
    padding-right: 14px
  }
  .page-template-membership-2 .m2-mode-switch-1,
  .page-template-membership-2-student .m2-mode-switch-1 {
    font-size: 16px
  }
  .page-template-membership-2 .m2-mode-switch-2,
  .page-template-membership-2-student .m2-mode-switch-2 {
    font-size: 15px
  }
  .page-template-membership-2 .m3-inner,
  .page-template-membership-2-student .m3-inner {
    padding: 0 14px
  }
  .page-template-membership-2 .m3-inner-right,
  .page-template-membership-2-student .m3-inner-right {
    margin-top: 45px
  }
}

@media (min-width:681px) and (max-width:1199px) {
  .page-template-membership-2 .m2-content,
  .page-template-membership-2-student .m2-content {
    width: 82%;
    padding-left: 25px;
    padding-right: 25px
  }
}

#sheerid-lightbox-wrap {
  width: 100%!important
}

.sid-header__title {
  display: block;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 15px;
  font-size: 32px;
  font-family: Titling, sans-serif;
  text-transform: uppercase;
  text-align: center;
  line-height: 1
}

.sid-header__subtitle {
  font-family: HK Grotesk;
  font-size: 18px;
  line-height: 26px;
  text-align: center
}

.sid-how-verify-works {
  display: table;
  text-align: center;
  margin: 0 auto
}

.sid-how-verify-works .sid-link span {
  color: #b3b3b3;
  border-bottom: 1px solid #b3b3b3
}

.sid-l-container {
  max-width: 100%!important
}

.sid-form-wrapper {
  width: 100%
}

.sid-birthdate .sid-field__label-with-explanation {
  width: 120px;
  float: left;
  margin: 10px 10px 10px 0
}

@media (max-width:680px) {
  .sid-birthdate .sid-field__label-with-explanation {
    float: none;
    padding-bottom: 12px
  }
}

.sid-birthdate__month {
  width: 100%!important
}

.sid-birthdate .sid-field__label-with-explanation .sid-field__label {
  position: absolute
}

.sid-birthdate .sid-field__label-with-explanation .sid-field__label-explanation {
  position: relative;
  margin-left: 0;
  top: 14px
}

input {
  width: 100%;
  height: 60px;
  -o-object-fit: contain;
  object-fit: contain;
  background-color: #fff;
  border: 1px solid #000;
  font-family: HT;
  font-size: 15px;
  color: #000
}

#sid-birthdate-day,
#sid-birthdate-year {
  height: 38px
}

.sid-btn {
  width: 361px;
  height: 50px;
  left: 420px;
  top: 656px;
  background: #911725;
  text-transform: uppercase;
  font-family: Telefon, 'Lato';
  margin: 0 auto
}

#upload {
  width: 50%;
  background: #fff;
  padding: 60px;
  position: absolute;
  top: 20%;
  left: 22%;
  display: none;
  border: 3px solid gray
}

#upload .title {
  font-size: 16px;
  text-align: center
}

#upload .history {
  font-size: 14px;
  text-align: center;
  display: block
}

#upload .content {
  background: gray;
  height: 150px
}

#upload .content h5 {
  font-size: 16px
}

.page-template-membership-3 #footer,
.page-template-membership-3 #menu,
.page-template-membership-3 #mobile-header,
.page-template-membership-3 .overlay,
.page-template-membership-3 .pswp {
  display: none!important
}

.page-template-membership-3 .logo {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate3d(-50%, 30px, 0);
  transform: translate3d(-50%, 30px, 0);
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  width: 105px;
  height: 40px;
  z-index: 20
}

.page-template-membership-3 .logo .st0,
.page-template-membership-3 .logo .st1,
.page-template-membership-3 .logo--mobile .st0,
.page-template-membership-3 .logo--mobile .st1 {
  fill: #fff;
  -webkit-transition: fill 1s ease;
  transition: fill 1s ease
}

.page-template-membership-3 .m3-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 48px;
  margin-bottom: 30px
}

.page-template-membership-3 .m3-form {
  width: 50%;
  float: left;
  margin-right: 5%
}

.page-template-membership-3 .m3-form button:focus,
.page-template-membership-3 .m3-form input:focus {
  outline: auto;
  outline: -webkit-focus-ring-color auto 5px
}

.page-template-membership-3 .m3-inner-middle {
  width: 20%;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 140px;
  text-align: center
}

.page-template-membership-3 .m3-inner-middle span {
  font-family: HT;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .3px;
  color: #000;
  text-transform: uppercase
}

.page-template-membership-3 .m3-inner-right {
  width: 50%;
  float: left
}

.page-template-membership-3 .m3-inner-right button:focus,
.page-template-membership-3 .m3-inner-right input:focus {
  outline: auto;
  outline: -webkit-focus-ring-color auto 5px
}

.page-template-membership-3 .m3-social-button {
  width: 100%;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  margin-bottom: 18px;
  border: 0
}

.page-template-membership-3 .m3-social-button span {
  font-family: Titling;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: .5px;
  text-align: center;
  color: #fff;
  padding-top: 2px
}

.page-template-membership-3 .m3-social-button.facebook {
  background-color: #3E5994
}

.page-template-membership-3 .m3-social-button.google {
  background-color: #C63D2D
}

.page-template-membership-3 .m3-social-button:last-of-type {
  margin-bottom: 0
}

.page-template-membership-3 .m3-inner-right .wp-social-login-connect-with {
  display: none
}

.page-template-membership-3 .m3-inner-right .wp-social-login-provider::before {
  content: "Sign up with "
}

.page-template-membership-3 .m3-inner-right .wp-social-login-provider::before {
  content: "Sign up with "
}

.page-template-membership-3 .m3-inner-right .wp-social-login-provider-list {
  width: 100%;
  padding: 0;
  margin: 0 auto 20px auto
}

.page-template-membership-3 .m3-inner-right .wp-social-login-provider-list a {
  font-family: Titling;
  text-transform: uppercase;
  display: block;
  width: 100%;
  height: 20px;
  line-height: 1.3em;
  text-align: center;
  font-size: 15px;
  letter-spacing: .02em;
  color: #fff;
  margin-bottom: 21px;
  padding: 20px 0
}

.page-template-membership-3 .m3-inner-right .wp-social-login-provider-list a.wp-social-login-provider-facebook {
  background: #324d8e
}

.page-template-membership-3 .m3-inner-right .wp-social-login-provider-list a.wp-social-login-provider-google {
  background: #d5472e
}

.page-template-membership-3 .m2-form-submit {
  display: block
}

.page-template-membership-3 .signup-optins {
  font-size: 12px;
  padding-top: 20px
}

.page-template-membership-3 .signup-optins a {
  color: #a72931
}

.page-template-membership-3 .signup-optins .checkbox-optin {
  padding: 5px 0
}

.page-template-membership-3 input[type=checkbox] {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 1px solid #000;
  width: 15px;
  height: 15px;
  position: relative;
  margin: 0;
  top: 2px;
  display: inline-block;
  margin-right: 5px
}

.page-template-membership-3 input[type=checkbox]:checked {
  background-color: #a72931
}

.page-template-membership-3 input[type=checkbox]:before {
  background: 0 0;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  pointer-events: none
}

@media (max-width:680px) {
  .page-template-membership-3 .m2-background {
    display: none
  }
  .page-template-membership-3 .logo .st0,
  .page-template-membership-3 .logo .st1,
  .page-template-membership-3 .logo--mobile .st0,
  .page-template-membership-3 .logo--mobile .st1 {
    fill: #a72931
  }
  .page-template-membership-3 .m2-content {
    width: 100%;
    padding: 0 15px;
    margin-top: 105px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden
  }
  .page-template-membership-3 .m2-title {
    font-size: 22px
  }
  .page-template-membership-3 .m2-form {
    max-width: auto;
    padding: 0 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .page-template-membership-3 .m2-form-input {
    font-size: 18px;
    height: 60px
  }
  .page-template-membership-3 .m2-form-submit {
    max-width: 100%;
    margin: 14px auto 0 auto;
    height: 60px;
    display: inline-block
  }
  .page-template-membership-3 .m2-form-submit span {
    padding-top: 4px
  }
  .page-template-membership-3 .m3-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 14px
  }
  .page-template-membership-3 .m3-form,
  .page-template-membership-3 .m3-inner-middle,
  .page-template-membership-3 .m3-inner-right {
    width: 100%;
    float: none
  }
  .page-template-membership-3 .m3-inner-right {
    margin-top: 45px
  }
  .page-template-membership-3 .m3-inner-middle {
    min-height: 60px;
    margin-bottom: 14px
  }
  .page-template-membership-3 .m2-mode-switch {
    text-align: center;
    padding-left: 2px
  }
  .page-template-membership-3 .m2-mode-switch-1 {
    font-size: 16px
  }
  .page-template-membership-3 .m2-mode-switch-2 {
    font-size: 15px
  }
  .page-template-membership-3 .m3-social-button {
    height: 60px
  }
  .page-template-membership-3 .m3-social-button span {
    padding-top: 4px
  }
}

@media (min-width:681px) and (max-width:1199px) {
  .page-template-membership-3 .m2-content {
    width: 82%;
    padding-left: 42px;
    padding-right: 42px
  }
}

.woocommerce-checkout #footer,
.woocommerce-checkout #menu,
.woocommerce-checkout #mobile-header,
.woocommerce-checkout .overlay,
.woocommerce-checkout .pswp {
  display: none!important
}

.woocommerce-checkout .logo {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate3d(-50%, 30px, 0);
  transform: translate3d(-50%, 30px, 0);
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  width: 105px;
  height: 40px;
  z-index: 20
}

.woocommerce-checkout .logo .st0,
.woocommerce-checkout .logo .st1,
.woocommerce-checkout .logo--mobile .st0,
.woocommerce-checkout .logo--mobile .st1 {
  fill: #fff;
  -webkit-transition: fill 1s ease;
  transition: fill 1s ease
}

.woocommerce-checkout .m2-content {
  padding-left: 60px;
  padding-right: 60px
}

.woocommerce-checkout input[type=checkbox] {
  border-radius: 0!important
}

.woocommerce-checkout input[type=checkbox]:focus {
  outline: 0!important
}

.woocommerce-checkout input[type=checkbox],
.woocommerce-checkout input[type=radio] {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 2px solid #000;
  width: 17px;
  height: 17px;
  border-radius: 10px;
  position: relative;
  margin: 0;
  top: 2px
}

.woocommerce-checkout input[type=checkbox]:checked,
.woocommerce-checkout input[type=radio]:checked {
  background-color: #a72931
}

.woocommerce-checkout input[type=checkbox]:before,
.woocommerce-checkout input[type=radio]:before {
  background: 0 0;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  pointer-events: none;
  border-radius: 13px
}

.woocommerce-checkout .m4-form-inner {
  display: block;
  position: relative;
  overflow: hidden;
  max-width: 70%;
  margin: 21px auto
}

.woocommerce-checkout .m4-form-inner button:focus,
.woocommerce-checkout .m4-form-inner input:focus,
.woocommerce-checkout .m4-form-inner select:focus {
  outline: auto;
  outline: -webkit-focus-ring-color auto 5px
}

.woocommerce-checkout .m4-form-inner .create-account {
  display: none
}

.woocommerce-checkout .m4-form-row {
  margin-bottom: 14px
}

.woocommerce-checkout .m4-form-row .accept_terms {
  font-size: 16px
}

.woocommerce-checkout .m4-form-row .accept_terms input {
  margin-right: 14px
}

.woocommerce-checkout .form-row label {
  display: none!important;
  font-size: 16px!important
}

.woocommerce-checkout .form-row.wc-terms-and-conditions label {
  display: inline-block!important
}

.woocommerce-checkout .form-row.wc-terms-and-conditions label span {
  font-size: 16px;
  text-transform: uppercase
}

.woocommerce-checkout .form-row.wc-terms-and-conditions input {
  width: 16px;
  margin-right: 7px
}

.woocommerce-checkout .woocommerce-shipping-fields input.input-checkbox {
  margin-right: 5px
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper p,
.woocommerce-checkout .woocommerce-recipient-fields__field-wrapper p,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper p {
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  clear: none;
  text-align: left
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper p:nth-child(odd),
.woocommerce-checkout .woocommerce-recipient-fields__field-wrapper p:nth-child(odd),
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper p:nth-child(odd) {
  padding-right: 14px
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper p:nth-child(even),
.woocommerce-checkout .woocommerce-recipient-fields__field-wrapper p:nth-child(even),
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper p:nth-child(even) {
  padding-left: 14px
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .custom_gift_message,
.woocommerce-checkout .woocommerce-recipient-fields__field-wrapper .custom_gift_message,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .custom_gift_message {
  width: 100%
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .custom_gift_message:nth-child(odd),
.woocommerce-checkout .woocommerce-recipient-fields__field-wrapper .custom_gift_message:nth-child(odd),
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .custom_gift_message:nth-child(odd) {
  padding-right: 0
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .custom_gift_message .textarea_custom_gift_message,
.woocommerce-checkout .woocommerce-recipient-fields__field-wrapper .custom_gift_message .textarea_custom_gift_message,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .custom_gift_message .textarea_custom_gift_message {
  width: 100%;
  height: 100px;
  -o-object-fit: contain;
  object-fit: contain;
  background-color: #fff;
  border: 1px solid #000;
  font-family: HT;
  font-size: 15px;
  color: #000;
  padding: 12px 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.woocommerce-checkout .woocommerce-form__label-for-checkbox span {
  font-family: HT;
  font-size: 16px;
  text-align: left;
  color: #000;
  text-transform: uppercase
}

.woocommerce-checkout .woocommerce-form__label-for-checkbox span.span_ship {
  font-family: HT;
  font-size: 14px;
  text-align: left;
  color: #000;
  text-transform: none
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 16px;
  right: 4px
}

.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0
}

.woocommerce-checkout .select2-container--default .select2-selection--single {
  height: 100%;
  border: 0
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
  height: 100%
}

.woocommerce-checkout .form-row label abbr {
  text-decoration: none
}

.woocommerce-checkout #add_payment_method #payment ul.payment_methods,
.woocommerce-checkout .woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout .woocommerce-checkout #payment ul.payment_methods {
  padding: 1px
}

.woocommerce-checkout .woocommerce-checkout #payment div.form-row {
  padding: 1px
}

.woocommerce-checkout #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods,
.woocommerce-checkout .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods,
.woocommerce-checkout .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods {
  margin: 0;
  padding: 0;
  margin-top: 30px
}

.woocommerce-checkout input[type=submit] {
  width: 100%;
  display: block;
  max-width: 223px;
  height: 50px;
  cursor: pointer;
  background: #a72931;
  margin: 24px auto 18px auto;
  border: 0;
  font-family: Titling;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: .5px;
  text-align: center;
  color: #fff;
  padding-top: 6px
}

.woocommerce-checkout #payment #place_order {
  float: none!important;
  clear: both!important;
  width: 100%;
  height: 50px;
  text-align: center;
  font-family: Telefon, 'Lato';
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .1em;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  background: #b21e27
}

.woocommerce-checkout .woocommerce-checkout #payment .payment_methods li input {
  margin: 0 7px 0 0;
  width: 17px!important
}

.woocommerce-checkout .woocommerce-checkout #payment .payment_methods li img {
  width: 38px;
  margin-right: 8px!important
}

.woocommerce-checkout .woocommerce-checkout #payment .payment_methods li.payment_method_paypal img {
  width: 150px
}

.woocommerce-checkout .woocommerce-checkout #payment .payment_methods {
  border: 0;
  background: #fff
}

.woocommerce-checkout .woocommerce-checkout #payment .payment_methods label {
  font-family: HT;
  font-size: 18px;
  color: #000;
  text-transform: uppercase
}

.woocommerce-checkout .woocommerce form .form-row-first,
.woocommerce-checkout .woocommerce-page form .form-row-first {
  clear: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.woocommerce-checkout .payment_method_stripe label {
  display: inline-block
}

.woocommerce-checkout .payment_method_stripe .form_row label {
  font-size: 16px
}

.woocommerce-checkout #payment,
.woocommerce-checkout .woocommerce-checkout #payment {
  background-color: #fff;
  display: block;
  overflow: hidden;
  margin-top: 25px
}

.woocommerce-checkout .woocommerce-checkout #payment ul.payment_methods li {
  margin-bottom: 30px;
  padding: 1px
}

.woocommerce-checkout .woocommerce-checkout #payment ul.payment_methods li:last-of-type {
  margin-bottom: 0
}

.woocommerce-checkout .woocommerce-checkout-payment>.form-row {
  padding-top: 0
}

.woocommerce-checkout .woocommerce-checkout-payment .wc-terms-and-conditions {
  margin-bottom: 42px
}

.woocommerce-checkout .woocommerce-checkout-payment::before {
  content: 'Payment method';
  display: block;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 15px;
  font-size: 1.17em;
  font-family: Titling, sans-serif;
  text-transform: uppercase;
  text-align: center
}

.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods::before {
  content: '';
  display: block;
  width: 70px;
  margin: 0 auto 40px;
  border-top: 1px solid #A9252D
}

.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods .stripe-icon {
  display: none
}

.woocommerce-checkout .payment_method_paypal img,
.woocommerce-checkout .payment_method_paypal label[for=payment_method_paypal] {
  display: none
}

.woocommerce-checkout .wc_payment_method.payment_method_paypal::before {
  content: url(images/paypal-icon.png);
  position: absolute;
  margin-left: 30px
}

.woocommerce-checkout .payment_method_stripe p {
  display: none
}

.woocommerce-checkout .wc-credit-card-form {
  border: 0;
  padding: 0;
  margin: 0
}

.woocommerce-checkout .wc-credit-card-form .wc-stripe-elements-field {
  padding: 20px 18px;
  border: 1px solid #000;
  background-color: #fff
}

.woocommerce-checkout .wc-credit-card-form .form-row-wide {
  margin-top: 20px
}

.woocommerce-checkout .wc-credit-card-form .form-row-first {
  width: 48%;
  float: left;
  margin-top: 15px
}

.woocommerce-checkout .wc-credit-card-form .form-row-last {
  width: 48%;
  float: right;
  margin-top: 15px
}

.woocommerce-checkout .about_paypal {
  display: none
}

.woocommerce-checkout #payment_method_paypal,
.woocommerce-checkout #payment_method_stripe {
  cursor: pointer
}

.woocommerce-checkout .woocommerce-membership-checkout-payment>.form-row {
  padding-top: 0
}

.woocommerce-checkout .woocommerce-membership-checkout-payment .wc-terms-and-conditions {
  margin-bottom: 42px
}

.woocommerce-checkout .woocommerce-checkout-review-order-table {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.woocommerce-checkout .woocommerce-checkout-review-order-table thead {
  display: none
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tbody {
  padding: 28px 0;
  border-bottom: 1px solid #b6b6b6
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tbody .cart_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tbody .product-name {
  font-family: HT;
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
  color: #000;
  text-transform: uppercase;
  margin-right: 30px;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tbody .product-quantity {
  display: none
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tbody .product-total {
  font-family: HT;
  font-size: 25px;
  text-align: center;
  color: #000;
  text-transform: uppercase;
  width: 50%
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tbody .woocommerce-Price-currencySymbol {
  font-size: 60%
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .cart-subtotal,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .tax-total {
  display: none
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .cart-discount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 0;
  font-family: HT;
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
  color: #000;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #b6b6b6
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .cart-discount th {
  width: 50%;
  font-weight: 400;
  text-align: left
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .cart-discount td {
  width: 50%;
  text-align: center
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .shipping {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 0
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .shipping th {
  font-family: HT;
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
  color: #000;
  text-transform: uppercase;
  margin-right: 30px;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 400
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .shipping td {
  font-family: HT;
  font-size: 25px;
  text-align: center;
  color: #000;
  text-transform: uppercase;
  width: 50%
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total {
  border-top: 1px solid #a72931;
  padding-top: 21px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: hidden
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total th {
  font-family: HT;
  font-size: 18px;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
  width: 50%;
  text-align: left;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 32px
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total td {
  width: 50%;
  text-align: center;
  float: left;
  font-size: 25px;
  font-weight: 600;
  border-left: 7px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  text-transform: uppercase;
  line-height: 32px
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total td .woocommerce-Price-currencySymbol {
  font-size: 60%
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total.recurring-total::after {
  text-align: center;
  width: 100%;
  display: block;
  padding-top: 20px;
  clear: both
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot #shipping_method li {
  text-align: center;
  list-style: none
}

.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .ywgc_have_code {
  display: none
}

.woocommerce-checkout .first-payment-date {
  display: none
}

.woocommerce-checkout .renewal-date {
  text-align: center;
  margin-top: 1.875rem
}

@media (max-width:680px) {
  .woocommerce-checkout .m2-background {
    display: none
  }
  .woocommerce-checkout .logo .st0,
  .woocommerce-checkout .logo .st1,
  .woocommerce-checkout .logo--mobile .st0,
  .woocommerce-checkout .logo--mobile .st1 {
    fill: #a72931
  }
  .woocommerce-checkout .m2-content {
    width: 100%;
    padding: 0 14px;
    margin-top: 105px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden
  }
  .woocommerce-checkout .m2-title {
    font-size: 22px
  }
  .woocommerce-checkout .m2-form {
    max-width: auto;
    padding-left: 14px;
    padding-right: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .woocommerce-checkout #billing_state,
  .woocommerce-checkout .form-row .select2,
  .woocommerce-checkout .m2-form-input {
    font-size: 18px;
    height: 60px
  }
  .woocommerce-checkout .m4-form-inner {
    max-width: 100%
  }
  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper p,
  .woocommerce-checkout .woocommerce-recipient-fields__field-wrapper p,
  .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper p {
    width: 100%;
    float: left;
    padding: 0!important;
    margin-bottom: 7px
  }
  .woocommerce-checkout .woocommerce-checkout #payment .payment_methods li img {
    display: none
  }
  .woocommerce-checkout .wc-credit-card-form .form-row-first {
    width: 100%;
    float: none
  }
  .woocommerce-checkout .wc-credit-card-form .form-row-last {
    width: 100%;
    float: none
  }
  .woocommerce-checkout .m4-form-row .accept_terms {
    line-height: 1.4
  }
  .woocommerce-checkout input[type=submit] {
    max-width: 100%
  }
  .woocommerce-checkout select.m2-form-input {
    text-indent: 0
  }
}

@media (min-width:681px) and (max-width:1199px) {
  .woocommerce-checkout .m2-content {
    width: 82%;
    padding-left: 42px;
    padding-right: 42px
  }
}

.page-template-membership-5 #footer,
.page-template-membership-5 #menu,
.page-template-membership-5 #mobile-header,
.page-template-membership-5 .overlay,
.page-template-membership-5 .pswp {
  display: none!important
}

.page-template-membership-5 .logo {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate3d(-50%, 30px, 0);
  transform: translate3d(-50%, 30px, 0);
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  width: 105px;
  height: 40px;
  z-index: 20
}

.page-template-membership-5 .logo .st0,
.page-template-membership-5 .logo .st1,
.page-template-membership-5 .logo--mobile .st0,
.page-template-membership-5 .logo--mobile .st1 {
  fill: #fff;
  -webkit-transition: fill 1s ease;
  transition: fill 1s ease
}

.page-template-membership-5 .m2-content {
  padding-left: 60px;
  padding-right: 60px
}

.page-template-membership-5 .m5-content {
  background: 0 0;
  color: #fff;
  text-align: center
}

.page-template-membership-5 .m2-background {
  background-color: #1b1b1c
}

.page-template-membership-5 .video-container-welcome {
  margin: 0 auto;
  position: relative
}

.page-template-membership-5 .video-container-welcome #video-player {
  height: 100%;
  margin: 15px auto
}

.page-template-membership-5 .m2-title {
  font-size: 50px;
  color: #e0aa49;
  margin-bottom: 0;
  padding-bottom: 55px
}

.page-template-membership-5 .m5-badge {
  margin: 30px auto;
  width: 90px;
  height: 90px
}

.page-template-membership-5 .m5-badge img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.page-template-membership-5 .m5-description {
  font-family: HT;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 40px
}

.page-template-membership-5 a {
  text-decoration: none
}

.page-template-membership-5 .buttons-container {
  width: 100%;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.page-template-membership-5 .m5-button {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  background: #a72931;
  border: 0;
  float: left;
  padding: 15px 20px;
  margin: 0 10px auto 20px
}

.page-template-membership-5 .m5-button span {
  font-family: Titling;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: .5px;
  text-align: center;
  color: #fff;
  padding-top: 2px
}

.page-template-membership-5 .m5-button.yellow {
  background: #e0aa49
}

@media (max-width:680px) {
  .page-template-membership-5 .m2-content {
    width: 100%;
    padding: 0 14px;
    margin-top: 130px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden
  }
  .page-template-membership-5 .m2-title {
    font-size: 36px
  }
  .page-template-membership-5 .m5-description {
    font-size: 21px
  }
  .page-template-membership-5 .m5-button {
    max-width: 100%
  }
  .page-template-membership-5 .buttons-container {
    width: 100%;
    display: block
  }
  .page-template-membership-5 .m5-button {
    margin: 0 0 10px 0;
    float: none
  }
  .page-template-membership-5 .m5-button span {
    font-family: Titling;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .5px;
    text-align: center;
    color: #fff;
    padding-top: 2px
  }
}

@media (min-width:681px) and (max-width:1199px) {
  .page-template-membership-5 .m2-content {
    width: 82%;
    padding-left: 42px;
    padding-right: 42px
  }
}

.woocommerce-account {
  overflow: hidden
}

.woocommerce-account .woocommerce-ResetPassword .woocommerce-Input--text,
.woocommerce-account .woocommerce-form-login .woocommerce-Input--text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 60px;
  -o-object-fit: contain;
  object-fit: contain;
  border: 1px solid #000;
  font-family: HT;
  font-size: 15px;
  margin: 0 auto;
  background-color: #fff;
  padding: 12px 18px;
  margin-bottom: 21px
}

@media (max-width:991px) {
  .woocommerce-account .woocommerce-ResetPassword .woocommerce-Input--text,
  .woocommerce-account .woocommerce-form-login .woocommerce-Input--text {
    width: 100%
  }
}

.woocommerce-account .woocommerce-ResetPassword .woocommerce-Input--text ::-webkit-input-placeholder,
.woocommerce-account .woocommerce-form-login .woocommerce-Input--text ::-webkit-input-placeholder {
  color: #666
}

.woocommerce-account .woocommerce-ResetPassword .woocommerce-Input--text ::-moz-placeholder,
.woocommerce-account .woocommerce-form-login .woocommerce-Input--text ::-moz-placeholder {
  color: #666
}

.woocommerce-account .woocommerce-ResetPassword .woocommerce-Input--text :-ms-input-placeholder,
.woocommerce-account .woocommerce-form-login .woocommerce-Input--text :-ms-input-placeholder {
  color: #666
}

.woocommerce-account .woocommerce-ResetPassword .woocommerce-Input--text :-moz-placeholder,
.woocommerce-account .woocommerce-form-login .woocommerce-Input--text :-moz-placeholder {
  color: #666
}

.woocommerce-account .woocommerce-ResetPassword .woocommerce-form__label-for-checkbox,
.woocommerce-account .woocommerce-form-login .woocommerce-form__label-for-checkbox {
  display: none
}

.woocommerce-account .woocommerce-ResetPassword button,
.woocommerce-account .woocommerce-form-login button {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 9.375rem;
  height: 2.875rem;
  line-height: 3rem;
  font-family: Telefon, 'Lato';
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: initial;
  color: #000;
  background: #e9e9e9;
  border: none;
  padding: 0;
  cursor: pointer
}

.woocommerce-account .woocommerce-ResetPassword button:hover,
.woocommerce-account .woocommerce-form-login button:hover {
  color: #fff;
  background: #b21e27
}

@media (max-width:991px) {
  .woocommerce-account .woocommerce-ResetPassword button,
  .woocommerce-account .woocommerce-form-login button {
    width: 100%;
    margin: 1.875rem auto!important
  }
}

.woocommerce-account .petro-new-account:before {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-size: cover;
  background-color: #fff
}

@media (min-width:680px) {
  .woocommerce-account .petro-new-account:before {
    background-image: url(images/membership-enroll-bg.jpg);
    background-position: center
  }
}

.woocommerce-account .petro-new-account .petro-login-container {
  position: fixed;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 1024px;
  width: 100%;
  min-height: 300px;
  z-index: 11
}

@media (min-width:680px) and (max-width:1080px) {
  .woocommerce-account .petro-new-account .petro-login-container {
    width: 82%
  }
}

.woocommerce-account .petro-new-account .petro-login-container .petro-login-header .logo {
  display: block;
  position: relative;
  width: 105px;
  margin: 30px auto 40px;
  z-index: 20
}

.woocommerce-account .petro-new-account .petro-login-container .petro-login-header .logo .st0,
.woocommerce-account .petro-new-account .petro-login-container .petro-login-header .logo .st1,
.woocommerce-account .petro-new-account .petro-login-container .petro-login-header .logo--mobile .st0,
.woocommerce-account .petro-new-account .petro-login-container .petro-login-header .logo--mobile .st1 {
  fill: #b21e27;
  -webkit-transition: fill 1s ease;
  transition: fill 1s ease
}

@media (min-width:680px) {
  .woocommerce-account .petro-new-account .petro-login-container .petro-login-header .logo .st0,
  .woocommerce-account .petro-new-account .petro-login-container .petro-login-header .logo .st1,
  .woocommerce-account .petro-new-account .petro-login-container .petro-login-header .logo--mobile .st0,
  .woocommerce-account .petro-new-account .petro-login-container .petro-login-header .logo--mobile .st1 {
    fill: #fff
  }
}

.woocommerce-account .petro-new-account .petro-login-container .petro-login-body {
  width: 100%;
  background-color: #fff;
  padding: 0 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media (min-width:680px) {
  .woocommerce-account .petro-new-account .petro-login-container .petro-login-body {
    padding: 50px 40px
  }
}

.woocommerce-account .petro-new-account .petro-login-container .petro-login-body label[for=username],
.woocommerce-account .petro-new-account .petro-login-container .petro-login-body label[for=password] {
  display: none
}

.woocommerce-account .petro-new-account .petro-login-container .petro-login-body .woocommerce-Button {
  background-color: #b21e27;
  cursor: pointer;
  max-width: 140px;
  height: 50px;
  margin: 24px auto 18px auto;
  font-family: Titling;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: .5px;
  text-align: center;
  color: #fff;
  padding-top: 2px
}

.woocommerce-account .petro-new-account .petro-login-title {
  font-family: Titling;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  font-size: 22px;
  line-height: 1.2;
  width: 100%;
  display: inline-block;
  max-width: 100%;
  letter-spacing: 1.5px;
  color: #1b1b1b;
  text-align: center
}

@media (min-width:680px) {
  .woocommerce-account .petro-new-account .petro-login-title {
    font-size: 32px
  }
}

.woocommerce-account .petro-new-account .petro-login-subtitle {
  font-family: Titling;
  font-size: 18px;
  letter-spacing: .4px;
  text-align: center;
  color: #000;
  text-transform: uppercase;
  margin-top: 50px;
  margin-bottom: 0
}

.woocommerce-account .petro-new-account .petro-login-subtitle-line {
  height: 1px;
  width: 68px;
  background-color: #a82931;
  text-align: center;
  margin: 7px auto
}

.woocommerce-account.logged-in {
  overflow: auto
}

.woocommerce-account.logged-in .content.border {
  -webkit-box-shadow: 0 1rem 1.25rem 0 rgba(0, 0, 0, .8);
  box-shadow: 0 1rem 1.25rem 0 rgba(0, 0, 0, .8);
  margin-top: 10px
}

.woocommerce-account.logged-in h1 {
  text-align: center;
  display: none
}

.woocommerce-account.logged-in .woocommerce {
  width: 60%;
  margin: 0 auto;
  display: table
}

@media (max-width:991px) {
  .woocommerce-account.logged-in .woocommerce {
    width: 100%
  }
}

@media (min-width:992px) and (max-width:1024px) {
  .woocommerce-account.logged-in .woocommerce {
    width: 80%;
    margin: 0 auto
  }
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
  float: left;
  width: 30%
}

@media (max-width:991px) {
  .woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
    width: 90%;
    float: none
  }
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
  list-style: none
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li {
  padding: .625rem;
  border-top: 1px solid linen
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.is-active a {
  color: #b21e27
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.is-active a::after {
  float: right;
  width: 1.875rem;
  background-color: #b21e27;
  height: 1.875rem;
  text-align: center;
  border-radius: 1.125rem;
  vertical-align: .1875rem;
  line-height: 1.875rem;
  color: #fff;
  margin-top: -.125rem
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li:last-child {
  border-bottom: .0625rem solid linen
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li:hover a {
  text-decoration: underline;
  color: #b21e27
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li:hover a::after {
  float: right;
  width: 1.875rem;
  background-color: #b21e27;
  height: 1.875rem;
  text-align: center;
  border-radius: 1.125rem;
  vertical-align: .1875rem;
  line-height: 1.875rem;
  color: #fff;
  margin-top: -.125rem
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a {
  text-decoration: none;
  color: #525249;
  font-weight: 700;
  font-family: Telefon, 'Lato';
  display: block
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a::after {
  font-family: "Font Awesome 5 Free";
  color: linen;
  float: right;
  width: 1.875rem;
  background-color: #d0d2d3;
  height: 1.875rem;
  text-align: center;
  border-radius: 1.125rem;
  vertical-align: .1875rem;
  line-height: 1.875rem;
  color: #fff;
  margin-top: -.125rem
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--myreferrals a::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--subscriptions a::after {
  content: "\f061";
  float: right
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--subscriptions {
  display: none
}

.woocommerce-account.logged-in .woocommerce .woocommerce-error {
  list-style: none;
  margin: 0 auto;
  width: 33%;
  color: red
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content {
  float: left;
  width: 65%;
  font-family: Telefon, 'Lato';
  padding-bottom: 1.875rem
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content h1 {
  display: block
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content h3 {
  padding: .125rem 0 1.25rem 0;
  margin: 25px 0 0 0
}

@media (max-width:991px) {
  .woocommerce-account.logged-in .woocommerce-MyAccount-content h3 {
    margin: 40px auto 0
  }
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content h6 {
  text-transform: capitalize;
  padding: 0 1.25rem 0 0;
  margin: 2.5rem auto 0 auto
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address-title.title h3 {
  text-align: left
}

@media (max-width:991px) {
  .woocommerce-account.logged-in .woocommerce-MyAccount-content {
    width: 90%;
    padding: 0;
    float: none;
    margin: 0 auto;
    overflow: scroll
  }
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content a {
  color: #525249;
  font-weight: 700;
  text-decoration: none
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content a:hover {
  text-decoration: underline;
  color: #b21e27
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-info {
  padding: 1.875rem
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-message {
  text-align: center
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Addresses {
  padding: 1.875rem
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
  width: 45%;
  float: left;
  padding: 0 .625rem 1.25rem 0
}

@media (max-width:991px) {
  .woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
    width: 100%
  }
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .wpua-edit-container h3 {
  display: none
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content #uploading {
  display: none;
  letter-spacing: .02em;
  text-align: center;
  font-family: Telefon, 'Lato';
  color: #9a917c
}

@-webkit-keyframes blinker {
  50% {
    opacity: 0
  }
}

@keyframes blinker {
  50% {
    opacity: 0
  }
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content #uploading i {
  font-family: "Font Awesome 5 Free"
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content #uploading i::after {
  content: "\f110";
  float: right
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content #submit[disabled=disabled] {
  background-color: #525349;
  color: #808284;
  cursor: default
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content #wpua-upload-existing {
  display: none
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content #form-picture-container {
  display: none
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content [type=file] {
  height: 0!important;
  overflow: hidden!important;
  width: 0!important;
  padding: 0!important;
  border: 0!important
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content [type=file]+label {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  max-width: 17.5rem;
  height: 2.875rem;
  text-align: center;
  line-height: 2.8125rem;
  font-family: Telefon, 'Lato';
  font-size: .875rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer;
  padding: 0 1.25rem;
  color: #d7d1c4;
  background: #fff;
  border: .125rem solid #d7d1c4
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content [type=file]+label:hover {
  background-color: #86171d
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content button {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 9.375rem;
  height: 2.875rem;
  line-height: 3rem;
  font-family: Telefon, 'Lato';
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #000;
  background: #fff;
  border: .125rem solid #d7d1c4;
  padding: 0;
  cursor: pointer
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content button.woocommerce-Button {
  margin: 1.875rem 0;
  display: inline
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content button:hover {
  color: #b21e27
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content button:focus {
  background: #b21e27;
  color: #fff
}

@media (max-width:991px) {
  .woocommerce-account.logged-in .woocommerce-MyAccount-content button {
    width: 100%;
    margin: 1.875rem auto!important
  }
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form {
  padding: 0 0 0 1.875rem;
  display: block!important
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form .required {
  color: red
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form #wpua-images-existing {
  display: none
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form.wpua-edit p {
  max-width: 100%
}

@media (max-width:991px) {
  .woocommerce-account.logged-in .woocommerce-MyAccount-content form {
    padding: 0
  }
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form p {
  margin: 0;
  padding: 0 1.25rem 0 0
}

@media (max-width:991px) {
  .woocommerce-account.logged-in .woocommerce-MyAccount-content form p {
    padding: 0
  }
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form .error-field {
  border: 2px solid red
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form .error-message {
  color: red;
  font-size: .8125rem
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form .success-message {
  text-align: center;
  padding: 1.875rem 0 0 0
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row-first,
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row-last {
  float: left;
  margin: 1.25rem auto;
  width: 47%
}

@media (max-width:768px) {
  .woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row-first,
  .woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row-last {
    float: none;
    width: 100%;
    padding: 0
  }
  .woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row-first input,
  .woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row-last input {
    width: 100%
  }
}

@media (min-width:1024px) {
  .woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row-first,
  .woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row-last {
    padding: 0 0 .625rem 0
  }
}

@media (min-width:1480px) {
  .woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row-first,
  .woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row-last {
    max-width: 18.125rem;
    padding: 0 0 .625rem 0
  }
  .woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row-first input,
  .woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row-last input {
    width: 100%
  }
}

@media (min-width:1024px) {
  .woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row-last {
    padding: 0 0 0 .625rem
  }
}

@media (min-width:1480px) {
  .woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row-last {
    padding: 0 0 0 1.25rem
  }
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row-wide {
  clear: both;
  margin: 1.875rem 0 1.875rem 0
}

@media (max-width:991px) {
  .woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row-wide {
    margin: 1.25rem auto
  }
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form label {
  font-family: Telefon, 'Lato';
  color: #606264;
  letter-spacing: 0;
  display: none
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form label[for=account_last_name],
.woocommerce-account.logged-in .woocommerce-MyAccount-content form label[for=account_first_name],
.woocommerce-account.logged-in .woocommerce-MyAccount-content form label[for=account_display_name] {
  display: block
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form label abbr {
  text-decoration: none
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form .ico-input::after {
  font-family: "Font Awesome 5 Free";
  position: relative;
  top: -2.1875rem;
  right: .625rem;
  float: right
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 2.25rem;
  font-family: Lato;
  font-size: .9375rem;
  border: .125rem solid #d7d1c4;
  background-color: #fff;
  margin: 0;
  padding: 0 .625rem
}

@media (max-width:991px) {
  .woocommerce-account.logged-in .woocommerce-MyAccount-content form input {
    width: 100%
  }
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form input#account_email,
.woocommerce-account.logged-in .woocommerce-MyAccount-content form input#billing_address_1,
.woocommerce-account.logged-in .woocommerce-MyAccount-content form input#billing_company,
.woocommerce-account.logged-in .woocommerce-MyAccount-content form input.woocommerce-Input--password {
  width: 100%
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form fieldset {
  border: 0;
  padding: 0
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form fieldset legend {
  font-size: .8125rem;
  letter-spacing: 0;
  color: #606264;
  font-weight: 700;
  padding: .3125rem 1.25rem 0;
  text-transform: uppercase
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form button {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 9.375rem;
  height: 2.875rem;
  line-height: 3rem;
  font-family: Telefon, 'Lato';
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #000;
  background: #fff;
  border: .125rem solid #d7d1c4;
  padding: 0;
  cursor: pointer
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form button.woocommerce-Button {
  margin: 1.875rem 0;
  display: inline
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form button:hover {
  color: #b21e27
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form button:focus {
  background: #b21e27;
  color: #fff
}

@media (max-width:991px) {
  .woocommerce-account.logged-in .woocommerce-MyAccount-content form button {
    width: 100%;
    margin: 1.875rem auto!important
  }
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form .btn_container {
  text-align: right
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form .btn_container span .woocommerce-Button {
  display: inline
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content form .sending {
  color: #877c7c;
  background: #d7d1c4;
  cursor: default!important
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields label {
  display: none
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .subscription_details,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--subscription-gifting-information {
  width: 98%;
  margin: 0 auto
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders thead,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details thead,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .subscription_details thead,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details thead,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table thead,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--subscription-gifting-information thead {
  background-color: #a7a7a7
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders thead th,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details thead th,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .subscription_details thead th,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details thead th,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table thead th,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--subscription-gifting-information thead th {
  padding: .75rem;
  color: #fff;
  text-align: left
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders tbody tr,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders tfoot tr,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details tbody tr,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details tfoot tr,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .subscription_details tbody tr,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .subscription_details tfoot tr,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details tbody tr,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details tfoot tr,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tfoot tr,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--subscription-gifting-information tbody tr,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--subscription-gifting-information tfoot tr {
  background: #efefef
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders tbody td,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders tfoot td,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details tbody td,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details tfoot td,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .subscription_details tbody td,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .subscription_details tfoot td,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details tbody td,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details tfoot td,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tbody td,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tfoot td,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--subscription-gifting-information tbody td,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--subscription-gifting-information tfoot td {
  padding: .625rem
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders tbody td .pay,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders tbody td .view,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders tfoot td .pay,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders tfoot td .view,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details tbody td .pay,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details tbody td .view,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details tfoot td .pay,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details tfoot td .view,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .subscription_details tbody td .pay,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .subscription_details tbody td .view,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .subscription_details tfoot td .pay,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .subscription_details tfoot td .view,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details tbody td .pay,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details tbody td .view,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details tfoot td .pay,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details tfoot td .view,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tbody td .pay,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tbody td .view,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tfoot td .pay,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tfoot td .view,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--subscription-gifting-information tbody td .pay,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--subscription-gifting-information tbody td .view,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--subscription-gifting-information tfoot td .pay,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--subscription-gifting-information tfoot td .view {
  background: #b21e27;
  width: 4.375rem;
  height: 1.875rem;
  display: block;
  text-align: center;
  line-height: 2;
  color: #fff;
  margin: 0 auto
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders tbody td .pay::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders tbody td .view::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders tfoot td .pay::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders tfoot td .view::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details tbody td .pay::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details tbody td .view::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details tfoot td .pay::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details tfoot td .view::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .subscription_details tbody td .pay::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .subscription_details tbody td .view::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .subscription_details tfoot td .pay::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .subscription_details tfoot td .view::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details tbody td .pay::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details tbody td .view::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details tfoot td .pay::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details tfoot td .view::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tbody td .pay::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tbody td .view::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tfoot td .pay::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tfoot td .view::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--subscription-gifting-information tbody td .pay::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--subscription-gifting-information tbody td .view::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--subscription-gifting-information tfoot td .pay::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--subscription-gifting-information tfoot td .view::after {
  font-family: "Font Awesome 5 Free";
  content: "\f061";
  color: #fff;
  margin: 0 0 0 .3125rem
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders tbody td .change_payment_method,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders tbody td .wcs-switch-link,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders tfoot td .change_payment_method,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders tfoot td .wcs-switch-link,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details tbody td .change_payment_method,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details tbody td .wcs-switch-link,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details tfoot td .change_payment_method,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details tfoot td .wcs-switch-link,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .subscription_details tbody td .change_payment_method,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .subscription_details tbody td .wcs-switch-link,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .subscription_details tfoot td .change_payment_method,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .subscription_details tfoot td .wcs-switch-link,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details tbody td .change_payment_method,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details tbody td .wcs-switch-link,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details tfoot td .change_payment_method,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details tfoot td .wcs-switch-link,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tbody td .change_payment_method,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tbody td .wcs-switch-link,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tfoot td .change_payment_method,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tfoot td .wcs-switch-link,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--subscription-gifting-information tbody td .change_payment_method,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--subscription-gifting-information tbody td .wcs-switch-link,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--subscription-gifting-information tfoot td .change_payment_method,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--subscription-gifting-information tfoot td .wcs-switch-link {
  background: #b21e27;
  text-align: center;
  line-height: 2;
  color: #fff;
  margin: 0 auto 0 10px;
  padding: 0 10px;
  width: 115px;
  display: inline-block
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders tbody td .invoice,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders tfoot td .invoice,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details tbody td .invoice,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details tfoot td .invoice,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .subscription_details tbody td .invoice,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .subscription_details tfoot td .invoice,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details tbody td .invoice,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details tfoot td .invoice,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tbody td .invoice,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tfoot td .invoice,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--subscription-gifting-information tbody td .invoice,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--subscription-gifting-information tfoot td .invoice {
  display: none
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders tfoot th,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details tfoot th,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .subscription_details tfoot th,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details tfoot th,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tfoot th,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--subscription-gifting-information tfoot th {
  text-align: left;
  padding: .625rem
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders .order-again,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details .order-again,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .subscription_details .order-again,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details .order-again,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table .order-again,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--subscription-gifting-information .order-again {
  display: none
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .subscription_details td::first-letter {
  text-transform: capitalize
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details p {
  margin: 0
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details .wc-item-meta {
  margin: .625rem 0 .3125rem
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--subscription-gifting-information th {
  padding: .625rem;
  text-align: left
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-customer-details address {
  padding: .625rem
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-customer-details address .woocommerce-customer-details--email,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-customer-details address .woocommerce-customer-details--phone {
  padding: 0;
  margin: 1.25rem auto 0 0
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Pagination {
  padding: 1.875rem 0
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Pagination .woocommerce-Button {
  margin: 1.875rem -1.25rem
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Pagination .woocommerce-Button.woocommerce-Button--next,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Pagination .woocommerce-Button.woocommerce-Button--previous {
  color: #fff;
  background: gray;
  padding: .625rem 1.875rem;
  margin: 0 .625rem;
  top: 1.25rem;
  position: relative;
  cursor: pointer
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Pagination .woocommerce-Button.woocommerce-Button--next:hover,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Pagination .woocommerce-Button.woocommerce-Button--previous:hover {
  color: #fff;
  background: #b21e27
}

@media (max-width:991px) {
  .woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Pagination .woocommerce-Button.woocommerce-Button--next,
  .woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Pagination .woocommerce-Button.woocommerce-Button--previous {
    width: 15.3125rem
  }
}

.woocommerce-account.logged-in .woocommerce .woocommerce-ResetPassword .woocommerce-Input--text,
.woocommerce-account.logged-in .woocommerce .woocommerce-form-login .woocommerce-Input--text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 2.25rem;
  font-family: Lato;
  font-size: .9375rem;
  margin: 0 auto;
  border: .125rem solid #e9e9e9;
  background-color: #e9e9e9;
  margin: 0;
  padding: 0 .625rem
}

@media (max-width:991px) {
  .woocommerce-account.logged-in .woocommerce .woocommerce-ResetPassword .woocommerce-Input--text,
  .woocommerce-account.logged-in .woocommerce .woocommerce-form-login .woocommerce-Input--text {
    width: 100%
  }
}

.woocommerce-account.logged-in .woocommerce .woocommerce-ResetPassword .woocommerce-form__label-for-checkbox,
.woocommerce-account.logged-in .woocommerce .woocommerce-form-login .woocommerce-form__label-for-checkbox {
  display: none
}

.woocommerce-account.logged-in .woocommerce .woocommerce-ResetPassword button,
.woocommerce-account.logged-in .woocommerce .woocommerce-form-login button {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 9.375rem;
  height: 2.875rem;
  line-height: 3rem;
  font-family: Telefon, 'Lato';
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: initial;
  color: #000;
  background: #e9e9e9;
  border: none;
  padding: 0;
  cursor: pointer
}

.woocommerce-account.logged-in .woocommerce .woocommerce-ResetPassword button:hover,
.woocommerce-account.logged-in .woocommerce .woocommerce-form-login button:hover {
  color: #fff;
  background: #b21e27
}

@media (max-width:991px) {
  .woocommerce-account.logged-in .woocommerce .woocommerce-ResetPassword button,
  .woocommerce-account.logged-in .woocommerce .woocommerce-form-login button {
    width: 100%;
    margin: 1.875rem auto!important
  }
}

.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content {
  padding: 1.25rem 0 0 1.25rem
}

.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content h2 {
  margin: 1.5625rem 0 .625rem;
  padding: .3125rem .625rem;
  color: #b21e27
}

.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .subscription-auto-renew-toggle {
  top: 0
}

.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .subscription-auto-renew-toggle .subscription-auto-renew-toggle__i {
  height: 17px
}

.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .gens-refer-a-friend {
  margin: 0
}

.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .gens-refer-a-friend .gens-refer-a-friend--share-text p {
  margin: 0;
  padding: 0 10px
}

.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .gens-refer-a-friend .gens-referral_share .gens-referral_share__gp {
  display: none!important
}

.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .gens-refer-a-friend form#gens-referral_share__email input {
  width: 100%;
  border: none;
  margin-bottom: 20px;
  margin-right: 1%;
  margin-top: 0;
  border-radius: 0
}

.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .gens-refer-a-friend form#gens-referral_share__email input[type=submit] {
  width: auto;
  margin: 10px 1px;
  background: #b21e27!important;
  display: block;
  text-align: center;
  line-height: 2;
  color: #fff;
  font-weight: 700
}

.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .gens-refer-a-friend form#gens-referral_share__email #js--gens-email-clone {
  background-color: #b21e27;
  bottom: 88px;
  z-index: 2;
  line-height: 22px
}

.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .gens-refer-a-friend form#gens-referral_share__email #js--gens-email-clone:hover {
  text-decoration: none
}

.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .gens-refer-a-friend form#gens-referral_share__email .gens-referral_share__email__inputs {
  position: relative
}

.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .gens-refer-a-friend form#gens-referral_share__email .js--gens-email-remove {
  position: absolute;
  right: 0;
  bottom: 32px;
  color: #fff;
  background-color: #b21e27;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  font-size: 23px;
  font-weight: 700;
  line-height: 22px;
  outline: 0;
  z-index: 1
}

.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .gens-refer-a-friend form#gens-referral_share__email .js--gens-email-remove:hover {
  text-decoration: none
}

.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .gens-refer-a-friend .gens-referral_stats div:first-child {
  background-color: #a7a7a7
}

.woocommerce-account.logged-in .wcs-gifting-recipient-details-content .input-text {
  width: 100%;
  height: 60px;
  -o-object-fit: contain;
  object-fit: contain;
  background-color: #fff;
  border: 1px solid #000;
  font-family: HT;
  font-size: 15px;
  color: #000;
  padding: 12px 18px;
  margin-bottom: 21px
}

.woocommerce-account.logged-in .wcs-gifting-recipient-details-content .input-text::-webkit-input-placeholder {
  color: #666;
  opacity: 1
}

.woocommerce-account.logged-in .wcs-gifting-recipient-details-content .input-text::-ms-input-placeholder {
  color: #666;
  opacity: 1
}

.woocommerce-account.logged-in .wcs-gifting-recipient-details-content .input-text::placeholder {
  color: #666;
  opacity: 1
}

.woocommerce-account.logged-in .wcs-gifting-recipient-details-content .input-text:last-of-type {
  margin-bottom: 0
}

.woocommerce-account.logged-in .wcs-gifting-recipient-details-content .select2-container--default .select2-selection--single {
  height: 100%;
  border: 0
}

.woocommerce-account.logged-in .wcs-gifting-recipient-details-content .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
  height: 100%
}

.woocommerce-account.logged-in .wcs-gifting-recipient-details-content .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 16px;
  right: 4px
}

.woocommerce-account.logged-in .wcs-gifting-recipient-details-content input[type=checkbox],
.woocommerce-account.logged-in .wcs-gifting-recipient-details-content input[type=radio] {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 2px solid #000;
  width: 17px;
  height: 17px;
  border-radius: 10px;
  position: relative;
  margin: 0;
  top: 2px
}

.woocommerce-account.logged-in .wcs-gifting-recipient-details-content input[type=checkbox]:checked,
.woocommerce-account.logged-in .wcs-gifting-recipient-details-content input[type=radio]:checked {
  background-color: #a72931
}

.woocommerce-account.logged-in .wcs-gifting-recipient-details-content input[type=checkbox]:before,
.woocommerce-account.logged-in .wcs-gifting-recipient-details-content input[type=radio]:before {
  background: 0 0;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  pointer-events: none;
  border-radius: 13px
}

.woocommerce-account.logged-in .wcs-gifting-recipient-details-content input[type=checkbox] {
  border-radius: 0!important
}

.woocommerce-account.logged-in .wcs-gifting-recipient-details-content input[type=checkbox]:focus {
  outline: 0!important
}

.woocommerce-account.logged-in .wcs-gifting-recipient-details-content input[type=submit] {
  width: 100%;
  display: block;
  max-width: 223px;
  height: 50px;
  cursor: pointer;
  background: #a72931;
  margin: 30px auto 50px;
  border: 0;
  font-family: Titling;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: .5px;
  text-align: center;
  color: #fff;
  padding-top: 6px
}

@media (min-width:320px) {
  .member-sign-up-banner,
  .section-submit-your-story {
    position: relative
  }
  .member-sign-up-banner .container,
  .section-submit-your-story .container {
    padding: 195px 15px;
    background-position: center;
    background-size: cover
  }
  .member-sign-up-banner .container::before,
  .section-submit-your-story .container::before {
    content: "";
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 3
  }
  .member-sign-up-banner .container .banner-content,
  .section-submit-your-story .container .banner-content {
    max-width: 700px;
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 4
  }
  .member-sign-up-banner .container .title,
  .section-submit-your-story .container .title {
    max-width: 355px;
    font-family: Telefon, 'Lato';
    font-size: 1.4375rem;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #fff;
    padding-bottom: 15px
  }
  .member-sign-up-banner .container .description,
  .section-submit-your-story .container .description {
    max-width: 405px;
    font-family: Lato;
    font-size: 1rem;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fff;
    padding-bottom: 20px
  }
  .member-sign-up-banner .container {
    background-image: url(images/membership-enroll-bg.jpg)
  }
  .member-sign-up-banner .container .button {
    max-width: 115px;
    text-align: center
  }
  .member-sign-up-banner .container .button a {
    font-family: Telefon, 'Lato';
    font-size: .875rem;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #e0aa4a
  }
  .section-submit-your-story {
    margin: 20px 0 40px
  }
  .section-submit-your-story .container {
    background-image: url(images/articles-banner.jpg)
  }
  .section-submit-your-story .container::before {
    background-color: rgba(0, 0, 0, .35)
  }
  .section-submit-your-story .container .button {
    max-width: 115px;
    text-align: center
  }
  .section-submit-your-story .container .button a {
    font-family: Telefon, 'Lato';
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #b21c27
  }
}

.full-width-banner {
  position: relative
}

.full-width-banner .banner-column {
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-size: cover;
  width: 100%;
  float: none
}

.full-width-banner .banner-column::before {
  content: "";
  background-color: rgba(0, 0, 0, .35);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1
}

.full-width-banner .banner-column .banner-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  padding: 0 20px
}

.full-width-banner .banner-column .banner-content .title {
  font-family: Telefon, 'Lato';
  font-size: 1.4375rem;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  padding-bottom: 15px
}

.full-width-banner .banner-column .banner-content .description {
  font-family: Lato;
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #fff;
  padding-bottom: 20px
}

.full-width-banner .banner-column .banner-content .button {
  max-width: 160px;
  text-align: center
}

.full-width-banner .banner-column .banner-content .button a {
  font-family: Telefon, 'Lato';
  font-size: 1rem;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  width: 100%;
  padding: 15px;
  background-color: #e0aa4a
}

@media (max-width:700px) {
  .member-sign-up-banner .container .banner-content,
  .section-submit-your-story .container .banner-content {
    padding: 0 20px
  }
}

@media (max-width:767px) {
  .full-width-banner {
    margin-top: 1.75rem
  }
  .full-width-banner .banner-column {
    min-height: 280px
  }
}

@media (min-width:700px) and (max-width:767px) {
  .member-sign-up-banner .container .banner-content,
  .section-submit-your-story .container .banner-content {
    max-width: 660px
  }
  .member-sign-up-banner .container .title,
  .section-submit-your-story .container .title {
    font-size: 2rem;
    max-width: 660px
  }
  .member-sign-up-banner .container .description,
  .section-submit-your-story .container .description {
    font-size: 1rem;
    max-width: 430px
  }
}

@media (min-width:768px) {
  .member-sign-up-banner,
  .section-submit-your-story {
    margin-top: 30px
  }
  .member-sign-up-banner .container,
  .section-submit-your-story .container {
    padding: 160px 0
  }
  .member-sign-up-banner .container .banner-content,
  .section-submit-your-story .container .banner-content {
    max-width: 660px;
    width: 660px;
    margin: 0 auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
  .member-sign-up-banner .container .title,
  .section-submit-your-story .container .title {
    font-size: 2rem;
    max-width: 660px
  }
  .member-sign-up-banner .container .description,
  .section-submit-your-story .container .description {
    font-size: 1rem;
    max-width: 405px
  }
  .member-sign-up-banner .container .button,
  .section-submit-your-story .container .button {
    max-width: 160px
  }
  .member-sign-up-banner .container .button a,
  .section-submit-your-story .container .button a {
    font-size: 1rem;
    padding: 15px
  }
  .section-submit-your-story {
    margin: 0 0 60px
  }
  .section-submit-your-story .container .description {
    max-width: 430px;
    padding-bottom: 25px
  }
  .full-width-banner .banner-column {
    width: 50%;
    float: left;
    background-color: #000;
    padding: 10%
  }
  .full-width-banner .banner-column .banner-content {
    width: 100%
  }
}

@media (min-width:768px) and (max-width:1040px) {
  .full-width-banner .banner-column {
    padding: 15% 10%
  }
  .full-width-banner .banner-column .banner-content {
    width: 100%
  }
}

@media (max-width:1080px) {
  .full-width-banner {
    margin-top: 1.75rem
  }
}

@media (min-width:1041px) and (max-width:1365px) {
  .full-width-banner .banner-column {
    padding: 12% 10%
  }
  .full-width-banner .banner-column .banner-content {
    width: 80%
  }
}

@media (min-width:1366px) {
  .full-width-banner .banner-column .banner-content {
    width: 65%
  }
}

@media (min-width:1550px) {
  .full-width-banner .banner-column .banner-content {
    width: auto
  }
}

@media (min-width:1080px) {
  .member-sign-up-banner .container,
  .section-submit-your-story .container {
    padding: 250px 0
  }
  .member-sign-up-banner .container .banner-content,
  .section-submit-your-story .container .banner-content {
    max-width: 1000px;
    width: 1000px
  }
  .member-sign-up-banner .container .title,
  .section-submit-your-story .container .title {
    max-width: 1000px
  }
}

.films-grid {
  background-color: #1b1b1c;
  padding: 0 0 3rem
}

.films-grid.gray-background {
  background-color: #1b1b1c
}

.films-grid.gray-background .section .title {
  background-color: #1b1b1c
}

.films-grid .section .title {
  background-color: #1b1b1c;
  color: #fff
}

.films-grid .thumbnails.films .thumbnail {
  color: #fff;
  margin: 0 auto 2.5rem
}

.films-grid .thumbnails.films .image-wrapper {
  margin: 0 0 .75rem
}

.films-grid .thumbnails.films .series-title {
  font-family: Telefon, 'Lato';
  font-size: .9375rem;
  line-height: .9375rem;
  margin: .625rem 0;
  text-transform: uppercase
}

.films-grid .thumbnails.films .series-title a {
  color: #dad5c8;
  text-decoration: none
}

.films-grid .thumbnails.films .series-title a:hover {
  text-decoration: underline
}

.films-grid .thumbnails.films .film-title {
  font-family: Telefon, 'Lato';
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin: 0 0 .125rem
}

.films-grid .thumbnails.films .film-title a {
  color: #fff;
  text-decoration: none
}

.films-grid .thumbnails.films .film-title a:hover {
  text-decoration: underline
}

.films-grid .thumbnails.films .film-summary {
  font-family: Lato;
  font-size: .9375rem;
  line-height: 1.375rem;
  font-weight: 300;
  -webkit-font-smoothing: subpixel-antialiased;
  margin: 0;
  max-height: 4.5rem;
  overflow: hidden;
  color: #c5c5c5
}

.films-grid .cta {
  border: .125rem solid #d8d2c4;
  color: #f1ede1;
  display: inline-block;
  height: 2.25rem;
  font-family: Telefon, 'Lato';
  font-weight: 700;
  font-size: 1rem;
  left: 50%;
  letter-spacing: .0625rem;
  line-height: 2.5;
  margin: .75rem auto 3rem;
  padding: 0 1.25rem;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: color .5s cubic-bezier(.19, 1, .22, 1);
  transition: color .5s cubic-bezier(.19, 1, .22, 1)
}

.films-grid .cta:hover {
  color: #b21e27
}

@media (min-width:741px) {
  .films-grid .thumbnails.films {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    margin: 0 auto
  }
  .films-grid .thumbnails.films .thumbnail {
    margin: 0 1.25rem 2rem 0
  }
  .films-grid .thumbnails.films .thumbnail:nth-child(even) {
    margin: 0 0 2rem 0
  }
  .films-grid .thumbnails.films .image-wrapper {
    margin: 0 0 1.25rem
  }
  .films-grid .thumbnails.films .series-title {
    font-size: .9375rem
  }
  .films-grid .thumbnails.films .series-title a {
    color: #dad5c8;
    text-decoration: none
  }
  .films-grid .thumbnails.films .series-title a:hover {
    text-decoration: underline
  }
  .films-grid .thumbnails.films .film-title {
    font-size: 1.25rem;
    margin: 0 0 .5rem
  }
  .films-grid .thumbnails.films .film-title a {
    color: #fff;
    text-decoration: none
  }
  .films-grid .thumbnails.films .film-title a:hover {
    text-decoration: underline
  }
}

@media (min-width:1081px) {
  .films-grid {
    padding: 0 0 3rem
  }
  .films-grid .section {
    height: 5rem;
    padding: 1.75rem 1.25rem
  }
  .films-grid .title {
    height: 5rem
  }
  .films-grid .line {
    top: 4.25rem
  }
  .films-grid .thumbnails.films .thumbnail,
  .films-grid .thumbnails.films .thumbnail:nth-of-type(even) {
    margin: 0 0 2rem 0
  }
  .films-grid .thumbnails.films .thumbnail:nth-of-type(3n+2) {
    margin: 0 1.25rem 2rem
  }
  .films-grid .image-wrapper {
    margin: 0 0 1.5rem
  }
  .films-grid .cta {
    font-size: 1rem;
    margin: 3rem auto 3rem;
    padding: 0 2.5rem
  }
}

.films-series-carousel {
  background-color: #1b1b1c;
  padding: 0
}

.films-series-carousel .section {
  padding: 1.75rem 1.25rem
}

.films-series-carousel .section .title {
  background-color: #1b1b1c;
  /*background-image: url(images/new.svg);*/
  background-size: 44px 32px;
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #fff;
  padding: 0 1.5rem
}

.films-series-carousel .section .line {
  top: 4.25rem
}

.films-series-carousel .series-carousel {
  width: 100%;
  visibility: hidden
}

.films-series-carousel .series-carousel.slick-initialized {
  visibility: visible
}

.films-series-carousel .series-link {
  color: #fff;
  display: block;
  height: 100%;
  margin: 0 1.25rem;
  max-width: 26.25rem;
  text-decoration: none;
  position: relative;
  z-index: 2
}

.films-series-carousel .series-logo {
  display: inline-block;
  margin: 1.25rem 0 1.25rem;
  max-width: 5rem;
  max-height: 5rem
}

.films-series-carousel .slide-text {
  display: inline-block;
  margin: 0 0 1.25rem
}

.films-series-carousel .episodes-count {
  color: #dad5c8;
  font-family: Telefon, 'Lato';
  font-size: .9375rem;
  line-height: .9375rem;
  margin: 0 0 .625rem;
  text-transform: uppercase
}

.films-series-carousel .series-title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-family: Telefon, 'Lato';
  margin: .625rem 0
}

.films-series-carousel .series-description {
  font-family: Lato;
  font-size: .9375rem;
  line-height: 1.375rem;
  font-weight: 300;
  -webkit-font-smoothing: subpixel-antialiased;
  margin: 0;
  height: 4.5rem;
  overflow: hidden
}

.films-series-carousel .cta {
  border: .125rem solid #d8d2c4;
  color: #f1ede1;
  display: inline-block;
  height: 2.25rem;
  font-family: Telefon, 'Lato';
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: .0625rem;
  left: 0;
  line-height: 2.5;
  margin: .75rem auto 0;
  padding: 0 1.25rem;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: color .5s cubic-bezier(.19, 1, .22, 1);
  transition: color .5s cubic-bezier(.19, 1, .22, 1);
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.films-series-carousel .cta:hover {
  color: #b21e27
}

.films-series-carousel .slick-slide {
  position: relative;
  margin: 0 .25rem;
  max-height: 42.5rem
}

.films-series-carousel .slick-slide:before {
  content: '';
  width: .0625rem;
  margin-left: -.0625rem;
  float: left;
  height: 0;
  padding-top: 150%!important
}

.films-series-carousel .slick-slide:after {
  content: '';
  display: table;
  clear: both
}

.films-series-carousel .slide-content {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  height: 100%;
  margin: 0 .25rem;
  position: absolute;
  width: 100%
}

.films-series-carousel .slide-content:after {
  content: '';
  background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, .9)));
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 25%, rgba(0, 0, 0, .9) 100%);
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  z-index: 1
}

.films-series-carousel .slick-prev {
  float: left
}

.films-series-carousel .slick-next {
  float: right;
  margin-right: -.625rem
}

.films-series-carousel .slick-dots {
  margin: 0 auto;
  padding: .5rem 0;
  max-width: none;
  text-align: center;
  width: 50%
}

@media (min-width:741px) {
  .slick-carousel .slick-dots {
    padding: 1.5rem 0
  }
}

@media (min-width:1081px) {
  .films-series-carousel .section {
    height: 5rem;
    padding: 1.75rem 1.25rem
  }
  .films-series-carousel .title {
    height: 5rem
  }
  .films-series-carousel .line {
    top: 4.25rem
  }
  .films-series-carousel .series-logo {
    margin: 2.5rem 0
  }
  .films-series-carousel .episodes-count {
    font-size: .9375rem
  }
  .films-series-carousel .series-title {
    font-size: 1.25rem
  }
  .films-series-carousel .slick-dots {
    width: 30%
  }
}

@media (min-width:1601px) {
  .films-series-carousel .slick-carousel {
    margin: 0 auto;
    max-width: 100rem
  }
}

@media (min-width:320px) {
  .films-featured {
    background-color: #000;
    color: #fff;
    padding: 2.5rem 0 2.5rem
  }
  .films-featured .title {
    background-color: #000;
    color: #fff
  }
  .films-featured .container {
    max-width: 20rem;
    margin: 0 auto;
    padding: 0 1.25rem
  }
  .films-featured .column {
    margin: 0 auto 2.5rem
  }
  .films-featured .image,
  .films-featured .image-wrapper {
    width: 100%
  }
  .films-featured .image {
    position: relative;
    top: 0;
    left: 0;
    height: 100%
  }
  .films-featured .image-wrapper {
    margin: 0 0 .75rem;
    position: relative
  }
  .films-featured .film-link {
    display: block
  }
  .films-featured .play {
    border-radius: 50%;
    cursor: pointer;
    display: block;
    left: 50%;
    height: 4.6875rem;
    margin: -2.34375rem 0 0 -2.34375rem;
    position: absolute;
    -webkit-transition: background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
    transition: background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
    transition: transform .5s cubic-bezier(.19, 1, .22, 1), background-color .5s cubic-bezier(.19, 1, .22, 1);
    transition: transform .5s cubic-bezier(.19, 1, .22, 1), background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
    top: 50%;
    width: 4.6875rem
  }
  .films-featured .play:hover {
    background-color: #b21e27;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
    transition: background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
    transition: transform .5s cubic-bezier(.19, 1, .22, 1), background-color .5s cubic-bezier(.19, 1, .22, 1);
    transition: transform .5s cubic-bezier(.19, 1, .22, 1), background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1)
  }
  .films-featured .series-title {
    color: #dad5c8;
    font-family: Telefon, 'Lato';
    font-size: .9375rem;
    line-height: .9375rem;
    margin: .625rem 0;
    text-transform: uppercase
  }
  .films-featured .series-title a {
    color: #dad5c8;
    text-decoration: none
  }
  .films-featured .series-title a:hover {
    text-decoration: underline
  }
  .films-featured .film-title {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-family: Telefon, 'Lato';
    font-weight: 700;
    letter-spacing: normal;
    margin: 0 0 .125rem
  }
  .films-featured .film-title a {
    color: #fff;
    text-decoration: none
  }
  .films-featured .film-title a:hover {
    text-decoration: underline
  }
  .films-featured .film-summary {
    font-family: Lato;
    font-size: .9375rem;
    line-height: 1.375rem;
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
    max-height: 4.5rem;
    overflow: hidden;
    margin: 0;
    color: #c5c5c5
  }
  .films-featured .image-wrapper .non-member {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0
  }
  .films-featured .image-wrapper .non-member div {
    color: #fff
  }
  .films-featured .image-wrapper .non-member div.premium-flag {
    height: 35px;
    width: 23px;
    float: right;
    right: 12px;
    position: absolute
  }
  .films-featured .image-wrapper .non-member div.premium-flag svg {
    fill: #e0aa4a
  }
  .films-featured .image-wrapper .non-member div.premium {
    top: 20%;
    display: none;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px
  }
  .films-featured .image-wrapper .non-member div.preview {
    top: 60%;
    display: none;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px
  }
  .films-featured .image-wrapper .non-member:hover {
    background-color: rgba(224, 170, 74, .75)
  }
  .films-featured .image-wrapper .non-member:hover div {
    display: block
  }
  .films-featured .image-wrapper .non-member:hover div.premium-flag svg {
    fill: #fff
  }
  .films-featured .image-wrapper .member {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0
  }
  .films-featured .image-wrapper .member div.premium-flag {
    height: 35px;
    width: 23px;
    float: right;
    right: 12px;
    position: absolute
  }
  .films-featured .image-wrapper .member div.premium-flag svg {
    fill: #e0aa4a
  }
  .films-featured .image-wrapper .member div.premium {
    top: 20%;
    display: none;
    color: #fff;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px
  }
  .films-featured .image-wrapper .member div.preview {
    top: 60%;
    display: none;
    color: #fff;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px
  }
  .films-featured .image-wrapper .member:hover div {
    display: block
  }
}

@media (min-width:320px) and (max-width:1024px) {
  .films-featured .image-wrapper .non-member {
    background-color: rgba(224, 170, 74, .75)
  }
  .films-featured .image-wrapper .non-member div {
    display: block
  }
}

@media (min-width:320px) and (max-width:1024px) {
  .films-featured .image-wrapper .non-member div.premium-flag svg {
    fill: #fff
  }
}

@media (min-width:320px) and (max-width:1024px) {
  .films-featured .image-wrapper .non-member div.premium {
    display: block
  }
}

@media (min-width:320px) and (max-width:1024px) {
  .films-featured .image-wrapper .non-member div.preview {
    display: block
  }
}

@media (min-width:320px) and (max-width:1024px) {
  .films-featured .image-wrapper .non-member div div {
    display: block
  }
}

@media (min-width:320px) and (max-width:740px) {
  .films-featured .image-wrapper .member div.premium {
    display: block
  }
}

@media (min-width:320px) and (max-width:740px) {
  .films-featured .image-wrapper .member div.preview {
    display: block
  }
}

@media (min-width:741px) {
  .films-featured {
    padding: 2.5rem 0 2.5rem
  }
  .films-featured .container {
    max-width: 41.25rem;
    margin: 0 auto;
    width: 100%
  }
  .films-featured .columns {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%
  }
  .films-featured .column {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
    margin-right: .625rem
  }
  .films-featured .column:nth-child(even) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
    margin-left: .625rem;
    margin-right: 0
  }
  .films-featured .section {
    height: 5rem
  }
  .films-featured .title {
    height: 5rem
  }
  .films-featured .series-title {
    font-size: .9375rem
  }
  .films-featured .film-title {
    font-size: 1.25rem;
    margin: 0 0 .5rem
  }
}

@media (min-width:1081px) {
  .films-featured .container {
    max-width: 62.5rem;
    width: 100%
  }
  .films-featured .section {
    height: 5rem;
    padding: 1.75rem 1.25rem
  }
  .films-featured .title {
    height: 5rem
  }
  .films-featured .line {
    top: 4.25rem
  }
  .films-featured .columns {
    padding: 0
  }
  .films-featured .film-title {
    font-size: 1.875rem
  }
}

@media (min-width:320px) {
  .hero,
  .hero-carousel {
    position: relative;
    background-color: #000;
    overflow: hidden
  }
  .hero-carousel:before,
  .hero:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 131.25%
  }
  .hero-carousel>.aspect-ratio-container,
  .hero>.aspect-ratio-container {
    position: absolute;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
  }
  .hero-carousel>.aspect-ratio-container span:before,
  .hero>.aspect-ratio-container span:before {
    content: '16'
  }
  .hero-carousel>.aspect-ratio-container span:after,
  .hero>.aspect-ratio-container span:after {
    content: '21'
  }
  .hero .slick-list,
  .hero .slick-track,
  .hero-carousel .slick-list,
  .hero-carousel .slick-track {
    height: 100%
  }
  .hero .slick-slide,
  .hero .video,
  .hero-carousel .slick-slide,
  .hero-carousel .video {
    -webkit-transition: opacity .5s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s cubic-bezier(.19, 1, .22, 1)
  }
  .hero .slick-slide,
  .hero-carousel .slick-slide {
    position: relative;
    width: 100%
  }
  .hero .image-background,
  .hero-carousel .image-background {
    left: 50%;
    position: absolute;
    opacity: .6;
    -o-object-fit: contain;
    object-fit: contain;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: -1
  }
  .hero .image-background.desktop,
  .hero-carousel .image-background.desktop {
    display: none
  }
  .hero .image-background.mobile,
  .hero-carousel .image-background.mobile {
    display: block
  }
  .hero .slide-link,
  .hero-carousel .slide-link {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
  }
  .hero .hero-content-wrapper,
  .hero .slide-content-wrapper,
  .hero-carousel .hero-content-wrapper,
  .hero-carousel .slide-content-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 auto;
    max-width: 62.5rem;
    padding: 0 1.25rem;
    text-shadow: 1px 1px 0 #222
  }
  .hero .hero-content,
  .hero .slide-content,
  .hero-carousel .hero-content,
  .hero-carousel .slide-content {
    width: 100%
  }
  .hero .hero-content,
  .hero-carousel .hero-content {
    position: relative;
    z-index: 2
  }
  .hero .series-logo,
  .hero-carousel .series-logo {
    margin: 0 0 1.25rem;
    max-width: 6.25rem
  }
  .hero .series-title,
  .hero-carousel .series-title {
    font-family: Telefon, 'Lato';
    font-size: .625rem;
    text-transform: uppercase
  }
  .hero .hero-title,
  .hero .slide-title,
  .hero-carousel .hero-title,
  .hero-carousel .slide-title {
    font-family: Telefon, 'Lato';
    font-size: 1.5rem;
    font-weight: 700
  }
  .hero .hero-title,
  .hero .series-title,
  .hero .slide-title,
  .hero-carousel .hero-title,
  .hero-carousel .series-title,
  .hero-carousel .slide-title {
    margin: 0 0 .5rem
  }
  .hero .hero-summary,
  .hero .slide-summary,
  .hero-carousel .hero-summary,
  .hero-carousel .slide-summary {
    display: block;
    font-family: Lato;
    font-size: 1rem;
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
    line-height: 1.5;
    margin: 0;
    max-height: 6rem;
    overflow: hidden
  }
  .hero .cta-wrapper,
  .hero-carousel .cta-wrapper {
    cursor: pointer;
    margin: 1rem 0 0 0;
    position: relative;
    z-index: 1
  }
  .hero .video-open,
  .hero-carousel .video-open {
    display: inline-block
  }
  .hero .icon-play,
  .hero-carousel .icon-play {
    border-radius: 50%;
    height: 2.25rem;
    margin: 0 1rem .5rem 0;
    -webkit-transition: background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
    transition: background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
    transition: transform .5s cubic-bezier(.19, 1, .22, 1), background-color .5s cubic-bezier(.19, 1, .22, 1);
    transition: transform .5s cubic-bezier(.19, 1, .22, 1), background-color .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
    vertical-align: middle;
    width: 2.25rem
  }
  .hero .icon-play:hover,
  .hero-carousel .icon-play:hover {
    background-color: #b21e27;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }
  .hero .cta,
  .hero-carousel .cta {
    background-color: #E0AA4A;
    border-color: #E0AA4A;
    clear: both;
    color: #fff;
    left: 0;
    margin: 1rem 0 0;
    text-shadow: 0 0 0 transparent;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  .hero .video-modal,
  .hero-carousel .video-modal {
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000;
    display: none
  }
  .hero .video-modal .video-close,
  .hero-carousel .video-modal .video-close {
    position: absolute;
    color: #aaa;
    right: 10px;
    font-size: 28px;
    font-weight: 700;
    margin-left: 97%;
    z-index: 999999
  }
  .hero .video-modal .video-player,
  .hero-carousel .video-modal .video-player {
    width: 100%;
    height: 100%
  }
  .hero .video-modal .jwplayer.jw-flag-aspect-mode,
  .hero-carousel .video-modal .jwplayer.jw-flag-aspect-mode {
    height: 100%!important
  }
  .hero .video-background,
  .hero-carousel .video-background {
    left: 50%;
    position: absolute;
    height: 100%;
    min-width: 100%;
    opacity: .6;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
}

@media (min-width:741px) {
  .hero,
  .hero-carousel {
    position: relative;
    min-height: 25rem
  }
  .hero-carousel:before,
  .hero:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
  }
  .hero-carousel>.aspect-ratio-container,
  .hero>.aspect-ratio-container {
    position: absolute;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
  }
  .hero-carousel>.aspect-ratio-container span:before,
  .hero>.aspect-ratio-container span:before {
    content: '16'
  }
  .hero-carousel>.aspect-ratio-container span:after,
  .hero>.aspect-ratio-container span:after {
    content: '9'
  }
  .hero .image-background.desktop,
  .hero-carousel .image-background.desktop {
    display: block
  }
  .hero .image-background.mobile,
  .hero-carousel .image-background.mobile {
    display: none
  }
  .hero .hero-content,
  .hero .slide-content,
  .hero-carousel .hero-content,
  .hero-carousel .slide-content {
    width: 85%
  }
  .hero .hero-content .cta-wrapper,
  .hero .slide-content .cta-wrapper,
  .hero-carousel .hero-content .cta-wrapper,
  .hero-carousel .slide-content .cta-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    justify-items: center;
    margin: 2rem 2rem 0 0;
    position: relative;
    z-index: 1
  }
  .hero .hero-content .video-open,
  .hero .slide-content .video-open,
  .hero-carousel .hero-content .video-open,
  .hero-carousel .slide-content .video-open {
    margin-bottom: 0
  }
  .hero .hero-content .cta,
  .hero .slide-content .cta,
  .hero-carousel .hero-content .cta,
  .hero-carousel .slide-content .cta {
    margin: 0 0 0 3rem
  }
  .hero .hero-content .icon-play,
  .hero .slide-content .icon-play,
  .hero-carousel .hero-content .icon-play,
  .hero-carousel .slide-content .icon-play {
    width: 3rem;
    height: 3rem
  }
  .hero .video-background,
  .hero-carousel .video-background {
    height: auto;
    max-height: calc(100vh - 200px)
  }
}

@media (min-width:1081px) {
  .hero,
  .hero-carousel {
    max-height: calc(100vh - 200px);
    min-height: 35rem
  }
  .hero .hero-content-wrapper,
  .hero .slide-content-wrapper,
  .hero-carousel .hero-content-wrapper,
  .hero-carousel .slide-content-wrapper {
    padding: 0 7rem
  }
  .hero .hero-content,
  .hero .slide-content,
  .hero-carousel .hero-content,
  .hero-carousel .slide-content {
    max-width: 31.25rem
  }
  .hero .hero-content .series-logo,
  .hero .slide-content .series-logo,
  .hero-carousel .hero-content .series-logo,
  .hero-carousel .slide-content .series-logo {
    margin: 0 0 2rem;
    max-width: 10.375rem;
    max-height: 10.375rem
  }
  .hero .hero-content .series-title,
  .hero .slide-content .series-title,
  .hero-carousel .hero-content .series-title,
  .hero-carousel .slide-content .series-title {
    font-size: .875rem
  }
  .hero .hero-content .hero-title,
  .hero .hero-content .slide-title,
  .hero .slide-content .hero-title,
  .hero .slide-content .slide-title,
  .hero-carousel .hero-content .hero-title,
  .hero-carousel .hero-content .slide-title,
  .hero-carousel .slide-content .hero-title,
  .hero-carousel .slide-content .slide-title {
    font-size: 2rem
  }
  .hero .slick-arrow,
  .hero-carousel .slick-arrow {
    display: block
  }
}

.tax-film_series .film-series-seasons {
  color: #fff;
  background: #141415;
  padding-bottom: 30px
}

.tax-film_series .film-series-header {
  padding: 30px 20px 10px 20px
}

.tax-film_series .film-series-header .title {
  font-family: Telefon, 'Lato';
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .15em
}

.tax-film_series .film-series-header .film-series-season-filter {
  margin: 20px 0
}

.tax-film_series .film-series-header .filter-container {
  display: inline-block
}

.tax-film_series .series-episode-description {
  padding-bottom: 30px
}

.tax-film_series .series-episode-description .series-title {
  text-transform: uppercase;
  padding: 20px 0 0 0
}

.tax-film_series .series-episode-description .series-title a {
  color: #dad5c8;
  text-decoration: none
}

.tax-film_series .series-episode-description .series-title a:hover {
  text-decoration: underline
}

.tax-film_series .series-episode-description .film-title {
  padding: 15px 0 10px;
  font-size: 20px;
  font-weight: 700
}

.tax-film_series .series-episode-description .film-title a {
  color: #fff;
  text-decoration: none
}

.tax-film_series .series-episode-description .film-title a:hover {
  text-decoration: underline
}

.tax-film_series .series-episode-description .film-summary {
  font-family: Lato;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px
}

.tax-film_series .film-disabled-container {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, .7)
}

.tax-film_series .film-disabled-container .film-disabled-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  font-size: 32px;
  width: 100%;
  font-weight: 700
}

.tax-film_series .watch-status {
  position: absolute;
  background: #fff;
  width: 100%;
  height: 15px;
  bottom: 0;
  color: #B21C27;
  padding: 5px 15px;
  text-transform: uppercase
}

.tax-film_series .hero .hero-content .cta:hover {
  color: #fff
}

@media (max-width:740px) {
  .tax-film_series .thumbnails.films .thumbnail {
    max-width: 100%
  }
  .tax-film_series .thumbnails.films .thumbnail .image-wrapper {
    max-width: 100%
  }
}

@media (max-width:1080px) and (min-width:741px) {
  .tax-film_series .film-series-header {
    width: 660px;
    max-width: 1000px;
    margin: 0 auto;
    padding: 55px 0 70px 0;
    text-align: left
  }
  .tax-film_series .film-series-header .title {
    float: left;
    font-family: Telefon, 'Lato';
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .15em
  }
  .tax-film_series .film-series-header .film-series-season-filter {
    float: right;
    margin: auto
  }
  .tax-film_series .series-episode-description {
    float: left;
    margin-left: 5%;
    width: 50%;
    padding: 0
  }
  .tax-film_series .series-episode-description .series-title {
    padding: 0
  }
  .tax-film_series .series-episode-description .film-title {
    font-size: 20px;
    padding: 15px 0;
    max-width: 300px
  }
  .tax-film_series .series-episode-description .film-title a {
    color: #fff;
    text-decoration: none
  }
  .tax-film_series .series-episode-description .film-title a:hover {
    text-decoration: underline
  }
  .tax-film_series .series-episode-description .film-summary {
    font-size: 14px
  }
  .tax-film_series .thumbnails.films .thumbnail {
    margin-bottom: 60px
  }
  .tax-film_series .thumbnails.films .thumbnail .image-wrapper {
    width: 45%
  }
}

@media (min-width:1081px) {
  .tax-film_series .thumbnails.films .thumbnail .image-wrapper .image .non-member div.premium {
    font-size: 24px;
    top: 22%
  }
  .tax-film_series .thumbnails.films .thumbnail .image-wrapper .image .non-member div.preview {
    font-size: 24px;
    top: 65%
  }
  .tax-film_series .film-series-header {
    width: 1000px;
    max-width: 1000px;
    margin: 0 auto;
    padding: 55px 0 80px 0;
    text-align: left
  }
  .tax-film_series .film-series-header .title {
    float: left;
    font-family: Telefon, 'Lato';
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .15em
  }
  .tax-film_series .film-series-header .film-series-season-filter {
    float: right;
    margin: auto
  }
  .tax-film_series .series-episode-description {
    float: left;
    margin-left: 8%;
    width: 42%;
    padding-top: 35px
  }
  .tax-film_series .series-episode-description .series-title {
    font-size: 14px;
    text-transform: uppercase
  }
  .tax-film_series .series-episode-description .series-title a {
    color: #dad5c8;
    text-decoration: none
  }
  .tax-film_series .series-episode-description .series-title a:hover {
    text-decoration: underline
  }
  .tax-film_series .series-episode-description .film-title {
    font-size: 20px;
    padding: 15px 0;
    max-width: 300px
  }
  .tax-film_series .series-episode-description .film-title a {
    color: #fff;
    text-decoration: none
  }
  .tax-film_series .series-episode-description .film-title a:hover {
    text-decoration: underline
  }
  .tax-film_series .series-episode-description .film-summary {
    font-family: Lato;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px
  }
}

.custom-select {
  position: relative;
  font-family: Telefon, 'Lato';
  float: right;
  border: solid 2px #dad5c8;
  z-index: 3
}

.custom-select select {
  display: none
}

.custom-select .select-selected {
  background-color: #1B1B1C
}

.custom-select .select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent
}

.custom-select .select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px
}

.custom-select .select-items div {
  color: #1B1B1C
}

.custom-select .select-selected {
  color: #fff
}

.custom-select .select-items div,
.custom-select .select-selected {
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, .1) transparent;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.custom-select .select-items {
  border: solid 2px #dad5c8;
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99
}

.custom-select .select-items div:hover {
  background-color: #b21e27;
  color: #fff
}

.custom-select .select-hide {
  display: none
}

.custom-select .same-as-selected {
  background-color: rgba(0, 0, 0, .1)
}

.tax-film_series #billing_state_field span .select2,
.woocommerce-edit-address #billing_state_field span .select2 {
  width: 47%!important
}

.tax-film_series .select2,
.woocommerce-edit-address .select2 {
  height: 40px!important;
  background-color: #fff!important;
  padding: 5px 3px!important;
  border: 2px solid #d7d1c4!important;
  cursor: pointer!important;
  -webkit-user-select: none!important;
  -moz-user-select: none!important;
  -ms-user-select: none!important;
  user-select: none!important
}

.tax-film_series #billing_country_field span .select2,
.tax-film_series #billing_state_field span .select2,
.woocommerce-edit-address #billing_country_field span .select2,
.woocommerce-edit-address #billing_state_field span .select2 {
  width: 100%!important
}

.tax-film_series .select2-container--default .select2-selection--single,
.woocommerce-edit-address .select2-container--default .select2-selection--single {
  border: 0!important
}

.tax-film_series .select2-container--default .select2-selection--single .select2-selection__arrow,
.woocommerce-edit-address .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 4px!important;
  right: 7px!important
}

.tax-film_series .select2-container--default .select2-selection--single .select2-selection__arrow b,
.woocommerce-edit-address .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-width: 12px 8px 0 8px!important;
  border-color: #1B1B1C transparent transparent transparent!important
}

.tax-film_series .select2-container--open .select2-selection--single,
.woocommerce-edit-address .select2-container--open .select2-selection--single {
  border: 0!important
}

.tax-film_series .select2-container--open .select2-selection--single .select2-selection__arrow b,
.woocommerce-edit-address .select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 12px 8px 0 8px!important;
  border-color: #1B1B1C transparent transparent transparent!important;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.tax-film_series .select2-dropdown,
.woocommerce-edit-address .select2-dropdown {
  border: solid 2px #dad5c8!important;
  position: absolute!important;
  background-color: #fff!important;
  top: 100%!important;
  left: 0!important;
  right: 0!important;
  z-index: 99!important
}

.tax-film_series .select2-dropdown .select2-results__options,
.woocommerce-edit-address .select2-dropdown .select2-results__options {
  border: 0!important;
  position: absolute!important;
  background-color: #fff!important;
  top: 100%!important;
  left: 0!important;
  right: 0!important;
  z-index: 99!important;
  font-family: Telefon, 'Lato'!important
}

.tax-film_series .select2-dropdown .select2-results__options .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-edit-address .select2-dropdown .select2-results__options .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444!important;
  line-height: 28px!important
}

.tax-film_series .select2-dropdown .select2-results__options .select2-results__option,
.woocommerce-edit-address .select2-dropdown .select2-results__options .select2-results__option {
  border-bottom: 1px solid #d7d1c4
}

.tax-film_series .select2-dropdown .select2-results__options .select2-results__option:hover,
.woocommerce-edit-address .select2-dropdown .select2-results__options .select2-results__option:hover {
  background-color: #fff!important;
  color: #b21e27!important
}

.tax-film_series .select2-dropdown .select2-results__options .select2-results__option[data-selected=true],
.woocommerce-edit-address .select2-dropdown .select2-results__options .select2-results__option[data-selected=true] {
  background-color: #b21e27!important;
  color: #fff!important
}

.tax-film_series .select2-dropdown .select2-results__options .select2-results__option--highlighted,
.woocommerce-edit-address .select2-dropdown .select2-results__options .select2-results__option--highlighted {
  background-color: #fff!important;
  color: #b21e27!important
}

.cta {
  border: .125rem solid #d8d2c4;
  color: #d8d2c4;
  display: inline-block;
  height: 2.25rem;
  font-family: Telefon, 'Lato';
  font-weight: 700;
  font-size: 1rem;
  left: 50%;
  letter-spacing: .0625rem;
  line-height: 2.5;
  margin: .75rem auto 3rem;
  padding: 0 1.25rem;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: color .5s cubic-bezier(.19, 1, .22, 1);
  transition: color .5s cubic-bezier(.19, 1, .22, 1)
}

.cta:hover {
  color: #b21e27
}

@media (min-width:1081px) {
  .cta {
    font-size: 1rem;
    margin: 3rem auto 3rem;
    padding: 0 2.5rem
  }
}

@media (max-width:767px) {
  .cta.cta-articles {
    margin: 2.5rem auto 0
  }
}

@media (min-width:767px) and (max-width:1080px) {
  .cta.cta-articles {
    margin: .625rem auto
  }
}

@media (min-width:1081px) {
  .cta.cta-articles {
    margin: 2.1875rem auto 2.1875rem
  }
}

.section {
  padding: 1.75rem 1.25rem
}

.section>.title {
  padding: 0 1.5rem
}

.section>.line {
  top: 4.25rem
}

@media (min-width:1081px) {
  .section {
    height: 5rem;
    padding: 1.75rem 1.25rem
  }
  >.title {
    height: 5rem
  }
  >.line {
    top: 4.25rem
  }
}

.processing-upgrade {
  width: 100%;
  height: 100%;
  font-size: 44px;
  color: #000;
  text-align: center;
  vertical-align: middle;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 999999
}

.processing-upgrade .processing-upgrade-message {
  font-size: 20px;
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.processing-upgrade .processing-upgrade-loading {
  width: 12.5rem
}

.processing-upgrade .processing-upgrade-description {
  font-size: 1.25rem;
  margin: 0;
  position: relative;
  top: -20px
}

@media (max-width:640px) {
  .processing-upgrade .processing-upgrade-description {
    width: 18.75rem;
    font-size: 1rem
  }
}