.w-form-formradioinput--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
}

.w-checkbox {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
}

.w-checkbox::before {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

.w-checkbox::after {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  clear: both;
}

.w-checkbox-input {
  float: left;
  margin-bottom: 0px;
  margin-left: -20px;
  margin-right: 0px;
  margin-top: 4px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

body {
  background-color: #fafafa;
  font-family: 'DM Sans', sans-serif;
  color: #242424;
  font-size: 1rem;
  line-height: 1.6875rem;
}

h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'DM Serif Display', sans-serif;
  font-size: 1.875rem;
  line-height: 2.5625rem;
  font-weight: 700;
}

h2 {
  margin-top: 0px;
  margin-bottom: 20px;
  font-family: 'DM Serif Display', sans-serif;
  font-size: 1.5625rem;
  line-height: 2.125rem;
  font-weight: 400;
}

h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'DM Serif Display', sans-serif;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  font-weight: 400;
}

h4 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  font-weight: 500;
}

p {
  margin-bottom: 22px;
  font-family: 'DM Sans', sans-serif;
  font-size: 1rem;
  line-height: 1.6875rem;
}

a {
  padding-right: 0px;
  color: #f44336;
  font-weight: 500;
  text-decoration: none;
}

ul {
  /*display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  */
  


  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  list-style-type: none;
}

li {
  /*display: inline-block;*/
  margin-right: 5px;
  margin-bottom: 8px;
  margin-left: 5px;
  padding: 4px;
  /*background-color: #fff0f0;*/
  /*color: #a30000;*/
  list-style-type: none;
}

label {
  display: block;
  margin-bottom: 0px;
  font-weight: 500;
}

.wrapper-desktop {
  position: relative;
  width: 100%;
}

.wrapper-desktop.wrapper-food {
  display: block;
}

.homepage-hero {
  overflow: hidden;
  padding-bottom: 73px;
}

.inner-wrapper {
  display: block;
  max-width: 1166px;
  min-height: 50px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 37px;
  padding-left: 37px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.inner-wrapper.hero-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.inner-wrapper.wrapper-live-five {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.inner-wrapper.wrapper-category {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.inner-wrapper.wrapper-contest-head {
  display: -ms-grid;
  display: grid;
  padding-top: 31px;
  grid-auto-columns: 1fr;
  grid-column-gap: 41px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1.25fr 1fr;
  grid-template-columns: 1.25fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.inner-wrapper.movie-wrapper {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 49px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.nav-main-dark {
  position: static;
  max-width: 1350px;
  margin: 6px auto 50px;
  padding-right: 25px;
  padding-bottom: 14px;
  padding-left: 25px;
}

.nav-main-dark.nav-articles {
  margin-bottom: 0px;
}

.topbar {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 73px;
  margin-bottom: 16px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.topbar-submit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2a0800;
  font-weight: 500;
}

.topbar-submit.topbar-submit-light {
  color: #fff;
}

.button {
  padding: 7px 15px;
  border-radius: 5px;
  background-color: #f44336;
  background-image: none;
  -webkit-transition: all 400ms cubic-bezier(.075, .82, .165, 1);
  transition: all 400ms cubic-bezier(.075, .82, .165, 1);
  color: #fff;
  text-decoration: none;
}

.button:hover {
  background-color: #e73528;
  box-shadow: 0 0 0 3px rgba(244, 67, 54, 0.28);
}

.button.buttons-topbar {
  margin-left: 10px;
}

.button.button-class {
  margin-right: 10px;
}

.button.button-sponsored {
  position: relative;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  z-index: 3;
  margin-right: auto;
  margin-left: auto;
}

.button.button-latest {
  margin-top: 32px;
}

.button.button-cta {
  margin-bottom: 10px;
}

.button.button-black {
  background-color: #242424;
}

.button.button-black:hover {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.28);
}

.button.btn-restaurant {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.button.btn-travel-find {
  margin-right: 5px;
  margin-left: 5px;
}

.logo-dark {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: 198px;
  height: 73px;
  margin-right: auto;
  margin-left: auto;
  background-image: url('../images/san-diego-logo-dark.svg');
  background-position: 0px 0px;
  background-size: cover;
}

.logo-dark.logo-light {
  background-image: url('../images/logo-light.svg');
  background-position: 50% 50%;
  background-size: 198px;
  background-repeat: no-repeat;
}

.topbar-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dropdown-topbar {
  margin-right: 16px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #242424;
  font-weight: 400;
}

.dropdown-toggle {
  padding: 0px;
  font-weight: 500;
}

.dropdown-icon {
  margin-right: 0px;
}

.dropdown-icon.dropdown-icon-light {
  color: #fff;
}

.menu-tablet-label {
  padding-right: 21px;
}

.menu-tablet-label.menu-label-light {
  color: #fff;
}

.dropdown-link {
  width: 100%;
  margin-bottom: 8px;
  padding: 0px;
  background-image: none;
  opacity: 0.62;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  color: #2b2b2b;
  text-align: right;
}

.dropdown-link:hover {
  opacity: 1;
}

.dropdown-link:visited {
  color: #f44336;
}

.dropdown-list.w--open {
  left: auto;
  top: 33px;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 11px 20px 8px 39px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-style: solid;
  border-width: 1px;
  border-color: #dfdbdb;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 12px 28px 40px -25px rgba(121, 125, 145, 0.17);
}

.dropdown-span {
  width: 100px;
  height: 5px;
  margin-bottom: 12px;
  border-radius: 50px;
  background-color: #644e4e;
}

.login-topbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-weight: 500;
}

.login-topbar.login-light {
  color: #fff;
}

.avatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  margin-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #a3a3a3;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

.avatar:hover {
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.07);
}

.avatar-image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-image: url('../images/avatar.jpg');
  background-position: 50% 50%;
  background-size: 40px 40px;
  background-repeat: no-repeat;
}

.avatar-initials {
  display: none;
}

.search-topbar {
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 15px;
  background-image: url('../images/search.svg');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
}

.search-topbar.search-bar-light {
  background-image: url('../images/search-light.svg');
  color: #242424;
}

.login-icon {
  position: relative;
  width: 18px;
  height: 18px;
  padding-right: 0px;
  background-image: url('../images/login.svg');
  background-position: 50% 50%;
}

.login-icon.login-icon-light {
  background-image: url('../images/login_1.svg');
}

.tooltip {
  position: absolute;
  left: -16px;
  top: 34px;
  right: auto;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  background-color: #e2e2e2;
  color: #8f8f8f;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
}

.tooltip-after {
  position: absolute;
  top: -6px;
  width: 15px;
  height: 10px;
  background-image: url('../images/tooltip-after.svg');
  background-position: 50% 100%;
  background-size: 15px;
  background-repeat: no-repeat;
}

.bottom-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bottom-line {
  width: 96%;
  height: 1px;
  background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 68.2%, 0)), color-stop(50%, #aeaeae), to(hsla(0, 0%, 100%, 0)));
  background-image: linear-gradient(90deg, hsla(0, 0%, 68.2%, 0), #aeaeae 50%, hsla(0, 0%, 100%, 0));
}

.nav-links {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 990px;
  min-height: 10px;
  margin-top: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav-link {
  display: inline-block;
  margin-right: 2px;
  margin-left: 2px;
  padding: 2px 9px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
  background-image: none;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #242424;
  font-weight: 500;
}

.nav-link:hover {
  background-color: #e9e9e9;
  color: #7c7c7c;
}

.nav-link.link-find-story {
  position: relative;
}

.nav-link.link-find-story.nav-trigger-light {
  color: #fff;
}

.nav-link.link-find-story.nav-trigger-light:hover {
  background-color: rgba(0, 0, 0, 0.55);
}

.nav-link.nav-link-light {
  color: #fff;
}

.nav-link.nav-link-light:hover {
  background-color: rgba(0, 0, 0, 0.56);
}

.best-of-sd-button,
.vote-now-button {
  display: flex; 
  align-items: center; 
  background-size: 100% 100%;
  color: #fff; 
  padding: 5px; 
  border-radius: 5px; 
  margin-left: 10px;
  transition: all .5s;
}

.best-of-sd-button {
  background: #6ac3ae;
  background-image: url('https://media.sandiegoreader.com/img/photos/2021/06/23/Best-of-2021-blue-yellow-gradient-400x150.jpg'); 
}

.vote-now-button {
  background: #d5b5d6;
  color: #000000;
}

.best-of-sd-button:hover,
.vote-now-button:hover {
  background-size: 100% 100%;
}

.best-of-sd-button:hover {
  background-color: #8cceb3;
  background-image: url('https://media.sandiegoreader.com/img/photos/2022/05/31/gold-gradient-400x100-2.jpg');
}

.vote-now-button:hover {
  background-color: #db9cdd;
}

.best-of-sd-button__content,
.vote-now-button__content {
  background-image: url('https://media.sandiegoreader.com/img/photos/2023/06/05/Best-Of-icon-100.png');
  background-repeat: no-repeat;
  background-position: -1px -4px;
  background-size: 34px 34px;
  min-height: 27px;
  line-height: 2;
  padding-left: 35px;
  font-size: 13px;
  color: #000000;
}

@media (max-width: 1036px) {
  .best-of-sd-button {
    margin-top: 10px;
  }
}

@media (max-width: 991px) {
  .best-of-sd-button {
    margin-left: 0;
    margin-bottom: 12px;
  }
}

.wrapper-hero {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.hero-col-1 {
  width: 60%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.hero-col-2 {
  /*padding-top: 57px;*/
  padding-top: 21px;
  padding-left: 40px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.heading-jumbo-hero {
  font-size: 2.875rem;
  font-weight: 400;
  line-height: 3.9375rem;
  text-align: right;
}

.heading-jumbo-hero.jumbo-submit {
  margin-bottom: 15px;
}

.heading-jumbo-hero.heading-about {
  text-align: center;
}

.heading-jumbo-hero.movie-listings-head {
  margin-bottom: 11px;
  color: #fff;
  text-align: center;
}

.slider-hero {
  min-height: 436px;
  margin-top: 28px;
  border-radius: 3px;
}

.slider-hero.slider-story-cat {
  width: 500px;
  min-height: 436px;
  margin-top: 12px;
}

.slider-hero.slider-contests {
  margin-top: 12px;
}

.slider-nav {
  display: none;
}

.left-arrow {
  left: auto;
  top: 16px;
  right: 16px;
  bottom: auto;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background-color: #fff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.left-arrow:hover {
  box-shadow: 0 0 0 4px hsla(0, 0%, 100%, 0.36);
}

.right-arrow {
  left: auto;
  top: 54px;
  right: 16px;
  bottom: auto;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background-color: #fff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.right-arrow:hover {
  box-shadow: 0 0 0 4px hsla(0, 0%, 100%, 0.41);
}

.slide-main {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-main.slide1 {
  padding-top: 0px;
  padding-left: 0px;
  background-image: url('../images/blog3.jpg');
}

.slide-main.slide-story {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.63)), to(rgba(0, 0, 0, 0.11)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.63), rgba(0, 0, 0, 0.11));
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.arrow-left {
  width: 100%;
  height: 100%;
}

.arrow-right {
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.latest {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /*margin-bottom: 32px;*/
  padding-top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.latest-label {
  margin-bottom: 16px;
  font-size: 1.125rem;
  font-weight: 500;
}

.latest-item {
  display: block;
  max-width: 306px;
  margin-bottom: 10px;
  padding-right: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: none;
  color: #242424;
  line-height: 1.125rem;
}

.latest-item.latest-light {
  color: #fff;
}

.read-time-label,
.sponsored-category-label {
  margin-bottom: 4px;
  color: rgba(36, 36, 36, 0.53);
  font-size: 0.9375rem;
  line-height: 1.125rem;
}

.read-time-label.label-light {
  color: hsla(0, 0%, 100%, 0.74);
}

.latest-line {
  width: 70%;
  height: 1px;
  margin-top: 10px;
  background-color: #979797;
}

.latest-line.line-light {
  background-color: hsla(0, 0%, 100%, 0.68);
}

.latest-ad {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 306px;
  padding-right: 0px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: none;
  color: #242424;
  text-decoration: none;
}

.latest-ad.ad-sidebar-article {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.latest-ad.ad-story-cat-latest {
  width: 47%;
  max-width: none;
}

.latest-ad-label {
  margin-right: 13px;
  color: rgba(36, 36, 36, 0.4);
  line-height: 1rem;
}

.latest-ad-copy {
  line-height: 1.125rem;
}

.slider-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 395px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.slider-content.content-story-cat {
  width: 85%;
  max-width: none;
}

.heading-slide {
  font-family: 'DM Sans', sans-serif;
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.4375rem;
}

.heading-span {
  display: inline;
  padding-right: 5px;
  padding-left: 5px;
  background-color: #242424;
}

.read-time-slide {
  margin-top: 10px;
  padding: 6px 10px;
  background-color: #fff;
  color: #f44336;
  font-size: 0.9375rem;
  line-height: 1.1875rem;
}

.find-story-wrapper {
  position: static;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 4;
  display: block;
  max-width: 680px;
  min-width: 680px;
  padding-right: 44px;
  padding-bottom: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #fafafa;
}

.find-story-wrapper.find-story-wrapper-alt {
  max-width: none;
  min-width: 0px;
  padding-right: 0px;
  background-color: #fff;
}

.heading-find-story {
  font-size: 2.875rem;
  line-height: 3.9375rem;
}

.tab-triggers {
  padding: 0px 10px 0px 0px;
  background-color: transparent;
  background-image: none;
  opacity: 0.4;
  font-size: 1.25rem;
  line-height: 1.5625rem;
}

.tab-triggers.w--current {
  background-color: transparent;
  opacity: 1;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.tab-link {
  color: #f44336;
}

.tab-menu {
  margin-bottom: 20px;
}

.find-story-tab {
  position: static;
  margin-top: 12px;
}

.find-story-tab.tab-alt {
  margin-top: 0px;
}

.find-story-category {
  position: static;
}

.tab-col-1 {
  padding-right: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.tab-col-2 {
  padding-right: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.tab-col-3 {
  padding-right: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.find-story-1-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.find-story-1-box.box-sticky-1 {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.category-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 28px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.category-head {
  display: block;
  margin-bottom: 6px;
  padding-right: 0px;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  background-image: none;
  color: #242424;
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 500;
}

.link-category {
  display: block;
  margin-bottom: 8px;
  padding-right: 0px;
  background-image: none;
  opacity: 0.5;
  color: #242424;
  font-size: 0.875rem;
  line-height: 1rem;
}

.link-category:hover {
  opacity: 1;
}

.tabs-content {
  position: static;
}

.features-box {
  padding-bottom: 28px;
}

.features-box.features2 {
  padding-bottom: 0px;
}

.features-cols {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 50px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.features-col-1 {
  padding-right: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.features-col-2 {
  padding-right: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.feature-link {
  display: block;
  margin-bottom: 8px;
  padding-right: 0px;
  background-image: none;
  color: #242424;
  font-size: 0.875rem;
  line-height: 1rem;
}

.feature-span {
  color: #f44336;
  font-weight: 500;
}

.authors-tab {
  margin-bottom: 15px;
}

.authors-tab.tab2 {
  margin-bottom: 0px;
}

.authors-box {
  width: 100%;
}

.authors {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 280px;
  margin-bottom: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.authors.regions {
  height: 360px;
}

.author-link {
  max-width: 153px;
  margin-right: 40px;
  margin-bottom: 8px;
  padding-right: 0px;
  background-image: none;
  opacity: 0.5;
  color: #242424;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}

.author-link:hover {
  opacity: 1;
}

.authors-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.button-arrow {
  background-color: transparent;
  color: #f44336;
}

.button-arrow.previous-step {
  padding-right: 0px;
  padding-left: 0px;
}

.button-arrow.button-review {
  padding-right: 0px;
  float: right;
}

.button-arrow.button-review.mobile-hide {
  padding-right: 0px;
}

.button-arrow.button-classical {
  color: #fff;
}

.button-arrow.button-next {
  padding: 0px;
}

.button-link {
  padding-right: 0px;
  background-image: none;
}

.button-link.button-authors {
  display: inline-block;
  margin-right: 18px;
}

.button-link.button-authors.class-button-light {
  color: #fff;
}

.region-tab {
  margin-bottom: 15px;
}

.region-tab.tab3 {
  margin-bottom: 0px;
}

.issues-tab {
  margin-bottom: 19px;
}

.issues-tab.tab4 {
  margin-bottom: 0px;
}

.issues-box {
  display: -ms-grid;
  display: grid;
  margin-bottom: 20px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: 154px 154px 154px repeat(auto-fit, 154px);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.issue-box {
  width: 154px;
  padding-right: 0px;
  background-image: none;
  opacity: 0.67;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  color: #242424;
}

.issue-box:hover {
  opacity: 1;
}

.issue-cover {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-height: 190px;
  margin-bottom: 3px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
}

.issue-image {
  width: 100%;
  min-height: 170px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png');
  background-position: 50% 50%;
  background-size: cover;
}

.issue-image.issue1 {
  height: 166px;
  background-image: url('../images/1.jpg');
  -o-object-fit: cover;
  object-fit: cover;
}

.issue-date {
  font-weight: 500;
}

.classifieds {
  padding-top: 23px;
  padding-bottom: 0px;
}

.inner-wrapper-full {
  position: relative;
}

.classified-top {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 500px;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.classified-top.class-top-hero {
  max-width: 410px;
  margin-bottom: 0px;
}

.heading-section {
  font-size: 2.1875rem;
  line-height: 3rem;
}

.heading-section.heading-class {
  margin-bottom: 10px;
}

.class-buttons {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.class-buttons.buttons-class-wide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.class-col-1-grid {
  display: -ms-grid;
  display: grid;
  padding-right: 0px;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto;
}

.class-item-square {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 160px;
  padding: 14px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 5px;
  background-color: #fff;
  background-image: none;
  box-shadow: 6px 22px 40px -20px rgba(108, 112, 117, 0.2);
}

.class-item-square.square-last {
  opacity: 0.2;
}

.class-item-heading {
  color: #242424;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 500;
}

.class-item-heading.item-wide-heading {
  margin-bottom: 7px;
}

.class-time {
  color: #555;
  font-size: 0.75rem;
  line-height: 0.875rem;
}

.class-item-big {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 286px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 2px 23px 40px -20px rgba(101, 114, 119, 0.2);
}

.class-item-big.item-last {
  opacity: 0.2;
}

.class-big-image {
  height: 153px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #ccc;
  background-size: cover;
}

.class-heading-big {
  margin-bottom: 9px;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 500;
}

.class-big-content {
  padding: 15px 13px;
}

.class-label {
  margin-bottom: 10px;
  opacity: 0.6;
  font-size: 0.875rem;
  line-height: 1.3rem;
}

.class-item-wide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 4px 13px 28px -28px rgba(62, 68, 73, 0.5);
}

.class-item-wide.item-wide-span {
  margin-top: 50px;
}

.class-wide-image {
  width: 105px;
  height: 100%;
  min-height: 90px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-size: cover;
  background-color: #ccc;
}

.class-wide-content {
  padding-right: 24px;
  padding-left: 12px;
}

.class-col-3-grid {
  display: -ms-grid;
  display: grid;
  padding-right: 10px;
  padding-left: 0px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.class-wrapper {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-top: -74px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 62px;
  padding-bottom: 62px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.class-col-1 {
  max-width: 646px;
  margin-top: -62px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.class-col-2 {
  max-width: 240px;
  margin-right: 23px;
  margin-left: 23px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.class-col-3 {
  max-width: 660px;
  margin-top: -62px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.sponsored {
  overflow: hidden;
  padding-top: 26px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f1f1f1));
  background-image: linear-gradient(180deg, #fafafa, #f1f1f1);
}

.sponsored-label {
  position: absolute;
  /*left: 0%;*/
  top: -26px;
  right: auto;
  bottom: auto;
  color: rgba(82, 82, 82, 0.32);
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.sponsored-shape {
  position: absolute;
  left: auto;
  top: -10%;
  right: -17%;
  bottom: auto;
  z-index: 0;
  width: 242px;
  height: 100px;
  border-radius: 5px;
  background-image: url('../images/bg-placeholder.jpg');
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: 7px 22px 40px -15px rgba(94, 104, 117, 0.21);
}

.sponsored-shape.shape6 {
  left: 8%;
  top: 15%;
  right: auto;
  bottom: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.sponsored-shape.shape7 {
  left: -1%;
  top: auto;
  right: auto;
  bottom: 26%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  opacity: 0.4;
}

.sponsored-shape.shape8 {
  left: 21%;
  top: auto;
  right: auto;
  bottom: 7%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.sponsored-shape.shape9 {
  left: auto;
  top: 0%;
  right: 6%;
  bottom: auto;
  opacity: 0.4;
}

.sponsored-shape.shape10 {
  left: -2%;
  top: 0%;
  right: auto;
  bottom: auto;
}

.sponsored-shape.shape11 {
  left: -8%;
  top: 30%;
  right: auto;
  bottom: auto;
  opacity: 0.4;
}

.sponsored-shape.shape12 {
  left: 0%;
  top: auto;
  right: auto;
  bottom: 15%;
  opacity: 0.7;
}

.sponsored-shape.shape13 {
  left: auto;
  top: 0%;
  right: 17%;
  bottom: auto;
}

.sponsored-shape.shape14 {
  left: auto;
  top: auto;
  right: -8%;
  bottom: 7%;
  opacity: 0.5;
}

.sponsored-shape.shape15 {
  left: auto;
  top: auto;
  right: 28%;
  bottom: -15%;
  opacity: 0.3;
}

.sponsored-shape.shape16 {
  position: static;
  margin-top: 24px;
}

.concerts {
  padding-top: 38px;
  padding-bottom: 24px;
}

.concerts-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 26px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.heading-sections {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.heading-sections.heading-events {
  margin-bottom: 16px;
}

.heading-sections.heading-happy {
  color: #fff;
}

.heading-sections.heading-contests {
  display: block;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: 0px;
  text-align: left;
}

.heading-sections.heading-music-videos {
  margin-bottom: 0px;
  color: #361d2a;
}

.heading-sections.heading-classical-music {
  margin-bottom: 9px;
  color: #fff;
}

.concerts-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.concerts-slider {
  height: 250px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.concerts-slider.contests-slider {
  height: auto;
}

.ad-concerts {
  width: 300px;
  height: 250px;
  margin-left: 16px;
  border-radius: 3px;
}

.ad-concerts.ad-setup {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.concert-slider-nav {
  display: none;
}

.concert-slide {
  background-size: cover;
  background-position: 50%;
  width: 32%;
  margin-right: 16px;
  border-radius: 3px;
}

.concert-slide.contest-slide {
  background-image: none;
}

.concert-slide-content {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 11px 14px 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-image: none;
}

.title-concert {
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.25rem;
}

.concert-title-span {
  padding-right: 5px;
  padding-left: 5px;
  background-color: #242424;
}

.concert-mark {
  color: #fff;
}

.concert-date {
  color: hsla(0, 0%, 100%, 0.84);
  font-size: 0.9375rem;
  line-height: 1.0625rem;
}

.concert-fade {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 0;
  width: 100%;
  height: 90%;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, transparent), to(rgba(7, 7, 7, 0.8)));
  background-image: linear-gradient(180deg, transparent 5%, rgba(7, 7, 7, 0.8));
}

.concert-mask {
  background-color: #fafafa;
}

.events {
  padding-top: 21px;
  padding-bottom: 18px;
}

.events.best-bets {
  padding-top: 40px;
}

.events-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
}

.events-header {
  padding-bottom: 23px;
}

.events-header.food-events-header {
  max-width: 234px;
}

.events-span {
  padding-right: 5px;
  padding-left: 5px;
  background-color: #242424;
  color: #fff;
}

.calendar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 675px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.calendar-line {
  position: relative;
  height: 1px;
  background-color: #242424;
}

.dates {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dates-span {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.this-week {
  padding-right: 0px;
  background-color: transparent;
  background-image: none;
  opacity: 0.52;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #242424;
  font-size: 1.25rem;
  line-height: 1.625rem;
  text-transform: uppercase;
}

.this-week:hover {
  opacity: 1;
}

.date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 72px;
  padding: 9px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 14px;
  background-color: #fafafa;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.date:hover {
  background-color: #f3f1f1;
}

.date:active {
  background-color: #242424;
  color: #fff;
}

.date.date-active {
  background-color: #242424;
  color: #fff;
}

.date.date-active:hover {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.14);
}

.day {
  margin-bottom: 5px;
  opacity: 0.32;
  font-size: 1.25rem;
  line-height: 1.625rem;
  text-transform: uppercase;
}

.date-number {
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.span-line {
  position: absolute;
  left: 22.3%;
  top: auto;
  right: auto;
  bottom: 0%;
  width: 52px;
  height: 6px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  background-color: #242424;
}

.date-section {
  display: -ms-grid;
  display: grid;
  margin-top: 18px;
  padding-bottom: 18px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.event-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 22px 21px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 13px 13px 35px -15px rgba(105, 109, 114, 0.19);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.event-item:hover {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15), 13px 13px 35px -15px rgba(105, 109, 114, 0.19);
}

.event-item.event-item-single {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.event-item.issue-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.event-avatar {
  width: 50px;
  height: 50px;
  margin-right: 18px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.07);
  background: #ccc;
  background-size: cover;
  background-position: center center;
}

.event-title {
  display: block;
  margin-bottom: 13px;
  padding-right: 0px;
  background-image: none;
  color: #242424;
  font-size: 1.125rem;
  line-height: 1.4375rem;
  font-weight: 500;
}

.event-title.bar-event-title {
  margin-bottom: 5px;
}

.event-place {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: none;
  opacity: 0.5;
}

.event-place:hover {
  opacity: 1;
}

.event-place.happy-place {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.event-place.happy-place:hover {
  opacity: 0.8;
}

.event-place.theater-place {
  opacity: 1;
}

.event-place.art-place {
  margin-top: 5px;
}

.location-icon {
  width: 14px;
  height: 19px;
  margin-right: 4px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url('../images/icons8-marker.svg');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
}

.location-icon.light-icon {
  background-image: url('../images/icons8-marker-light.svg');
}

.event-location {
  color: #242424;
}

.event-location.happy-location {
  color: #fff;
}

.event-time {
  margin-left: 26px;
  padding: 5px 12px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
  background-color: #cdcfd8;
  color: #fff;
  text-transform: uppercase;
}

.event-time.event-time-single.issue-date {
  margin-bottom: 11px;
  margin-left: 0px;
}

.more-events {
  display: -ms-grid;
  display: grid;
  padding-bottom: 18px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.button-down {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-image: none;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.button-down:hover {
  background-color: #fceeee;
}

.arrow-icon {
  width: 16px;
  height: 16px;
  margin-left: 6px;
  background-image: url('../images/arrow-red.svg');
  background-position: 50% 50%;
  background-size: 14px;
  background-repeat: no-repeat;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.arrow-icon.arrow-best {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.load-more-events {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.happy-hour {
  padding-top: 11px;
  padding-bottom: 11px;
}

.happy-hour-wrapper {
  position: relative;
  min-height: 200px;
  border-radius: 5px;
  background-color: #ccc;
  background-size: cover;
}

.happy-hour-fade {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.43)), to(rgba(0, 0, 0, 0.74)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.74));
}

.happy-hour-content {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 33px 19px 65px 33px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.happy-hour-content.classical-music {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.36)), to(rgba(0, 0, 0, 0.71))), url('../images/bg-classical-music.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.36), rgba(0, 0, 0, 0.71)), url('../images/bg-classical-music.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.happy-hour-content.booze-news {
  background-color: #242424;
}

.happy-col-1 {
  width: 65%;
  padding-right: 15px;
}

.happy-col-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 100px;
  padding-right: 23px;
  padding-left: 31px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.happy-hour-top {
  margin-bottom: 41px;
}

.happy-links {
  margin-top: 10px;
}

.happy-link {
  margin-right: 18px;
  padding-right: 0px;
  background-image: none;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.4375rem;
  font-weight: 400;
}

.happy-item {
  width: 100%;
  margin-bottom: 10px;
  padding-right: 0px;
  background-image: none;
  color: #fff;
}

.happy-item.happy-ad {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.happy-item-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.happy-number {
  margin-right: 26px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  opacity: 0.5;
  font-family: 'DM Serif Display', sans-serif;
  font-size: 2.25rem;
  line-height: 2.8125rem;
}

.happy-title {
  margin-right: 28px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.happy-name {
  font-size: 1.125rem;
  line-height: 1.4375rem;
}

.happy-name.happy-ad-title {
  margin-bottom: 2px;
}

.happy-time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  padding: 3px 9px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
  background-color: #f44336;
}

.happy-text {
  width: 100%;
  max-width: 308px;
  margin-bottom: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  color: hsla(0, 0%, 100%, 0.89);
  font-size: 0.875rem;
  line-height: 1.2rem;
}

.happy-line {
  width: 100%;
  height: 1px;
  margin-top: 10px;
  background-color: hsla(0, 0%, 100%, 0.36);
}

.happy-ad-text {
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 0.875rem;
  line-height: 1.2rem;
}

.happy-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.happy-sponsored-ad {
  padding-right: 0px;
  background-image: none;
  color: #fff;
}

.happy-sponsored {
  margin-bottom: 12px;
  color: hsla(0, 0%, 100%, 0.7);
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.happy-ad-main {
  max-width: 231px;
  margin-bottom: 12px;
  font-family: 'DM Serif Display', sans-serif;
  color: hsla(0, 0%, 100%, 0.64);
  font-size: 2.75rem;
  line-height: 2.875rem;
}

.happy-ad-main.ad-main-classical {
  width: 100%;
  max-width: none;
}

.happy-ad-span {
  color: #fff;
}

.happy-ad-span.ad-span-2 {
  display: inline-block;
  width: 100%;
}

.happy-ad-sub {
  margin-bottom: 12px;
  font-size: 1.875rem;
  line-height: 2.4375rem;
}

.happy-ad-copy {
  margin-bottom: 24px;
  color: hsla(0, 0%, 100%, 0.74);
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.button-light {
  padding: 4px 11px;
  border-radius: 5px;
  background-color: #fff;
  background-image: none;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #242424;
}

.button-light:hover {
  box-shadow: 0 0 0 4px hsla(0, 0%, 100%, 0.2);
}

.button-light.button-movie {
  margin-right: 13px;
  color: #f44336;
}

.places {
  padding-top: 16px;
  padding-bottom: 62px;
}

.places-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 78px 26px 73px 77px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 5px;
  box-shadow: 0 42px 63px -21px rgba(80, 90, 100, 0.39);
}

.heading-places {
  display: inline-block;
  margin-bottom: 7px;
  padding-right: 7px;
  padding-left: 7px;
  background-color: #f44336;
  color: #fff;
  font-size: 2.1875rem;
  line-height: 2.8125rem;
}

.sub-places {
  display: inline-block;
  margin-bottom: 25px;
  padding-right: 6px;
  padding-left: 6px;
  background-color: #242424;
  font-size: 4.0625rem;
  line-height: 5rem;
}

.places-regions {
  width: 100%;
  max-width: 365px;
  padding: 8px 13px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
  background-color: #fff;
}

.places-drop-label {
  margin-bottom: 6px;
  color: #242424;
  font-size: 0.875rem;
  line-height: 1rem;
}

.places-dropdown {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  font-size: 1.2rem;
  line-height: 1.5rem;
}

.drop-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 18px;
  height: 18px;
  background-image: url('../images/drop-arrow.svg');
  background-position: 50% 50%;
  background-size: 24px;
  background-repeat: no-repeat;
}

.dropdown-results {
  position: relative;
  display: block;
  overflow: auto;
  height: 170px;
  margin-top: 11px;
  margin-bottom: 10px;
}

.region-name {
  display: block;
  padding-right: 0px;
  background-image: none;
  opacity: 0.6;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #242424;
}

.region-name:hover {
  opacity: 1;
}

.regions-wrapper {
  position: relative;
}

.movies-home {
  position: relative;
  overflow: hidden;
  padding:  50px 24px;
  background-color: #12151e;
}

.movies-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  max-width: 1166px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 37px;
  padding-right: 37px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.movies-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.movies-col-1 {
  max-width: 460px;
  margin-bottom: 53px;
  padding-right: 34px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.movies-col-2 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.editors-pick {
  display: inline-block;
  padding-right: 0px;
  background-image: none;
  color: hsla(0, 0%, 100%, 0.83);
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.movie-title-big {
  display: block;
  font-family: 'DM Serif Display', sans-serif;
  color: #fff;
  font-size: 2.9rem;
  line-height: 3.4rem;
}

.movie-expert {
  display: block;
  margin-top: 16px;
  margin-bottom: 64px;
  color: hsla(0, 0%, 100%, 0.76);
  font-size: 1.125rem;
  line-height: 1.4375rem;
}

.button-alt {
  padding-right: 0px;
  background-image: none;
}

.button-alt.button-movies-alt {
  color: #fff;
}

.next-label {
  display: inline-block;
  margin-bottom: 34px;
  color: #fff;
  font-size: 1.1875rem;
  line-height: 1.4375rem;
  text-transform: uppercase;
}

.featured-movies {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.movie-item {
  max-width: 157px;
  margin-right: 26px;
  padding-right: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.movie-item.movie-item-big {
  max-width: 200px;
}

.movie-item.movie-item-trailers {
  margin-bottom: 26px;
}

.movie-banner {
  position: relative;
  overflow: hidden;
  width: 156px;
  height: 217px;
  margin-bottom: 6px;
  border: 1px solid transparent;
  border-radius: 5px;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.movie-banner:hover {
  border-color: #fff;
  box-shadow: 0 0 0 5px hsla(0, 0%, 100%, 0.29);
}

.movie-banner.movie-banner-big {
  background-size: cover;
  width: 210px;
  height: 300px;
}

.movie-fade {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.44)), to(rgba(0, 0, 0, 0.81)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.44), rgba(0, 0, 0, 0.81));
}

.play-icon {
  width: 74px;
  height: 74px;
  background-image: url('../images/play.svg');
  background-position: 50% 50%;
  background-size: 70px;
  background-repeat: no-repeat;
}

.play-button {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding-right: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: none;
  color: #fff;
}

.movie-label {
  padding-right: 0px;
  background-image: none;
  color: #444;
  font-size: 1.125rem;
  line-height: 1.4375rem;
}

.movie-title {
  line-height: 1.3rem;
  transition: color 0.3s ease;
}

.movie-title:hover {
  color: #f44336;
}

.movie-rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.movie-rating.showtime-rating {
  margin-bottom: 8px;
}

.star-icon {
  width: 17px;
  height: 17px;
  margin-right: 4px;
  background-image: url('../images/icons8-star-filled.svg');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.archive-stars {
  width: 16px;
  height: 16px;
  background-image: url('../images/icons8-star-filled_1.svg');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.star-icon.star-out {
  opacity: 0.4;
}

.movie-ad {
  position: relative;
  /*width: 100%;
  max-width: 257px;*/
  min-height: 217px;
  padding-right: 0px;
  border-radius: 5px;
}

.movie-ad-label {
  position: absolute;
  left: 0%;
  top: -14%;
  right: auto;
  bottom: auto;
  color: hsla(0, 0%, 100%, 0.72);
}

.contests {
  padding-top: 27px;
  padding-bottom: 32px;
}

.contest-slide-content {
  width: 100%;
  height: 100%;
  padding-right: 0px;
  background-image: none;
}

.contest-thumb {
  width: 100%;
  min-height: 250px;
  border-radius: 5px;
  box-shadow: 8px 8px 43px -20px rgba(85, 94, 102, 0.35);
  background-size: cover;
}

.contest-thumb.your-week-image {
  min-height: 210px;
}

.contest-title {
  margin-top: 15px;
  padding-right: 6px;
  padding-left: 6px;
  color: #242424;
  line-height: 1.3rem;
}

.contest-title.your-week-title {
  padding-right: 0px;
  padding-left: 0px;
}

.newsletter-main {
  padding-top: 20px;
  padding-bottom: 20px;
}

.newsletter-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 890px;
  min-height: 307px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 5px;
  background-image: url('../images/bg-newsletter.jpg');
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: 0 42px 63px -25px rgba(97, 119, 143, 0.36);
}

.newsletter-wrapper.news-2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(243, 199, 199, 0.5)), to(rgba(243, 199, 199, 0.5)));
  background-image: linear-gradient(180deg, rgba(243, 199, 199, 0.5), rgba(243, 199, 199, 0.5));
}

.newsletter-wrapper.news-2.news-3 {
  padding: 26px;
}

.newsletter-col-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 426px;
  padding-left: 18px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.newsletter-col-1.news-col-3 {
  max-width: 490px;
}

.newsletter-col-2 {
  width: 100%;
  max-width: 360px;
  padding: 16px 17px 13px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
}

.newsletter-heading {
  display: inline-block;
  margin-bottom: 6px;
  padding-right: 7px;
  padding-left: 7px;
  background-color: #242424;
  color: #fff;
  font-size: 1.25rem;
  line-height: 2rem;
}

.newsletter-text {
  margin-top: 10px;
  margin-bottom: 21px;
  color: #fff;
  line-height: 1.4rem;
}

.newsletter-text.text-2 {
  color: #0f282c;
}

.select-field {
  margin-bottom: 0px;
  padding-left: 0px;
  border: 0px none #000;
  background-color: transparent;
}

.newsletter-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 19px 3px 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #fff;
}

.newsletter-line {
  width: 2px;
  height: 23px;
  margin-right: 9px;
  margin-left: 9px;
  background-color: grey;
}

.email-field {
  margin-bottom: 0px;
  padding: 0px 13px 0px 0px;
  border: 0px none #000;
}

.submit-button {
  padding: 0px;
  background-color: transparent;
  color: #0042ff;
}

.form-success {
  padding-right: 10px;
  padding-left: 10px;
  background-color: transparent;
  color: #fff;
}

.form-message {
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 50px;
  background-color: #000;
}

.error-message {
  border-radius: 10px;
  background-color: #f44336;
  color: #fff;
  font-size: 0.9rem;
  line-height: 1.1rem;
}

.footer {
  padding-top: 10px;
  padding-bottom: 16px;
}

.footer-wrapper {
  max-width: 887px;
  margin-right: auto;
  margin-left: auto;
}

.footer-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.footer-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.footer-link-top {
  padding-right: 0px;
  background-image: none;
  color: #242424;
  font-weight: 500;
}

.footer-link {
  padding-right: 0px;
  background-image: none;
  opacity: 0.7;
  color: #242424;
}

.footer-link:hover {
  opacity: 1;
}

.footer-link > img {
  height: 16px;
  width: 16px;
}

.footer-bottom {
  margin-top: 77px;
}

.footer-bottom-links {
  max-width: 676px;
  margin-bottom: 23px;
}

.footer-bottom-link {
  display: inline-block;
  margin-right: 10px;
  padding-right: 0px;
  background-image: none;
  opacity: 0.4;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  color: #242424;
  font-size: 0.9375rem;
}

.footer-bottom-link:hover {
  opacity: 1;
}

.footer-bottom-link:visited {
  opacity: 1;
}

.credits {
  max-width: 528px;
  font-size: 0.9rem;
  line-height: 1.3rem;
}

.most-emailed-header {
  margin-bottom: 15px;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.4375rem;
  font-weight: 500;
}

.search-box {
  position: absolute;
  left: auto;
  top: 40px;
  right: 0%;
  bottom: auto;
  z-index: 99;
  display: none;
  min-width: 300px;
  border-style: solid;
  border-width: 1px;
  border-color: #d4d4d4;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.14);
}

.search-box.search-box-mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.search {
  margin-bottom: 0px;
  padding: 12px;
}

.radio-check {
  width: 24px;
  height: 24px;
  margin-right: 7px;
  border-style: none;
  border-radius: 0%;
  background-image: url('../images/check_box_outline_blank-24px.svg');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.radio-check.w--redirected-checked {
  background-image: url('../images/check_box-24px.svg');
}

.search-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.input-search {
  margin-bottom: 0px;
  padding: 0px 17px 0px 0px;
  border: 0px solid #000;
}

.search-button {
  padding: 3px 8px;
  border-radius: 5px;
  background-color: #f44336;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #fff;
}

.search-button:hover {
  box-shadow: 0 0 0 3px rgba(244, 67, 54, 0.21);
}

.radio-field {
  opacity: 1;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}

.radio-field:hover {
  opacity: 1;
}

.back-to-top {
  position: fixed;
  left: auto;
  top: auto;
  right: 2%;
  bottom: 2%;
  z-index: 998;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 45px;
  height: 45px;
  padding-right: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #fff;
  background-image: url('../images/arrow-up.svg');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1), 1px 1px 20px -5px rgba(81, 83, 90, 0.64);
}

.sticky-nav {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 9999;
  display: block;
  width: 100%;
  padding-top: 11px;
  padding-bottom: 11px;
  background-color: #fff;
  box-shadow: 0 2px 44px -20px rgba(97, 112, 122, 0.38);
}

.sticky-nav-wrapper {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 981px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sticky-link {
  position: relative;
  margin-right: 5px;
  margin-left: 5px;
  padding: 3px 7px;
  border-radius: 5px;
  background-image: none;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  color: #242424;
  cursor: pointer;
}

.sticky-link:hover {
  background-color: #f44336;
  color: #fff;
}

.find-story-sticky {
  position: absolute;
  left: 0%;
  top: 59px;
  right: auto;
  bottom: auto;
  display: none;
  min-height: 100px;
  min-width: 800px;
  padding: 12px 21px 0px 19px;
  border-style: solid;
  border-width: 1px;
  border-color: #b6b3b3;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.14);
}

.find-story-sticky.find-story-tablet {
  display: none;
}

.story-sticky-line {
  width: 100px;
  height: 6px;
  border-radius: 50px;
  background-color: #d4d6d8;
}

.sticky-col-1 {
  padding-right: 28px;
}

.sticky-col-2 {
  padding-right: 28px;
}

.close-button {
  position: absolute;
  left: auto;
  top: 16px;
  right: 16px;
  bottom: auto;
  padding-right: 18px;
  background-image: url('../images/icons8-delete.svg');
  background-position: 100% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.nav-tablet {
  display: none;
}

.brand-tablet {
  display: none;
}

.close-search-trigger {
  display: none;
}

.wrapper-mobile {
  display: none;
}

.nav-mobile {
  display: none;
}

.logo-mobile {
  display: none;
}

.menu-mobile-wrapper {
  display: none;
}

.class-home {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.sponsored-ad-m {
  display: none;
}

.calendar-home-m {
  display: none;
}

.happy-m {
  display: none;
}

.contests-home-m {
  display: none;
}

.footer-mobile {
  display: none;
}

.elements {
  padding: 18px;
}

.article-header {
  overflow: visible;
  width: 100%;
}

.find-story-alt {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 999;
  display: none;
  width: 100%;
  max-width: 800px;
  padding: 21px 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-style: solid;
  border-width: 1px;
  border-color: #646363;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.13);
}

.article-sidebar {
  position: relative;
  width: 100%;
  max-width: 342px;
  min-height: 100px;
  margin-right: 20px;
  padding-right: 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.article-share {
  position: -webkit-sticky;
  position: sticky;
  left: auto;
  top: 10%;
  right: auto;
  bottom: auto;
  display: block;
  min-height: 50px;
  float: left;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.article-share.share-class {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.article {
  position: relative;
  width: 100%;
  max-width: 728px;
  margin-right: 40px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.article.article-classi-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: none;
  margin-right: 0px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.article-snippet {
  opacity: 0.6;
  font-size: 1.1875rem;
  line-height: 1.625rem;
}

.article-heading {
  margin-bottom: 5px;
}

.article-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 31px;
  padding-right: 11px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.author-label {
  margin-bottom: 3px;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 500;
}

.author-label.date-label {
  text-align: right;
}

.author-name {
  display: block;
  padding-right: 0px;
  background-image: none;
  color: #555;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.author-name.date-article {
  text-align: right;
}

.article-tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 62px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.article-tag {
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 8px 10px;
  border-radius: 5px;
  background-color: #777b95;
  background-image: none;
  color: #fff;
  font-size: 0.8125rem;
  line-height: 1.0625rem;
}

.article-info {
  position: static;
  top: 10%;
}

.dropcap {
  position: static;
  padding-right: 7px;
  float: left;
  clear: left;
  font-family: 'DM Serif Display', sans-serif;
  color: #f44336;
  font-size: 2.8rem;
  line-height: 3.2rem;
  text-indent: 1px;
}

.article-image {
  position: relative;
  height: 355px;
  border-radius: 3px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png');
  background-position: 50% 50%;
  background-size: cover;
}

.image-credits {
  position: absolute;
  left: auto;
  top: 10px;
  right: 10px;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 21px;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50px;
  background-color: #fff;
  box-shadow: 0 0 0 4px hsla(0, 0%, 100%, 0.38);
}

.info-icon {
  width: 11px;
  height: 11px;
  background-image: url('../images/info.svg');
  background-position: 50% 50%;
  background-size: 11px;
  background-repeat: no-repeat;
}

.photo-credit {
  display: none;
  padding-right: 5px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
}

.article-image-wrapper {
  margin-bottom: 42px;
}

.image-caption {
  max-width: 447px;
  margin-top: 18px;
  margin-right: auto;
  margin-left: auto;
  opacity: 0.6;
  font-size: 0.8125rem;
  line-height: 1.0625rem;
  text-align: center;
}

.share-label {
  font-weight: 500;
}

.share-icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.share-icons.icons-class {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.share-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
  padding-top: 3px;
  padding-right: 0px;
  padding-bottom: 3px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: none;
}

.icon-share {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  padding-right: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png');
  background-position: 50% 50%;
  background-size: 18px;
  background-repeat: no-repeat;
}

.icon-share.facebook-icon {
  background-image: url('../images/facebook.svg');
}

.icon-share.twitter-icon {
  background-image: url('../images/x-twitter.svg');
}

.icon-share.email-icon {
  background-image: url('../images/email.svg');
}

.icon-share.pin-icon {
  background-image: url('../images/pinterest.svg');
}

.icon-share.write-icon {
  background-image: url('../images/write.svg');
}

.icon-share.print-icon {
  background-image: url('../images/print.svg');
}

.share-text {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  opacity: 0.5;
  color: #242424;
  font-size: 0.875rem;
  line-height: 1rem;
}

.image-span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}

.image-float {
  float: right;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  /*min-height: 100px;*/
  margin-right: 34px;
  margin-left: 10px;
  margin-bottom: 20px;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.84)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.84));
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, scroll;
}

.image-float.inline-left {
  float: left;
}

.inline_video {
  background: #ffeeed;
  border-radius: 5px;
  clear: right;
  padding: 10px;
  width: 50%;
}

.inline_video .thumbnail {
  margin: 0 auto;
  cursor: pointer;
}

.inline_video .thumbnail img {
  width: 100%;
}

.inline_video .thumbnail img:hover{
  opacity: 0.8;
}

.inline_video .caption {
  max-width: 447px;
  margin-top: 18px;
  margin-right: auto;
  margin-left: auto;
  opacity: .6;
  font-size: .8125rem;
  line-height: 1.0625rem;
  text-align: center;
}

.image-float.full-width,
.inline_video.full-width {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

.image-float.half-width,
.inline_video.half-width {
  width: 50%;
}

.image-float.third-width,
.inline_video.third-width {
  width: 33.33%;
}

.image-float.fourth-width,
.inline_video.fourth-width {
  width: 25%;
}

.text-span {
  margin-bottom: 0px;
  direction: ltr;
  text-align: left;
  white-space: break-spaces;
}

.image-caption-alt {
  color: #fff;
  font-size: 13px;
  line-height: 17px;
}

.ad-article-inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 100px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-top: 24px;
  padding-right: 0px;
  padding-bottom: 24px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-top: 1px solid rgba(0, 0, 0, 0.36);
  border-bottom: 1px solid rgba(0, 0, 0, 0.36);
  background-image: none;
  color: #242424;
}

.article-ad-title {
  margin-bottom: 8px;
  font-size: 1.125rem;
  line-height: 1.4375rem;
  font-weight: 500;
}

.article-ad-text {
  border-radius: 50px;
}

.heading {
  margin-top: 10px;
}

.article-cta {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 830px;
  min-height: 377px;
  padding-top: 42px;
  padding-bottom: 49px;
  padding-left: 46px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 5px;
  background-color: #ffeeed;
}

.article-latest {
  position: -webkit-sticky;
  position: sticky;
  top: 10%;
  margin-top: 0vh;
  padding-top: 33px;
}

.article-cta-col-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 258px;
  margin-right: 41px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.article-class-wrapper {
  position: relative;
  overflow: hidden;
  margin-top: 42px;
  margin-bottom: 49px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.article-cta-header {
  font-family: 'DM Serif Display', sans-serif;
  color: #1f2346;
  font-size: 1.5625rem;
}

.article-cta-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 28px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.article-sponsored {
  width: 100%;
  max-width: 210px;
  min-height: 100px;
}

.ad-article-top {
  margin-bottom: 14px;
  opacity: 0.5;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.ad-article {
  width: 100%;
  min-height: 176px;
  margin-bottom: 13px;
  padding-right: 0px;
}

.article-track {
  padding-top: 18px;
  padding-bottom: 18px;
}

.article-track-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 678px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.article-ref {
  width: 100%;
  max-width: 286px;
  min-height: 100px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.article-ref.ref-second {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.button-slide {
  padding-right: 0px;
  padding-left: 18px;
  background-image: url('../images/arrow-s-left.svg');
  background-position: 0% 50%;
  background-size: 14px;
  background-repeat: no-repeat;
  color: #242424;
}

.button-slide.slide-right {
  padding-right: 18px;
  padding-left: 0px;
  background-image: url('../images/arrow-s-right.svg');
  background-position: 100% 50%;
}

.article-ref-image {
  width: 100%;
  height: 217px;
  max-width: 199px;
  margin-top: 15px;
  margin-bottom: 25px;
  border-radius: 5px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png');
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: 16px 16px 40px -20px rgba(124, 138, 147, 0.39);
}

.article-ref-title {
  margin-bottom: 9px;
  line-height: 2.0625rem;
}

.article-ref-title.ref-title-right {
  text-align: right;
}

.article-ref-tagline {
  opacity: 0.6;
  line-height: 1.4rem;
}

.article-ref-tagline.ref-tagline-right {
  text-align: right;
}

.article-comments {
  display: block;
  padding-top: 14px;
  padding-bottom: 14px;
}

.article-comments.comments-second {
  padding-top: 32px;
  padding-bottom: 32px;
}

.comments-inner {
  max-width: 899px;
  margin-right: auto;
  margin-left: auto;
  padding: 38px 30px 24px;
  border-radius: 5px;
  background-color: #f2f2f2;
}

.comments-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 43px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.comments-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block {
  font-family: 'DM Serif Display', sans-serif;
  font-size: 2.25rem;
  line-height: 2.8125rem;
}

.comments-count {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
  padding-right: 7px;
  padding-left: 7px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50px;
  background-color: #242424;
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.22);
}

.comments-number {
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.comments {
  display: -ms-grid;
  display: grid;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.comment-box {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 130px 38px 1fr;
  grid-template-columns: 130px 38px 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.comment-name {
  max-width: 110px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  line-height: 1.1rem;
}

.comment-avatar {
  width: 38px;
  height: 38px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
  background-image: url('../images/avatar.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.comment-avatar.avatar-popup {
  margin-left: 0px;
}

.comment-item {
  position: relative;
  padding: 20px 30px 54px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 8px 8px 40px -15px rgba(0, 0, 0, 0.13);
}

.comment-text {
  color: #666;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.comment-time {
  position: absolute;
  left: auto;
  top: auto;
  right: 30px;
  bottom: 23%;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: right;
}

.find-story-holder {
  position: relative;
  max-width: 970px;
  margin-right: auto;
  margin-left: auto;
}

.article-main {
  /*margin-top: 128px;*/
  margin-top: 0px;
  padding-right: 27px;
  padding-left: 27px;
}

.article-main.article-classi {
  margin-top: 0px;
}

.article-main.main-last {
  margin-top: 28px;
}

.article-inner-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1189px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.article-inner-wrapper.article-classi {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.article-right-side {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.article-right-side.right-side-ad {
  width: 17%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.article-top-tablet {
  display: none;
}

.share-tablet {
  display: none;
}

.class-item-article {
  max-width: 260px;
  margin-right: 0px;
  padding-right: 20px;
}

.class-hero {
  padding-top: 46px;
}

.class-slider {
  position: relative;
  overflow: hidden;
  padding-top: 60px;
  padding-bottom: 43px;
}

.carousel-cell {
  width: 100%;
  max-width: 248px;
  min-height: 100px;
  padding-right: 16px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.carousel-cell.cell-first {
  max-width: 348px;
  margin-left: 0px;
  padding-left: 100px;
}

.carousel-cell.cell-event {
  max-width: 234px;
  padding-right: 10px;
  padding-left: 10px;
}

.carousel-cell.cell-vinyl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 300px;
  margin-right: 2px;
  margin-left: 2px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.class-cat-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  min-height: 298px;
  padding: 11px 15px 18px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 5px;
  background-color: #e2e2e2;
}

.class-cat-number {
  position: relative;
  z-index: 1;
  font-family: 'DM Serif Display', sans-serif;
  font-size: 2.25rem;
  line-height: 3.0625rem;
}

.class-cat-name {
  position: relative;
  z-index: 1;
  margin-bottom: 8px;
  padding-right: 0px;
  background-image: none;
  color: #000;
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 500;
}

.class-cat-image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.class-cat-image.cat1 {
  background-image: url('../images/class-bg1.jpg');
}

.class-cat-image.cat2 {
  background-image: url('../images/class2.jpg');
}

.class-cat-image.cat3 {
  background-image: url('../images/class3.jpg');
}

.class-cat-image.cat4 {
  background-image: url('../images/class4.jpg');
}

.class-cat-image.cat5 {
  background-image: url('../images/class5.jpg');
}

.class-cat-image.cat6 {
  background-image: url('../images/class6.jpg');
}

.class-cat-image.cat7 {
  background-image: url('../images/class7.jpg');
}

.class-cat-image.cat8 {
  background-image: url('../images/class8.jpg');
}

.class-cat-image.cat9 {
  background-image: url('../images/class9.jpg');
}

.class-cat-image.cat10 {
  background-image: url('../images/class10.jpg');
}

.class-cat-image.cat11 {
  background-image: url('../images/class11.jpg');
}

.class-cat-image.cat12 {
  background-image: url('../images/class12.jpg');
}

.class-cat-image.cat13 {
  background-image: url('../images/class13.jpg');
}

.class-cat-image.cat14 {
  background-image: url('../images/class14.jpg');
}

.class-cat-image.cat15 {
  background-image: url('../images/class15.jpg');
}

.class-cat-image.cat17 {
  background-image: url('../images/class17.jpg');
}

.class-cat-image.cat19 {
  background-image: url('../images/class19.jpg');
}

.class-cat-image.cat20 {
  background-image: url('../images/class20.jpg');
}

.class-cat-flickity {
  position: relative;
  z-index: 1;
  padding-left: 0px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.all-class {
  margin-right: 20px;
  padding-top: 60px;
  padding-left: 20px;
}

.all-class.class-food {
  padding-bottom: 55px;
}

.all-class-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1207px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.all-class-wrapper.wrapper-profile {
  display: block;
}

.all-class-sidebar {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 220px;
  padding-top: 81px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.all-class-listed {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.class-all-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.class-all-heading {
  margin-bottom: 0px;
  color: #f44336;
  font-size: 2.25rem;
  line-height: 3.0625rem;
}

.class-all-heading.specials-heading {
  font-size: 1.9rem;
  line-height: 2.4rem;
}

.class-all-heading.archives-heading {
  line-height: 2.2rem;
}

.class-all-count {
  margin-left: 8px;
  padding: 8px 12px;
  border-radius: 5px;
  background-color: #4f4f4f;
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.class-featured {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  width: 100%;
}

.class-item-featured {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border-radius: 5px;
  background-color: #fff;
  background-image: none;
  box-shadow: 3px 6px 40px -25px rgba(0, 0, 0, 0.39);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #000;
}

.class-item-featured:hover {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1), 3px 6px 40px -25px rgba(0, 0, 0, 0.39);
}

.class-item-featured.class-wide-placeholder {
  -webkit-transition-property: none;
  transition-property: none;
}

.class-item-featured.class-wide-placeholder:hover {
  box-shadow: 3px 6px 40px -25px rgba(0, 0, 0, 0.39);
}

.class-featured-col-1 {
  width: 28%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.class-featured-col-1.class-featured-ad-col-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 13px 13px 13px 18px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: auto !important;
  color: rgba(82,82,82,.32);
  font-size: .875rem;
  line-height: 1.125rem;
}

.class-featured-col-1.ad-class-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  padding-right: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.class-featured-col-2 {
  padding: 14px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.class-featured-col-2.class-featured-ad {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
}

.class-featured-image {
  width: 100%;
  height: 100%;
}

.class-featured-heading {
  display: inline-block;
  margin-bottom: 10px;
  padding-right: 11px;
  background-image: none;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #000;
  font-size: 1.125rem;
  line-height: 1.4rem;
  font-weight: 500;
}

.class-featured-heading:hover {
  color: #f44336;
}

.class-featured-heading.featured-light {
  color: #fff;
}

.class-featured-text {
  margin-bottom: 11px;
  opacity: 0.85;
  font-size: 0.9375rem;
  line-height: 1.0625rem;
}

.class-featured-text.featured-text-light {
  opacity: 0.73;
  color: #fff;
}

.class-featured-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.class-featured-bottom.featured-bottom-desktop {
  display: none;
}

.class-featured-date {
  opacity: 0.6;
  font-size: 0.75rem;
  line-height: 0.9375rem;
}

.class-featured-date.class-sponsored-label {
  margin-bottom: 2px;
}

.class-featured-date.featured-date-light {
  color: #fff;
}

.class-featured-ad-main {
  font-family: 'DM Serif Display', sans-serif;
  font-size: 1.5625rem;
  line-height: 2.125rem;
}

.class-line {
  width: 100%;
  height: 1px;
  margin-top: 29px;
  margin-bottom: 29px;
  background-color: #c8c8c8;
}

.all-class-wide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 21px;
  padding: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-radius: 5px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.all-class-wide:hover {
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 14px 14px 40px -25px rgba(69, 83, 88, 0.14);
}

.all-class-wide.class-wide-dark {
  -webkit-transition-property: none;
  transition-property: none;
}

.all-class-wide.class-wide-dark:hover {
  background-color: transparent;
  box-shadow: none;
}

.all-class-image {
  width: 105px;
  min-height: 90px;
  margin-right: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
  background-size: cover;
}

.all-class-wide-content {
  padding-right: 62px;
  padding-left: 0px;
}

.all-class-dark {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 31px;
  margin-bottom: 27px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.ad-class-wide {
  width: 211px;
  min-height: 200px;
  margin-left: 17px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.ad-image-class-dark {
  position: relative;
  width: 211px;
  height: 176px;
  padding-right: 0px;
  border-radius: 5px;
}

.class-dark-ad-label {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: -25px;
  color: rgba(85, 85, 85, 0.75);
  font-size: 0.75rem;
  line-height: 1rem;
}

.class-dark {
  padding: 16px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 5px;
  background-color: #313131;
}

.class-inline-ad {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  margin-bottom: 24px;
  padding-top: 11px;
  padding-bottom: 11px;
  border-top: 2px solid #c8c8c8;
  border-bottom: 2px solid #c8c8c8;
}

.class-all-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.all-class-dot {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  padding-right: 0px;
  border-radius: 50%;
  background-color: #242424;
  background-image: none;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.all-class-dot:hover {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.11);
}

.all-class-dot.dot-active {
  background-color: #f44336;
}

.all-class-dot.dot-active:hover {
  box-shadow: 0 0 0 4px rgba(244, 67, 54, 0.25);
}

.class-cta {
  padding-top: 24px;
}

.classs-cta-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 710px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 58px;
  padding-bottom: 58px;
  padding-left: 33px;
  border-radius: 5px;
  background-color: #ffe9e7;
}

.class-cta-heading {
  max-width: 260px;
  margin-bottom: 28px;
  font-family: 'DM Serif Display', sans-serif;
  color: #1f2346;
  font-size: 1.5625rem;
}

.class-alert {
  padding-top: 28px;
  padding-bottom: 112px;
}

.class-alert.movie-alert {
  padding-bottom: 28px;
}

.class-alert.alert-food {
  padding-bottom: 42px;
}

.class-alert.showtimes-alert {
  padding-top: 82px;
  padding-bottom: 31px;
}

.class-alert.contests-alerts {
  padding-bottom: 44px;
}

.class-alert.restaurant-alerts {
  padding-bottom: 29px;
}

.alert-wrapper {
  max-width: 710px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 59px;
  padding-bottom: 63px;
  padding-left: 33px;
  border-radius: 5px;
  background-image: url('../images/bg-suscbribe.jpg');
  background-position: 0% 50%;
  background-size: cover;
}

.alert-wrapper.alert-story {
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 35px;
  padding-bottom: 35px;
  padding-left: 27px;
  background-color: #ffdbd8;
  background-image: url('../images/bg-subscribe.jpg');
  background-position: 100% 50%;
}

.alert-wrapper.alert-story.alert-event {
  margin-right: auto;
  margin-left: auto;
}

.alert-wrapper.alert-story.alert2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 237px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.alert-content {
  max-width: 271px;
}

.alert-heading {
  margin-bottom: 20px;
  font-family: 'DM Serif Display', sans-serif;
  color: #fff;
  font-size: 1.5625rem;
  line-height: 1.75rem;
}

.alert-heading.alert-heading-alt {
  max-width: 183px;
  margin-bottom: 3px;
  color: #2c1848;
}

.alert-form-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1px 7px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #fff;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.alert-form-wrapper:hover {
  box-shadow: 0 0 0 6px hsla(0, 0%, 100%, 0.28);
}

.alert-form-wrapper.alert-form-2 {
  margin-top: 20px;
}

.alert-field {
  margin-bottom: 0px;
  padding-left: 0px;
  border: 0px solid #000;
  background-color: transparent;
}

.alert-field::-webkit-input-placeholder {
  color: #000;
}

.alert-field:-ms-input-placeholder {
  color: #000;
}

.alert-field::-ms-input-placeholder {
  color: #000;
}

.alert-field::placeholder {
  color: #000;
}

.button-submit-alert {
  padding: 3px 3px 3px 8px;
  background-color: transparent;
  color: #f44336;
}

.class-filter {
  background: #fafafa;
  position: -webkit-sticky;
  position: sticky;
  top: 10%;
  z-index: 1;
}

.class-filter-top {
  margin-bottom: 23px;
  font-size: 1.3125rem;
  font-weight: 500;
}

.class-filter-field {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  padding-top: 3px;
  padding-right: 9px;
  padding-left: 9px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #000;
  border-radius: 5px;
}

.class-filter-field.date-picker {
  margin-right: 8px;
  margin-bottom: 13px;
}

.input-filter {
  margin-bottom: 0px;
  padding-left: 0px;
  border: 0px solid #000;
  background-color: transparent;
}

.w-form .search-icon-filter {
  overflow: hidden;
  width: 24px;
  height: 24px;
  padding-right: 0px;
  background-color: transparent;
  background-image: url('../images/search.svg');
  background-position: 50% 50%;
  background-size: 20px;
  opacity: 0.4;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  color: transparent;
}

.w-form .search-icon-filter:hover {
  opacity: 1;
  box-shadow: none;
}

.filter-label {
  position: absolute;
  left: 4px;
  top: -12px;
  right: auto;
  bottom: auto;
  padding: 2px 7px;
  background-color: #fafafa;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.filter-label.filter-required {
  padding-left: 15px;
  background-image: url('../images/required.svg');
  background-position: 4px 50%;
  background-size: 7px;
  background-repeat: no-repeat;
}

.filter-label.filter-required.filter-gray {
  background-color: #ebebeb;
}

.filter-label.filter-gray {
  background-color: #ebebeb;
}

.filter-dropdown {
  position: absolute;
  left: 228px;
  top: -4%;
  right: auto;
  bottom: auto;
  z-index: 2;
  display: block;
  min-width: 300px;
  padding: 10px 14px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.16);
  text-align: left;
}

.link-filter-dropdown {
  display: block;
  padding-top: 1px;
  padding-right: 0px;
  padding-bottom: 1px;
  background-image: none;
  opacity: 0.6;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  color: #242424;
}

.link-filter-dropdown:hover {
  opacity: 1;
}

.filter-dropdown-heading {
  margin-bottom: 15px;
  font-family: 'DM Serif Display', sans-serif;
  font-size: 1.5625rem;
  line-height: 1.875rem;
}

.drodown-filter-box {
  overflow: auto;
  width: 100%;
  max-height: 300px;
}

.class-cat-mobile {
  display: none;
}

.filter-mobile {
  display: none;
}

.class-signup-hero {
  overflow: hidden;
  min-height: 100vh;
  margin-top: 36px;
  padding-right: 27px;
  padding-left: 27px;
}

.signup-wrapper {
  max-width: 1164px;
  margin-right: auto;
  margin-left: auto;
}

.heading-signup {
  font-size: 2.875rem;
  line-height: 3.9375rem;
}

.signup-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 11px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.signup-tab {
  padding: 1px 20px 1px 3px;
  border-radius: 50px;
  background-image: none;
  opacity: 0.4;
  color: #f44336;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.signup-tab.signup-tab-active {
  margin-right: 13px;
  padding: 5px 33px 5px 10px;
  background-color: #f44336;
  background-image: url('../images/check-out.svg');
  background-position: 96% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  opacity: 1;
  color: #fff;
}

.signup-tab.signup-tab-active.signup-tab-done {
  background-color: #000;
}

.signup-tab.tab-profile {
  margin-right: 10px;
  padding-right: 3px;
}

.signup-tab.tab-profile.tab-profile-active {
  margin-right: 10px;
  padding: 6px 10px;
  background-color: #f44336;
  opacity: 1;
  color: #fff;
}

.signup-category-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 62px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.signup-cat-col-1 {
  width: 100%;
  max-width: 372px;
  min-height: 100px;
  margin-right: 64px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.signup-cat-col-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.signup-cat-image {
  width: 681px;
  height: 329px;
  background-image: url('../images/Class-holder.jpg');
  background-position: 0% 50%;
  background-size: 681px;
}

.signup-cat-preview {
  width: 248px;
  margin-right: 2px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.select-package-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 27px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.select-package-wrapper.order-wrapper {
  padding-top: 29px;
  padding-bottom: 27px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.package-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 41px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.package-bottom .button-arrow.button-next {
  padding: 7px 15px;
}

.description-col-1 {
  width: 40%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.description-col-1.order-col-1 {
  width: 100%;
  max-width: 388px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.description-col-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100px;
  padding-left: 80px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.form-field {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  padding-top: 4px;
  padding-bottom: 4px;
  border: 1px solid #959595;
  border-radius: 5px;
}

.form-field.field-description {
  height: 175px;
}

.form-field.field-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 7px;
  padding-right: 10px;
  padding-bottom: 7px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-field.card-expires {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 65%;
  margin-right: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.form-field.field-number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 11px 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-field.age-field {
  padding: 6px 9px 4px;
}

.form-field.field-cats {
  padding: 18px 14px 13px;
}

.text-field {
  margin-bottom: 0px;
  padding-right: 9px;
  padding-left: 9px;
  border: 0px solid #000;
  background-color: transparent;
}

.field-headline {
  position: absolute;
  left: 6px;
  top: -10px;
  right: auto;
  bottom: auto;
  z-index: 20;
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
  background-color: #fafafa;
  line-height: 1.2rem;
}

.field-headline.field-required {
  padding-left: 14px;
  background-image: url('../images/required.svg');
  background-position: 4px 50%;
  background-size: 6px;
  background-repeat: no-repeat;
  color: #000;
}

.form-text-area {
  border: 0px solid #000;
  border-radius: 0px;
  background-color: #fafafa;
}

.form-text-area.area-description {
  height: 166px;
}

.form-image-holder {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 9px;
  opacity: 0.5;
  line-height: 1rem;
}

.upload-button {
  margin-left: 20px;
  padding-right: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: none;
}

.preview-class-large {
  width: 239px;
}

.class-display-wide {
  width: 400px;
  padding-left: 19px;
}

.card-double {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.checkout-button {
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 5px;
  background-color: #000;
}

.verified {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.verified-icon {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  background-image: url('../images/verified.svg');
  background-position: 50% 50%;
  background-size: 18px;
  background-repeat: no-repeat;
}

.verified-text {
  opacity: 0.5;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.order-col-2 {
  width: 100%;
  max-width: 367px;
  padding-right: 21px;
  padding-left: 21px;
}

.order-col-3 {
  max-width: 240px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.order-summary {
  font-size: 1.125rem;
  line-height: 1.4375rem;
  font-weight: 500;
}

.order-item-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.order-label-1 {
  line-height: 1.2rem;
}

.order-label-2 {
  line-height: 1.2rem;
  text-align: right;
}

.order-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.order-item-name {
  opacity: 0.6;
  font-size: 0.875rem;
  line-height: 1.3rem;
}

.order-quantity {
  opacity: 0.6;
  font-size: 0.875rem;
  line-height: 1rem;
}

.order-line {
  height: 1px;
  margin-top: 62px;
  margin-bottom: 12px;
  background-color: #c8c8c8;
}

.total {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.grand-total {
  text-align: right;
}

.movies-hero {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.nav-light {
  padding-top: 9px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(0, 0, 0, 0.57)), to(rgba(19, 21, 30, 0)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.57) 1%, rgba(19, 21, 30, 0));
}

.now-playing {
  padding-bottom: 29px;
  /*background-color: #13151e;*/
}

.movies-content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1350px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 27px;
  padding-left: 27px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.heading-now-playing {
  display: inline-block;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
  color: #fff;
}

.no-playing-wrapper {
  width: 100%;
  max-width: 1350px;
  min-height: 100px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 28px;
  padding-left: 28px;
}

.playing {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.playing-ad {
  position: relative;
  width: 19%;
  height: 217px;
  margin-top: 8px;
  margin-left: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
}

.playing-ad-label {
  position: absolute;
  left: 0%;
  top: -30px;
  right: auto;
  bottom: auto;
  color: hsla(0, 0%, 100%, 0.67);
}

.playing-ad-label.ad-label-dark {
  color: #000;
}

.now-playing-slider {
  width: 79%;
  height: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: transparent;
}

.now-playing-slide {
  max-width: 157px;
  margin-right: 20px;
}

.now-playing-mask {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: transparent;
}

.now-playing-dots {
  display: none;
}

.see-also-playing {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 90px;
  margin-bottom: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.see-also-label {
  margin-right: 14px;
  color: #fff;
  font-size: 1.4375rem;
  line-height: 1.875rem;
}

.see-also-label.see-also-label-dark {
  color: #242424;
}

.link-also {
  display: inline-block;
  margin-right: 14px;
  padding: 3px 9px;
  border-radius: 5px;
  background-color: hsla(0, 0%, 100%, 0.19);
  background-image: none;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
}

.link-also:hover {
  background-color: hsla(0, 0%, 100%, 0.34);
}

.link-also.link-also-dark {
  background-color: #ffdbd8;
  color: #d72518;
}

.big-screen {
  overflow: hidden;
  padding-top: 19px;
  padding-bottom: 19px;
  background-color: #13151e;
}

.big-screen.music-news {
  padding-bottom: 27px;
  background-color: transparent;
}

.big-screen-content {
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 26px;
  padding-left: 26px;
}

.big-screen-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.big-screen-heading {
  color: #fff;
}

.big-screen-heading.music-news-header {
  color: #252525;
}

.big-screen-posts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.main-big-screen {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 472px;
  min-height: 387px;
  margin-right: 34px;
  padding: 40px 41px 20px 17px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.35)), color-stop(95%, #13151e));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.35), #13151e 95%);
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.big-screen-big-heading {
  margin-bottom: 6px;
  padding-right: 0px;
  background-image: none;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.4375rem;
}

.big-screen-big-text {
  opacity: 0.7;
  color: #fff;
  line-height: 1.3rem;
}

.big-screen-big-author {
  padding-right: 0px;
  background-image: none;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1rem;
}

.big-screen-big-author.article-wide-author {
  opacity: 0.6;
}

.big-screen-big-author.music-news-author {
  color: rgba(36, 36, 36, 0.84);
}

.big-screen-col-1 {
  max-width: 425px;
  margin-right: 34px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.big-screen-col-1.big-screen-col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  opacity: 0.19;
}

.big-screen-article {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 425px;
  margin-bottom: 32px;
}

.big-article-image {
  width: 129px;
  margin-right: 10px;
  border-radius: 5px;
  box-shadow: 0 0 25px 0 hsla(0, 0%, 100%, 0.36);
  background-size: cover;
}

.big-article-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.big-article-title {
  margin-bottom: 5px;
  padding-right: 0px;
  background-image: none;
  color: #fff;
}

.big-article-title.article-big-music-title {
  color: #242424;
}

.big-article-subheading {
  opacity: 0.5;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.1875rem;
}

.big-article-subheading.music-news-subheading {
  color: #242424;
}

.big-screen-ad {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 32px;
  padding-right: 0px;
  background-image: none;
  opacity: 0.62;
}

.screen-ad-col-1 {
  margin-right: 20px;
}

.screen-ad-sponsored {
  opacity: 0.6;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1rem;
}

.screen-ad-sponsored.ad-black {
  color: #242424;
}

.screen-ad-label {
  font-family: 'DM Serif Display', sans-serif;
  color: #fff;
  font-size: 1.5625rem;
  line-height: 2.125rem;
}

.screen-ad-label.label-black {
  color: #242424;
}

.screen-ad-headline {
  margin-bottom: 4px;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.4375rem;
}

.screen-ad-headline.headline-black {
  color: #242424;
}

.screen-ad-text {
  opacity: 0.63;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}

.screen-ad-text.ad-text-black {
  color: #242424;
}

.new-releases {
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px;
  /*background-color: #13151e;*/
}

.new-release-wrapper {
  max-width: 1140px;
  min-height: 100px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 28px;
  padding-left: 28px;
}

.releases-heading {
  margin-bottom: 22px;
  /*color: #fff;*/
}

.releases-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 40px 0;
}

.release-placeholder {
  width: 220px;
  height: 380px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
  background-image: url('../images/bg-placeholder_1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  opacity: 0.4;
}

.movies-sponsored {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.movies-ad {
  overflow: hidden;
  width: 100%;
  height: 278px;
  max-width: 861px;
  margin-right: auto;
  margin-bottom: -52px;
  margin-left: auto;
  padding-right: 0px;
  border-radius: 5px;
  background-image: none;
}

.movie-reviews {
  /*padding-top: 83px;*/
}

.movie-reviews-wrapper {
  max-width: 1140px;
  min-height: 100px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 27px;
  padding-left: 27px;
}

.movie-review-items {
  display: -ms-grid;
  display: grid;
  margin-top: 12px;
  margin-bottom: 26px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.movie-review {
  overflow: hidden;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 2px 23px 40px -25px rgba(46, 54, 60, 0.69);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.movie-review:hover {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1), 2px 23px 40px -25px rgba(46, 54, 60, 0.69);
}

.movie-review.setup-item {
  margin-right: 16px;
}

.movie-review-image {
  height: 153px;
  margin-bottom: 13px;
  background-size: cover;
}

.heading-review {
  display: inline-block;
  margin-bottom: 10px;
  padding-right: 0px;
  background-image: none;
  color: #242424;
  line-height: 1.3125rem;
  font-weight: 500;
}

.heading-review.heading-film {
  margin-bottom: 4px;
  padding-bottom: 0px;
}

.review-text {
  opacity: 0.6;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.review-author {
  padding-right: 0px;
  background-image: none;
  opacity: 0.6;
  color: #242424;
  font-size: 0.75rem;
  line-height: 1rem;
}

.review-author.of-note-author {
  color: #fff;
}

.review-item-content {
  padding-right: 15px;
  padding-bottom: 7px;
  padding-left: 15px;
}

.film-events {
  padding-top: 32px;
  padding-bottom: 32px;
}

.film-events-wrapper {
  max-width: 1140px;
  min-height: 100px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 28px;
  padding-left: 28px;
  -webkit-perspective: 2000px;
  perspective: 2000px;
}

.film-events-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.film-event-items {
  display: -ms-grid;
  display: grid;
  margin-top: 12px;
  margin-bottom: 41px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.film-event-item {
  overflow: hidden;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 2px 23px 40px -25px rgba(67, 75, 80, 0.34);
}

.film-event-image {
  height: 153px;
  margin-bottom: 13px;
  background-size: cover;
}

.fiml-event-content {
  padding-right: 15px;
  padding-bottom: 14px;
  padding-left: 15px;
}

.fiml-event-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 38px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.film-event-date {
  font-weight: 500;
}

.film-event-span {
  font-size: 2rem;
  line-height: 2.3rem;
}

.movies-at-home {
  padding-top: 100px;
  padding-bottom: 22px;
}

.movies-home-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1140px;
  min-height: 100px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 28px;
  padding-left: 28px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.movie-home-col-1 {
  position: relative;
  min-height: 100px;
  padding-top: 24px;
  padding-left: 24px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.movie-home-shape {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 0;
  width: 95%;
  height: 357px;
  border-radius: 5px;
  background-color: #ffdddc;
}

.movie-home-heading {
  position: relative;
  z-index: 1;
  color: #121e3e;
}

.movie-home-items {
  position: relative;
  z-index: 1;
  display: -ms-grid;
  display: grid;
  margin-top: 17px;
  margin-bottom: 25px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.latest-stories {
  padding-top: 11px;
  padding-bottom: 23px;
  background-image: url('../images/latest-stories.jpg');
  background-position: 50% 50%;
  background-size: 2048px;
  background-repeat: no-repeat;
}

.latest-stories-heading {
  font-size: 2.875rem;
  line-height: 3.25rem;
  text-align: center;
  font-weight: 400;
}

.latest-stories-wrapper {
  margin-top: 38px;
  margin-bottom: 38px;
}

.latest-stories-items {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.latest-story {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border: 1px solid #eee;
  border-radius: 5px;
  background-color: #fff;
}

.latest-story-image {
  width: 27%;
  background-size: cover;
}

.latest-story-content {
  padding: 15px 17px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.latest-title {
  display: inline-block;
  padding-right: 0px;
  background-image: none;
  color: #222;
  line-height: 1.3rem;
  font-weight: 500;
}

.latest-title.latest-title-light {
  color: #fff;
}

.latest-text {
  opacity: 0.69;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.latest-text.latest-text-light {
  margin-top: 4px;
  color: #fff;
}

.latest-item-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.story-category {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 5px 8px;
  border-radius: 50px;
  background-color: #222;
  background-image: none;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
  font-size: 0.8rem;
  line-height: 1rem;
}

.story-category:hover {
  background-color: #f44336;
}

.latest-date {
  margin-bottom: 5px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  opacity: 0.6;
  font-size: 0.8rem;
  line-height: 1rem;
}

.latest-date.latest-date-light {
  color: #fff;
}

.latest-categories {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.popular-stories {
  padding-top: 53px;
  padding-bottom: 40px;
}

.popualr-stories-heading {
  color: #d72518;
}

.popular-stories-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.popular-stories-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100px;
  padding-right: 14px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.popular-stories-ads {
  position: -webkit-sticky;
  position: sticky;
  top: 66px;
  width: 200px;
  min-height: 100px;
}

.popular-stories-ads.popular-stories-ad-mobile {
  display: none;
}

.sponsored-popular-label {
  font-weight: 500;
}

.ad-popular {
  /*width: 100%;*/
  /*height: 169px;*/
  margin-top: 7px;
  margin-bottom: 4px;
  padding-right: 0px;
  border-radius: 5px;
}

.popular-items-big {
  display: -ms-grid;
  display: grid;
  margin-bottom: 14px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.popular-item-big {
  padding: 11px 12px;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.36)), to(rgba(0, 0, 0, 0.86)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.36), rgba(0, 0, 0, 0.86));
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.popular-item-big.live-five-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 286px;
  margin-bottom: 18px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.popular-item-big.of-note-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 380px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.popular-item-big-content {
  margin-top: 0px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.popular-item-big-content.content-of-note {
  max-width: 300px;
}

.popular-stories-small {
  display: -ms-grid;
  display: grid;
  margin-bottom: 14px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.popular-story-small {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.popular-story-image {
  width: 22%;
  min-height: 86px;
  border-radius: 5px;
  background-size: cover;
}

.popular-story-small-content {
  padding-left: 12px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.popular-item-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.story-promos {
  display: -ms-grid;
  display: grid;
  margin-bottom: 14px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.alert-story-text {
  margin-bottom: 23px;
  opacity: 0.5;
}

.ad-big-stories {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 23px 13px 13px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  background-color: #fafafa;
  background-image: none;
}

.ad-popular-col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.ad-popular-col-2 {
  padding-left: 18px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.ad-big-label {
  color: #555;
  font-size: 0.75rem;
  line-height: 1rem;
}

.ad-big-label-2 {
  font-family: 'DM Serif Display', sans-serif;
  color: #242424;
  font-size: 1.5625rem;
  line-height: 2.1875rem;
}

.ad-big-heading {
  margin-bottom: 5px;
  color: #242424;
  font-size: 1.125rem;
  line-height: 1.4375rem;
  font-weight: 500;
}

.ad-big-text {
  color: #242424;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}

.cover-stories {
  padding-top: 4px;
  padding-bottom: 24px;
}

.cover-story-items {
  display: -ms-grid;
  display: grid;
  margin-top: 18px;
  margin-bottom: 26px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.cover-story-image {
  height: 290px;
  margin-bottom: 16px;
  border-radius: 5px;
  box-shadow: 0 23px 33px -16px rgba(64, 72, 83, 0.32);
  background-size: cover;
}

.cover-story-title {
  background-image: none;
  color: #242424;
  font-size: 1.125rem;
  line-height: 1.4375rem;
  font-weight: 500;
}

.see-also-dark-mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.events-timeline {
  margin-top: 41px;
  padding-bottom: 17px;
}

.events-main-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.events-heading {
  margin-bottom: 0px;
  font-size: 2.625rem;
  line-height: 3.375rem;
}

.events-heading.music-heading {
  line-height: 2.8rem;
  text-align: center;
}

.event-time-carousel {
  min-height: 100px;
  margin-top: 26px;
  margin-bottom: 45px;
  padding: 14px 0px;
}

.event-date-span {
  font-size: 1.5625rem;
  line-height: 2.0625rem;
  font-weight: 500;
}

.event-time-date {
  font-size: 1.125rem;
  line-height: 1.4375rem;
}

.event-time-image {
  height: 222px;
  margin-top: 18px;
  margin-bottom: 5px;
  padding-top: 0px;
  border-radius: 5px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png');
  background-position: 50% 50%;
  background-size: cover;
}

.event-time-image.music-time-image {
  width: 100%;
  border: 1px solid #828282;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.event-time-image.music-time-image:hover {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.06);
}

.event-time-title {
  display: inline-block;
  margin-bottom: 6px;
  padding-right: 0px;
  background-image: none;
  color: #242424;
  font-size: 1.125rem;
  line-height: 1.4375rem;
}

.event-time-link {
  display: block;
  padding-right: 0px;
  background-image: none;
}

.event-time-arrow {
  width: 18px;
  height: 18px;
  background-image: url('../images/arrow-red_1.svg');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.event-time-content.event-music {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.best-bets-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.your-week {
  padding-top: 14px;
  padding-bottom: 14px;
}

.your-week.contests-mobile {
  display: none;
}

.your-week-snippet {
  margin-top: 11px;
  opacity: 0.6;
  color: #242424;
  font-size: 0.875rem;
  line-height: 1rem;
}

.alerts-events {
  padding-top: 11px;
  padding-bottom: 23px;
}

.flickity-your-week {
  display: none;
}

.hero-category {
  padding-bottom: 36px;
}

.story-category-col-1 {
  max-width: 500px;
  padding-top: 41px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.story-category-col-2 {
  padding-top: 59px;
  padding-left: 42px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.story-cat-title {
  font-family: 'DM Serif Display', sans-serif;
  font-size: 1.5625rem;
  line-height: 1.875rem;
  text-align: right;
}

.story-cat-heading {
  font-size: 2.625rem;
  line-height: 2.8rem;
  text-align: right;
}

.story-slide-heading {
  margin-top: 0px;
  margin-bottom: 5px;
  font-family: 'DM Sans', sans-serif;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  font-weight: 500;
}

.story-slide-text {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.3rem;
}

.story-cat-latest {
  display: -ms-grid;
  display: grid;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.story-cat-latest.latest-contest {
  grid-auto-flow: row;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.latest-cat-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.story-latest-heading {
  display: inline-block;
  margin-bottom: 8px;
  padding-right: 0px;
  background-image: none;
  color: #242424;
  font-weight: 500;
}

.page-dots-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.page-dot {
  width: 16px;
  height: 16px;
  margin-right: 3px;
  margin-left: 3px;
  border-radius: 50%;
  background-color: #000;
}

.page-dot.dot-active {
  background-color: #f44336;
  box-shadow: 0 0 0 3px rgba(244, 67, 54, 0.19);
}

.musician-name {
  margin-top: 4px;
  margin-bottom: 8px;
  padding: 5px 9px 5px 26px;
  border-radius: 50px;
  background-color: #000;
  background-image: url('../images/musician.svg');
  background-position: 6px 50%;
  background-size: 16px;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.sponsored-ad {
  overflow: hidden;
  padding-top: 31px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 98%, 0)), to(#e6e6e6)), url('../images/bg-sponsored.jpg');
  background-image: linear-gradient(180deg, hsla(0, 0%, 98%, 0), #e6e6e6), url('../images/bg-sponsored.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, 1440px;
  background-repeat: repeat, no-repeat;
}

.ad-wrapper {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  /*padding-right: 19px;
  padding-left: 19px;*/
}

.sponsored-ad-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 278px;
  padding-right: 0px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px 5px 0px 0px;
}

.live-five {
  overflow: hidden;
  padding-top: 24px;
  padding-bottom: 24px;
}

.live-five-col-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.live-five-col-2 {
  padding-top: 54px;
  padding-left: 40px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.live-five-col-2.of-note-col-2 {
  padding-top: 0px;
  padding-left: 24px;
}

.live-five-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 14px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.music-videos {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100%;
  padding: 19px 20px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #e7bdd3;
}

.music-videos-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.band-name {
  color: #664255;
  font-size: 1.625rem;
  line-height: 2.125rem;
}

.blurt {
  padding-top: 19px;
  padding-bottom: 19px;
}

.classical-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 555px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.classical-item {
  width: 48%;
  padding-right: 0px;
  background-image: none;
}

.classical-item-image {
  height: 220px;
  margin-bottom: 22px;
  border: 1px solid #fff;
  border-radius: 5px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png');
  background-position: 50% 50%;
  background-size: cover;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.classical-item-image:hover {
  box-shadow: 0 0 0 4px hsla(0, 0%, 100%, 0.32);
}

.classical-item-title {
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 500;
}

.classical-item-text {
  color: hsla(0, 0%, 100%, 0.75);
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.listen-bands {
  padding-top: 27px;
  padding-bottom: 5px;
}

.music-vinyls {
  margin-top: 20px;
  margin-bottom: 40px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.band-image {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 275px;
  height: 275px;
  margin-bottom: 6px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.32)), to(rgba(0, 0, 0, 0.81)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.81));
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.play-band {
  width: 100px;
  height: 100px;
  background-image: url('../images/play-vinyl.svg');
  background-size: 98px;
}

.band-name-title {
  font-family: 'DM Serif Display', sans-serif;
  font-size: 1.625rem;
  line-height: 2.25rem;
  text-align: center;
}

.band-link {
  padding-right: 0px;
  background-image: none;
  text-align: center;
}

.band-top {
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
}

.musician-interviews {
  padding-top: 2px;
  padding-bottom: 14px;
}

.breaking-news-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.button-music-news-mobile {
  display: none;
}

.breaking-news-buttons {
  display: none;
}

.food {
  overflow: hidden;
  padding-top: 19px;
  padding-bottom: 19px;
}

.food-col-1 {
  width: 100%;
  max-width: 338px;
  min-height: 100px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.food-col-2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 22px;
  padding-bottom: 75px;
  padding-left: 46px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.restaurant-heading {
  margin-bottom: 37px;
  font-size: 2.625rem;
  line-height: 2.8rem;
}

.restaurant-link {
  display: inline-block;
  margin-top: 6px;
  padding-right: 0px;
  padding-left: 9px;
  background-image: none;
  font-size: 1.1rem;
}

.wrapper-food {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.food-item {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 260px;
  min-height: 100px;
  margin-right: 15px;
  padding-right: 0px;
  border: 1px solid #eee;
  border-radius: 5px;
  background-color: #fff;
  background-image: none;
  box-shadow: 16px 16px 40px -12px rgba(51, 59, 68, 0.19);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #242424;
}

.food-item:hover {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.14), 16px 16px 40px -12px rgba(51, 59, 68, 0.19);
}

.food-item.food-first {
  margin-bottom: 71px;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.food-item.restaurant-item {
  width: 100%;
  margin-right: 0px;
  box-shadow: none;
}

.place-image {
  height: 195px;
  margin-bottom: 12px;
}

.place-image.food-image {
  height: 150px;
  background-size: cover;
}

.place-content {
  padding-right: 13px;
  padding-bottom: 18px;
  padding-left: 13px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.place-name {
  margin-bottom: 0px;
  padding-right: 0px;
  background-image: none;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  font-family: 'Droid Serif', serif;
  color: #000;
  font-size: 1.375rem;
  line-height: 1.875rem;
}

.place-name:hover {
  color: #f44336;
}

.place-mark {
  margin-bottom: 8px;
  padding-left: 21px;
  background-image: url('../images/location-mark.svg');
  background-position: 0% 3%;
  background-size: 16px;
  background-repeat: no-repeat;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.place-type {
  display: inline-block;
  margin-top: 3px;
  margin-bottom: 14px;
  padding: 2px 10px;
  border-radius: 50px;
  background-color: #000;
  background-image: none;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
}

.place-type:hover {
  background-color: #f44336;
}

.place-type.event-type {
  margin-right: 5px;
  margin-bottom: 3px;
}

.place-text {
  margin-bottom: 0px;
  color: rgba(36, 36, 36, 0.72);
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.place-span {
  width: 423px;
  height: 447px;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  background-image: url('../images/bg-place.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.tin-fork {
  overflow: hidden;
  padding-top: 24px;
  padding-bottom: 24px;
}

.feast {
  padding-top: 32px;
  padding-bottom: 32px;
}

.pour-over {
  padding-top: 19px;
  padding-bottom: 19px;
}

.set-up {
  padding-top: 20px;
  padding-bottom: 20px;
}

.setup-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  padding-bottom: 31px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.food-image-mobile {
  display: none;
}

.feast-mobile {
  display: none;
}

.pour-over-m {
  display: none;
}

.set-up-m {
  display: none;
}

.beer-news-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.container {
  max-width: 1096px;
  min-height: 100px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 24px;
  padding-left: 24px;
}

.container.submit-event {
  display: -ms-grid;
  display: grid;
  padding: 24px 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 101px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.container.wrapper-submit-event {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 780px;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container.feedback-wrapper {
  display: -ms-grid;
  display: grid;
  padding-top: 27px;
  padding-bottom: 24px;
  grid-auto-columns: 1fr;
  grid-column-gap: 48px;
  grid-row-gap: 16px;
  -ms-grid-columns: 0.75fr 1fr;
  grid-template-columns: 0.75fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.container.container-alt {
  padding-top: 33px;
}

.container.all-contests {
  padding-bottom: 21px;
}

.submit-col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.submit-col-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 75px;
  padding-bottom: 75px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #b3b3b3;
  border-radius: 5px;
}

.submit-col-2.connect-col {
  position: relative;
  margin-left: 16px;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-style: none;
  border-width: 0px;
}

.account-form {
  margin-top: 32px;
  margin-bottom: 28px;
}

.social-connect {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.connect-heading {
  max-width: 260px;
  text-align: center;
}

.button-social {
  margin-bottom: 10px;
  padding-right: 18px;
  padding-left: 40px;
  border: 1px solid #000;
  border-radius: 5px;
  background-color: transparent;
  background-position: 10px 50%;
  background-size: 18px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #000;
}

.button-social:hover {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.13);
}

.button-social.facebook-button {
  background-image: url('../images/facebook.svg');
  background-repeat: no-repeat;
}

.button-social.twitter-button {
  background-image: url('../images/twitter.svg');
  background-repeat: no-repeat;
}

.button-social.google-button {
  background-image: url('../images/google.svg');
  background-repeat: no-repeat;
}

.comment-input-wrapper {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 95;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 17px;
  padding-bottom: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 98%, 0)), to(#fff));
  background-image: linear-gradient(180deg, hsla(0, 0%, 98%, 0), #fff);
}

.signin-comment-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 700px;
  min-height: 100px;
  margin-right: auto;
  margin-left: auto;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-style: solid solid none;
  border-width: 1px 1px 0px;
  border-color: #7c7c7c;
  border-radius: 5px 5px 0px 0px;
  background-color: #fff;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.18);
}

.tab-account {
  margin-right: 5px;
  padding-right: 18px;
  padding-left: 18px;
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  border-radius: 5px;
  background-color: transparent;
  background-image: none;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  font-size: 1.125rem;
  line-height: 1.125rem;
}

.tab-account.w--current {
  background-color: #000;
  color: #fff;
}

.tabs-menu-2 {
  margin-bottom: 16px;
}

.account-hint {
  margin-bottom: 13px;
}

.account-hint.hint-feedback {
  text-align: right;
}

.heading-comment {
  margin-bottom: 16px;
}

.cancel-comment {
  position: absolute;
  left: auto;
  top: 12px;
  right: 12px;
  bottom: auto;
  color: #f44336;
}

.comment-signin {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.comment-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.form-comment {
  width: 100%;
}

.form-block {
  width: 100%;
}

.comment-box-formats {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.format-icon {
  width: 32px;
  height: 32px;
  margin-bottom: 0px;
  border-radius: 5px;
  background-color: transparent;
  background-image: url('../images/bold.svg');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  cursor: pointer;
}

.format-icon:hover {
  background-color: rgba(0, 0, 0, 0.07);
}

.format-icon.italic {
  background-image: url('../images/italic.svg');
}

.format-icon.link {
  background-image: url('../images/link.svg');
}

.format-icon.quote {
  background-image: url('../images/quote.svg');
}

.format-icon.number-list {
  background-image: url('../images/number-list.svg');
}

.format-icon.list {
  background-image: url('../images/list.svg');
}

.format-icon.help {
  background-image: url('../images/help.svg');
}

.format-options {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.latest-comments-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 13px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.filter-drop {
  width: 100%;
}

.dropdown-toggle-3 {
  width: 100%;
  padding: 6px 20px 6px 6px;
}

.icon-2 {
  margin-right: 3px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.dropdown-list-2 {
  border-radius: 5px;
}

.dropdown-list-2.w--open {
  left: 222px;
  top: auto;
  right: auto;
  bottom: 0%;
  display: block;
  overflow: auto;
  max-height: 200px;
  padding: 7px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border: 1px solid #000;
  background-color: #fff;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.23);
}

.dropdown-link-2 {
  padding: 7px 0px;
  background-image: none;
}

.email-news {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  padding-right: 11px;
  padding-left: 11px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #fff;
}

.news-label {
  margin-bottom: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.text-field-2 {
  margin-bottom: 0px;
  padding-right: 0px;
  padding-left: 9px;
  border: 0px none #000;
  background-color: transparent;
}

.form-block-2 {
  width: 100%;
}

.checkbox {
  width: 16px;
  height: 16px;
  margin-top: 0px;
  margin-right: 8px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-width: 2px;
  border-color: #0f282c;
  border-radius: 5px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.checkbox:active {
  background-color: #0f282c;
}

.checkbox.w--redirected-checked {
  width: 16px;
  height: 16px;
  margin-top: 0px;
  border-width: 1px;
  border-color: #0f282c;
  background-color: #0f282c;
  background-image: none;
  box-shadow: 0 0 0 2px rgba(15, 40, 44, 0.31);
}

.checkbox.check-white {
  border-color: #fff;
}

.checkbox.check-white.w--redirected-checked {
  background-color: hsla(0, 0%, 100%, 0.66);
}

.checkbox-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 9px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #0f282c;
}

.checkbox-field.checkout-subcategory {
  margin-top: 10px;
  margin-bottom: 10px;
}

.checkbox-field.checkbox-recurring {
  padding-top: 19px;
  padding-left: 33px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.checkbox-field.checkbox-variant {
  margin-right: 10px;
}

.checkbox-field.checkbox-search-3 {
  margin-bottom: 0px;
}

.checkbox-label-2 {
  font-size: 0.9rem;
  line-height: 1.1rem;
}

.checkbox-label-2.checkbox-label-2 {
  font-size: 0.9rem;
}

.checkbox-label-2.checkbox-label-3 {
  font-size: 1rem;
}

.checkbox-label-2.label-white {
  color: #fff;
}

.food-results {
  display: -ms-grid;
  display: grid;
  width: 100%;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.cuisine-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 4px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cuisine {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 7px;
  padding-right: 6px;
  padding-left: 6px;
  border-radius: 5px;
  background-color: #fff1f1;
  background-image: none;
}

.restaurants-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 26px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.restaurants-top-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.restaurant-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 13px;
  padding-bottom: 14px;
  padding-left: 13px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.food-filter-mobile {
  display: none;
}

.food-filter-wrapper {
  display: none;
}

.hasdatepicker {
  margin-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  border: 0px none #000;
  background-color: transparent;
}

.short-width {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.events-date {
  width: 100%;
  padding-top: 18px;
  padding-bottom: 32px;
  border-top: 1px solid #cecbcb;
}

.events-date.writers-cats {
  padding-top: 0px;
}

.events-date.bar-events {
  padding-bottom: 15px;
}

.events-day {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.event-filters {
  position: static;
  left: auto;
  top: auto;
  right: 10px;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 11px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.event-single-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.event-form-wrapper {
  width: 100%;
}

.event-form.restaurant-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.required-field-text {
  margin-bottom: 14px;
  padding-left: 13px;
  background-image: url('../images/required.svg');
  background-position: 0% 50%;
  background-size: 7px;
  background-repeat: no-repeat;
  color: #ed4639;
  font-weight: 500;
}

.text-area {
  min-height: 150px;
  margin-bottom: 0px;
  padding-top: 12px;
  padding-right: 10px;
  padding-left: 10px;
  border: 0px none #000;
  background-color: transparent;
}

.event_times-fieldset {
  width: 100%;
  padding-top: 17px;
  padding-bottom: 13px;
  padding-left: 12px;
}

.event_times-fieldset.fieldset-time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 3px;
  padding-right: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.form-event-date-label {
  font-size: 0.9rem;
  line-height: 1rem;
  font-weight: 500;
}

.event-date-line {
  width: 100%;
  height: 1px;
  margin-top: 6px;
  margin-bottom: 6px;
  background-color: #000;
  opacity: 0.39;
}

.row-date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 9px;
  padding-top: 12px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #ebebeb;
}

.row-date.row-second {
  padding-top: 23px;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  border-top: 1px solid #afafaf;
}

.row-date.row-flex {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.select {
  display: block;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  border: 0px none #000;
  background-color: transparent;
}

.select.select-time {
  width: 59px;
  padding-right: 0px;
}

.select.age-select {
  max-width: 160px;
}

.delete-button {
  width: 24px;
  height: 24px;
  margin-right: 7px;
  padding-right: 0px;
  background-image: url('../images/icons8-delete-bin.svg');
  background-position: 50% 0%;
  background-size: 20px;
}

.button-form {
  padding: 3px 8px;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  border-radius: 5px;
  background-color: #f44336;
  background-image: none;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
}

.button-form:hover {
  box-shadow: 0 0 0 3px rgba(244, 67, 54, 0.26);
}

.button-form.button-cats {
  margin-top: 12px;
}

.button-form.button-cats.button-last {
  margin-left: 11px;
  float: right;
}

.row-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.number-input {
  margin-right: 7px;
  margin-bottom: 0px;
  margin-left: 7px;
  border-style: solid;
  border-width: 1px;
  border-color: #cfcfcf;
  border-radius: 5px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.number-input:focus {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.text-block-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.hint-form {
  margin-bottom: 0px;
  color: rgba(36, 36, 36, 0.77);
  font-size: 0.85rem;
  line-height: 1.1rem;
}

.form-cats-row {
  display: -ms-grid;
  display: grid;
  margin-top: 13px;
  padding-top: 15px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.form-cats-col {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.form-cat-items {
  overflow: hidden;
  padding-top: 0px;
  padding-bottom: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: #959595;
  border-radius: 5px;
}

.select-multiple {
  min-height: 200px;
  margin-bottom: 0px;
  padding: 9px;
  border: 0px none #000;
  background-color: transparent;
}

.select-multiple.multiple-selected {
  min-height: 260px;
}

.cat-form-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.special-text {
  margin-bottom: 0px;
  font-size: 0.9rem;
  line-height: 1.2rem;
}

.special-label {
  display: inline-block;
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 5px;
  padding-right: 5px;
  padding-left: 5px;
  border-radius: 7px;
  background-color: #707070;
  color: #fff;
}

.special-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.feedback-col-2 {
  padding-top: 15px;
}

.latest-feedback {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.about-wrapper {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 27px;
}

.about-wrapper.privacy-wrapper {
  max-width: 700px;
}

.about-paragraph {
  -webkit-column-count: 2;
  column-count: 2;
}

.images-about {
  display: -ms-grid;
  display: grid;
  padding-top: 18px;
  padding-bottom: 27px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.about-image {
  width: 100%;
  min-height: 220px;
  margin-bottom: 14px;
  padding-right: 0px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png');
  background-position: 50% 50%;
  background-size: cover;
}

.about-image-caption {
  line-height: 1.4rem;
  font-weight: 500;
}

.contact-us-top {
  display: -ms-grid;
  display: grid;
  max-width: 890px;
  margin-top: 14px;
  margin-right: auto;
  margin-left: auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.contact-item {
  padding: 17px;
  border-style: solid;
  border-width: 1px;
  border-color: #949494;
  border-radius: 5px;
  background-color: #fff;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.contact-item:hover {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}

.contact-office {
  margin-bottom: 14px;
}

.title-contect {
  margin-bottom: 11px;
}

.int-item {
  display: inline-block;
  padding-right: 0px;
  background-image: none;
  font-size: 1.2rem;
  font-weight: 700;
}

.item-contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 14px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.contact-item-label {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 4px;
  padding-right: 8px;
  padding-left: 8px;
  border-radius: 50px;
  background-color: #e4e4e4;
  background-image: none;
  color: #4b4b4b;
}

.staff-title {
  margin-bottom: 7px;
}

.submit-text {
  margin-bottom: 4px;
}

.contact-bottom {
  max-width: 890px;
  margin-top: 23px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 21px;
  padding-left: 21px;
}

.contact-bottom.form-bottom {
  max-width: 740px;
}

.option-big-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
  padding-top: 7px;
  padding-right: 7px;
  padding-left: 7px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #b3b3b3;
  border-radius: 5px;
}

.option-big-field.option-full {
  display: block;
  margin-bottom: 18px;
}

.options-large {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.option-item {
  display: inline-block;
  margin-right: 7px;
  margin-bottom: 7px;
  padding: 6px 11px;
  border-radius: 50px;
  background-color: #d8d8d8;
  background-image: none;
  color: #474747;
}

.option-item.option-item-active {
  background-color: #000;
  color: #fff;
}

.label-option-full.required-label {
  padding-left: 10px;
  background-image: url('../images/required.svg');
  background-position: 0% 50%;
  background-size: 6px;
  background-repeat: no-repeat;
}

.archieves-top-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.info-archives {
  display: flex;
  padding: 13px;
  margin-bottom: 40px;
  border-radius: 5px;
  background-color: #ffeeed;
}

.info-archives .button {
  align-self: center;
  min-width: 135px;
  margin-left: 20px;
}

.archives-results {
  position: relative;
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.archives-results.theater-results {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}

.archive-item {
  position: relative;
  overflow: hidden;
  padding-right: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: #727272;
  border-radius: 5px;
  background-color: #fff;
  background-image: none;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #000;
}

.archive-item:hover {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.11);
}

.archive-item-photo {
  width: 100%;
  min-height: 260px;
  padding-right: 0px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png');
  background-position: 50% 50%;
  background-size: cover;
}

.archive-item-content {
  padding: 8px 13px 17px;
}

.lightbox {
  position: absolute;
  left: auto;
  top: 11px;
  right: 8px;
  bottom: auto;
  width: 32px;
  height: 32px;
  padding-right: 0px;
  border-radius: 50%;
  background-color: #000;
  background-image: url('../images/search-light.svg');
  background-position: 50% 50%;
  background-size: 18px;
  background-repeat: no-repeat;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.lightbox:hover {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.25);
}

.writer {
  padding: 14px;
  border-style: solid;
  border-width: 1px;
  border-color: #6d6d6d;
  border-radius: 5px;
  background-color: #fff;
  background-image: none;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #000;
  font-weight: 500;
}

.writer:hover {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.13);
  color: #f44336;
}

.writers-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  padding-bottom: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.writers-count {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #000;
  color: #fff;
  font-weight: 700;
  text-align: center;
}

.writers-heading {
  margin-right: 8px;
  margin-bottom: 0px;
}

.theater-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-style: solid;
  border-width: 1px;
  border-color: #636363;
  border-radius: 5px;
  background-color: #fff;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #000;
}

.theater-item:hover {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);
}

.theater-item.music-show {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.theater-item-title {
  display: inline-block;
  margin-bottom: 10px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  background-image: none;
  font-size: 1.1rem;
  line-height: 1.2rem;
  font-weight: 500;
}

.theater-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  padding: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 5px;
  background-color: #f1f1f1;
}

.theater-link-item-1 {
  padding-right: 0px;
  padding-left: 0px;
  background-image: none;
  font-size: 0.9rem;
  line-height: 1.2rem;
  font-weight: 500;
}

.theater-link-item-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.movie-listings-header {
  background-color: #13151e;
}

.movie-listings {
  padding-top: 32px;
  background-color: #13151e;
}

.find-showtimes-head {
  margin-bottom: 0px;
  color: #fff;
  text-align: center;
}

.find-showtimes-wrapper {
  padding: 19px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(255, 253, 253, 0.3);
  border-radius: 5px;
  background-color: hsla(0, 0%, 100%, 0.02);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.showtimes-tab {
  margin-right: 10px;
  padding-right: 16px;
  padding-left: 16px;
  border-radius: 50px;
  background-color: hsla(0, 0%, 100%, 0.22);
  background-image: none;
  color: #fff;
  font-weight: 500;
}

.showtimes-tab.w--current {
  background-color: #ee4439;
}

.tabs-menu-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.showtimes-days {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.showtimes-day {
  display: inline-block;
  margin-right: 7px;
  padding: 4px 8px;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  border-radius: 5px;
  background-color: hsla(0, 0%, 100%, 0.04);
  background-image: none;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
}

.showtimes-day:hover {
  background-color: hsla(0, 0%, 100%, 0.18);
  box-shadow: 0 0 0 3px hsla(0, 0%, 100%, 0.34);
}

.showtimes-day.titles {
  margin-bottom: 8px;
}

.showtimes-theaters {
  display: -ms-grid;
  display: grid;
  padding: 7px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.showtimes-theater {
  padding: 13px;
  border-style: solid;
  border-width: 1px;
  border-color: #b4b4b4;
  border-radius: 5px;
  background-color: hsla(0, 0%, 100%, 0.01);
  background-image: none;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: hsla(0, 0%, 100%, 0.72);
}

.showtimes-theater:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
  box-shadow: 0 0 0 3px hsla(0, 0%, 100%, 0.24);
}

.showtimes-theater.rated-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.theater-title {
  margin-bottom: 4px;
  color: #fff;
  font-size: 1rem;
  line-height: 1.3rem;
  font-weight: 500;
}

.showtimes-titles {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 3px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.showtimes-trailers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 6px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.see-showtimes {
  display: inline-block;
  padding-right: 0px;
  background-image: none;
  opacity: 0.67;
  color: #fff;
}

.see-showtimes:hover {
  opacity: 1;
}

.showtimes-rating {
  display: -ms-grid;
  display: grid;
  padding: 6px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.movie-ratings {
  display: inline-block;
  margin-top: 4px;
  margin-bottom: 4px;
  padding-right: 8px;
  padding-left: 8px;
  border-radius: 5px;
  background-color: hsla(0, 0%, 100%, 0.09);
  background-image: none;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
}

.movie-ratings:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}

.rated-icon {
  width: 24px;
  height: 24px;
  background-image: url('../images/icons8-bomb-with-burning-wick-30.png');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
}

.bomb-icon {
  width: 17px;
  height: 19px;
  margin-right: 4px;
  background-image: url('../images/icons8-bomb.svg');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.movie-listing-results {
  margin-top: 27px;
  padding-top: 0px;
  padding-bottom: 7px;
}

.movie-listings-date {
  margin-bottom: 13px;
  color: #fff;
}

.movie-listing-channel {
  display: inline-block;
  padding-right: 0px;
  background-image: none;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.5rem;
}

.movie-listing-place {
  color: hsla(0, 0%, 100%, 0.66);
}

.channel-wrapper {
  margin-bottom: 12px;
  padding: 12px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.34);
  border-radius: 5px;
  background-color: hsla(0, 0%, 100%, 0);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.channel-wrapper:hover {
  border-color: hsla(0, 0%, 100%, 0.54);
  background-color: hsla(0, 0%, 100%, 0.07);
  box-shadow: 0 0 0 3px hsla(0, 0%, 100%, 0.2);
}

.showtime-items {
  display: -ms-grid;
  display: grid;
  margin-top: 17px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.showtime-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 273px;
  padding: 11px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(12, 14, 24, 0.76))), url('https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(12, 14, 24, 0.76)), url('https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.showtime-item.movie-show-item {
  background-color: #686868;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(12, 14, 24, 0.76)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(12, 14, 24, 0.76));
}

.show-item-title {
  display: inline-block;
  padding-right: 0px;
  background-image: none;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}

.show-item-duration {
  margin-bottom: 3px;
  color: hsla(0, 0%, 100%, 0.83);
  line-height: 1.3rem;
}

.show-item-duration.show-item {
  position: absolute;
  left: 10px;
  top: 10px;
  right: auto;
  bottom: auto;
  color: #fff;
  font-size: 0.9rem;
}

.watch-trailer {
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 50px;
  background-color: rgba(0, 0, 0, 0.55);
  background-image: none;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
}

.watch-trailer:hover {
  background-color: #ed4439;
}

.showtime-date-wrapper {
  padding-top: 13px;
  border-top: 1px dashed hsla(0, 0%, 100%, 0.35);
}

.contest-header {
  padding-bottom: 32px;
}

.div-block-2 {
  padding-top: 36px;
}

.contests-wrapper {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.contest-item {
  position: relative;
  padding: 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #a8a8a8;
  border-radius: 5px;
  background-color: #fff;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.contest-item:hover {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);
}

.contest-item-image {
  position: relative;
  width: 300px;
  height: 163px;
  margin-bottom: 15px;
  border-radius: 5px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png');
  background-position: 50% 50%;
  background-size: cover;
}

.contest-item-title {
  display: inline-block;
  margin-bottom: 8px;
  background-image: none;
  font-family: 'DM Serif Display', sans-serif;
  color: #000;
  font-size: 1.3rem;
}

.contest-item-text {
  font-size: 0.9rem;
  line-height: 1.4rem;
}

.music-show-item {
  margin-bottom: 0px;
  padding-top: 3px;
  padding-right: 0px;
  padding-bottom: 3px;
  background-image: none;
  color: #000;
}

.music-show-label {
  display: inline-block;
  margin-right: 7px;
  padding-right: 6px;
  padding-left: 6px;
  border-radius: 5px;
  background-color: #2c2c2c;
  color: #fff;
}

.art-item-location {
  margin-bottom: 5px;
  font-size: 0.9rem;
  line-height: 1.4rem;
}

.bar-event-text {
  margin-bottom: 12px;
  font-size: 0.9rem;
  line-height: 1.3rem;
}

.bar-event-region {
  display: inline-block;
  margin-bottom: 9px;
  padding-right: 8px;
  padding-left: 8px;
  border-radius: 5px;
  background-color: #e4e4e4;
}

.movie-poster {
  width: 300px;
  height: 450px;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  border-radius: 5px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png');
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: 0 0 38px -10px #fff;
}

.movie-about {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.movie-top {
  margin-bottom: 15px;
}

.movie-title-main {
  margin-bottom: 11px;
  color: #fff;
  font-size: 3.1rem;
  line-height: 3.4rem;
}

.movie-links {
  display: inline-block;
  margin-right: 7px;
  padding: 4px 7px;
  border: 1px solid #fff;
  border-radius: 5px;
  background-color: hsla(0, 0%, 100%, 0.09);
  background-image: none;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
}

.movie-links:hover {
  background-color: hsla(0, 0%, 100%, 0.22);
  box-shadow: 0 0 0 3px hsla(0, 0%, 100%, 0.17);
}

.movie-info {
  color: hsla(0, 0%, 100%, 0.73);
  font-size: 0.9rem;
  line-height: 1.4rem;
}

.movie-rated {
  display: inline-block;
  margin-bottom: 34px;
  padding: 3px 9px;
  border-radius: 50px;
  background-color: #fff;
}

.movie-times {
  padding-top: 26px;
  padding-bottom: 26px;
  background-color: #13151e;
}

.head-showtimes {
  margin-bottom: 15px;
  color: #fff;
  font-size: 2.2rem;
  text-align: center;
}

.movie-showtime {
  color: #fff;
  font-size: 1.2rem;
}

.restaurant {
  min-height: 620px;
  padding-bottom: 60px;
  background-color: #101118;
  background-image: url('../images/restaurant-bg.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.wrapper-restaurant {
  max-width: 700px;
  margin-top: 76px;
  margin-right: auto;
  margin-left: auto;
}

.restaurant-name {
  margin-bottom: 6px;
  color: #fff;
  font-size: 3.2rem;
  line-height: 3.6rem;
  text-align: center;
}

.restaurant-image {
  width: 210px;
  height: 158px;
  margin-right: auto;
  margin-bottom: 18px;
  margin-left: auto;
  border-radius: 5px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png');
  background-position: 50% 50%;
  background-size: cover;
}

.restaurant-directions {
  color: #fff;
  text-align: center;
}

.restaurant-directions.place-phone {
  margin-bottom: 7px;
  font-size: 1.4rem;
  line-height: 2rem;
}

.place-description {
  max-width: 400px;
  margin-top: 17px;
  margin-right: auto;
  margin-left: auto;
  color: hsla(0, 0%, 100%, 0.69);
}

.place-addtional {
  padding-top: 13px;
  padding-bottom: 66px;
  background-color: #13161f;
}

.addtional-info {
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
}

.addtional-info-title {
  color: #fff;
}

.additional-info-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #cfcfcf;
  color: hsla(0, 0%, 100%, 0.61);
}

.class-item-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.package-selector {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 44px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.class-submit-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  padding-bottom: 46px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 2.25fr 1fr;
  grid-template-columns: 2.25fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.package-item {
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: grey;
  border-radius: 5px;
  background-color: #fff;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.package-item:hover {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.14);
}

.package-items {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.radio-button-field {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.package-item-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.package-item-features {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.package-item-feature {
  display: inline-block;
  margin-left: 6px;
  padding-right: 8px;
  padding-left: 8px;
  border-radius: 50px;
  background-color: #000;
  color: #fff;
}

.package-item-text {
  margin-top: 7px;
  margin-bottom: 0px;
  padding-left: 25px;
  font-size: 0.9rem;
  line-height: 1.4rem;
}

.package-item-addtional {
  margin-top: 14px;
}

.package-item-line {
  width: 100%;
  height: 1px;
  background-color: #a3a3a3;
}

.checkbox-package {
  margin-top: 5px;
}

.radio-package {
  width: 18px;
  height: 18px;
  margin-top: 5px;
  margin-left: -24px;
  border-width: 2px;
  border-color: #000;
  border-radius: 5px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.radio-package:hover {
  background-color: #d8d8d8;
}

.radio-package.w--redirected-checked {
  width: 18px;
  height: 18px;
  border-width: 2px;
  border-color: #000;
  border-radius: 5px;
  background-color: #000;
}

.radio-button-label {
  margin-bottom: 0px;
  padding-left: 3px;
  font-size: 1.1rem;
  font-weight: 700;
}

.dropdown-alerts {
  padding: 0px 20px 0px 0px;
}

.dropdown-alerts-icon {
  margin-right: 0px;
}

.dropdown-wrapper-alerts.w--open {
  left: 0%;
  top: 47px;
  right: auto;
  bottom: auto;
  min-width: 310px;
  padding: 2px 7px 6px;
  border-style: solid;
  border-width: 1px;
  border-color: #bebebe;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.13);
}

.html-embed {
  position: relative;
  bottom: -13px;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 1px 10px 70px -20px rgba(61, 43, 53, 0.77);
}

.lightbox-link {
  padding-right: 0px;
}

.lightbox-link-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: none;
  color: #fff;
}

.lightbox-link-3 {
  padding-right: 0px;
  background-image: none;
}

.dropdown-cuisine {
  width: 100%;
  padding-top: 9px;
  padding-bottom: 7px;
  padding-left: 12px;
}

.checkbox-form-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  padding-left: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.agreement-label {
  line-height: 1.2rem;
}

.archives-wrapper {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: repeat(2, minmax(0, 1fr));
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.movie-archive-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 22px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-style: solid;
  border-width: 1px;
  border-color: #d1d1d1;
  border-radius: 5px;
  background-color: #fff;
}

.movie-archive-item.band-achieve-item {
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.movie-archive-cover {
  width: 102px;
  height: 150px;
  margin-right: 25px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png');
  background-position: 50% 50%;
  background-size: cover;
}

.movie-archive-title {
  margin-bottom: 8px;
}

.archive-date {
  display: inline-block;
  margin-left: 9px;
  padding-right: 7px;
  padding-left: 7px;
  border-radius: 50px;
  background-color: #777;
  color: #fff;
}

.archive-date.genre-item {
  margin-right: 9px;
  margin-bottom: 9px;
  margin-left: 0px;
}

.archive-title {
  display: inline-block;
  margin-bottom: 5px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  font-family: 'DM Serif Display', sans-serif;
  color: #000;
  font-size: 1.4rem;
}

.archive-title:hover {
  color: #f44335;
}

.archive-item-text {
  color: #757474;
  font-size: 0.9rem;
  line-height: 1.4rem;
}

.archive-item-rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.archive-item-stars {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-column-gap: 5px;
  grid-row-gap: 16px;
  grid-template-columns: 16px repeat(auto-fit, 16px);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}



.radio-restaurant {
  margin-right: 10px;
}

.band-genres {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: minmax(200px, 1fr) 1fr;
  grid-template-columns: minmax(200px, 1fr) 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.profile-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 9px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.profile-avatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 60px;
  height: 60px;
  margin-right: 6px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #eeb7d4;
}

.profile-avatar.avatar-user {
  position: relative;
  top: 31px;
  width: 120px;
  height: 120px;
  border-style: solid;
  border-width: 4px;
  border-color: #fff;
  background-color: #241f22;
  box-shadow: 3px 20px 34px -13px rgba(73, 39, 66, 0.33);
}

.profile-image {
  -o-object-fit: cover;
  object-fit: cover;
}

.profile-wrapper {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  padding: 27px 20px;
}

.dropdown-toggle-4 {
  padding: 0px;
}

.label-alerts {
  color: #f44335;
  font-size: 1.25rem;
  font-weight: 500;
}

.dropdown-list-3 {
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
}

.dropdown-list-3.w--open {
  top: 33px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-style: solid;
  border-width: 1px;
  border-color: #999;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
}

.dropdown-link-3 {
  margin-right: 0px;
  margin-left: 0px;
  padding: 8px;
}

.dropdown-2 {
  display: none;
}

.profile-link {
  display: inline-block;
  margin-right: 10px;
}

.profile-details {
  display: -ms-grid;
  display: grid;
  max-width: 500px;
  margin-top: 32px;
  margin-right: auto;
  margin-left: auto;
  padding: 20px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 6px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
  border-radius: 5px;
  background-color: #fff;
}

.profile-activity {
  display: inline-block;
  margin-left: 12px;
  padding-right: 8px;
  padding-left: 8px;
  border-radius: 50px;
  background-color: #f44336;
  color: #fff;
}

.user-wrapper {
  overflow: hidden;
  padding-bottom: 44px;
  border-style: solid;
  border-width: 1px;
  border-color: #bebebe;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 4px 20px 30px -15px rgba(43, 52, 68, 0.14);
}

.user-cover {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fadbec;
}

.user-details-wrapper {
  display: -ms-grid;
  display: grid;
  max-width: 680px;
  margin-right: auto;
  margin-left: auto;
  padding: 34px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.user-bio {
  max-width: 680px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 24px;
  border-top: 1px solid #ddd;
}

.user-bio-head {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  text-align: center;
}

.user-bio-text {
  margin-top: 10px;
  margin-bottom: 0px;
}

.user-profile-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 500px;
  margin: 41px auto 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.issue-img-small {
  overflow: hidden;
  width: 142px;
  height: 162px;
  margin-right: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
}

.issue-image-thumb {
  -o-object-fit: cover;
  object-fit: cover;
}

.issue-card-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.issue-archive-text {
  margin-bottom: 12px;
  opacity: 0.7;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #000;
  font-size: 0.9rem;
  line-height: 1.4rem;
  font-weight: 400;

  /* Prevent long words from breaking layout */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}

.issue-archive-text:hover {
  opacity: 1;
}

.find-travel-story {
  overflow: hidden;
  padding-top: 32px;
  padding-bottom: 0px;
  background-color: #f1f1f1;
}

.find-travel-wrapper {
  position: relative;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  padding: 16px 16px 23px;
  border-style: solid;
  border-width: 1px;
  border-color: #c4c4c4;
  border-radius: 5px 5px 0px 0px;
  background-color: #fff;
  box-shadow: 6px 60px 90px -15px rgba(47, 54, 70, 0.29);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.find-travel-wrapper:hover {
  border-color: #8d8d8d;
}

.travel-find-head {
  font-size: 1.7rem;
  text-align: center;
}

.travel-find-tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.travel-find-tab {
  margin-right: 1px;
  margin-left: 1px;
  padding: 6px 14px;
  border-radius: 50px;
  background-color: transparent;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.travel-find-tab:hover {
  background-color: #e9e9e9;
}

.travel-find-tab.w--current {
  border-radius: 50px;
  background-color: #f44336;
  color: #fff;
}

.travel-find-tab.w--current:hover {
  background-color: #e92f21;
}

.travel-area-wrapper {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 36px;
  grid-row-gap: 28px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.travel-area-item {
  margin-right: 40px;
  margin-bottom: 20px;
}

.travel-area-link-main {
  display: inline-block;
  padding-left: 6px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.travel-area-link-main:hover {
  color: #f44336;
}

.travel-area-list {
  display: -ms-grid;
  display: grid;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 3px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.travel-area-list-item {
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
  background-color: transparent;
  color: #000;
}

.area-link {
  display: inline-block;
  padding-right: 6px;
  padding-left: 6px;
  border-radius: 5px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #6d6d6d;
  line-height: 1.4rem;
}

.area-link:hover {
  background-color: #ececec;
}

.travel-type-wrapper {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column dense;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.list-popular {
  display: -ms-grid;
  display: grid;
  margin-bottom: 0px;
  padding-left: 0px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 6px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  list-style-type: decimal;
}

.popular-lists {
  display: -ms-grid;
  display: grid;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 70px 1fr;
  grid-template-columns: 70px 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  border-style: solid;
  border-width: 1px;
  border-color: #e2e2e2;
  border-radius: 5px;
  background-color: #fafafa;
  color: #242424;
  list-style-type: decimal;
}

.popular-thumb-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 70px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
}

.popular-thumb {
  -o-object-fit: cover;
  object-fit: cover;
}

.popular-content {
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  line-height: 1.3rem;
}

.travel-find-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.newsletter-span {
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #242424;
}

.newsletter-variant-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: minmax(auto, auto) 0.25fr;
  grid-template-columns: minmax(auto, auto) 0.25fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.search-grid-items {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 13px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.slider-link {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 88%;
  padding: 16px;
}

.travel-area-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.class-listing-wrapper {
  position: relative;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  padding: 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #b1b1b1;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 14px 14px 30px -10px rgba(30, 34, 48, 0.1);
}

.section {
  padding-top: 36px;
  padding-bottom: 36px;
}

.class-date {
  position: absolute;
  left: auto;
  top: 10px;
  right: 10px;
  bottom: auto;
  display: inline-block;
  padding-right: 6px;
  padding-left: 6px;
  border-radius: 5px;
  background-color: #e7e7e7;
}

.class-box {
  margin-top: 18px;
}

.price {
  font-size: 1.3rem;
  font-weight: 500;
}

.slider {
  margin-bottom: 10px;
  background-color: #c5c5c5;
}

.class-description {
  margin-top: 20px;
  margin-bottom: 0px;
}

.class-img-slider {
  height: 100%;
}

.class-slider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.contest-main-img {
  overflow: hidden;
  height: 360px;
  margin-top: 11px;
  border-radius: 5px;
}

.content-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.checkbox-contests {
  display: -ms-grid;
  display: grid;
  margin-bottom: 20px;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.flickity-class {
  position: relative;
  z-index: 3;
  width: 100%;
}

.desktop-only {
  display: block;
}

.mobile-only {
  display: none;
}

@media screen and (max-width: 991px) {
  .homepage-hero {
    padding-top: 96px;
    padding-bottom: 18px;
  }
  .inner-wrapper.hero-content {
    padding-right: 25px;
    padding-left: 25px;
  }
  .inner-wrapper.wrapper-category {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .nav-main-dark {
    display: none;
  }
  .button.btn-food-top {
    margin-top: 11px;
  }
  .dropdown-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .menu-tablet-label {
    padding-right: 21px;
  }
  .dropdown-link.link-menu-tablet {
    text-align: left;
  }
  .tooltip {
    display: none;
  }
  .wrapper-hero {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .hero-col-1 {
    /*display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;*/
    width: 70%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .hero-col-2 {
    padding-top: 15px;
    padding-left: 17px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .heading-jumbo-hero {
    font-size: 2.3rem;
    line-height: 2.6rem;
    text-align: left;
  }
  .slider-hero {
    margin-top: 15px;
  }
  .slider-hero.slider-story-cat {
    width: 100%;
    margin-top: 19px;
  }
  .latest-item.latest-item-story {
    max-width: none;
  }
  .slider-content {
    width: 87%;
  }
  .find-story-wrapper {
    display: none;
  }
  .features-cols {
    overflow: scroll;
    max-height: 400px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .button-link.button-authors.button-light-tablet {
    color: #fff;
  }
  .class-buttons.buttons-class-wide {
    display: none;
  }
  .heading-sections.heading-events {
    margin-bottom: 0px;
  }
  .concerts-slider {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .ad-concerts {
    display: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .concert-slide {
    width: 32%;
  }
  .events-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .events-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-bottom: 21px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .events-header.food-events-header {
    max-width: none;
  }
  .event-item {
    position: relative;
    padding-bottom: 9px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .event-item.event-item-single {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .event-item.issue-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .event-avatar {
    margin-bottom: 21px;
  }
  .event-content.event-content-single {
    padding-right: 20px;
  }
  .event-place {
    margin-bottom: 11px;
  }
  .event-time {
    position: absolute;
    left: auto;
    top: 16px;
    right: 16px;
    bottom: auto;
    margin-left: 0px;
  }
  .event-time.event-time-tablet {
    position: static;
  }
  .event-time.event-time-single {
    position: static;
  }
  .happy-hour-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .happy-col-1 {
    width: 100%;
  }
  .happy-col-2 {
    padding-top: 18px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .happy-ad-main {
    max-width: none;
    margin-bottom: -2px;
  }
  .places-wrapper {
    padding: 15px 15px 15px 21px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .movies-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .movies-col-2 {
    margin-top: 29px;
  }
  .movie-expert {
    margin-bottom: 29px;
  }
  .next-label {
    margin-bottom: 10px;
  }
  .featured-movies {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .movie-item.movie-item-last {
    display: block;
  }
  .movie-item.movie-item-second {
    display: block;
  }
  .movie-ad {
    display: block;
  }
  .search-box {
    display: none;
    padding-bottom: 6px;
  }
  .search-box.search-box-mobile {
    display: none;
  }
  .sticky-nav {
    display: none;
  }
  .find-story-sticky {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .find-story-sticky.find-story-tablet {
    position: fixed;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    z-index: 999;
    display: none;
    min-width: 0px;
  }
  .story-sticky-box {
    width: 90%;
  }
  .nav-tablet {
    position: fixed;
    top: 0px;
    z-index: 998;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 15px;
    padding: 14px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    box-shadow: 1px 1px 30px -10px rgba(0, 0, 0, 0.32);
  }
  .brand-tablet {
    display: block;
    width: 210px;
    height: 73px;
    margin: 14% auto 25px;
    padding-right: 0px;
    background-image: url('../images/san-diego-logo-dark.svg');
    background-position: 50% 50%;
    background-size: cover;
  }
  .brand-tablet.tablet-brand {
    margin-top: 0%;
  }
  .brand-tablet.brand-tablet-light {
    margin-top: 8%;
    background-image: url('../images/logo-light.svg');
  }
  .nav-tablet-left {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .menu-icon {
    width: 32px;
    height: 32px;
    background-image: url('../images/icons8-menu.svg');
    background-position: 50% 50%;
    background-size: 24px;
    background-repeat: no-repeat;
  }
  .close-search-trigger {
    display: inline-block;
    margin-right: 9px;
    padding-right: 19px;
    float: right;
    background-image: url('../images/icons8-delete.svg');
    background-position: 100% 50%;
    background-size: 18px;
    background-repeat: no-repeat;
    color: #f44335;
  }
  .dropdown-menu.w--open {
    left: 0%;
    top: 36px;
    right: auto;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 22px 10px 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-style: solid;
    border-width: 1px;
    border-color: #b9b9b9;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.09);
  }
  .mobile-tab-items.mobile-features-items {
    overflow: scroll;
    width: 100%;
    max-height: 300px;
  }
  .sponsored-ad-m {
    display: none;
  }
  .article-header {
    padding-top: 11px;
  }
  .article-sidebar {
    display: none;
  }
  .article {
    margin-right: 0px;
  }
  .article-heading {
    text-align: center;
  }
  .article-meta {
    width: 100%;
    padding-right: 0px;
  }
  .article-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .share-label {
    margin-right: 10px;
  }
  .icon-share {
    width: 32px;
    height: 32px;
    background-size: 24px;
  }
  .icon-share.facebook-icon {
    width: 32px;
    height: 32px;
  }
  .article-comments {
    padding-right: 25px;
    padding-left: 25px;
  }
  .article-main {
    margin-top: 46px;
  }
  .article-inner-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .article-right-side {
    display: none;
  }
  .article-top-tablet {
    max-width: 460px;
    margin-right: auto;
    margin-bottom: 61px;
    margin-left: auto;
  }
  .share-tablet {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 400px;
    margin: 25px auto 29px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .share-items-tablet {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .class-hero {
    padding-top: 14px;
  }
  .class-cat-flickity {
    display: none;
  }
  .all-class.class-food {
    padding-top: 40px;
  }
  .all-class-listed {
    padding-left: 24px;
  }
  .class-all-heading.archives-heading {
    margin-bottom: 13px;
  }
  .class-featured {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .class-featured-bottom.featured-bottom-desktop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .class-featured-date.featured-date-light {
    display: none;
  }
  .class-featured-date.feeatured-date-tablet {
    display: none;
  }
  .class-featured-date.date-light-tablet {
    color: #fff;
  }
  .all-class-wide-content {
    padding-right: 0px;
  }
  .ad-class-wide {
    display: none;
  }
  .class-inline-ad {
    width: 100%;
  }
  .class-alert {
    padding-bottom: 40px;
  }
  .class-cat-mobile {
    display: block;
  }
  .heading-signup {
    font-size: 46px;
    line-height: 63px;
    text-align: center;
  }
  .signup-menu {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .signup-tab {
    padding-top: 11px;
    padding-right: 16px;
    padding-bottom: 11px;
    font-size: 18px;
    line-height: 24px;
  }
  .package-bottom {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .description-col-1.order-col-1 {
    max-width: 250px;
  }
  .class-display-wide {
    display: none;
  }
  .no-playing-wrapper {
    overflow: hidden;
  }
  .playing-ad {
    width: 257px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .now-playing-slider {
    width: 70%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .main-big-screen {
    width: 60%;
    max-width: none;
    margin-right: 22px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .big-screen-col-1 {
    margin-right: 0px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .big-screen-col-1.big-screen-col-2 {
    display: none;
  }
  .movies-sponsored {
    padding-top: 86px;
  }
  .movies-ad {
    width: 650px;
    height: 268px;
    max-width: none;
  }
  .movie-review-items {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .movie-review.movie-review-last {
    display: none;
  }
  .movie-review.movie-home-last {
    display: none;
  }
  .film-event-items {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .film-event-item.film-event-last {
    display: none;
  }
  .movie-home-col-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .movie-home-items {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .latest-stories-items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .popular-items-big {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .popular-stories-small {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .story-promos {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .ad-big-stories {
    min-height: 237px;
  }
  .cover-story-items {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .your-week.contests-mobile {
    display: none;
  }
  .story-category-col-1 {
    width: 100%;
    max-width: 750px;
    margin-right: auto;
    margin-left: auto;
  }
  .story-category-col-2 {
    max-width: 750px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 23px;
    padding-left: 0px;
  }
  .story-cat-title {
    text-align: center;
  }
  .story-cat-heading {
    text-align: center;
  }
  .latest-cat-items {
    margin-bottom: 4px;
  }
  .container.submit-event {
    grid-column-gap: 10px;
  }
  .food-results {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .restaurants-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .events-day {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .event-filters {
    left: 0%;
    top: auto;
    right: auto;
    bottom: 0%;
  }
  .images-about {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .archives-results {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .archives-results.theater-results {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .movie-listings-header {
    padding-bottom: 3px;
  }
  .showtime-items.movie-channel-item {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .movie-links {
    margin-bottom: 8px;
  }
  .archives-wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .dropdown-2 {
    display: none;
  }
  .find-travel-story {
    padding-right: 24px;
    padding-left: 24px;
  }
  .travel-area-box {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .section {
    padding-top: 0px;
    padding-right: 16px;
    padding-left: 16px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 30px;
    line-height: 31px;
  }
  h2 {
    font-size: 25px;
    line-height: 30px;
  }
  h3 {
    font-size: 18px;
    line-height: 25px;
  }
  h4 {
    font-size: 18px;
    line-height: 25px;
  }
  p {
    font-size: 16px;
    line-height: 27px;
  }
  a {
    font-size: 16px;
    line-height: 20px;
  }

  .info-archives {
    flex-direction: column;
  }

  .info-archives .button {
    min-width: 0;
    margin-left: 0;
  }


  .wrapper-desktop {
    display: none;
  }
  .wrapper-desktop.wrapper-all {
    display: block;
    margin-top: 0px;
    padding-top: 0px;
  }
  .wrapper-desktop.wrapper-food {
    display: block;
  }
  .wrapper-desktop.wrapper-movie-listings {
    display: block;
  }
  .inner-wrapper.wrapper-your-week {
    padding-right: 0px;
    padding-left: 0px;
  }
  .inner-wrapper.wrapper-live-five {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .inner-wrapper.wrapper-search-food {
    padding-right: 0px;
    padding-left: 0px;
  }
  .inner-wrapper.wrapper-contest-head {
    -ms-grid-columns: 1.25fr;
    grid-template-columns: 1.25fr;
  }
  .inner-wrapper.movie-wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .inner-wrapper.wrapper-showtime-channels {
    padding-right: 0px;
    padding-left: 0px;
  }
  .topbar-submit {
    margin-top: 7px;
  }
  .button {
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .button.button-contests {
    margin-right: 0px;
  }
  .button.button-cta {
    margin-left: 0px;
    padding-top: 11px;
    padding-bottom: 11px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .button.button-black {
    margin-right: 0px;
    margin-left: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .button.button-black.btn-load-more-comment {
    display: none;
  }
  .button.button-filter {
    margin-right: 0px;
  }
  .button.button-film-events {
    margin-right: 0px;
  }
  .button.button-your-week {
    margin-right: 0px;
  }
  .button.button-your-week.button-breaking-news {
    margin-bottom: 9px;
    margin-left: 0px;
  }
  .button.button-your-week.button-hide {
    display: none;
  }
  .button.button-music-videos {
    margin-right: 0px;
  }
  .button.btn-comment {
    margin-right: 0px;
  }
  .button.button-filter-food {
    margin-right: 0px;
    padding: 4px 6px;
  }
  .button.results-button {
    position: -webkit-sticky;
    position: sticky;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 96;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .dropdown-span {
    margin-top: 13px;
    margin-right: auto;
    margin-left: auto;
  }
  .tooltip {
    left: 0%;
    top: auto;
    right: auto;
    bottom: 0%;
  }
  .tooltip.tooltip-mobile {
    left: -43px;
    top: -58px;
    right: auto;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 111px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #f89992;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
  }
  .tooltip-after {
    top: auto;
    bottom: -6px;
    background-image: url('../images/tooltip-after_1.svg');
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .hero-col-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 40px;
  }
  .heading-jumbo-hero {
    font-size: 26px;
    line-height: 36px;
    text-align: center;
  }
  .heading-jumbo-hero.heading-about {
    font-size: 38px;
    line-height: 39px;
  }
  .heading-jumbo-hero.movie-listings-head {
    font-size: 35px;
  }
  .slider-hero {
    min-height: 320px;
    box-shadow: 16px 16px 44px -20px rgba(78, 90, 104, 0.75);
    -webkit-transform: translate(30px, 0px);
    -ms-transform: translate(30px, 0px);
    transform: translate(30px, 0px);
  }
  .slider-hero.slider-story-cat {
    position: static;
    left: -24px;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    float: none;
    clear: none;
  }
  .slider-hero.slider-contests {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .left-arrow {
    left: 16px;
    top: auto;
    right: auto;
    bottom: 54px;
  }
  .right-arrow {
    left: 16px;
    top: auto;
    right: auto;
    bottom: 16px;
  }
  .latest-item {
    max-width: 506px;
  }
  .feature-link {
    display: block;
    margin-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 16px;
    line-height: 20px;
  }
  .author-link {
    max-width: none;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 20px;
  }
  .authors-buttons {
    margin-top: 0%;
    padding-right: 28px;
  }
  .button-arrow.button-review {
    position: relative;
    z-index: 1;
    margin-right: 28px;
  }
  .button-arrow.button-review.mobile-hide {
    display: none;
  }
  .button-arrow.button-review.button-alt-news {
    margin-right: 0px;
  }
  .button-arrow.button-big-screen {
    float: right;
  }
  .button-arrow.button-classical {
    display: inline-block;
  }
  .button-arrow.button-music-news {
    display: none;
  }
  .issues-box {
    max-width: 320px;
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
    overflow: scroll;
 
    /* Hide scrollbars in smaller screens */
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
  }

  .issues-box::-webkit-scrollbar { 
    /* Safari and Chrome */
    display: none;  
    width: 0;
    height: 0;
  }

  .classified-top {
    margin-bottom: 13px;
  }
  .heading-section {
    font-size: 30px;
    line-height: 41px;
  }
  .class-item-big {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 240px;
    margin-right: 8px;
    margin-left: 8px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .sponsored {
    display: none;
  }
  .sponsored-label.label-light {
    color: hsla(0, 0%, 100%, 0.49);
  }
  .sponsored-shape.shape6 {
    left: 16%;
    top: auto;
    right: 0%;
    bottom: -11%;
  }
  .sponsored-shape.shape9 {
    left: 0%;
    top: 50%;
    right: auto;
    bottom: auto;
  }
  .sponsored-shape.shape10 {
    left: 4%;
    top: 20%;
  }
  .sponsored-shape.shape11 {
    display: none;
  }
  .sponsored-shape.shape13 {
    left: auto;
    top: auto;
    right: 28px;
    bottom: 79px;
  }
  .sponsored-shape.shape14 {
    left: auto;
    top: 66px;
    right: -22%;
    bottom: auto;
  }
  .sponsored-shape.shape15 {
    bottom: -32px;
  }
  .concerts-top {
    margin-bottom: 15px;
    padding-right: 28px;
    padding-left: 28px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .concerts-top.your-week-top {
    padding-right: 28px;
    padding-left: 28px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .concerts-top.beer-news-top {
    padding-left: 0px;
  }
  .heading-sections {
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
  }
  .heading-sections.heading-events {
    margin-bottom: 14px;
  }
  .heading-sections.heading-concerts-m {
    max-width: 200px;
    margin-right: auto;
    margin-left: auto;
  }
  .heading-sections.heading-contests {
    text-align: center;
  }
  .heading-sections.heading-contests.heading-breaking-news {
    margin-right: auto;
    margin-left: auto;
  }
  .heading-sections.heading-music-videos {
    text-align: left;
  }
  .heading-sections.heading-feast-mobile {
    width: 100%;
  }
  .heading-sections.beer-news-mobile {
    text-align: left;
  }
  .concerts-wrapper {
    display: none;
  }
  .ad-concerts {
    display: block;
    width: 250px;
    height: 251px;
    margin-right: 0px;
    margin-left: 0px;
  }
  .events.best-bets {
    display: none;
  }
  .events.drink-events {
    display: none;
  }
  .calendar {
    position: static;
    top: 10px;
    margin-top: 20px;
  }
  .dates-span {
    height: 10px;
  }
  .date {
    min-width: 36px;
    margin-right: 0px;
    margin-left: 0px;
    background-color: transparent;
  }
  .day {
    font-size: 16px;
    line-height: 21px;
  }
  .day.day-end {
    opacity: 1;
    color: #f44336;
  }
  .date-number {
    font-size: 16px;
    line-height: 21px;
  }
  .span-line {
    display: none;
  }
  .date-section {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  .event-avatar {
    margin-bottom: 0px;
  }
  .event-title {
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 21px;
  }
  .event-place {
    margin-bottom: 0px;
  }
  .event-location {
    font-size: 16px;
    line-height: 21px;
  }
  .event-time {
    position: static;
    margin-right: 14px;
  }
  .event-time.event-time-tablet.film-event-time {
    margin-right: 0px;
  }
  .load-more-events {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .happy-hour {
    display: none;
  }
  .happy-hour-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .happy-links.clasical-links {
    margin-top: 0px;
  }
  .happy-link {
    font-size: 16px;
    line-height: 21px;
  }
  .happy-item-main {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .happy-item-main.happy-item-ad {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .happy-number {
    margin-right: 9px;
  }
  .happy-title.happy-title-ad {
    margin-right: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .happy-name.happy-ad-title {
    font-size: 18px;
    line-height: 23px;
  }
  .happy-time {
    margin-right: 0px;
  }
  .happy-text {
    max-width: none;
    padding-left: 49px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 14px;
    line-height: 19px;
  }
  .happy-ad-text {
    font-size: 14px;
    line-height: 23px;
  }
  .happy-sponsored-ad {
    max-width: 240px;
  }
  .happy-sponsored {
    font-size: 14px;
    line-height: 18px;
  }
  .happy-ad-main {
    max-width: 184px;
    margin-bottom: 7px;
    font-size: 35px;
    line-height: 38px;
  }
  .happy-ad-sub {
    font-size: 25px;
    line-height: 30px;
  }
  .happy-ad-copy {
    font-size: 16px;
    line-height: 21px;
  }
  .button-light.button-movie {
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .heading-places {
    font-size: 20px;
    line-height: 27px;
  }
  .sub-places {
    font-size: 40px;
    line-height: 55px;
  }
  .region-name {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .movies-col-1 {
    width: 100%;
    max-width: 320px;
    padding-right: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .editors-pick {
    font-size: 20px;
    line-height: 26px;
  }
  .movie-title-big {
    font-size: 30px;
    line-height: 37px;
  }
  .movie-expert {
    font-size: 18px;
    line-height: 23px;
  }
  .next-label {
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 23px;
  }
  .movie-item {
    width: 100%;
    max-width: none;
    margin-right: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .movie-item.movie-item-trailers.item-showtime {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .movie-banner {
    width: auto;
    border-color: rgba(0, 0, 0, 0.94);
    background-size: cover;
  }
  .movie-title {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .movie-ad {
    background-image: none;
  }
  .movie-ad-label {
    font-size: 15px;
    line-height: 19px;
  }

  .movie-ad-label.ad-label-dark {
      color: #000;
  }

  .movie-ad-label.home-ad-label {
    color: rgba(0, 0, 0, 0.72);
  }
  .contests {
    display: none;
  }
  .contest-title {
    font-size: 17px;
    line-height: 21px;
  }
  .newsletter-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .newsletter-col-1 {
    max-width: none;
    padding: 32px 32px 22px;
  }
  .newsletter-col-2 {
    max-width: none;
    padding: 21px 22px 16px;
  }
  .newsletter-heading {
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 27px;
  }
  .newsletter-text {
    margin-top: 23px;
    margin-bottom: 45px;
    font-size: 17px;
    line-height: 22px;
  }
  .footer {
    display: none;
  }
  .footer-main {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .footer-links {
    width: 50%;
    margin-bottom: 49px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .footer-link-top {
    margin-bottom: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 15px;
    line-height: 19px;
  }
  .footer-link {
    margin-bottom: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 15px;
    line-height: 19px;
  }
  .footer-bottom {
    margin-top: 10px;
  }
  .search-box {
    left: -18%;
    top: auto;
    right: 0%;
    bottom: 66px;
    z-index: 999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .search-box.search-box-mobile {
    position: fixed;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 91px;
    z-index: 1001;
    display: none;
    max-width: 200px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-bottom: 31px;
  }
  .search {
    width: 100%;
  }
  .find-story-sticky.find-story-tablet {
    display: none;
  }
  .close-button {
    color: #f44336;
  }
  .close-button.close-filters {
    position: static;
    margin-left: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 0px;
    background-color: transparent;
    background-repeat: no-repeat;
  }
  .nav-tablet {
    display: none;
  }
  .wrapper-mobile {
    display: block;
  }
  .nav-mobile {
    position: fixed;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 10%;
    z-index: 1000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 220px;
    min-height: 50px;
    margin-right: auto;
    margin-left: auto;
    padding: 13px 19px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50px;
    background-color: #242424;
  }
  .search-mobile {
    position: relative;
    width: 24px;
    height: 24px;
    background-image: url('../images/search-light.svg');
    background-position: 50% 50%;
    background-size: 24px;
    background-repeat: no-repeat;
  }
  .menu-button-mobile {
    padding-right: 23px;
    background-image: url('../images/menu-mobile.svg');
    background-position: 100% 50%;
    background-size: auto 27px;
    background-repeat: no-repeat;
  }
  .menu-label-mobile {
    color: #fff;
    font-size: 16px;
    line-height: 19px;
  }
  .homepage-hero-m {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding-top: 0px;
    padding-right: 28px;
    padding-left: 28px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .logo-mobile {
    display: block;
    width: 198px;
    height: 73px;
    margin-top: 41px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
    background-image: url('../images/san-diego-logo-dark.svg');
    background-position: 50% 50%;
    background-size: 198px;
  }
  .menu-mobile-wrapper {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 999;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-color: hsla(0, 0%, 100%, 0.81);
  }
  .menu-mobile {
    overflow: hidden;
    height: 98%;
    padding: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #c9c6c6;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: #fff;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1), 0 -1px 40px -20px #c5c5c5;
  }
  .mobile-menu {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 100%;
    padding: 13px 23px 12px 28px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .mobile-account {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .mobile-nav-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .mobile-menu-label {
    margin-bottom: 4px;
    font-family: 'DM Sans', sans-serif;
    font-size: 30px;
    line-height: 39px;
    font-weight: 700;
  }
  .mobile-menu-link {
    margin-bottom: 2px;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    background-image: none;
    color: #242424;
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
  }
  .close-button-mobile {
    display: block;
    margin-top: 5px;
    padding-right: 22px;
    background-image: url('../images/icons8-delete.svg');
    background-position: 100% 50%;
    background-size: 20px;
    background-repeat: no-repeat;
    color: #f44336;
    font-weight: 500;
  }
  .close-button-mobile.close-search {
    position: absolute;
    left: auto;
    top: auto;
    right: 10px;
    bottom: 10px;
    margin-top: 0px;
    margin-right: 0px;
  }
  .menu-inner {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 93%;
    padding-top: 22px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #fff;
  }
  .back-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 9px;
    margin-left: 28px;
    padding-left: 18px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('../images/back-menu.svg');
    background-position: -15% 50%;
    background-size: 24px;
    background-repeat: no-repeat;
    font-weight: 500;
  }
  .heading-menu-mobile {
    margin-left: 28px;
    font-family: 'DM Sans', sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
  }
  .mobile-tabs {
    width: 100%;
    height: 100%;
  }
  .menu-tab {
    margin-right: 10px;
    padding: 0px 10px 0px 0px;
    background-color: transparent;
    background-image: none;
    opacity: 0.5;
    color: #f44336;
    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
  }
  .menu-tab.w--current {
    background-color: #fff;
    opacity: 1;
  }
  .tabs-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    margin-top: 18px;
    margin-bottom: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 28px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .tabs-menu.tabs-top-mm {
    margin-bottom: 9px;

    /* Hide scrollbars in smaller screens */
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
  }

  .tabs-menu.tabs-top-mm::-webkit-scrollbar { 
    /* Safari and Chrome */
    display: none;  
    width: 0;
    height: 0;
  }

  .mobile-tab-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100px;
    padding-right: 28px;
    padding-left: 28px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .mobile-tab-items.mobile-features-items {
    overflow: auto;
    max-height: 420px;
    min-height: 0px;
  }
  .mobile-link {
    display: inline-block;
    margin-bottom: 6px;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    background-image: none;
    color: #242424;
    font-weight: 500;
  }
  .mobile-features {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-height: 400px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .issues-mobile {
    padding-right: 0px;
    padding-left: 29px;
  }
  .get-involved {
    position: relative;
    width: 24px;
    height: 24px;
    background-image: url('../images/icons8-trophy.svg');
    background-position: 50% 50%;
    background-size: 26px;
    background-repeat: no-repeat;
  }
  .tooltip-label {
    display: block;
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .link-involved {
    padding-right: 0px;
    padding-left: 0px;
    background-image: none;
    color: #242424;
    font-size: 16px;
    line-height: 20px;
  }
  .link-involved > img {
    height: 17px;
    width: 17px;
  }
  .dropdown-involved {
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
  }
  .involved-trigger {
    padding: 0px;
  }
  .involved-items.w--open {
    position: absolute;
    left: auto;
    top: auto;
    right: -50%;
    bottom: 48px;
    padding: 0px 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #a8a8a8;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.09);
  }
  .hero-home-m-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 35px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .classified-home-m {
    overflow: hidden;
    margin-top: 48px;
    margin-bottom: 56px;
  }
  .class-home {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 13px;
    padding-bottom: 13px;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }
  .sponsored-ad-m {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e0e0e0));
    background-image: linear-gradient(180deg, #fafafa, #e0e0e0);
  }
  .ad-placeholder-m {
    position: relative;
    width: 92.533vw;
    height: 71.467vw;
  }
  .ad-placeholder-m.movie-ad-mobile {
    width: 357px;
    height: 278px;
    margin-right: auto;
    margin-bottom: -57px;
    margin-left: auto;
    border-radius: 5px;
  }
  .concerts-m-home {
    overflow: hidden;
    padding-top: 22px;
    padding-bottom: 22px;
  }
  .concerts-mobile-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .slick-slider-concerts {
    padding-top: 33px;
    padding-bottom: 0px;
  }
  .concert-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 250px;
    height: 250px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 5px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.28)), to(rgba(0, 0, 0, 0.77)));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.77));
    background-position: 0px 0px, 0px 0px;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    box-shadow: 0 20px 40px -20px rgba(59, 69, 71, 0.51);
  }
  .concert-item-mobile {
    min-height: 250px;
    padding-right: 8px;
    padding-bottom: 48px;
    padding-left: 8px;
  }
  .concerts-ad-mobile {
    min-height: 250px;
    padding-right: 8px;
    padding-left: 8px;
  }
  .calendar-home-m {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
  }
  .calendar-home-m.best-bets-m {
    padding-top: 30px;
  }
  .events-home-m {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .events-top-m {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .events-dates-m {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 999;
    width: 100%;
    padding-right: 3px;
    padding-left: 3px;
    background-color: #fafafa;
  }
  .arrow-week {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    background-color: #d8d8d8;
    background-image: url('../images/arrow-up.svg');
    background-position: 50% 50%;
    background-size: 16px;
    background-repeat: no-repeat;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .arrow-week.arrow-week-next {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .arrow-week-left {
    width: 24px;
    height: 2px;
  }
  .events-list-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 16px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .event-item-mobile {
    margin-bottom: 10px;
    padding: 17px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 16px 30px -10px rgba(60, 70, 75, 0.13);
  }
  .event-mobile-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 21px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .event-mobile-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .happy-m {
    display: block;
    padding: 50px 0px 0px;
    background-color: #110b07;
  }
  .happy-m-top {
    padding-right: 28px;
    padding-left: 28px;
  }
  .happy-item-col-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 9px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .happy-sponsored-m {
    padding-top: 43px;
    padding-bottom: 148px;
    padding-left: 28px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #110b07), color-stop(59%, rgba(47, 40, 39, 0.72)), to(rgba(73, 65, 65, 0.54)));
    background-image: linear-gradient(180deg, #110b07 10%, rgba(47, 40, 39, 0.72) 59%, rgba(73, 65, 65, 0.54));
  }
  .happy-sponsored-m.sponsored-classical {
    padding-top: 54px;
    padding-bottom: 64px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #110b07), color-stop(59%, rgba(47, 40, 39, 0.72)), to(rgba(73, 65, 65, 0.54))), url('../images/bg-classical-music.jpg');
    background-image: linear-gradient(180deg, #110b07 10%, rgba(47, 40, 39, 0.72) 59%, rgba(73, 65, 65, 0.54)), url('../images/bg-classical-music.jpg');
  }
  .places-m {
    position: relative;
    z-index: 1;
    min-height: 100px;
    margin-top: -58px;
    padding-right: 28px;
    padding-bottom: 39px;
    padding-left: 28px;
  }
  .movies-home-m {
    background-color: #000;
  }
  .movies-top-m {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 445px;
    padding: 31px 28px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.32)), to(#000)), url('../images/movie-bg.jpeg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.32), #000), url('../images/movie-bg.jpeg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, fixed;
  }
  .watch-next-m {
    overflow: hidden;
  }
  .watch-next-top {
    margin-bottom: 11px;
    padding-left: 28px;
  }
  .slick-watch-next {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .slick-watch-next.slick-film-events {
    padding-top: 25px;
    padding-bottom: 0px;
  }
  .movie-next-m {
    max-width: 156px;
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .movies-m-sponsored {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 28px 35px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .contests-home-m {
    display: block;
    overflow: hidden;
    padding-top: 22px;
    padding-bottom: 22px;
  }
  .contest-item-m {
    max-width: 300px;
    margin-right: 2px;
    margin-left: 2px;
    padding-top: 9px;
    padding-right: 17px;
    padding-left: 17px;
  }
  .contests-ad-m {
    max-width: 250px;
    margin-right: 2px;
    margin-left: 2px;
    padding-top: 9px;
  }
  .newsletter-m {
    min-height: 100px;
    padding: 35px 28px 0px;
  }
  .form-newsletter {
    margin-bottom: 0px;
  }
  .footer-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100px;
    padding: 30px 28px 96px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .article-header {
    display: none;
  }
  .article-snippet {
    font-size: 19px;
    line-height: 25px;
    text-align: center;
  }
  .author-label {
    font-size: 14px;
    line-height: 18px;
  }
  .author-name {
    font-size: 14px;
    line-height: 18px;
  }
  .article-tags {
    margin-top: 0px;
    margin-bottom: 12px;
  }
  .article-tag {
    font-size: 13px;
    line-height: 17px;
  }
  .image-span {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .image-float {
    width: 100%;
    /*min-height: 420px;*/
    margin-bottom: 12px;
  }
  .article-cta {
    overflow: hidden;
    padding-top: 36px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .article-cta-col-1 {
    display: block;
    max-width: 330px;
    margin-right: 0px;
    padding-left: 28px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .article-cta-header {
    font-size: 25px;
    line-height: 27px;
  }
  .article-cta-action {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .article-track {
    padding-right: 28px;
    padding-bottom: 48px;
    padding-left: 28px;
  }
  .article-ref {
    display: none;
  }
  .article-ref.ref-second {
    max-width: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .article-ref-image {
    height: 100%;
    max-width: none;
    min-height: 216px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .article-ref-title.ref-title-right {
    margin-top: 24px;
    margin-bottom: 11px;
    font-size: 20px;
    line-height: 23px;
    text-align: left;
  }
  .article-ref-tagline.ref-tagline-right {
    font-size: 16px;
    line-height: 21px;
    text-align: left;
  }
  .article-comments {
    display: block;
    margin-bottom: 0px;
    padding: 0px;
  }
  .article-comments.comments-second {
    display: none;
  }
  .comments-inner {
    padding-top: 24px;
    padding-right: 27px;
    padding-left: 27px;
  }
  .comments-top {
    margin-bottom: 26px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .comments-header {
    margin-bottom: 13px;
  }
  .comment-box {
    grid-row-gap: 3px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .comment-name {
    font-size: 16px;
    line-height: 21px;
  }
  .comment-avatar {
    margin-left: 0px;
  }
  .comment-item {
    padding: 16px;
  }
  .comment-text {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 18px;
  }
  .comment-time {
    position: static;
    font-size: 14px;
    line-height: 18px;
  }
  .share-tablet {
    margin-top: 50px;
    margin-bottom: 45px;
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .article-mobile {
    margin-top: 46px;
    padding-right: 28px;
    padding-left: 28px;
  }
  .article-mobile.article-second-mobile {
    margin-top: 0px;
  }
  .article-top-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 480px;
    margin-right: auto;
    margin-bottom: 46px;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .article-inner-mobile {
    max-width: 570px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
  }
  .article-classi-mobile {
    min-height: 100px;
    margin-top: 25px;
    margin-bottom: 25px;
    padding-left: 28px;
  }
  .next-mobile-col-1 {
    width: 50%;
    padding-right: 26px;
  }
  .next-mobile-col-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .comments-bottom-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 33px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .comment-m-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .class-item-article {
    padding-right: 10px;
  }
  .class-hero-wrapper {
    margin-top: 51px;
  }
  .class-slider {
    padding-top: 30px;
    padding-bottom: 15px;
  }
  .carousel-cell.cell-first {
    max-width: 310px;
    padding-left: 0px;
  }
  .carousel-cell.contests-cell {
    max-width: 265px;
    padding: 8px 10px;
  }
  .carousel-cell.cell-feast {
    max-width: 263px;
    padding: 9px 6px;
  }
  .class-cat-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .class-cat-number {
    font-size: 36px;
    line-height: 49px;
  }
  .class-cat-name {
    font-size: 20px;
    line-height: 26px;
  }
  .all-class.class-food {
    padding-top: 21px;
  }
  .all-class.archives {
    margin-right: 0px;
    padding-top: 19px;
    padding-right: 20px;
  }
  .all-class-sidebar {
    display: none;
  }
  .all-class-listed {
    width: 100%;
    padding-top: 34px;
    padding-right: 28px;
    padding-left: 28px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .all-class-listed.restaurants-listed {
    padding-top: 12px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .class-all-top {
    margin-right: auto;
    margin-left: auto;
  }
  .class-all-heading {
    margin-bottom: 6px;
    font-size: 30px;
    line-height: 41px;
  }
  .class-all-heading.archives-heading {
    margin-bottom: 12px;
  }
  .class-all-count {
    font-size: 20px;
    line-height: 26px;
  }
  .class-all-count.count-mobile {
    display: none;
  }
  .class-featured {
    padding-right: 28px;
    padding-left: 28px;
  }
  .class-item-featured {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .class-item-featured.class-ad-m {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    background-image: none;
    color: #000;
  }
  .class-featured-col-1 {
    width: 100%;
    height: 148px;
  }
  .class-featured-col-1.class-featured-ad-col-main {
    width: auto;
  }
  .class-featured-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 11px 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.76)));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.76));
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }
  .class-featured-heading {
    font-size: 17px;
    line-height: 21px;
  }
  .class-featured-heading.wide-heading-light {
    color: #fff;
  }
  .class-featured-text {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 17px;
  }
  .class-featured-text.wide-text-light {
    color: #fff;
  }
  .class-featured-date {
    padding: 9px 8px;
    border-radius: 50px;
    background-color: hsla(0, 0%, 100%, 0.3);
    opacity: 1;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
  }
  .class-featured-date.class-sponsored-label {
    padding: 0px;
    opacity: 0.6;
    color: #000;
  }
  .class-featured-date.featured-wide-m {
    margin-bottom: 8px;
    padding: 0px;
    background-color: transparent;
    opacity: 0.6;
    color: #000;
  }
  .class-featured-date.featured-wide-m.wide-m-light {
    color: #fff;
  }
  .all-class-wide {
    margin-bottom: 0px;
    padding: 0px 0px 14px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .all-class-wide:hover {
    background-color: transparent;
    box-shadow: none;
  }
  .all-class-image {
    width: 100px;
    height: 100px;
    margin-right: 10px;
  }
  .ad-class-wide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    min-height: 0px;
    margin-top: 36px;
    margin-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .ad-image-class-dark {
    width: 319px;
    height: 266px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .class-dark-ad-label {
    left: 0%;
    top: -20px;
    right: auto;
    bottom: auto;
    opacity: 0.6;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
  }
  .class-dark {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin-top: 19px;
    padding: 28px 28px 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 0px;
  }
  .class-cta {
    padding-left: 28px;
  }
  .classs-cta-wrapper {
    min-height: 372px;
    padding-top: 37px;
    padding-left: 20px;
  }
  .class-cta-heading {
    font-size: 25px;
    line-height: 27px;
  }
  .class-alert {
    padding-right: 28px;
    padding-bottom: 0px;
    padding-left: 28px;
  }
  .alert-wrapper {
    background-position: 50% 50%;
  }
  .alert-heading {
    font-size: 25px;
    line-height: 27px;
  }
  .alert-field {
    font-size: 16px;
    line-height: 19px;
  }
  .button-submit-alert {
    font-size: 16px;
    line-height: 19px;
  }
  .class-filter-field {
    border-color: hsla(0, 0%, 100%, 0.45);
  }
  .class-filter-field.food-filter-field {
    width: 100%;
    margin-top: 15px;
    border-color: #000;
  }
  .class-filter-field.date-picker.dake-picker-dark {
    margin-bottom: 0px;
    border-color: rgba(0, 0, 0, 0.45);
  }
  .class-filter-field.date-picker.field-mobile {
    border-color: #999;
  }
  .input-filter {
    color: #fff;
    font-size: 18px;
    line-height: 20px;
  }
  .filter-label {
    background-color: #242424;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
  }
  .filter-label.food-label {
    background-color: #fff;
    color: #000;
  }
  .filter-label.filter-label-dark {
    background-color: #fff;
    color: #000;
  }
  .filter-label.filter-required.filter-gray {
    color: #000;
  }
  .filter-label.filter-gray {
    color: #000;
  }
  .all-class-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .class-wide-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
  }
  .class-wide-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .class-wide-top-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .class-wide-line {
    width: 100%;
    height: 1px;
    margin-top: 11px;
    background-color: #c8c8c8;
  }
  .filter-menu {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 26px;
    background-image: url('../images/filter.svg');
    background-position: 0% 50%;
    background-size: 22px;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 16px;
    line-height: 19px;
  }
  .involved-class.w--open {
    left: -340%;
    top: auto;
    right: auto;
    bottom: 52px;
    padding: 8px 14px;
    border: 1px solid #000;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2);
  }
  .filter-mobile {
    position: fixed;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    z-index: 997;
    display: none;
    height: 80vh;
    padding-top: 36px;
    padding-right: 29px;
    padding-left: 29px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: #242424;
  }
  .filter-mobile-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .tab-filter {
    padding: 0px 10px 0px 0px;
    background-color: transparent;
    background-image: none;
    opacity: 0.6;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
  }
  .tab-filter.w--current {
    background-color: transparent;
    opacity: 1;
  }
  .tabs-filter {
    margin-bottom: 29px;
  }
  .form {
    padding-top: 10px;
  }
  .filter-category {
    margin-bottom: 2px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    background-image: none;
    color: #fff;
    font-size: 18px;
  }
  .filter-menu-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 7px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .filter-menu-heading {
    color: #fff;
    font-size: 30px;
    line-height: 35px;
    font-weight: 500;
  }
  .filter-cat-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    height: 100%;
    padding-bottom: 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .filter-tabs {
    height: 100%;
  }
  .filter-tabs-content {
    height: 100%;
  }
  .cat-tab-pane {
    height: 85%;
  }
  .category-item-link {
    margin-bottom: 4px;
    padding-top: 8px;
    padding-right: 0px;
    padding-bottom: 8px;
    background-image: none;
    color: #fff;
    font-size: 18px;
  }
  .heading-signup {
    font-size: 30px;
    line-height: 41px;
    letter-spacing: -1px;
  }
  .signup-menu {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .signup-tab {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 20px;
    line-height: 26px;
  }
  .signup-category-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .signup-cat-col-1 {
    margin-right: 0px;
  }
  .signup-cat-col-2 {
    margin-bottom: 60px;
  }
  .signup-cat-image {
    position: relative;
    left: 76px;
    width: 377px;
    height: 90px;
    border-radius: 5px;
    background-image: url('../images/bg-placeholder-small.jpg');
    background-size: cover;
    box-shadow: 16px 16px 40px -20px rgba(55, 64, 82, 0.2);
    opacity: 0.6;
  }
  .signup-cat-preview {
    display: none;
  }
  .select-package-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .select-package-wrapper.order-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .package-bottom {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .description-col-1 {
    width: 100%;
  }
  .description-col-1.order-col-1 {
    max-width: none;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .description-col-2 {
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .form-field.field-number {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .order-col-2 {
    max-width: none;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-col-3 {
    padding-top: 33px;
    padding-bottom: 33px;
  }
  .playing-ad {
    display: none;
  }
  .see-also-playing {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 7px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .see-also-label {
    margin-right: 0px;
    text-align: center;
  }
  .link-also {
    margin-top: 12px;
  }
  .big-screen-top {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .big-screen-top.big-screen-showtimes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .big-screen-heading {
    text-align: center;
  }
  .big-screen-heading.head-showtimes {
    margin-bottom: 16px;
  }
  .big-screen-posts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .main-big-screen {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 27px;
  }
  .big-screen-col-1 {
    padding-top: 14px;
  }
  .new-release-wrapper {
    padding-right: 0px;
    padding-left: 0px;
  }
  .releases-heading {
    text-align: center;
  }
  .movies-sponsored {
    padding-top: 54px;
    padding-right: 7px;
    padding-left: 7px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .movie-review-items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .movie-review {
    overflow: hidden;
    box-shadow: none;
  }
  .movie-review:hover {
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
  }
  .film-events {
    padding-top: 26px;
  }
  .film-events-wrapper {
    padding-right: 0px;
    padding-left: 0px;
  }
  .film-events-top {
    padding-right: 27px;
    padding-left: 27px;
  }
  .film-events-top.cover-stories-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .movies-home-wrapper {
    padding-right: 0px;
    padding-left: 0px;
  }
  .movie-home-col-1 {
    overflow: hidden;
    padding-left: 0px;
  }
  .movie-home-shape {
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
  }
  .movie-home-heading {
    padding-left: 51px;
  }
  .see-also-mobile {
    padding-right: 28px;
    padding-left: 28px;
  }
  .movie-review-heading {
    text-align: center;
  }
  .film-events-item-wrapper {
    width: 280px;
    min-height: 100px;
    padding-right: 10px;
    padding-bottom: 43px;
    padding-left: 10px;
  }
  .slick-movies-home {
    overflow: visible;
    padding-top: 29px;
  }
  .latest-stories-heading {
    font-size: 30px;
    line-height: 35px;
  }
  .latest-item-bottom {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .latest-date {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .popular-stories-ads {
    position: static;
    display: none;
  }
  .popular-stories-ads.popular-stories-ad-mobile {
    display: block;
    width: 100%;
    padding-bottom: 14px;
  }
  .sponsored-popular-label {
    text-align: center;
  }
  .ad-popular {
    /*max-width: 200px;*/
    margin-right: 2px;
    margin-left: 2px;
  }
  .cover-story-items {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  .see-also-dark-mobile {
    display: block;
  }
  .see-also-dark-mobile.see-also-food {
    padding-top: 11px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .see-also-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .sponsored-ads-stories {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .cover-stories-heading {
    margin-bottom: 13px;
    text-align: center;
  }
  .events-timeline {
    padding-bottom: 41px;
  }
  .events-heading.music-heading {
    font-size: 30px;
    line-height: 35px;
  }
  .best-bets-bottom {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .your-week.contests-mobile {
    display: block;
  }
  .flickity-your-week {
    display: block;
  }
  .your-week-item {
    width: 100%;
    max-width: 283px;
    min-height: 100px;
    padding: 13px 10px;
  }
  .story-category-col-1 {
    width: 100%;
    max-width: none;
    padding-top: 15px;
    padding-left: 0px;
  }
  .sponsored-ad-wrapper {
    /*max-width: 350px;*/
    margin-right: auto;
    margin-left: auto;
  }
  .live-five-col-1 {
    width: 100%;
  }
  .live-five-col-2 {
    padding-top: 15px;
    padding-left: 0px;
  }
  .live-five-col-2.of-note-col-2 {
    padding-top: 19px;
    padding-left: 0px;
  }
  .music-videos {
    height: 292px;
  }
  .band-name {
    font-size: 18px;
    line-height: 24px;
  }
  .blurt {
    padding-top: 11px;
  }
  .classical-items {
    margin-right: auto;
    margin-left: auto;
  }
  .musician-interviews {
    padding-top: 26px;
  }
  .breaking-news-wrapper {
    margin-bottom: 9px;
  }
  .button-music-news-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .musician-interviews-heading {
    text-align: center;
  }
  .breaking-news-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .food {
    padding-top: 49px;
    padding-bottom: 32px;
  }
  .food-col-1 {
    margin-right: auto;
    margin-left: auto;
  }
  .food-col-2 {
    display: none;
  }
  .wrapper-food {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .place-type.event-type {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .feast {
    display: none;
  }
  .pour-over {
    display: none;
  }
  .set-up {
    display: none;
  }
  .food-image-mobile {
    display: block;
    width: 100%;
    height: 341px;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 98%, 0)), to(#e9e9e9)), url('../images/bg-place-mobile.jpg');
    background-image: linear-gradient(180deg, hsla(0, 0%, 98%, 0), #e9e9e9), url('../images/bg-place-mobile.jpg');
    background-position: 0px 0px, 50% 50px;
    background-size: auto, 420px;
    background-repeat: repeat, no-repeat;
  }
  .feast-mobile {
    display: block;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .flickity-carousel {
    padding-bottom: 19px;
  }
  .button-feast-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 12px;
    padding-bottom: 12px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .beer-news-button-mobile {
    padding-top: 11px;
    padding-bottom: 11px;
  }
  .pour-over-m {
    display: block;
    padding-top: 24px;
    padding-bottom: 12px;
  }
  .pour-over-button-m {
    padding-top: 19px;
    padding-right: 28px;
    padding-bottom: 19px;
  }
  .set-up-m {
    display: block;
  }
  .container.submit-event {
    padding-top: 38px;
    grid-column-gap: 30px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .container.feedback-wrapper {
    max-width: 500px;
    justify-items: center;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .submit-col-1.submit-mobile {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .submit-col-2.connect-col {
    padding-top: 7px;
    padding-bottom: 11px;
  }
  .social-connect {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .social-connect.connect {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .button-social.facebook-button {
    margin-right: 3px;
    margin-left: 3px;
  }
  .button-social.twitter-button {
    margin-right: 3px;
    margin-left: 3px;
  }
  .button-social.google-button {
    margin-right: 3px;
    margin-left: 3px;
  }
  .comment-input-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .tab-account {
    margin-bottom: 4px;
  }
  .tabs-menu-2 {
    margin-bottom: 2px;
  }
  .account-hint.hint-feedback {
    text-align: center;
  }
  .cancel-comment {
    left: auto;
    top: 12px;
    right: 12px;
    bottom: auto;
  }
  .comment-signin {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }
  .comment-box-formats {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .checkbox.radio {
    margin-top: 6px;
  }
  .checkbox-field.checkout-subcategory {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .checkbox-label-2 {
    font-size: 1rem;
  }
  .restaurants-top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .food-filter-mobile {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 90;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 13px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fafafa;
  }
  .food-count-mobile {
    font-size: 1.1rem;
    font-weight: 500;
  }
  .food-filter-wrapper {
    position: fixed;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    z-index: 95;
    display: none;
    overflow: auto;
    max-height: 80%;
    padding: 0px 16px 51px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-top: 1px solid #b3b3b3;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 20px -7px rgba(0, 0, 0, 0.3);
  }
  .cuisine-mobile {
    width: 100%;
    padding-bottom: 17px;
    border-bottom: 1px dashed #000;
  }
  .filter-mobile-label {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    padding-top: 17px;
    padding-bottom: 9px;
    background-color: #fff;
    font-size: 24px;
    font-weight: 700;
  }
  .food-filter-mobile-link {
    display: inline-block;
    width: 100%;
    padding-top: 6px;
    padding-right: 0px;
    padding-bottom: 6px;
    background-image: none;
    color: #000;
  }
  .form-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 18px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .filter-mobile-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 95;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: -3px;
    padding-top: 10px;
    padding-bottom: 3px;
    padding-left: 3px;
    float: none;
    clear: none;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    background-color: #fff;
  }
  .short-width {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .event-filters {
    padding-top: 18px;
  }
  .radio {
    margin-bottom: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .row-date.row-flex {
    padding-bottom: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .form-block-3 {
    width: 100%;
  }
  .head-feed-latest {
    text-align: center;
  }
  .images-about {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .contact-us-top {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .form-block-4 {
    width: 100%;
  }
  .showtimes-tab {
    margin-bottom: 10px;
  }
  .tabs-menu-3 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .showtimes-days {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .showtimes-day {
    margin-bottom: 11px;
  }
  .showtimes-day.titles {
    margin-right: 13px;
    margin-bottom: 12px;
  }
  .showtimes-theaters {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .showtimes-trailers {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }
  .see-showtimes {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .channel-wrapper {
    margin-bottom: 25px;
  }
  .showtime-items {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .showtime-items.movie-channel-item {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .show-item-title {
    margin-bottom: 7px;
    font-size: 1rem;
    line-height: 1.2rem;
  }
  .show-item-duration.show-item {
    padding-right: 15px;
  }
  .watch-trailer {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .contests-wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .movie-poster {
    width: 200px;
    height: 299px;
  }
  .movie-about {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .movie-title-main {
    text-align: center;
  }
  .wrapper-restaurant {
    padding-right: 21px;
    padding-left: 21px;
  }
  .restaurant-name {
    font-size: 30px;
    line-height: 35px;
  }
  .addtional-info {
    padding-right: 20px;
    padding-left: 20px;
  }
  .package-selector {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .class-submit-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .profile-top {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .profile-links {
    display: none;
  }
  .dropdown-2 {
    display: block;
    margin-right: 0px;
    margin-left: 0px;
  }
  .dropdown-toggle-5 {
    padding: 8px 28px 8px 8px;
    border-radius: 5px;
    background-color: #e2e2e2;
  }
  .icon-3 {
    margin-right: 8px;
  }
  .div-block-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .travel-area-wrapper {
    grid-column-gap: 18px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .travel-type-wrapper {
    grid-auto-flow: row dense;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .section {
    padding-top: 17px;
  }
  .class-list-name {
    font-size: 30px;
    line-height: 35px;
  }

  .desktop-only {
    display: none;
  }

  .mobile-only {
    display: block;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    letter-spacing: -1px;
  }
  .inner-wrapper {
    padding-right: 21px;
    padding-left: 22px;
  }
  .button {
    position: relative;
  }
  .button.buttons-topbar {
    margin-right: 0px;
    margin-left: 8px;
  }
  .button.button-your-week {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .button.button-filter-food {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .button.btn-travel-find {
    margin-bottom: 10px;
  }
  .heading-jumbo-hero {
    margin-bottom: 4px;
    line-height: 27px;
  }
  .heading-jumbo-hero.heading-about {
    font-size: 35px;
  }
  .heading-jumbo-hero.movie-listings-head {
    margin-bottom: 20px;
  }
  .slider-hero {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .slider-hero.slider-story-cat {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .latest-ad.ad-story-cat-latest {
    width: 100%;
  }
  .class-buttons.buttons-m-main {
    display: -ms-grid;
    display: grid;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 10px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  .sponsored-shape.shape14 {
    left: 71%;
    top: 66px;
    right: auto;
    bottom: auto;
    display: none;
  }
  .sponsored-shape.shape15 {
    left: 14%;
    top: auto;
    right: 0%;
    bottom: -11%;
  }
  .heading-sections.heading-concerts-m {
    line-height: 32px;
  }
  .heading-sections.heading-contests.blurt-music-news-heading {
    max-width: 240px;
    text-align: left;
  }
  .heading-sections.heading-music-videos {
    font-size: 25px;
    line-height: 30px;
  }
  .event-item.issue-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .happy-item-main {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .happy-title {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .happy-time {
    margin-top: 4px;
    margin-bottom: 11px;
  }
  .happy-text {
    padding-left: 0px;
  }
  .menu-mobile-wrapper {
    display: none;
  }
  .mobile-account {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .happy-sponsored-m {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(16%, #110b07), color-stop(71%, rgba(47, 40, 39, 0.75)), to(rgba(73, 65, 65, 0.54))), url('../images/happy-hour-ad.jpg');
    background-image: linear-gradient(180deg, #110b07 16%, rgba(47, 40, 39, 0.75) 71%, rgba(73, 65, 65, 0.54)), url('../images/happy-hour-ad.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }
  .movies-top-m {
    background-position: 0px 0px, 50% 50%;
    background-attachment: scroll, fixed;
  }
  .article-heading {
    letter-spacing: -1px;
  }
  .image-float {
    /*max-width: 265px;*/
    margin-right: auto;
    margin-left: auto;
  }

  .image-float.half-width,
  .image-float.third-width,
  .image-float.fourth-width {
    width: 100%;
  }

  .inline_video.half-width,
  .inline_video.third-width,
  .inline_video.fourth-width {
    width: 100%;
  }

  .article-ref-image {
    margin-left: -30px;
  }
  .next-mobile-col-1 {
    padding-right: 0px;
  }
  .carousel-cell {
    padding-right: 8px;
    padding-left: 8px;
  }
  .all-class-wrapper.wrapper-profile {
    padding-right: 10px;
    padding-left: 10px;
  }
  .class-all-heading {
    line-height: 32px;
  }
  .class-all-heading.specials-heading {
    text-align: center;
  }
  .class-all-heading.archives-heading {
    line-height: 34px;
    text-align: center;
  }
  .class-all-heading.heading-bars {
    margin-bottom: 18px;
    line-height: 32px;
    text-align: center;
  }
  .class-all-heading.profile-name {
    font-size: 25px;
    line-height: 30px;
  }
  .class-item-featured.class-ad-m {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .all-class-wide {
    padding-right: 10px;
    padding-left: 10px;
  }
  .all-class-image {
    margin-bottom: 10px;
  }
  .class-dark {
    overflow: hidden;
  }
  .alert-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 0% 50%;
  }
  .alert-wrapper.alert-story {
    padding-right: 14px;
    padding-left: 14px;
    background-position: 0% 50%;
  }
  .class-filter-field.date-picker.field-mobile {
    width: 100%;
  }
  .class-wide-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .filter-mobile {
    display: none;
    padding-top: 18px;
    padding-right: 17px;
    padding-left: 17px;
  }
  .tabs-filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .filter-menu-top {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .filter-menu-heading {
    width: 50%;
    font-size: 25px;
    line-height: 30px;
  }
  .filter-tabs {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .heading-now-playing {
    letter-spacing: -1px;
  }
  .big-screen-heading {
    letter-spacing: -1px;
  }
  .releases-heading {
    letter-spacing: -1px;
  }
  .movie-review-items {
    grid-row-gap: 30px;
  }
  .movie-review.latest-feed {
    width: 100%;
  }
  .film-events-top {
    padding-right: 16px;
    padding-left: 16px;
  }
  .movie-review-heading {
    letter-spacing: -1px;
  }
  .film-events-item-wrapper {
    padding-top: 7px;
  }
  .latest-stories {
    padding-bottom: 42px;
  }
  .latest-text {
    display: none;
  }
  .latest-text.latest-text-light.latest-mobile-text {
    display: block;
  }
  .latest-text.latest-text-story {
    display: inline-block;
  }
  .latest-date {
    display: none;
  }
  .latest-date.latest-date-light.latest-date-mobile {
    display: block;
  }
  .latest-categories {
    display: none;
  }
  .latest-categories.latest-cats-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .popular-stories.story-cat-items {
    padding-top: 25px;
  }
  .popular-stories-items {
    padding-right: 0px;
  }
  .ad-popular.ad-popular-last {
    display: none;
  }
  .popular-story-small {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .popular-story-small.story-small-last {
    display: none;
  }
  .popular-story-image {
    min-height: 0px;
  }
  .ad-big-stories {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .ad-popular-col-1 {
    margin-bottom: 13px;
  }
  .ad-popular-col-2 {
    padding-left: 0px;
  }
  .cover-story-items {
    grid-row-gap: 24px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .cover-story-title {
    display: inline-block;
    width: 100%;
    padding-right: 0px;
  }
  .see-also-content {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .events-main-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .events-heading {
    font-size: 30px;
    line-height: 41px;
    text-align: center;
  }
  .events-heading.music-heading {
    padding-right: 20px;
    padding-left: 20px;
  }
  .story-category-col-1 {
    position: relative;
  }
  .story-cat-latest {
    grid-auto-flow: row;
  }
  .classical-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .classical-item {
    width: 100%;
    margin-bottom: 21px;
  }
  .place-type.event-type {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .container.submit-event {
    padding-right: 21px;
    padding-left: 21px;
  }
  .submit-col-2 {
    padding-top: 29px;
    padding-bottom: 29px;
  }
  .submit-col-2.connect-col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .social-connect {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .comment-input-wrapper {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .signin-comment-wrapper {
    overflow: auto;
    height: 500px;
    padding-top: 33px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .account-hint.hint-feedback {
    margin-bottom: 23px;
  }
  .comment-signin {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .food-filter-mobile {
    padding-right: 8px;
    padding-left: 8px;
  }
  .food-filter-wrapper {
    display: none;
    padding-right: 12px;
    padding-left: 13px;
    padding-bottom: 150px;
  }
  .form-2 {
    padding-top: 0px;
  }
  .row-date {
    padding-top: 19px;
  }
  .row-date.row-second {
    padding-bottom: 13px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .row-date.row-flex {
    padding-top: 25px;
  }
  .form-cats-row {
    grid-row-gap: 39px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .special-items {
    padding-top: 9px;
  }
  .latest-feedback {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }
  .form-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .about-paragraph {
    -webkit-column-count: auto;
    column-count: auto;
  }
  .images-about {
    grid-row-gap: 43px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .contact-us-top {
    margin-top: 20px;
  }
  .contact-bottom {
    padding-right: 0px;
    padding-left: 0px;
  }
  .option-big-field {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .label-option-full {
    margin-bottom: 14px;
    line-height: 1.2rem;
  }
  .label-option-full.required-label {
    background-position: 0% 6px;
    line-height: 1.1rem;
  }
  .archieves-top-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .archives-results {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .archives-results.theater-results {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .find-showtimes-head {
    margin-bottom: 7px;
  }
  .find-showtimes-wrapper {
    padding-right: 0px;
    padding-left: 0px;
  }
  .showtimes-tab {
    margin-right: 7px;
    margin-bottom: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
  }
  .tabs-menu-3 {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 40;
    padding-top: 15px;
    padding-bottom: 14px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#181a22), color-stop(74%, rgba(24, 26, 34, 0.92)), to(rgba(24, 26, 34, 0)));
    background-image: linear-gradient(180deg, #181a22, rgba(24, 26, 34, 0.92) 74%, rgba(24, 26, 34, 0));
  }
  .showtimes-days {
    padding-right: 10px;
    padding-left: 10px;
  }
  .showtimes-theaters {
    padding-right: 11px;
    padding-left: 11px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .showtimes-titles {
    padding-right: 11px;
    padding-left: 11px;
  }
  .showtimes-trailers {
    padding-right: 13px;
    padding-left: 13px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .showtimes-rating {
    padding-right: 11px;
    padding-left: 11px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .channel-wrapper {
    margin-bottom: 36px;
  }
  .showtime-items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .showtime-items.movie-channel-item {
    grid-auto-flow: row;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .showtime-item.movie-show-item {
    min-height: 140px;
  }
  .contests-wrapper {
    grid-row-gap: 35px;
  }
  .contest-item {
    padding-top: 27px;
    padding-bottom: 23px;
  }
  .contest-item-image {
    width: 200px;
    height: 109px;
    margin-right: auto;
    margin-left: auto;
  }
  .contest-item-text {
    line-height: 1.2rem;
  }
  .music-show-item {
    font-size: 14px;
    line-height: 19px;
  }
  .movie-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .radio-button-field {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .package-item-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .package-item-text {
    padding-left: 0px;
  }
  .checkbox-package {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .radio-package {
    margin-left: -16px;
  }
  .radio-button-label {
    padding-left: 8px;
  }
  .dropdown-wrapper-alerts.w--open {
    left: -6px;
    max-width: 250px;
    min-width: 240px;
  }
  .html-embed {
    width: 95%;
  }
  .movie-archive-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .movie-archive-cover {
    margin-right: auto;
    margin-bottom: 14px;
    margin-left: auto;
  }
  .archive-title {
    margin-bottom: 9px;
  }
  .profile-top {
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .profile-links {
    display: none;
    overflow: auto;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .profile-wrapper {
    overflow: hidden;
    padding-right: 0px;
    padding-left: 0px;
  }
  .profile-wrapper.wrapper-user {
    padding-right: 15px;
    padding-left: 15px;
  }
  .dropdown-2 {
    margin-top: 12px;
  }
  .div-block-4 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .profile-activity {
    margin-left: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .user-wrapper {
    padding-bottom: 31px;
  }
  .user-details-wrapper {
    padding: 8px 12px 18px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .user-bio {
    padding-right: 16px;
    padding-left: 16px;
  }
  .issue-img-small {
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .find-travel-story {
    padding-right: 10px;
    padding-left: 10px;
  }
  .travel-area-wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .travel-type-wrapper {
    grid-row-gap: 35px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .travel-find-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  .section {
    padding-top: 19px;
  }
  .class-date {
    position: static;
    margin-top: 7px;
  }
}

#w-node-95138b3af644-98071812 {
  -ms-grid-row: span 2;
  grid-row-start: span 2;
  -ms-grid-row-span: 2;
  grid-row-end: span 2;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-95138b3af64d-98071812 {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 2;
  grid-column-start: span 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
}

#w-node-95138b3af654-98071812 {
  -ms-grid-row: 3;
  grid-row-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 2;
  grid-column-end: 4;
}

#w-node-cb14cbbee5bb-98071812 {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 2;
  grid-column-start: span 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
}

#w-node-cb14cbbee5c2-98071812 {
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 2;
  grid-row-end: 3;
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
}

#w-node-1a890857425b-443d5ad4 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-0a81bf7346ba-443d5ad4 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-efa48adc27ef-b4e601e0 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-efa48adc27ef-0a9aa654 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-71ec4c3f9029-0a9aa654 {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 2;
  grid-column-start: span 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
}

#w-node-5c696f6ef391-c21dafd0 {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 2;
  grid-column-start: span 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
}

#w-node-f65d868e3331-c21dafd0 {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 2;
  grid-column-start: span 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
}

#w-node-5c696f6ef391-05307462 {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-f65d868e3331-05307462 {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-e9e16b348f15-05307462 {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 2;
  grid-column-start: span 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
}

#w-node-00a6dd3eaa12-b2be9fef {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-3cc201520bc6-9f8785d2 {
  -ms-grid-column-align: end;
  justify-self: end;
}

@media screen and (max-width: 767px) {
  #w-node-1a8908574243-443d5ad4 {
    -webkit-box-ordinal-group: -9998;
    -webkit-order: -9999;
    -ms-flex-order: -9999;
    order: -9999;
  }
  #w-node-1a890857424c-443d5ad4 {
    -webkit-box-ordinal-group: -9998;
    -webkit-order: -9999;
    -ms-flex-order: -9999;
    order: -9999;
  }
  #w-node-1a8908574255-443d5ad4 {
    -webkit-box-ordinal-group: -9998;
    -webkit-order: -9999;
    -ms-flex-order: -9999;
    order: -9999;
  }
  #w-node-5c696f6ef391-c21dafd0 {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }
  #w-node-f65d868e3331-c21dafd0 {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }
  #w-node-5c696f6ef391-05307462 {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }
  #w-node-f65d868e3331-05307462 {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }
  #w-node-e9e16b348f15-05307462 {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }
  #w-node-3cc201520bc6-9f8785d2 {
    -ms-grid-column-align: center;
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-c0304e0e8c2e-0a9aa654 {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
  }
  #w-node-9cbd40215363-0a9aa654 {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
  }
}

.social-connect button[type="submit"] {
  display: inline-block;
  padding: 9px 15px;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 10px;
  padding-right: 18px;
  padding-left: 40px;
  border: 1px solid #000;
  border-radius: 5px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 10px 50%;
  background-size: 18px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #000;
}

.social-connect .connect-button:nth-of-type(1) button {
  background-image: url('https://media.sandiegoreader.com/static-3/sdreader_new/images/facebook.svg');
}

.social-connect .connect-button:nth-of-type(2) button {
  background-image: url('https://media.sandiegoreader.com/static-3/sdreader_new/images/twitter.svg');
}

.social-connect .connect-button:nth-of-type(3) button {
  background-image: url('https://media.sandiegoreader.com/static-3/sdreader_new/images/google.svg');
}

.boxed-item {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px 15px;
  margin-bottom: 10px;
}

.event-thumbnail {
  background-color: #999;
  background-size: cover;
  border-radius: 50%;
  box-shadow: 0 0 0 6px rgba(0,0,0,.07);
  height: 50px;
  width: 50px;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
}

.pagination {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.story_detail p {
  background-color: inherit !important;
  /*color: inherit !important;*/
  color: inherit;
  font-size: inherit !important;
}