@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700&display=swap');
/* ============= Imports ===========*/
/**
 *   Default variables
 *
 *   While these can be set with JavaScript, it's probably
 *   better and faster to just set them here, compile to
 *   CSS and include that instead to use some of that
 *   hardware-accelerated goodness.
 */
/* @font-face kit by Fonts2u (https://fonts2u.com) */
@font-face {
  font-family: "Kitten Swash";
  src: url("fonts/KittenSwashTrial.eot?") format("eot"), url("fonts/KittenSwashTrial.woff") format("woff"), url("fonts/KittenSwashTrial.ttf") format("truetype"), url("fonts/KittenSwashTrial.svg#KittenSwash") format("svg");
  font-weight: normal;
  font-style: normal;
}
body {
  margin-top: -15px;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica !important;
}
body h1 {
  font-weight: 700;
  font-family: "proxima-nova-extra-condensed", "Segoe", "Arial+Nova", Helvetica;
}
body a {
  color: inherit;
}
body a:active {
  color: #000;
}
body ul {
  list-style-type: disc;
}
body ul li {
  list-style-type: disc;
}
/* ============= Alert Settings ===========*/
.alert {
  padding: 7px 15px 8px 50px;
}
.mall-alert {
  position: relative;
  width: 100%;
  height: auto;
  background: #857263;
}
.mall-alert .alert-header {
  position: relative;
  width: 100%;
  height: 45px;
  background: #857263;
  color: #FFF;
  font-size: 18px;
  padding: 10px;
  padding-left: 60px;
  z-index: 1099 !important;
  text-align: center;
}
.mall-alert .alert-header .show-alert {
  font-size: 30px;
  position: absolute;
  right: 25px;
  top: 5px;
  color: #FFF;
}
.mall-alert .alert-header .show-alert:hover {
  cursor: pointer;
}
@media (max-width: 320px) {
  .mall-alert .alert-header .show-alert {
    float: right;
    top: 5px;
    right: 1px;
  }
}
@media (max-width: 375px) {
  .mall-alert .alert-header .show-alert {
    float: right;
    top: 5px;
    right: 1px;
  }
}
@media (max-width: 414px) {
  .mall-alert .alert-header .show-alert {
    float: right;
    top: 5px;
    right: 1px;
  }
}
@media (max-width: 768px) {
  .mall-alert .alert-header .show-alert {
    float: right;
    top: 5px;
    right: 1px;
  }
}
@media (max-width: 635px) {
  .mall-alert .alert-header {
    font-size: 18px;
    text-align: left;
    padding-left: 10px;
  }
}
@media (max-width: 375px) {
  .mall-alert .alert-header {
    font-size: 18px;
    padding-left: 5px;
    text-align: left;
  }
}
@media (max-width: 320px) {
  .mall-alert .alert-header {
    font-size: 18px;
    padding-left: 5px;
    text-align: left;
  }
}
.mall-alert .alert-body {
  position: relative;
  padding: 10px;
  color: #5e5a58;
  font-size: 24px;
  background: #d4d1c2;
}
.mall-alert .alert-body .alert-close {
  font-size: 30px;
  position: absolute;
  right: 10px;
  top: 20px;
  color: #5e5a58;
}
.mall-alert .alert-body .alert-close:hover {
  cursor: pointer;
}
.mall-alert .alert-body .horn {
  font-size: 50px;
  position: absolute;
  top: 25px;
  -ms-transform: rotate(-12deg);
  /* IE 9 */
  -webkit-transform: rotate(-12deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-12deg);
}
.mall-alert .alert-body h1 {
  font-size: 32px;
  padding-left: 60px;
}
.mall-alert .alert-body p {
  padding-left: 60px;
}
@media (max-width: 600px) {
  .mall-alert .alert-body {
    font-size: 22px;
  }
}
/* ============= Header Settings ===========*/
.header {
  position: relative;
  height: 150px;
  width: 100%;
  z-index: 999;
}
@media (max-width: 767px) {
  .header {
    height: 125px;
  }
}
.header-top {
  position: relative;
  height: 75px;
  width: 100%;
  padding-left: 20px;
  z-index: 99;
}
.header-top a {
  color: inherit;
  display: inline-block;
}
.header-top a:hover {
  color: #000;
  text-decoration: none;
}
@media screen and (max-width: 532px) {
  .header-top {
    position: relative;
    left: auto;
    padding: 0 15px;
    width: 100%;
  }
}
.header-top .candy-canes {
  position: static;
  left: -35px;
  top: 15px;
  display: inline-block;
  float: left;
}
@media (min-width: 533px) {
  .header-top .candy-canes {
    top: -2px;
  }
}
.header-top .logo {
  /*after Holidays
      position: relative;
      margin-top: 20px;
      width: auto;
      min-width: 310px;
      height: auto;
      min-height: 27px;
      float: left;
      @media screen and (max-width: 532px) {
         clear: both;
         float:none;
         display:block;
         margin: 0 auto;
         top: auto;
         padding:26px 0;
         min-height:inherit;
         min-width:inherit;
         max-width:300px;
      }
      img{
         @media screen and (max-width: 532px) {
            max-width: 100%;
            margin:auto;
         }
      }
	   */
  /* For Holidays */
  position: relative;
  margin-top: 20px;
  width: auto;
  min-width: 310px;
  height: auto;
  min-height: 27px;
  float: left;
}
@media screen and (max-width: 532px) {
  .header-top .logo {
    clear: both;
    float: none;
    display: block;
    margin: 0 0 auto 0;
    top: auto;
    padding: 26px 0;
    min-height: inherit;
    min-width: inherit;
    max-width: 300px;
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 532px) {
  .header-top .logo img {
    max-width: 100%;
    margin: auto;
  }
}
@media (min-width: 533px) {
  .header-top .logo img {
    padding-left: 0px;
  }
}
.header-top .top-address {
  position: relative;
  float: right;
  font-size: 16px;
  text-transform: uppercase;
  padding-top: 25px;
  padding-right: 25px;
  color: #666;
}
.header-top .top-address a {
  color: inherit;
}
.header-top .top-address a:hover {
  color: #000;
  text-decoration: none;
}
@media screen and (max-width: 532px) {
  .header-top .top-address {
    display: none;
  }
}
.header-bottom {
  position: relative;
  height: 75px;
  width: 100%;
  padding-left: 25px;
  background: #d4d1c2;
  color: #000;
  z-index: 999;
}
@media (max-width: 767px) {
  .header-bottom {
    height: 50px;
  }
}
.top-address #street,
#town,
#number {
  position: relative;
  float: left;
}
.top-address #street {
  padding-right: 10px;
}
.top-address #town {
  padding-right: 20px;
}
.hours {
  font-size: 16px;
  padding-top: 25px;
  width: 25%;
  max-width: 425px;
  float: left;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
  font-weight: 400;
}
.hours .property-name {
  position: relative;
  top: -5px;
}
.hours strong {
  font-weight: 700;
}
.hours a {
  color: inherit;
}
.hours a:hover {
  color: #FFF;
}
@media (min-width: 993px) {
  .hours {
    width: 25%;
  }
}
@media (max-width: 992px) {
  .hours {
    width: 60%;
  }
}
@media (min-width: 441px) and (max-width: 799px) {
  .hours {
    font-size: 14px;
    /*width: 225px;*/
    width: auto;
    padding-top: 20px;
    margin-top: 0;
  }
}
@media screen and (max-width: 440px) {
  .hours {
    margin-top: 0px;
    font-size: 12px;
    width: auto;
    margin-left: -10px;
    padding-top: 20px;
  }
}
.hours img {
  width: 100%;
}
@media (min-width: 320px) and (max-width: 570px) {
  .hours img {
    width: 80%;
  }
}
@media (min-width: 870px) {
  .hours img {
    width: 100%;
  }
}
.hours-logo {
  font-size: 16px;
  padding-top: 25px;
  width: 25%;
  max-width: 425px;
  float: left;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
  font-weight: 400;
  display: none;
}
.hours-logo .property-name {
  position: relative;
  top: -5px;
}
.hours-logo strong {
  font-weight: 700;
}
.hours-logo a {
  color: inherit;
}
.hours-logo a:hover {
  color: #FFF;
}
@media (min-width: 993px) {
  .hours-logo {
    width: 25%;
  }
}
@media (max-width: 992px) {
  .hours-logo {
    width: 60%;
  }
}
@media (min-width: 441px) and (max-width: 799px) {
  .hours-logo {
    font-size: 14px;
    /*width: 225px;*/
    width: auto;
    padding-top: 20px;
    margin-top: 0;
  }
}
@media screen and (max-width: 440px) {
  .hours-logo {
    margin-top: 0px;
    font-size: 12px;
    width: auto;
    margin-left: -10px;
    padding-top: 20px;
  }
}
.hours-logo img {
  width: 100%;
}
@media (min-width: 320px) and (max-width: 570px) {
  .hours-logo img {
    width: 80%;
  }
}
@media (min-width: 870px) {
  .hours-logo img {
    width: 100%;
  }
}
.main-nav {
  padding-top: 14px;
  font-size: 16px;
  font-weight: 700;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
  width: 800px;
  float: right;
}
@media screen and (min-width: 1100px) {
  .main-nav {
    width: 75%;
  }
}
@media screen and (max-width: 1101px) {
  .main-nav {
    display: none;
  }
}
.main-nav img {
  height: 29px;
  width: auto;
}
.main-nav ul {
  padding: 0;
  list-style-type: none;
  margin-right: 10px;
  float: right;
}
.main-nav ul .no-br {
  position: relative;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #d4d1c2;
  width: 175px;
  padding-left: 0;
  margin-right: 10px;
  top: -6px;
}
@media (min-width: 1101px) and (max-width: 1251px) {
  .main-nav ul .no-br {
    width: 150px;
  }
}
.main-nav ul .no-br img {
  width: 100%;
}
.main-nav ul .no-br:hover {
  border-bottom: 2px solid #F00;
  border-right: none;
  border-left: none;
  border-top: none;
}
.main-nav ul .no-br:active {
  border-bottom: 2px solid #F00;
  border-right: none;
  border-left: none;
  border-top: none;
}
.main-nav ul .plull-left-nav {
  margin-right: 10px;
}
.main-nav li {
  display: inline-block;
  list-style: none;
  padding: 10px;
  width: 90px;
  text-align: center;
  margin-left: 5px;
}
@media screen and (max-width: 1251px) {
  .main-nav li {
    margin-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    width: 75px;
  }
}
@media screen and (max-width: 799px) {
  .main-nav li {
    font-size: 14px;
    margin-left: 0px;
  }
}
.main-nav li:hover {
  border: 1px solid #000;
}
.main-nav a {
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
}
@media (max-width: 1101px) {
  .main-nav a {
    font-size: 13px;
  }
}
.main-nav a:hover {
  text-decoration: none;
  color: #000;
}
.main-nav .active {
  border-bottom: 6px solid #857263;
  padding-bottom: 21px;
  color: #000;
}
/* ============= Mobile Nav Settings ===========*/
.mobile-main {
  float: right;
  margin-top: 25px;
  padding-top: 5px;
  overflow: hidden;
}
.mobile-main .mobile-main-btn {
  font-size: 12px;
  font-weight: 700;
}
.mobile-main .mobile-main-btn .nav-bars {
  position: absolute;
  font-size: 35px;
  float: right;
  top: 12px;
  right: 10px;
}
@media (max-width: 767px) {
  .mobile-main .mobile-main-btn .nav-bars {
    top: 2px;
  }
}
.mobile-main .mobile-main-btn .menu-text {
  position: absolute;
  float: right;
  top: 30px;
  right: 50px;
}
@media (max-width: 767px) {
  .mobile-main .mobile-main-btn .menu-text {
    top: 20px;
  }
}
.mobile-main .mobile-main-btn:hover {
  cursor: pointer;
}
@media screen and (min-width: 1102px) {
  .mobile-main {
    display: none;
  }
}
.link-container {
  position: fixed;
  top: 0;
  left: -110%;
  height: 100%;
  width: 100%;
  background: #d4d1c2;
  z-index: 9999 !important;
}
.link-container .head {
  padding-left: 10px;
  padding-right: 10px;
  height: 50px;
  border-bottom: 1px solid #857263;
  background: #FFF;
}
.link-container .head .home-btn {
  float: left;
  font-size: 16px;
  padding-top: 13px;
  text-transform: uppercase;
  padding-left: 10px;
}
.link-container .head .close-btn {
  float: right;
  font-size: 16px;
  padding-top: 3px;
}
.link-container .head .close-btn:hover {
  cursor: pointer;
}
.link-container .link-body a {
  font-size: 20px;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
  letter-spacing: 0.01em;
}
.link-container .link-body .accordion > li:hover > a,
.link-container .link-body .accordion > li:target > a,
.link-container .link-body .accordion > li > a.active {
  color: #000;
}
.link-container .link-body .accordion li.files > a:before {
  background-position: 0px 0px;
}
.link-container .link-body .accordion li.files:hover > a:before,
.link-container .link-body .accordion li.files:target > a:before,
.link-container .link-body .accordion li.files > a.active:before {
  background-position: 0px -24px;
}
.link-container .link-body .accordion li.mail > a:before {
  background-position: -24px 0px;
}
.link-container .link-body .accordion li.mail:hover > a:before,
.link-container .link-body .accordion li.mail:target > a:before,
.link-container .link-body .accordion li.mail > a.active:before {
  background-position: -24px -24px;
}
.link-container .link-body .accordion li.cloud > a:before {
  background-position: -48px 0px;
}
.link-container .link-body .accordion li.cloud:hover > a:before,
.link-container .link-body .accordion li.cloud:target > a:before,
.link-container .link-body .accordion li.cloud > a.active:before {
  background-position: -48px -24px;
}
.link-container .link-body .accordion li.sign > a:before {
  background-position: -72px 0px;
}
.link-container .link-body .accordion li.sign:hover > a:before,
.link-container .link-body .accordion li.sign:target > a:before,
.link-container .link-body .accordion li.sign > a.active:before {
  background-position: -72px -24px;
}
.link-container .link-body .accordion li > .sub-menu {
  display: none;
}
.link-container .link-body .accordion li:target > .sub-menu {
  display: block;
}
.link-container .link-body ul {
  list-style-type: none;
  padding: 0;
}
.link-container .link-body li {
  list-style: none;
  text-transform: uppercase;
  padding: 20px;
  border-bottom: 1px solid #857263;
}
.link-container a {
  color: #000;
  display: block;
}
.link-container a:hover {
  text-decoration: none;
  color: #000;
}
/* ============= Slider Settings ===========*/
.slider {
  position: relative;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
  overflow-x: hidden;
}
.slider .owl-prev {
  position: absolute;
  font-size: 100px !important;
  color: #333;
  width: 64px;
  height: 129px;
  padding-left: 5px;
  padding-bottom: 15px;
  background: url(../images/slider/left-arrow-bg.png);
  left: -50px;
  top: 45%;
  margin-top: -65px;
  z-index: 3 !important;
  opacity: .3;
}
.slider .owl-prev:hover {
  cursor: pointer;
  opacity: .7;
}
@media (max-width: 767px) {
  .slider .owl-prev {
    display: none;
  }
}
.slider .owl-next {
  position: absolute;
  font-size: 100px !important;
  color: #333;
  width: 64px;
  height: 129px;
  padding-left: 20px;
  padding-bottom: 15px;
  background: url(../images/slider/right-arrow-bg.png);
  right: -50px;
  top: 45%;
  margin-top: -65px;
  z-index: 3 !important;
  opacity: .3;
}
.slider .owl-next:hover {
  cursor: pointer;
  opacity: .7;
}
@media (max-width: 767px) {
  .slider .owl-next {
    display: none;
  }
}
.slider .home-slider {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 2 !important;
}
@media (min-width: 320px) and (max-width: 767px) {
  .slider .home-slider {
    min-height: 275px;
    max-height: 650px;
    height: auto;
  }
}
.slider .home-slider .customNavigation {
  position: absolute;
}
.slider .home-slider .owl-controls {
  position: absolute;
  width: 100% !important;
  /* adjust if necessary */
  bottom: 23% !important;
  /* adjust if necessary */
  margin: 0 !important;
  /* adjust if necessary */
}
@media (min-width: 320px) and (max-width: 650px) {
  .slider .home-slider .owl-controls {
    display: none !important;
  }
}
.slider .home-slider img {
  position: relative;
  z-index: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  height: auto;
  min-width: 100%;
}
.slider .home-slider .home-slider-text-container {
  position: absolute;
  max-width: 500px;
  height: auto;
  min-height: 100px;
  top: 0;
  left: 3%;
  margin-top: 2%;
  z-index: 2 !important;
}
.slider .home-slider .home-slider-text-container .home-slider-text {
  position: relative;
  color: #FFF;
  font-size: 90px;
  font-family: "proxima-nova-extra-condensed", "Segoe", "Arial+Nova", Helvetica;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 80px;
}
.slider .mid-nav-container {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #999;
  height: 130px;
  width: 100%;
  background: url(../images/slider/mid-nav-bg.png) repeat;
  z-index: 99;
}
@media (max-width: 640px) {
  .slider .mid-nav-container {
    display: none;
  }
}
@media (max-width: 950px) {
  .slider .mid-nav-container {
    height: 90px;
  }
}
.slider .mid-nav-container .secondary-nav {
  width: 700px;
  height: 130px;
  margin: 0 auto;
  padding-top: 20px;
  border-bottom: 5px solid #857263;
  position: relative;
  padding-left: 55px;
}
@media (max-width: 950px) {
  .slider .mid-nav-container .secondary-nav {
    height: 90px;
    padding-top: 10px;
  }
}
.slider .mid-nav-container .secondary-nav a {
  position: relative;
  width: 100px !important;
  padding-bottom: 11px;
  color: #000;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: .05em;
  text-align: center;
}
.slider .mid-nav-container .secondary-nav a:hover img {
  transform: scale(1.1);
}
@media (max-width: 950px) {
  .slider .mid-nav-container .secondary-nav a {
    font-size: 14px;
    top: 1px;
    padding-bottom: 6px;
  }
}
.slider .mid-nav-container .secondary-nav .seconday-link-container {
  position: relative;
  width: auto;
  height: 100px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 950px) {
  .slider .mid-nav-container .secondary-nav .seconday-link-container {
    height: 80px;
  }
}
.slider .mid-nav-container .secondary-link {
  border-right: 2px solid #999;
  float: left;
  width: 120px;
  height: 100px;
}
@media (max-width: 950px) {
  .slider .mid-nav-container .secondary-link {
    height: 50px;
  }
}
.slider .mid-nav-container .secondary-link.last {
  border-right: none;
}
.slider .mid-nav-container .secondary-link img {
  height: 65px;
  padding-bottom: 10px;
}
@media (max-width: 950px) {
  .slider .mid-nav-container .secondary-link img {
    height: 45px;
  }
}
.mobile-mid-nav {
  margin-top: 30px;
  width: 100%;
}
@media (max-width: 767px) {
  .mobile-mid-nav {
    margin-top: 10px;
  }
}
.mobile-mid-nav img {
  width: 30px;
  height: auto;
}
@media screen and (min-width: 640px) {
  .mobile-mid-nav {
    display: none;
  }
}
.mobile-mid-nav .secondary-nav {
  width: 100%;
  height: auto;
  border-bottom: 3px solid #857263;
  position: relative;
  padding-left: 5px;
  margin: 0 auto;
}
.mobile-mid-nav .secondary-nav .seconday-link-container {
  position: relative;
  width: 100%;
  height: 100px;
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 639px) {
  .mobile-mid-nav .secondary-nav .seconday-link-container {
    width: 100%;
    display: table;
  }
}
@media (max-width: 767px) {
  .mobile-mid-nav .secondary-nav .seconday-link-container {
    height: 80px;
  }
}
.mobile-mid-nav .secondary-nav .seconday-link-container a {
  position: relative;
  margin-left: -20px;
  color: #000;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: .05em;
  text-align: center;
}
.mobile-mid-nav .secondary-nav .seconday-link-container a:hover {
  text-decoration: none;
}
.mobile-mid-nav .secondary-nav .seconday-link-container a .secondary-link {
  position: relative;
  border-right: 1px solid #999;
  float: left;
  width: 20%;
  height: 80px;
}
@media (max-width: 767px) {
  .mobile-mid-nav .secondary-nav .seconday-link-container a .secondary-link {
    height: 60px;
  }
}
.mobile-mid-nav .secondary-nav .seconday-link-container a .secondary-link .link-text {
  width: 100%;
  height: 15px;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
}
.mobile-mid-nav .secondary-nav .seconday-link-container a .secondary-link img {
  width: 75%;
  max-width: 50px;
}
@media (max-width: 767px) {
  .mobile-mid-nav .secondary-nav .seconday-link-container a .secondary-link img {
    width: auto;
    height: 30px;
  }
}
.mobile-mid-nav .secondary-nav .seconday-link-container a .secondary-link.last {
  border-right: none;
}
/* ============= Deals Settings ===========*/
@media (max-width: 1082px) {
  .row2 {
    margin-top: -50px;
  }
}
.ad-container {
  padding: 25px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .ad-container {
    overflow-x: hidden;
  }
}
.ad-container .deals .home-search-container {
  position: relative;
  width: 80%;
  height: 75px;
  top: -20px;
  left: 10%;
  z-index: 99 !important;
}
@media (max-width: 414px) {
  .ad-container .deals .home-search-container {
    left: -10px;
    width: 107%;
    height: 50px;
    top: -20px;
  }
}
@media (min-width: 415px) and (max-width: 639px) {
  .ad-container .deals .home-search-container {
    left: -10px;
    width: 103%;
    height: 50px;
    top: -20px;
  }
}
@media (min-width: 640px) and (max-width: 730px) {
  .ad-container .deals .home-search-container {
    left: -4%;
    width: 103%;
    height: 50px;
    top: -30px;
  }
}
@media (min-width: 731px) and (max-width: 920px) {
  .ad-container .deals .home-search-container {
    left: -1%;
    width: 103%;
    height: 50px;
    top: -30px;
  }
}
.ad-container .deals .home-search-container .home-search {
  position: relative;
  margin: 0 auto;
  height: 75px;
  width: 700px;
  background: #FFF;
  border-bottom: 2px solid #eee;
}
@media (max-width: 639px) {
  .ad-container .deals .home-search-container .home-search {
    width: 100%;
    height: 50px;
  }
}
.ad-container .deals .home-search-container .home-search .home-search-text {
  height: 73px;
  width: 610px;
  float: right;
  border: none;
  color: #857263;
  font-size: 26px;
  background-color: #FFF;
}
@media (max-width: 639px) {
  .ad-container .deals .home-search-container .home-search .home-search-text {
    width: 82%;
    height: 48px;
    font-size: 14px;
    margin-right: 1px;
  }
}
.ad-container .deals .home-search-container .home-search .home-search-text:focus {
  outline: #333;
}
.ad-container .deals .home-search-container .home-search .home-search-submit {
  width: 50px;
  height: 75px;
  font-size: 40px;
  padding-left: 20px;
  padding-top: 15px;
  color: #857263;
}
@media (max-width: 639px) {
  .ad-container .deals .home-search-container .home-search .home-search-submit {
    position: relative;
    width: 30px;
    height: 40px;
    font-size: 24px;
    padding-left: 5px;
    top: -10px;
  }
}
.ad-container .deals .home-search-container .home-search .home-search-submit:hover {
  cursor: pointer;
  color: #d4d1c2;
}
.ad-container .deals .home-search-container .home-search .search-pipe {
  position: relative;
  padding-left: 15px;
  font-size: 40px;
  color: #857263;
  font-weight: 100;
}
@media (max-width: 639px) {
  .ad-container .deals .home-search-container .home-search .search-pipe {
    position: relative;
    padding-left: 2px;
    top: -5px;
  }
}
.ad-container .deals .heading {
  font-size: 25px;
  text-transform: uppercase;
  color: #666;
  font-weight: 300;
  text-align: center;
  padding-bottom: 10px;
  margin-top: 75px;
}
@media (max-width: 375px) {
  .ad-container .deals .heading {
    margin-top: 10px;
  }
}
@media (max-width: 479px) {
  .ad-container .deals .heading {
    font-size: 22px;
  }
}
.ad-container .deals .deals-img-container {
  padding-top: 25px;
}
@media (max-width: 767px) {
  .ad-container .deals .deals-img-container {
    padding-top: 0px;
  }
}
.ad-container .deals .deals-img-container a {
  color: #FFF;
}
.ad-container .deals .deals-img-container .tile {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 30px;
}
.ad-container .deals .deals-img-container .tile:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
@media (max-width: 550px) {
  .ad-container .deals .deals-img-container .tile {
    width: 100%;
    height: 125px;
  }
}
.ad-container .deals .deals-img-container .photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: transform 0.3s ease-out;
}
.ad-container .deals .deals-img-container .photo:hover {
  transition: transform 0.5s ease-in;
}
.ad-container .deals .deals-img-container .deals-img-text {
  width: 91%;
  height: 25%;
  position: absolute;
  bottom: 30%;
  text-align: center;
}
@media (max-width: 320px) {
  .ad-container .deals .deals-img-container .deals-img-text {
    bottom: 30%;
  }
}
.ad-container .deals .deals-img-container .deals-img-text .deals-img-text-head {
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 700;
  font-family: "proxima-nova-extra-condensed", "Segoe", "Arial+Nova", Helvetica;
  border-bottom: 1px solid #d4d1c2;
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .ad-container .deals .deals-img-container .deals-img-text .deals-img-text-head {
    border: 0 none;
  }
}
@media (max-width: 320px) {
  .ad-container .deals .deals-img-container .deals-img-text .deals-img-text-head {
    width: 90%;
    font-size: 14px;
    margin-left: 10%;
    line-height: 14px;
  }
}
@media (max-width: 375px) {
  .ad-container .deals .deals-img-container .deals-img-text .deals-img-text-head {
    width: 90%;
    font-size: 14px;
    margin-left: 10%;
    line-height: 14px;
  }
}
@media (max-width: 414px) {
  .ad-container .deals .deals-img-container .deals-img-text .deals-img-text-head {
    width: 90%;
    font-size: 16px;
    margin-left: 10%;
  }
}
.ad-container .deals .deals-img-container .deals-img-text .deals-img-text-head-nb {
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 700;
  font-family: "proxima-nova-extra-condensed", "Segoe", "Arial+Nova", Helvetica;
  width: 80%;
  margin: 0 auto;
  line-height: 24px;
}
@media (max-width: 320px) {
  .ad-container .deals .deals-img-container .deals-img-text .deals-img-text-head-nb {
    font-size: 14px;
    line-height: 14px;
  }
}
@media (max-width: 375px) {
  .ad-container .deals .deals-img-container .deals-img-text .deals-img-text-head-nb {
    font-size: 14px;
    line-height: 14px;
  }
}
@media (max-width: 414px) {
  .ad-container .deals .deals-img-container .deals-img-text .deals-img-text-head-nb {
    font-size: 16px;
    line-height: 14px;
  }
}
.ad-container .deals .deals-img-container .deals-img-text .deals-img-text-body {
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
  font-size: 18px;
  font-weight: 100;
  padding-top: 5px;
  width: 75%;
  margin: 0 auto;
}
@media (max-width: 320px) {
  .ad-container .deals .deals-img-container .deals-img-text .deals-img-text-body {
    margin-left: 6%;
    font-size: 10px;
    line-height: 10px;
  }
}
@media (max-width: 375px) {
  .ad-container .deals .deals-img-container .deals-img-text .deals-img-text-body {
    margin-left: 6%;
    font-size: 10px;
    line-height: 10px;
  }
}
@media (max-width: 414px) {
  .ad-container .deals .deals-img-container .deals-img-text .deals-img-text-body {
    margin-left: 8%;
    font-size: 10px;
    line-height: 10px;
  }
}
.ad-container .deals .more-deals {
  background: #f0f0f5;
}
.detail-slider {
  /* jssor slider bullet navigator skin 05 css */
  /* jssor slider arrow navigator skin 22 css */
}
@media (min-width: 1200px) {
  .detail-slider {
    margin-left: -15px;
  }
}
@media (min-width: 320px) {
  .detail-slider {
    padding-bottom: 50px;
  }
}
.detail-slider .bullet-container {
  position: relative;
  height: 30px;
  width: 100px;
  margin: 0 auto;
  top: 103%;
  z-index: 99;
}
.detail-slider .bullet-container .jssorb05 div {
  height: 35px;
  width: 35px;
  border-radius: 100px;
  background: #d4d1c2;
}
.detail-slider .bullet-container .jssorb05 div:hover {
  background: #857263;
  cursor: pointer;
}
.detail-slider .bullet-container .jssorb05 .av {
  background: #857263;
}
.detail-slider .bullet-container .jssorb05 .av:hover {
  background: #857263;
}
.detail-slider .bullet-container .jssorb05 .dn {
  background: #857263;
}
.detail-slider .bullet-container .jssorb05 {
  position: absolute;
}
.detail-slider .jssora22l {
  position: absolute;
  font-size: 100px !important;
  color: #333;
  width: 64px;
  height: 129px;
  padding-left: 5px;
  padding-bottom: 15px;
  background: url(../images/slider/left-arrow-bg.png);
  left: 0;
  top: 0;
  display: none;
}
.detail-slider .jssora22r {
  position: absolute;
  font-size: 100px !important;
  color: #333;
  width: 64px;
  height: 129px;
  padding-left: 25px;
  background: url(../images/slider/right-arrow-bg.png);
  right: 0px;
  top: 0;
  display: none;
}
@media (min-width: 320px) and (max-width: 768px) {
  .detail-slider .jssora22r {
    display: none;
  }
}
.detail-slider .jssora22l:hover {
  cursor: pointer;
}
.detail-slider .jssora22r:hover {
  cursor: pointer;
}
.detail-slider #jssor_1:hover .jssora22l {
  display: block;
}
.detail-slider #jssor_1:hover .jssora22r {
  display: block;
}
.detail-slider #jssor_2:hover .jssora22l {
  display: block;
}
.detail-slider #jssor_2:hover .jssora22r {
  display: block;
}
.detail-slider #jssor_3:hover .jssora22l {
  display: block;
}
.detail-slider #jssor_3:hover .jssora22r {
  display: block;
}
.events {
  /*background: #FFF !important;*/
  background: #fff;
}
.more-container {
  background: #f6f6f6;
  width: 100%;
  height: auto;
  min-height: 300px;
  padding-bottom: 50px;
}
.more-container .heading {
  font-size: 25px;
  text-transform: uppercase;
  color: #666;
  font-weight: 300;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 75px;
}
.more-container .upcoming .more-desc {
  padding-left: 25px;
}
.more-container .upcoming .img-small {
  padding-top: 25px;
  padding-left: 7px;
  padding-right: 7px;
}
@media (max-width: 374px) {
  .more-container .owl-carousel .item {
    margin: 15px 90px;
  }
}
@media (min-width: 375px) and (max-width: 500px) {
  .more-container .owl-carousel .item {
    margin: 15px 110px;
  }
}
.more-container .more-slider {
  padding-top: 25px;
  right: 0;
}
@media (max-width: 1080px) {
  .more-container .more-slider {
    max-width: 1080px;
    overflow: hidden;
  }
}
@media (max-width: 1024px) {
  .more-container .more-slider {
    max-width: 1024px;
    overflow: hidden;
  }
}
@media (max-width: 820px) {
  .more-container .more-slider {
    max-width: 820px;
    overflow: hidden;
  }
}
@media (max-width: 768px) {
  .more-container .more-slider {
    max-width: 768px;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .more-container .more-slider {
    overflow: hidden;
    max-width: 100%;
    height: auto;
  }
}
.more-container .more-slider img {
  padding: 0;
}
@media screen and (max-width: 320px) {
  .more-container .more-slider img {
    width: 200px;
  }
}
@media screen and (max-width: 375px) {
  .more-container .more-slider img {
    width: 200px;
  }
}
@media screen and (max-width: 414px) {
  .more-container .more-slider img {
    width: 200px;
  }
}
.more-container .more-slider .upcoming-img {
  height: auto;
  min-height: 250px;
  max-height: 250px;
  width: auto;
  background: #FFF;
  padding: 10px;
  overflow: hidden;
  margin-left: 10px;
  margin-right: 10px;
  /*
         .u-img{
            height: auto;
            width: auto;
            max-width: 100%;
            max-height: 100%;

            @media(max-width:992px){
               max-height: 90%;
               height: auto;
               width: 90%;
               margin: 0 auto;
            }
         }
         */
}
.more-container .more-slider .upcoming-img .u-img {
  max-height: 90%;
  height: auto;
  width: 90%;
  margin: 0 auto;
}
.more-container .map {
  margin: 0 auto;
}
.deals-spot {
  text-align: center;
}
.deals-spot .more-container {
  background: #f6f6f6;
  width: 100%;
  height: auto;
  min-height: 300px;
  padding-bottom: 50px;
}
.deals-spot .more-container .heading {
  font-size: 25px;
  text-transform: uppercase;
  color: #666;
  font-weight: 300;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 75px;
}
.deals-spot .more-container .upcoming .more-desc {
  padding-left: 25px;
  text-align: left;
}
.deals-spot .more-container .more-slider {
  padding-top: 25px;
  right: 0;
}
.deals-spot .more-container .more-slider img {
  padding: 0;
}
@media screen and (max-width: 320px) {
  .deals-spot .more-container .more-slider img {
    width: 200px;
  }
}
@media screen and (max-width: 375px) {
  .deals-spot .more-container .more-slider img {
    width: 200px;
  }
}
@media screen and (max-width: 414px) {
  .deals-spot .more-container .more-slider img {
    width: 200px;
  }
}
.deals-spot .more-container .more-slider .upcoming-img {
  height: auto;
  min-height: 250px;
  max-height: 250px;
  width: auto;
  background: #FFF;
  padding: 10px;
  overflow: hidden;
  margin-left: 10px;
  margin-right: 10px;
}
.deals-spot .more-container .more-slider .upcoming-img .u-img {
  height: auto;
  width: 225px;
  max-width: 100%;
  max-height: 100%;
}
.deals-spot .more-container .img-small,
.deals-spot .more-container.img-medium,
.deals-spot .more-container.img-large {
  position: relative;
  overflow: hidden;
}
.deals-spot .more-container .img-small img,
.deals-spot .more-container.img-medium img,
.deals-spot .more-container.img-large img {
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.more-desc {
  width: auto;
  height: auto;
  padding-top: 10px;
  /*padding-left: 25px;*/
}
.more-desc .title {
  color: #444;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
}
.more-desc .t-title {
  color: #444;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
}
.more-desc .body {
  color: #444;
  font-size: 22px;
  font-weight: 400;
  font-family: "proxima-nova-extra-condensed", "Segoe", "Arial+Nova", Helvetica;
  line-height: 20px;
}
.more-desc .body .blurb {
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
  font-size: 13px;
  color: #777;
  line-height: 14px;
}
.more-desc .expire {
  color: #666;
  font-size: 13px;
  text-transform: uppercase;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
}
.more-desc .price {
  /*padding-top: 15px;*/
  color: #888;
  font-size: 12px;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
}
.more-desc .add-list-btn {
  position: relative;
  float: right;
  right: 10px;
  height: auto;
  width: auto;
  font-size: 12px;
  background-color: transparent;
  color: #bbb;
  border: 1px solid #bbb;
  font-weight: 700;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
  text-transform: uppercase;
  padding: 2px 6px;
}
.more-desc .add-list-btn .fa-plus-square {
  color: #999;
}
.more-desc .add-list-btn i {
  padding-right: 5px;
}
.more-desc a {
  color: inherit;
}
.more-desc a:hover {
  color: inherit;
}
.panel-heading {
  min-height: 175px;
}
.panel-body {
  height: 175px;
}
.trend-body .trend-cat {
  font-size: 12px;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
  font-weight: 500;
}
.trend-body .trend-title {
  font-size: 24px;
  font-family: "proxima-nova-extra-condensed", "Segoe", "Arial+Nova", Helvetica;
  line-height: 22px;
  padding-bottom: 10px;
}
.trend-body .trend-body {
  font-size: 14px;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
}
footer {
  width: 100%;
  height: auto;
  min-height: 250px;
  background: #2e2e33;
  padding: 25px;
  color: #FFF;
}
footer .table th,
footer .table td {
  border-top: none !important;
}
footer .footer-link-container {
  position: relative;
  width: auto;
  height: auto;
}
footer .footer-link-container a {
  color: #FFF;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
}
footer .footer-link-container a:hover {
  text-decoration: underline;
}
footer .footer-link-container li {
  list-style: none;
  display: inline-block;
  margin-right: 25px;
  padding-bottom: 20px;
}
footer .footer-link-container li .last {
  margin-right: 0 !important;
}
footer .footer-hr {
  height: 2px;
  width: 100%;
  background: #857263;
}
footer .footer-hr2 {
  height: 2px;
  width: 100%;
  background: #5e5a58;
}
footer .social {
  padding-left: 25px;
  padding-top: 25px;
}
@media (max-width: 414px) {
  footer .social {
    padding: 0;
    width: 75%;
    height: 50px;
    margin: 0 auto;
  }
}
footer .social .social-icons p,
footer .social .info-social p {
  padding-left: 40px;
}
footer .social .social-icons ul,
footer .social .info-social ul {
  padding: 0;
  list-style-type: none;
}
footer .social .social-icons li,
footer .social .info-social li {
  list-style: none;
  display: inline-block;
  height: 35px;
  width: 35px;
}
footer .social .social-icons li img,
footer .social .info-social li img {
  width: 35px;
  height: 35px;
  border: none;
}
footer .social .social-icons a,
footer .social .info-social a {
  color: #2e2e33;
  font-size: 22px;
}
footer .social .social-icons .fa-facebook,
footer .social .info-social .fa-facebook {
  height: 34px;
  width: 34px;
  background: #FFF;
  color: #2e2e33;
  border-radius: 50px;
  padding-left: 12px;
  padding-top: 7px;
}
footer .social .social-icons .fa-instagram,
footer .social .info-social .fa-instagram {
  height: 34px;
  width: 34px;
  background: #FFF;
  color: #2e2e33;
  border-radius: 50px;
  padding-left: 8px;
  padding-top: 6px;
}
footer .social .social-icons .fa-twitter,
footer .social .info-social .fa-twitter {
  height: 34px;
  width: 34px;
  background: #FFF;
  color: #2e2e33;
  border-radius: 50px;
  padding-left: 9px;
  padding-top: 6px;
}
footer .social .social-icons .fa-youtube-play,
footer .social .info-social .fa-youtube-play {
  font-size: 21px;
  height: 34px;
  width: 34px;
  background: #FFF;
  color: #2e2e33;
  border-radius: 50px;
  padding-left: 7px;
  padding-top: 7px;
}
footer .social .social-icons .fa-snapchat-ghost,
footer .social .info-social .fa-snapchat-ghost {
  height: 34px;
  width: 34px;
  background: #FFF;
  color: #2e2e33;
  border-radius: 50px;
  padding-left: 7px;
  padding-top: 6px;
}
footer .social .social-icons .fa-pinterest-p,
footer .social .info-social .fa-pinterest-p {
  height: 34px;
  width: 34px;
  background: #FFF;
  color: #2e2e33;
  border-radius: 50px;
  padding-left: 7px;
  padding-top: 6px;
}
footer .social .social-icons .fa-google-plus,
footer .social .info-social .fa-google-plus {
  height: 34px;
  width: 34px;
  background: #FFF;
  color: #2e2e33;
  border-radius: 50px;
  padding-left: 4px;
  padding-top: 6px;
}
footer .footer-email-text .offer-form {
  padding-left: 50px;
  width: 100%;
  border-radius: 0 !important;
}
footer .footer-email {
  max-width: 500px;
  padding-left: 40px;
  border-radius: 0 !important;
}
footer .email {
  position: absolute;
  font-size: 20px;
  color: #ccc;
  left: 30px;
  top: 32px;
}
footer .email-btn {
  background: #2e2e33;
  color: #FFF;
  border: 2px solid #FFF;
  border-radius: 0 !important;
  width: 125px;
  height: 35px;
  text-transform: uppercase;
  font-weight: 300;
  margin-left: 10px;
}
footer .footer-logo {
  padding-top: 25px;
  padding-left: 50px;
}
footer .footer-logo img {
  width: 150px;
}
footer .copy {
  padding-top: 25px;
  padding-right: 50px;
}
/* ============= Mobile Footer Settings ===========*/
.mobile-footer {
  width: 100%;
  height: auto;
  min-height: 250px;
  background: #2e2e33;
  padding: 25px;
  color: #FFF;
}
@media (min-width: 767px) {
  .mobile-footer {
    display: none;
  }
}
.mobile-footer .mobile-footer-social {
  position: relative;
  width: 75%;
  height: auto;
  min-height: 100px;
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 320px) and (max-width: 414px) {
  .mobile-footer .mobile-footer-social {
    width: 100%;
  }
}
.mobile-footer .mobile-footer-social .mobile-footer-icons p {
  font-size: 16px;
}
.mobile-footer .mobile-footer-social .mobile-footer-icons ul {
  padding: 0;
  list-style-type: none;
}
.mobile-footer .mobile-footer-social .mobile-footer-icons li {
  list-style: none;
  display: inline-block;
  height: 50px;
  width: 50px;
  border-radius: 50px;
  padding: 5px;
  margin-right: 10px;
}
@media (max-width: 365px) {
  .mobile-footer .mobile-footer-social .mobile-footer-icons li {
    margin-right: 5px;
    height: 40px;
    width: 40px;
    border-radius: 40px;
  }
}
.mobile-footer .mobile-footer-social .mobile-footer-icons .mobile-footer-last {
  margin-right: -5px !important;
}
.mobile-footer .mobile-footer-social .mobile-footer-icons a {
  color: #2e2e33;
  font-size: 30px;
}
@media (max-width: 365px) {
  .mobile-footer .mobile-footer-social .mobile-footer-icons a {
    font-size: 24px;
  }
}
.mobile-footer .footer-email-form {
  margin-top: 25px;
}
.mobile-footer .footer-email-form p {
  font-size: 16px;
}
.mobile-footer .footer-email-form .offer-form {
  border-radius: 0 !important;
  height: 40px;
  font-size: 16px;
  padding-left: 45px;
}
.mobile-footer .footer-email-form .footer-form-btn {
  width: 100%;
  font-size: 20px;
  color: #FFF;
  border: 1px solid #FFF;
  border-radius: 0 !important;
  background: #2e2e33;
  padding: 5px;
  margin-top: 20px;
}
.mobile-footer .footer-email-form .email {
  position: absolute;
  color: #ccc;
  font-size: 24px;
  top: 35px;
  left: 25px;
}
.mobile-footer .footer-email-form .email-btn {
  background: #2e2e33;
  color: #FFF;
  border: 2px solid #FFF;
  border-radius: 0 !important;
  width: 100%;
  height: 35px;
  text-transform: uppercase;
  font-weight: 300;
  margin-top: 15px;
}
.mobile-footer .footer-nav-container {
  margin-top: 50px;
  text-align: center;
  width: 100%;
  height: auto;
  text-transform: uppercase;
}
.mobile-footer .footer-nav-container ul {
  list-style-type: none;
  padding: 0;
}
.mobile-footer .footer-nav-container li {
  list-style: none;
  border-top: 1px solid #5e5a58;
  height: 45px;
  width: 100%;
  padding-top: 11px;
}
.mobile-footer .footer-nav-container li .last-footer-link {
  border-bottom: 1px solid #5e5a58;
}
.mobile-footer .footer-nav-container a {
  font-size: 16px;
  color: #FFF;
}
.mobile-footer .footer-nav-container a:hover {
  text-decoration: underline;
}
.mobile-footer .footer-nav-container a .last-footer-link {
  border-bottom: 1px solid #5e5a58;
}
.mobile-footer .footer-logo-copy {
  height: 100px;
  width: 91%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  border-top: 1px solid #857263;
  padding-top: 20px;
}
.mobile-footer .footer-logo-copy img {
  width: 150px;
  margin: 0 auto;
}
.mobile-footer .footer-logo-copy .footer-copy {
  font-size: 12px;
  padding-top: 10px;
}
.tab-mail .offer-form {
  padding-left: 50px;
  border-radius: 0 !important;
}
/* ============= Carousel Settings ===========*/
/* ============= Modal Settings ===========*/
#myModal {
  margin-top: 25%;
}
#myModal .modal-dialog .modal-body {
  height: auto;
  min-height: 350px !important;
  z-index: 1099 !important;
  padding-left: 25px;
}
#myModal .modal-dialog .modal-body .close {
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 1099;
  color: #FFF;
  opacity: 1 !important;
  text-shadow: none !important;
}
@media (max-width: 320px) {
  #myModal .modal-dialog .modal-body .close {
    right: 2px;
    top: -25px;
  }
}
@media (max-width: 375px) {
  #myModal .modal-dialog .modal-body .close {
    right: 2px;
    top: -25px;
  }
}
@media (max-width: 768px) {
  #myModal .modal-dialog .modal-body .close {
    right: 2px;
    top: -25px;
  }
}
@media (max-width: 767px) {
  #myModal .modal-dialog .modal-body .close {
    top: 0;
  }
}
#myModal .modal-dialog .modal-body .modal-text {
  position: absolute;
  z-index: 10;
  width: 55%;
  float: left;
  font-size: 18px;
}
@media (max-width: 535px) {
  #myModal .modal-dialog .modal-body .modal-text {
    width: 90%;
  }
}
#myModal .modal-dialog .modal-body .modal-text h2 {
  font-size: 42px;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "proxima-nova-extra-condensed", "Segoe", "Arial+Nova", Helvetica;
  line-height: 38px;
}
#myModal .modal-dialog .modal-body .modal-text p {
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
  font-size: 14px;
  width: 85%;
  margin-top: -10px;
  padding-bottom: 10px;
}
#myModal .modal-dialog .modal-body .modal-text .offer-email {
  padding-top: 20px;
  padding-bottom: 50px;
}
#myModal .modal-dialog .modal-body .modal-text .offer-email .offer-form {
  border-radius: 0 !important;
  border: 1px solid #000;
  height: 35px;
  font-size: 14px;
  width: 90%;
  float: left;
  background: #FFF;
  padding-left: 30px;
}
@media (max-width: 662px) {
  #myModal .modal-dialog .modal-body .modal-text .offer-email .offer-form {
    width: 75%;
  }
}
@media (max-width: 535px) {
  #myModal .modal-dialog .modal-body .modal-text .offer-email .offer-form {
    width: 80%;
  }
}
@media (max-width: 414px) {
  #myModal .modal-dialog .modal-body .modal-text .offer-email .offer-form {
    width: 75%;
  }
}
@media (max-width: 335px) {
  #myModal .modal-dialog .modal-body .modal-text .offer-email .offer-form {
    width: 70%;
  }
}
#myModal .modal-dialog .modal-body .modal-text .offer-email .env {
  position: absolute;
  left: 5px;
  padding-top: 4px;
}
#myModal .modal-dialog .modal-body .modal-text .offer-email .offer-btn {
  border-radius: 0 !important;
  position: relative;
  background: #000;
  border: 1px solid #000;
  height: 35px;
  width: 90%;
  float: left;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .1em;
  right: 10px;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  margin-left: 10px;
  margin-top: 15px;
}
@media (max-width: 450px) {
  #myModal .modal-dialog .modal-body .modal-text .offer-email .offer-btn {
    width: 75%;
  }
}
@media (max-width: 768px) {
  #myModal .modal-dialog .modal-body .modal-text .offer-terms {
    margin-top: -20px;
  }
}
#myModal .modal-dialog .modal-body .modal-text .offer-terms a {
  margin-top: 50px;
  font-size: 12px;
  color: #000;
}
#myModal .modal-dialog .modal-body .modal-bg {
  position: absolute;
  float: right;
  right: 0;
  top: 0;
  z-index: 1;
}
#myModal .modal-dialog .modal-body .modal-bg img {
  height: 100%;
  width: auto;
}
.test-modal .modal-content {
  width: 400px;
  height: 512px;
  border-radius: 0 !important;
  position: relative;
  margin-top: 40%;
  margin-left: auto;
  margin-right: auto;
}
.test-modal .modal-body {
  height: auto;
  width: 400px;
}
@media (min-width: 370px) and (max-width: 430px) {
  .test-modal .modal-content {
    width: 350px;
    height: 448px;
  }
  .test-modal .modal-body {
    width: 100%;
  }
}
@media (min-width: 341px) and (max-width: 369px) {
  .test-modal .modal-content {
    width: 320px;
    height: 409px;
  }
  .test-modal .modal-body {
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 340px) {
  .test-modal .modal-content {
    width: 300px;
    height: 384px;
  }
  .test-modal .modal-body {
    width: 100%;
  }
}
.test-modal .modal-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99 !important;
}
.test-modal .modal-bg img {
  width: 100%;
  height: auto;
  z-index: 999 !important;
  position: relative;
  top: 0;
  left: 0;
}
.test-modal .close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9999!important;
  font-size: 40px;
  font-weight: 700;
  color: #000;
}
.test-modal .jumbo {
  color: #FFF;
  text-transform: uppercase;
  font-size: 3.9em;
  font-weight: 700;
  z-index: 5555 !important;
  position: relative;
  padding-top: 49%;
  text-align: center;
  line-height: 1em;
  font-family: "proxima-nova-extra-condensed", "Segoe", "Arial+Nova", Helvetica;
}
@media (min-width: 320px) and (max-width: 340px) {
  .test-modal .jumbo {
    font-size: 2.6em;
    padding-top: 48%;
    line-height: 0.9em;
  }
}
@media (max-width: 430px) {
  .test-modal .jumbo {
    font-size: 2.9em;
    padding-top: 48%;
    line-height: 0.9em;
  }
}
.test-modal .fine {
  color: #FFF;
  position: relative;
  z-index: 9999 !important;
  text-align: center;
  letter-spacing: 0.04em;
  font-size: 1.4em;
  font-weight: thin;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
}
@media (min-width: 320px) and (max-width: 340px) {
  .test-modal .fine {
    font-size: 1.2em;
    line-height: 0.9em;
  }
}
@media (max-width: 374px) {
  .test-modal .fine {
    padding-top: 5px;
    line-height: 1.1em;
  }
}
.test-modal .signUp {
  position: relative;
  padding-top: 10px;
  z-index: 9999 !important;
}
.test-modal .email {
  border-radius: 0 !important;
  height: 50px;
  text-align: center;
  font-size: 1.3em;
}
@media (max-width: 369px) {
  .test-modal .email {
    height: 40px;
    font-size: 1.1em;
  }
}
.test-modal .submit-btn {
  border-radius: 0 !important;
  background: #f7e553;
  width: 100%;
  color: #000;
  text-transform: uppercase;
  font-size: 2em;
  font-weight: 700;
  letter-spacing: 0.02em;
  border: none !important;
  height: 50px;
  margin-top: 10px;
}
@media (max-width: 369px) {
  .test-modal .submit-btn {
    height: 40px;
    font-size: 1.5em;
  }
}
.test-modal .fine-print {
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 9999 !important;
  padding-top: 5px;
}
.test-modal .fine-print a {
  color: #FFF;
  font-size: .7em;
  text-decoration: none;
  font-weight: 100;
  letter-spacing: 0.02em;
}
.offer-email #wcPartTwo {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.offer-email #wcPartTwo .form-part-two {
  padding-top: 50px;
}
.offer-email #wcPartTwo .form-part-two .form-control {
  border-radius: 0 !important;
  border: 1px solid #000;
}
.offer-email #wcPartTwo .form-part-two .pull-right {
  position: relative;
  float: right;
  right: -17% !important;
}
.offer-email #wcPartTwo .signUp {
  position: relative;
  padding-top: 10px;
  z-index: 9999 !important;
  width: 90%;
  margin: 0 auto;
}
.offer-email #wcPartTwo .email {
  border-radius: 0 !important;
  height: 40px;
  text-align: center;
  width: 90%;
  margin: 0 auto;
}
.offer-email #wcPartTwo .submit-btn {
  border-radius: 0 !important;
  background: #809797;
  width: 100%;
  color: #FFF;
  text-transform: uppercase;
  font-size: 1.6em;
  border: none !important;
  height: 40px;
  top: 10px;
  width: 90%;
  margin-left: 5%;
}
.offer-email #wcPartTwo hr {
  width: 90%;
  margin-left: 5%;
}
#myPerk {
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25%;
  width: auto;
  height: auto;
  max-width: 475px;
}
#myPerk .modal-body {
  height: auto;
  width: auto;
  max-width: 475px;
  min-height: 100px !important;
  min-width: 100px !important;
}
#myPerk .modal-body .close {
  position: absolute;
  right: 15px;
  top: 15px;
  height: 25px;
  width: 25px;
  opacity: 0.5;
  z-index: 1099 !important;
}
#myPerk .modal-body .close:hover {
  opacity: 1;
}
#myPerk .modal-body .btn-container {
  position: absolute;
  margin-top: 44%;
  right: 10px;
  height: 50px;
  width: 57%;
}
@media (min-width: 320px) and (max-width: 767px) {
  #myPerk .modal-body .btn-container {
    margin-top: 44%;
    right: 10px;
  }
}
#myPerk .modal-body .btn-container .sign-up-btn {
  position: absolute;
  right: 7%;
  height: 99%;
  width: 80%;
  z-index: 5 !important;
}
#myPerk .modal-body .btn-container .sign-up-btn:hover {
  cursor: pointer;
}
#myPerk .modal-bg {
  position: absolute;
  float: left !important;
  left: 0;
  top: 0;
  z-index: 1 !important;
}
#myPerk .modal-bg img {
  width: 100%;
  height: auto;
}
/* ============= Sub Page Settings ===========*/
.topBanner {
  position: relative;
  min-height: 200px;
  height: 425px;
  width: 100%;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
  z-index: -1 !important;
  background: url(../images/sub-banner/sub-banner.jpg) no-repeat center;
  background-size: cover;
  overflow: hidden;
}
@media (max-width: 460px) {
  .topBanner {
    height: 400px;
  }
}
.topBanner p {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .1em;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
}
@media (max-width: 480px) {
  .topBanner p {
    font-size: 16px;
  }
}
.topBanner h1 {
  font-size: 60px;
  margin-top: 5px;
  font-family: "proxima-nova-extra-condensed", "Segoe", "Arial+Nova", Helvetica;
  font-weight: 700;
}
@media (max-width: 480px) {
  .topBanner h1 {
    font-size: 42px;
  }
}
.ban .search-container {
  height: 75px;
  width: 50%;
  position: absolute;
  top: 20px;
  margin: 0 auto;
  z-index: 1045 !important;
}
@media (max-width: 414px) {
  .ban .search-container {
    width: 90%;
    height: 75px;
    bottom: 50px;
    left: 5%;
    bottom: 25px;
  }
}
.ban .search-container .home-search {
  position: relative;
  margin: 0 auto;
  height: 75px;
  width: 700px;
  background: #FFF;
}
@media (max-width: 414px) {
  .ban .search-container .home-search {
    width: 100%;
    height: 50px;
    margin: 0 auto;
  }
}
.ban .search-container .home-search .home-search-text {
  height: 75px;
  width: 610px;
  background: #FFF;
  float: right;
  border: none;
  color: #857263;
  font-size: 23px;
}
@media (max-width: 414px) {
  .ban .search-container .home-search .home-search-text {
    width: 80%;
    height: 50px;
    font-size: 20px;
  }
}
.ban .search-container .home-search .home-search-text:focus {
  outline: #333;
}
.ban .search-container .home-search .home-search-submit {
  width: 50px;
  height: 75px;
  font-size: 40px !important;
  padding-left: 20px;
  padding-top: 15px;
  color: #857263;
}
@media (max-width: 414px) {
  .ban .search-container .home-search .home-search-submit {
    position: absolute;
    width: 30px;
    height: 30px;
    font-size: 30px !important;
    padding-left: 10px;
    bottom: 25px;
  }
}
.ban .search-container .home-search .home-search-submit:hover {
  cursor: pointer;
  color: #d4d1c2;
}
.ban .search-container .home-search .search-pipe {
  position: relative;
  padding-left: 15px;
  font-size: 40px;
  color: #857263;
  font-weight: 100;
}
@media (max-width: 414px) {
  .ban .search-container .home-search .search-pipe {
    position: absolute;
    padding-left: 10px;
    bottom: 0px;
    left: 35px;
  }
}
.page-label {
  width: auto;
  padding-top: 25px;
  border-bottom: 2px solid #eee;
  background: #FFF !important;
  z-index: 99 !important;
}
.page-label .search-back {
  padding-left: 15px !important;
}
.page-label .label-head {
  padding-bottom: 15px;
  border-bottom: 5px solid #857263;
  font-weight: 700;
  padding-left: 0;
  text-transform: uppercase;
}
.page-label .label-head a {
  color: inherit;
}
@media (max-width: 1199px) {
  .page-label .label-head {
    width: 320px;
  }
}
@media (max-width: 767px) {
  .page-label .label-head {
    padding-left: 25px;
    max-width: 320px;
    width: 100%;
  }
}
.page-label .theatre {
  width: 320px;
}
@media (max-width: 767px) {
  .page-label .theatre {
    max-width: 305px;
    /*margin-left: 10px;*/
    width: 100%;
  }
}
.shop-header {
  padding-bottom: 25px;
}
.shop-header h1 {
  position: relative;
  font-size: 48px;
}
/*start custom selectbox*/
.bootstrap-select .btn {
  background-color: transparent;
  border: 1px solid #000;
  border-radius: 0;
  color: inherit;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
  text-transform: capitalize;
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
  background-color: transparent;
  border: 1px solid #000;
  border-radius: 0;
  color: inherit;
}
.bootstrap-select .caret,
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border: 0 none;
  display: none;
}
.deals-filter.fa-angle-down:before,
.deals-filter1.fa-angle-down:before {
  content: "\f107";
  font-size: 22px;
  position: absolute;
  right: 10px;
  top: 8px;
}
.deals-filter button,
.deals-filter1 button {
  font-family: proxima-nova, Segoe, "Arial Nova", Helvetica !important;
  font-weight: 700;
  font-size: 17px;
  text-transform: uppercase;
}
.deals-filter .dropdown-menu,
.deals-filter1 .dropdown-menu {
  font-family: proxima-nova, Segoe, "Arial Nova", Helvetica !important;
  font-size: 17px;
}
/*end of custom selectbox*/
/*start of maps buttons*/
.retailer_maps_wrapper {
  position: relative;
}
.retailer_maps_wrapper .maps_buttons {
  position: absolute;
  top: 10px;
  left: 15px;
}
.retailer_maps_wrapper .maps_buttons ul {
  list-style: none;
  padding: 0;
}
.retailer_maps_wrapper .maps_buttons ul li {
  list-style: none;
  display: inline-block;
  vertical-align: top;
}
.retailer_maps_wrapper .maps_buttons ul li button,
.retailer_maps_wrapper .maps_buttons ul li .btn,
.retailer_maps_wrapper .maps_buttons ul li a.btn {
  background: #f5f5f5;
  border: 1px solid #000;
  border-right: 0 none;
  font-size: 10px;
  font-family: proxima-nova, Segoe, "Arial Nova", Helvetica !important;
  text-transform: uppercase;
  color: #878787;
  padding: 8px 20px;
  font-weight: 700;
}
.retailer_maps_wrapper .maps_buttons ul li:last-child button,
.retailer_maps_wrapper .maps_buttons ul li:last-child .btn,
.retailer_maps_wrapper .maps_buttons ul li:last-child a.btn {
  border: 1px solid #000;
}
.retailer_maps_wrapper .maps_buttons ul li.active button,
.retailer_maps_wrapper .maps_buttons ul li:hover button,
.retailer_maps_wrapper .maps_buttons ul li:active button,
.retailer_maps_wrapper .maps_buttons ul li.active .btn,
.retailer_maps_wrapper .maps_buttons ul li:hover .btn,
.retailer_maps_wrapper .maps_buttons ul li:active .btn,
.retailer_maps_wrapper .maps_buttons ul li.active a.btn,
.retailer_maps_wrapper .maps_buttons ul li:hover a.btn,
.retailer_maps_wrapper .maps_buttons ul li:active a.btn {
  background: #fff;
  color: #000000;
}
.map-button-wrapper .modal-dialog {
  top: 0;
}
@media (max-width: 767px) {
  .map-button-wrapper .modal-dialog {
    height: 100%;
    margin: 0;
  }
  .map-button-wrapper .modal-dialog .modal-content {
    height: 100%;
  }
}
.map-button-wrapper .modal-dialog .close {
  font-size: 28px;
  color: #fff;
  opacity: 1;
}
.map-button-wrapper .modal-dialog i {
  padding-right: 10px;
}
.map-button-wrapper .modal-dialog .modal-body {
  padding: 0;
}
@media (max-width: 767px) {
  .map-button-wrapper .modal-dialog .modal-body {
    height: 90%;
  }
}
.map-button-wrapper .modal-dialog #map {
  height: 400px;
}
@media (max-width: 767px) {
  .map-button-wrapper .modal-dialog #map {
    height: 100%;
  }
}
.map-button-wrapper .modal-dialog .modal-header {
  background: #000;
  color: #fff;
}
@media (max-width: 767px) {
  .map-button-wrapper .modal-dialog .modal-header {
    height: 10%;
    min-height: 54px;
  }
}
@media (max-width: 767px) {
  .map-button-wrapper .modal-dialog .retailer_maps_wrapper {
    height: 100%;
  }
}
.map-button-wrapper .modal-dialog .retailer_maps_wrapper .maps_buttons li {
  display: block;
}
.map-button-wrapper .modal-dialog .retailer_maps_wrapper .maps_buttons li button,
.map-button-wrapper .modal-dialog .retailer_maps_wrapper .maps_buttons li .btn,
.map-button-wrapper .modal-dialog .retailer_maps_wrapper .maps_buttons li a.btn {
  min-width: 120px;
  margin: 0 0 10px;
  border: 1px solid #000;
}
/*end of maps button*/
.product-search-result .search-col {
  width: 100%;
}
@media (max-width: 767px) {
  .product-search-result .search-col {
    padding: 0;
  }
}
.search-col {
  position: relative;
  /*width: 290px;
   float: left;
   padding-left: 0 !important;
   padding-right: 0 !important;*/
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #d4d1c2;
}
@media (max-width: 767px) {
  .search-col {
    border-bottom: 0 none;
    padding-top: 20px;
    padding-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .search-col {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .search-col {
    width: 242px;
  }
}
.search-col .product-search {
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 0 !important;
  border: 1px solid #000;
  height: 40px;
  width: 100%;
  font-weight: 500;
  padding-left: 60px;
}
@media (max-width: 991px) {
  .search-col .product-search {
    width: 100%;
  }
}
.search-col .search-btn {
  position: absolute;
  background-color: transparent;
  border: none;
  font-size: 24px;
  color: #857263;
  margin-top: 1px;
  /*left: 5px;*/
  padding: 0;
  left: 15px;
}
.search-col form {
  position: relative;
}
.deal-details .more-slider img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  padding-bottom: 50px;
}
.deal-details .search-details h1 {
  margin-top: -7px;
  text-transform: capitalize;
}
.deal-details .deal-btn-container .deal-btns {
  padding: 5px 20px !important;
  border: 1px solid #000;
}
.deal-details .deal-btn-container .no-bg-btn {
  padding: 5px 20px !important;
}
.deal-details .deal-btn-container .no-bg-btn .fa {
  padding-right: 7px;
}
.deal-details .deal-btn-container .btn-add-tocart .no-bg-btn {
  margin-left: 15px;
  font-weight: 700;
}
.event-info .deal-btn-container .deal-btns {
  padding: 5px 20px !important;
  border: 1px solid #000;
}
@media (min-width: 768px) and (max-width: 991px) {
  .event-info .deal-btn-container .deal-btns {
    font-size: 11px !important;
  }
}
.event-info .print-ln {
  padding-top: 15px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}
.event-info .print-ln ul {
  list-style-type: none;
  padding-left: 20px;
}
@media (max-width: 991px) {
  .event-info .print-ln ul {
    padding-left: 5px !important;
  }
}
.event-info .print-ln li {
  list-style: none;
  display: inline-block;
  margin-left: 30px;
  position: relative;
  height: 30px;
  width: auto;
  top: 0;
  left: 0;
}
@media (max-width: 991px) {
  .event-info .print-ln li {
    margin-left: 10px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .event-info .print-ln li {
    margin-left: 10px;
  }
}
.event-info .print-ln li .fa-facebook {
  position: relative;
  top: 0px;
  left: 0;
  height: 20px;
  width: 20px;
  padding: 3px 3px 1px 8px;
  font-size: 14px;
  border-radius: 50px;
  background: #000;
  margin-right: 5px;
  color: #FFF;
}
.event-info .print-ln li .fa-twitter {
  position: relative;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  padding: 3px 0 0 4px;
  font-size: 14px;
  border-radius: 50px;
  background: #000;
  margin-right: 5px;
  color: #FFF;
}
.event-info .print-ln li .fa-pinterest-p {
  position: relative;
  height: 20px;
  width: 20px;
  padding: 3px 0 0 4px;
  font-size: 14px;
  border-radius: 50px;
  background: #000;
  margin-right: 5px;
  color: #FFF;
}
.event-info .print-ln li .fa-envelope {
  position: relative;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  padding: 4px 0 0 4px;
  font-size: 12px;
  border-radius: 50px;
  background: #000;
  margin-right: 5px;
  color: #FFF;
}
.event-info .print-ln li .fa-print {
  position: relative;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  /*bottom: 18px;
            right: 50px;*/
  padding: 4px 0 0 4px;
  font-size: 16px;
  margin-right: 3px;
  color: #000;
}
.event-info .print-ln .first {
  margin-left: -15px;
}
.event-info .print-ln .flt-right {
  float: right;
  padding-right: 10px;
}
.filter-btn {
  font-size: 13px;
  padding: 7px 15px;
  color: #FFF;
  background: #000;
  text-transform: uppercase;
  border: none;
  letter-spacing: 0.1em;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .filter-btn {
    font-size: 12px;
    padding: 6px 10px;
  }
}
.clear-btn {
  font-size: 13px;
  color: #878787;
  border: 1px solid #878787;
  padding: 7px 15px;
  margin-left: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .clear-btn {
    font-size: 12px;
    padding: 6px 10px;
    margin-left: 7px;
  }
}
.clear-btn .fa {
  padding-right: 5px;
  font-weight: 100;
  font-size: 15px;
}
.result-img {
  margin-left: 100px;
  background: #333;
}
.price-text-wrapper .form-control {
  padding-left: 20px;
}
.price-text-wrapper .fa {
  position: relative;
  top: 30px;
  left: 10px;
}
.store-list {
  padding-top: 28px;
  /*width: 855px;
   float: left;
   margin-left: 25px;
   @media(max-width:768px){
      width: 720px;
   }*/
}
.store-list ul {
  margin-bottom: 0;
  padding-left: 10px;
}
.store-list ul li a {
  color: inherit;
  text-decoration: none;
}
@media (max-width: 639px) {
  .store-list {
    height: auto;
  }
}
@media (max-width: 639px) {
  .store-list ul {
    padding: 0;
  }
}
.store-list li {
  list-style: none;
  display: inline-block;
  font-size: 16px;
  text-transform: uppercase;
  padding-left: 10px;
  padding-bottom: 10px;
  margin-top: 30px;
  color: #999;
}
@media (max-width: 767px) {
  .store-list li {
    margin-top: 0;
  }
}
@media (max-width: 319px) {
  .store-list li {
    display: block;
  }
}
.store-list li:hover {
  color: #000;
  cursor: pointer;
  border-bottom: 3px solid #000;
}
.store-list li .inner-list {
  border-right: 1px solid #999;
  height: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 25px;
}
@media (max-width: 639px) {
  .store-list li .inner-list {
    border-right: 0 none;
  }
}
.store-list li .view-icon {
  font-size: 24px;
  position: relative;
  top: 3px;
  padding-right: 10px;
}
.store-list .list-active {
  color: #000 !important;
  border-bottom: 3px solid #000;
}
@media (max-width: 1205px) {
  .store-list ul {
    padding-left: 0;
  }
  .store-list ul li {
    padding-left: 3px;
  }
  .store-list ul li a .inner-list {
    padding-right: 15px;
  }
}
.retailer-logo-text {
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  color: #878787;
  padding-top: 90px;
}
.retailer-logo-text .retailer-logo-text span {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.vendor-detail {
  min-height: 250px;
  width: auto;
  /*border-right: 1px solid #eee;
   border-bottom: 1px solid #eee;*/
  border: 0 none;
  padding-top: 25px;
  padding-bottom: 25px;
}
@media (max-width: 767px) {
  .vendor-detail {
    min-height: inherit;
    padding-top: 0;
  }
}
.vendor-detail img {
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 85%;
  padding-bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.vendor-detail .retailer-logo-text {
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  color: #878787;
}
.vendor-detail .retailer-logo-text .retailer-logo-text span {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.body-grid {
  position: relative;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  /*padding: 10px;*/
  padding-top: 10px;
  padding-bottom: 10px;
  /*@media(min-width:1024px) and (max-width:1080px){
      width: 1080px;
   }
   @media(min-width:992px) and (max-width:1023px){
      width: 1024px;
   }
   @media(min-width:768px) and (max-width:991px){
      width: 768px;
   }
   @media(min-width:320px) and (max-width:767px){
      width: 100%;
   }*/
}
.body-grid .filter-col {
  position: relative;
  /*float: left;
      width: 290px;*/
  height: auto;
  min-height: 1200px;
  /*============= Style Checkbox =========== */
  /* Base for label styling */
  /* checkbox aspect */
  /* checked mark aspect */
  /* checked mark aspect changes */
  /* disabled checkbox */
  /* accessibility */
  /* hover style just for information */
}
@media (max-width: 767px) {
  .body-grid .filter-col {
    min-height: inherit;
    margin-bottom: 30px;
  }
}
.body-grid .filter-col a {
  color: #000;
}
.body-grid .filter-col a:hover {
  color: #5e5a58;
}
.body-grid .filter-col .p-heading {
  font-size: 26px;
  font-weight: 300;
  padding-bottom: 5px;
  border-bottom: 1px solid #222;
}
.body-grid .filter-col .p-heading:hover {
  cursor: pointer;
}
.body-grid .filter-col .p-search {
  padding-left: 60px;
  padding-top: 10px;
  display: block;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .body-grid .filter-col .p-search {
    padding: 10px 10px 10px 60px;
    position: relative;
    border: 1px solid #000;
  }
}
.body-grid .filter-col .fa-gift {
  color: #857263;
  font-size: 30px !important;
  position: absolute;
  top: 5px;
  left: 15px;
}
.body-grid .filter-col .cat-check [type="checkbox"]:not(:checked),
.body-grid .filter-col .cat-check [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.body-grid .filter-col .cat-check [type="checkbox"]:not(:checked) + label,
.body-grid .filter-col .cat-check [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}
.body-grid .filter-col .cat-check [type="checkbox"]:not(:checked) + label:before,
.body-grid .filter-col .cat-check [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 17px;
  height: 17px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 0px;
}
.body-grid .filter-col .cat-check [type="checkbox"]:checked + label:before {
  background-color: #857263;
}
.body-grid .filter-col .cat-check [type="checkbox"]:not(:checked) + label:after,
.body-grid .filter-col .cat-check [type="checkbox"]:checked + label:after {
  content: '\f00c';
  font-family: FontAwesome;
  position: absolute;
  top: 5px;
  left: 1px;
  font-size: 14px;
  line-height: 0.8;
  color: #FFF;
  transition: all .2s;
  font-weight: 100;
}
.body-grid .filter-col .cat-check [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.body-grid .filter-col .cat-check [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.body-grid .filter-col .cat-check [type="checkbox"]:disabled:not(:checked) + label:before,
.body-grid .filter-col .cat-check [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.body-grid .filter-col .cat-check [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
.body-grid .filter-col .cat-check [type="checkbox"]:disabled + label {
  color: #aaa;
}
.body-grid .filter-col .cat-check [type="checkbox"]:checked:focus + label:before,
.body-grid .filter-col .cat-check [type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}
.body-grid .filter-col .cat-check label:hover:before {
  background-color: #857263 !important;
}
.body-grid .filter-col .cat-check {
  font-size: 14px;
  text-transform: uppercase;
  color: #999;
}
.body-grid .filter-col .cat-cover {
  position: absolute;
  left: 0;
  top: 228px;
  height: 30px;
  width: 100%;
  background: #FFF;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#fcfcfc, #ffffff);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#fcfcfc, #ffffff);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#fcfcfc, #ffffff);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#fcfcfc, #ffffff);
  /* Standard syntax */
  opacity: .7;
}
.body-grid .filter-col .hidden-cat {
  display: none;
}
.body-grid .filter-col .clear-cat-btn {
  margin-top: 15px;
  padding: 10px 20px;
  border: 1px solid #999;
  border-radius: 0px;
  background: #FFF;
}
.body-grid .filter-col .clear-cat-btn:hover {
  background: #F1F1F1;
}
.body-grid .filter-col .clear-cat-btn .fa-times {
  font-size: 16px;
  font-weight: 100;
}
.body-grid .filter-col .amenities {
  margin-top: 75px;
}
@media (max-width: 767px) {
  .body-grid .filter-col .amenities {
    margin-top: 20px;
  }
}
.body-grid .filter-col .amenities .amenities-cover {
  position: relative;
  left: 0;
  bottom: 47px;
  height: 32px;
  width: 100%;
  background: #000;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#fcfcfc, #ffffff);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#fcfcfc, #ffffff);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#fcfcfc, #ffffff);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#fcfcfc, #ffffff);
  /* Standard syntax */
  opacity: .9;
  display: none;
}
.body-grid .filter-col .amenities .amenity_sidebar {
  padding-left: 10px;
  padding-bottom: 15px;
  color: #000;
  text-transform: uppercase;
}
.body-grid .filter-col .amenities .amenity_sidebar img {
  max-width: 36px;
}
.body-grid .filter-col .amenities .amenity_check {
  background: url(../images/checked-bg.png) no-repeat right 8px;
  background-size: 24px;
}
.body-grid .filter-col .amenities .hidden-amenities {
  display: none;
}
.body-grid .filter-col .amenities .fa-wifi {
  font-size: 24px;
  color: #FFF;
  background: #000;
  padding: 5px;
  border-radius: 5px;
}
.body-grid .filter-col .amenities .fa-battery-half {
  font-size: 22px;
  color: #FFF;
  background: #000;
  padding: 5px;
  border-radius: 5px;
}
.body-grid .filter-col .amenities .fa-usd {
  font-size: 22px;
  color: #FFF;
  background: #000;
  padding: 5px 13px;
  border-radius: 5px;
}
.body-grid .filter-col .amenities .fa-shield {
  font-size: 22px;
  color: #FFF;
  background: #000;
  padding: 5px 11px;
  border-radius: 5px;
}
.body-grid .filter-col .amenities .restroom {
  color: #FFF;
  background: #000;
  font-size: 18px;
  padding: 5px;
  border-radius: 5px;
}
.body-grid .filter-col .amenities .print-directory {
  margin-top: 10px;
}
.body-grid .filter-col .amenities .print-directory .print-btn {
  width: 100%;
  background: #000;
  border-radius: 0px;
  border: none;
  color: #FFF;
  font-size: 14px;
  text-transform: uppercase;
  padding: 10px 30px 10px 10px;
}
.body-grid .filter-col .amenities .print-directory .print-btn .fa-print {
  font-size: 22px;
  padding-right: 10px;
}
.body-grid .grid-view {
  position: relative;
  height: auto;
  display: none;
  /*width: auto;
      left: 25px;
      @media(max-width:1200px){
         width: 875px;
         left: 25px;
         float: left;
      }
      @media(max-width:1080px){
         width: 740px;
         left: 25px;
         float: left;
      }
      @media(max-width:1024px){
         width: 700px;
         left: 25px;
         float: left;
      }
      @media(max-width:768px){
         width: 430px;
         left: 25px;
         float: left;
      }*/
}
.body-grid .grid-view .grid {
  height: 250px;
  /*width: 215px;*/
  width: 25%;
  float: left;
  padding-right: 20px;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .body-grid .grid-view .grid {
    max-width: 200px;
  }
}
@media (max-width: 992px) {
  .body-grid .grid-view .grid {
    width: 50%;
    max-width: inherit;
  }
}
@media (max-width: 639px) {
  .body-grid .grid-view .grid {
    width: 100%;
    max-width: inherit;
    border-right: 0 none;
    padding-right: 0;
  }
}
.body-grid .grid-view .grid:hover {
  cursor: pointer;
}
.body-grid .grid-view .grid:hover img {
  width: 95%;
  padding: 0;
  -webkit-transition: all .5s;
  /* Safari */
  transition: all .5s;
  -webkit-filter: grayscale(0%);
  /* Chrome, Safari, Opera */
  filter: grayscale(0%);
}
.body-grid .grid-view .grid img {
  padding: 0;
  width: 85%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-filter: grayscale(100%);
  /* Chrome, Safari, Opera */
  filter: grayscale(100%);
}
.body-grid .grid-view .grid .status-container {
  position: absolute;
  width: 215px;
  height: 20px;
  margin-top: 25px;
}
.body-grid .grid-view .grid .store-status-soon {
  height: 20px;
  margin: 0 auto;
  color: #FFF;
  background: #000;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  padding-top: 2px;
  font-weight: 500;
}
.body-grid .grid-view .grid .store-status-open {
  height: 20px;
  margin: 0 auto;
  color: #FFF;
  background: #857263;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  padding-top: 2px;
  font-weight: 500;
}
.body-grid .grid-view .grid .store-specials-container {
  position: absolute;
  width: 215px;
  height: auto;
}
.body-grid .grid-view .grid .store-specials {
  text-align: center;
  color: #857263;
  font-size: 26px;
  padding-top: 210px;
}
.body-grid .list-view {
  position: relative;
  height: auto;
  left: 30px;
  font-weight: 700;
  font-size: 14px;
  color: #999;
}
@media (max-width: 767px) {
  .body-grid .list-view {
    width: 100%;
    left: auto;
    display: block !important;
  }
  .body-grid .list-view .phn_num a {
    border-right: 1px solid #ddd;
  }
}
.body-grid .list-view #list-store {
  color: #000;
}
@media (max-width: 413px) {
  .body-grid .list-view #list-store .list-store {
    width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.body-grid .list-view .list-tags {
  color: #857263;
  font-size: 24px;
}
@media (max-width: 767px) {
  .body-grid .list-view .list-tags {
    font-size: 16px;
  }
}
.body-grid .list-view .list-icon {
  font-size: 18px;
  padding-right: 5px;
}
@media (max-width: 767px) {
  .body-grid .list-view .list-icon {
    padding-right: 10px;
  }
}
.body-grid .list-view a {
  color: inherit;
}
.body-grid .list-view .status-container {
  position: relative;
  height: 20px;
}
.body-grid .list-view .store-status-soon {
  height: 20px;
  color: #FFF;
  background: #000;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  padding-top: 2px;
  font-weight: 500;
}
.body-grid .list-view .store-status-open {
  height: 20px;
  color: #FFF;
  background: #857263;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  padding-top: 2px;
  font-weight: 500;
}
.body-grid .list-view .store-status-relocated {
  height: 20px;
  color: #FFF;
  background: #5e5a58;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  padding-top: 2px;
  font-weight: 500;
}
.body-grid .list-view .store-specials-container {
  position: absolute;
  width: 215px;
  height: auto;
}
.body-grid .list-view .store-specials {
  text-align: center;
  color: #857263;
  font-size: 26px;
  padding-top: 210px;
}
@media (max-width: 767px) {
  .body-grid .list-view .table-responsive {
    border: 0 none;
  }
}
.body-grid .map-view {
  position: relative;
  height: auto;
  display: none;
  float: right;
}
.body-grid .map-view #map {
  height: 800px;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .body-grid .map-view #map {
    height: 600px;
    width: 100%;
  }
}
.body-grid .map-view .suite-class[data-title]:hover:after {
  content: attr(data-title);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
  z-index: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}
.body-grid .map-view .tooltip {
  display: none;
  position: absolute;
  border: 1px solid #333;
  background-color: #161616;
  border-radius: 5px;
  padding: 10px;
  color: #fff;
  font-size: 12px Arial;
  z-index: 1099 !important;
}
/*map button for mobile*/
.map-button {
  width: 100%;
  background: #000;
  border-radius: 0px;
  border: none;
  color: #FFF;
  font-size: 14px;
  text-transform: uppercase;
  padding: 10px 30px 10px 10px;
  margin-top: 30px;
}
.map-button i {
  font-size: 22px;
  padding-right: 10px;
}
.map-button:hover {
  color: #f0f0f0;
}
.map-button:hover i {
  color: #f0f0f0;
}
/*end of map button for mobile*/
.store-logo {
  padding-bottom: 25px;
}
@media (max-width: 767px) {
  .store-logo {
    text-align: center;
  }
}
.store-logo img {
  width: 90%;
  padding-left: 50px;
}
.store-info {
  padding-bottom: 25px;
}
@media (max-width: 1199px) {
  .store-info {
    left: 0;
  }
}
@media (max-width: 767px) {
  .store-info {
    text-align: center;
  }
}
.store-info .info-title {
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
}
.store-info .info-info {
  font-size: 18px;
  padding-bottom: 20px;
}
.store-info .info-info a {
  color: inherit;
}
.store-info .info-status {
  background: #000;
  font-size: 18px;
  color: #fff;
  padding: 1px 10px;
  font-family: proxima-nova, Segoe, "Arial Nova", Helvetica;
  font-weight: 100;
  width: 130px;
  text-align: center;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .store-info .info-status {
    margin: 0 auto 25px auto;
  }
}
.store-info .info-status a {
  color: inherit;
}
.store-info .info-social img {
  width: 35px;
}
.store-info p {
  font-size: 16px;
}
.info-btns {
  position: relative;
}
@media (max-width: 767px) {
  .info-btns {
    text-align: center;
  }
}
.info-btns .info-btn {
  margin-bottom: 25px;
  border-radius: 0px;
  border: 1px solid #000;
  color: #000;
  padding: 20px 10px 20px 50px;
  text-align: left;
  text-transform: uppercase;
  background-color: transparent;
  width: 275px;
  font-weight: 700;
  letter-spacing: .09em;
}
@media (max-width: 991px) {
  .info-btns .info-btn {
    max-width: 100% !important;
  }
}
@media (max-width: 767px) {
  .info-btns .info-btn {
    position: relative;
    padding: 20px 10px 20px 60px;
  }
}
.info-btns .info-btn .fa-calendar {
  position: absolute;
  left: 30px;
  color: #857263;
  font-size: 24px;
  padding-right: 20px;
}
@media (max-width: 767px) {
  .info-btns .info-btn .fa-calendar {
    left: 15px;
  }
}
.info-btns .info-btn .fa-map-marker {
  position: absolute;
  left: 30px;
  color: #857263;
  font-size: 24px;
  padding-right: 20px;
}
@media (max-width: 767px) {
  .info-btns .info-btn .fa-map-marker {
    left: 15px;
  }
}
.info-btns .info-btn .fa-comments {
  position: absolute;
  left: 30px;
  color: #857263;
  font-size: 24px;
  padding-right: 20px;
}
@media (max-width: 767px) {
  .info-btns .info-btn .fa-comments {
    left: 15px;
  }
}
.info-btns .info-btn .fa-tag {
  position: absolute;
  left: 30px;
  color: #857263;
  font-size: 24px;
  padding-right: 20px;
}
@media (max-width: 767px) {
  .info-btns .info-btn .fa-tag {
    left: 15px;
  }
}
.store-tags {
  text-indent: 25px;
}
@media (max-width: 767px) {
  .store-tags {
    text-align: center;
    text-indent: 0;
  }
}
.store-tags a {
  color: #857263;
  text-decoration: underline;
  font-size: 15px;
}
.store-tags a:hover {
  color: #5e5a58;
}
.store-desc {
  font-size: 18px;
  padding-bottom: 75px;
  letter-spacing: .03em;
  line-height: 1.7em;
  color: #5e5a58;
}
@media (max-width: 767px) {
  .store-desc {
    padding-bottom: 0px;
  }
}
.info-event-header {
  padding-bottom: 25px;
}
.info-event-header h2 {
  font-size: 25px;
  font-weight: 300;
  letter-spacing: .08em;
}
.social-container {
  background: #FFF;
  padding-bottom: 25px;
  width: 100%;
}
.social-container .heading {
  font-size: 25px;
  text-transform: uppercase;
  color: #666;
  font-weight: 300;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 75px;
}
.social-container .more-slider {
  padding-top: 25px;
  right: 0;
}
.social-container .more-slider img {
  padding: 0;
}
@media screen and (max-width: 320px) {
  .social-container .more-slider img {
    width: 320px;
  }
}
@media screen and (max-width: 375px) {
  .social-container .more-slider img {
    width: 375px;
  }
}
@media screen and (max-width: 414px) {
  .social-container .more-slider img {
    width: 414px;
  }
}
.social-container .more-slider .prevArrow {
  position: absolute;
  top: 23%;
  width: 64px;
  height: 129px;
  padding-left: 5px;
  background: url(../images/slider/left-arrow.png);
  z-index: 1099;
  display: none;
}
.social-container .more-slider .prevArrow:hover {
  cursor: pointer;
}
.social-container .more-slider .nextArrow {
  position: absolute;
  top: 23%;
  right: 0;
  width: 64px;
  height: 129px;
  padding-left: 25px;
  background: url(../images/slider/right-arrow.png);
  z-index: 1099;
  display: none;
}
.social-container .more-slider .nextArrow:hover {
  cursor: pointer;
}
.slick-next {
  position: absolute;
  top: 23%;
  right: 0;
  width: 64px;
  height: 129px;
  padding-left: 25px;
  background: url(../images/slider/right-arrow.png);
  z-index: 1099;
  display: none;
}
.slick-next:hover {
  cursor: pointer;
}
.slick-prev {
  position: absolute;
  top: 23%;
  width: 64px;
  height: 129px;
  padding-left: 5px;
  background: url(../images/slider/left-arrow.png);
  z-index: 1099;
  display: none;
}
.slick-prev:hover {
  cursor: pointer;
}
.product-search-result .filter-container .filter-wrapper .deals-filter.filter-head {
  padding-top: 30px;
}
.product-search-result .filter-container.filter-container-wrapper {
  margin-top: 30px;
  padding-bottom: 0;
}
.product-search-result .filter-container {
  padding-bottom: 0;
}
.product-search-result .filter-container .deals-filter .head-text {
  position: relative;
  top: -30px;
}
.filter-container {
  padding-bottom: 25px;
}
.filter-container .deals-filter {
  position: relative;
  padding-top: 40px;
}
@media (max-width: 767px) {
  .filter-container .deals-filter {
    padding-top: 20px;
  }
}
.filter-container .deals-filter .head-text {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}
.filter-container .deals-filter .filter .filter-box {
  width: 100%;
  height: 40px;
  border: 2px solid #000;
  font-size: 17px;
  font-weight: 700px;
  text-transform: uppercase;
  padding-left: 20px;
  padding-top: 7px;
  overflow: hidden;
  font-family: proxima-nova, Segoe, "Arial Nova", Helvetica !important;
}
.filter-container .deals-filter .filter .filter-box .fa-angle-down {
  position: absolute;
  font-size: 22px;
  top: 70px;
  right: 10px;
}
@media (max-width: 767px) {
  .filter-container .deals-filter .filter .filter-box .fa-angle-down {
    top: auto;
  }
}
.filter-container .deals-filter .filter .filter-box:hover {
  cursor: pointer;
}
.filter-container .deals-filter .filter .categories {
  display: none;
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  height: auto;
  background: #FFF;
  z-index: 1050;
  padding-left: 10px;
  padding-bottom: 10px;
  border-left: 1px solid #d4d1c2;
  border-right: 1px solid #d4d1c2;
  border-bottom: 1px solid #d4d1c2;
}
@media (max-width: 767px) {
  .filter-container .deals-filter .filter .categories {
    top: auto;
  }
}
.filter-container .deals-filter .filter ul {
  padding: 0;
  list-style-type: none;
}
.filter-container .deals-filter .filter li {
  list-style: none;
  padding-left: 10px;
  padding-top: 10px;
}
.filter-container .deals-filter .filter .stores {
  display: none;
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  height: auto;
  background: #FFF;
  z-index: 1050;
  padding-left: 10px;
  padding-bottom: 10px;
  border-left: 1px solid #d4d1c2;
  border-right: 1px solid #d4d1c2;
  border-bottom: 1px solid #d4d1c2;
}
@media (max-width: 767px) {
  .filter-container .deals-filter .filter .stores {
    top: auto;
  }
}
.filter-container .deals-filter .filter ul {
  padding: 0;
  list-style-type: none;
}
.filter-container .deals-filter .filter li {
  list-style: none;
  padding-left: 10px;
  padding-top: 10px;
}
.filter-container .deals-filter .filter li:hover {
  cursor: pointer;
  color: #999;
}
/*deals page list page*/
.deals-container .panel .more-desc .panel-body {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}
.deals-container .panel .more-desc .panel-body h3,
.deals-container .panel .more-desc .panel-body .h3 {
  font-size: 22px;
  margin-top: 0;
}
.deals-container .panel .more-desc .panel-body h3 a,
.deals-container .panel .more-desc .panel-body .h3 a {
  font-size: 22px;
}
.deals-container .img-container {
  display: block;
}
.deals-container .img-container.img-small,
.deals-container .img-container.img-medium,
.deals-container .img-container.img-large {
  position: relative;
  overflow: hidden;
}
.deals-container .img-container.img-small img,
.deals-container .img-container.img-medium img,
.deals-container .img-container.img-large img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.deals-container .panel .panel-heading .img-small img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1200px) {
  .deals-container .panel .panel-heading .img-small .img-responsive {
    max-width: 100% !important;
  }
}
/*end of deals list page*/
.deals-container {
  border-top: 1px solid #5e5a58;
  padding-top: 25px;
  padding-bottom: 75px;
  min-height: 400px;
}
.deals-container .more-desc {
  height: 100px;
}
@media (max-width: 767px) {
  .deals-container .more-desc {
    height: auto;
  }
}
.deals-container .img-container {
  width: 250px;
  height: 250px;
}
@media (min-width: 320px) and (max-width: 413px) {
  .deals-container .img-container {
    height: auto;
    height: 275px;
    width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 414px) and (max-width: 767px) {
  .deals-container .img-container {
    height: auto;
    height: 350px;
    width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .deals-container .img-container {
    overflow: hidden;
    height: 300px;
    width: 300px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .deals-container .img-container {
    overflow: hidden;
    height: 200px;
    width: 200px;
  }
}
@media (min-width: 1200px) {
  .deals-container .img-container img {
    height: 250px;
    width: 250px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .deals-container .img-container img {
    height: 200px;
    width: 200px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .deals-container .img-container img {
    height: 300px;
    width: 300px;
  }
}
@media (min-width: 414px) and (max-width: 767px) {
  .deals-container .img-container img {
    max-height: 400px;
    width: 100%;
  }
}
@media (max-width: 413px) {
  .deals-container .img-container img {
    height: auto;
    width: 100%;
    margin: 0 auto;
  }
}
.deals-container .panel {
  box-shadow: none;
}
.deals-container .panel .panel-heading {
  padding: 0;
}
.deals-container .panel .more-desc p {
  color: #444;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: proxima-nova, Segoe, "Arial Nova", Helvetica !important;
}
.deals-container .panel .panel-body {
  color: #444;
  font-size: 22px;
  font-weight: 400;
  font-family: proxima-nova-extra-condensed, Segoe, "Arial+Nova", Helvetica !important;
  line-height: 20px;
  padding: 0 0 10px 25px;
  margin-top: -51px;
  height: auto;
}
.deals-container .panel .panel-body small {
  position: relative;
  top: -15px !important;
  color: #666 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica !important;
}
.deals-container .panel .panel-footer {
  display: none !important;
}
.deal-details {
  padding-top: 50px;
  padding-bottom: 50px;
}
.deal-details .deal-img {
  margin-bottom: 2px !important;
}
.deal-details .store-name {
  font-size: 19px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.deal-details .deal-name {
  font-size: 48px;
  padding-bottom: 15px;
  border-bottom: 1px solid #857263;
  font-family: "proxima-nova-extra-condensed", "Segoe", "Arial+Nova", Helvetica;
  font-weight: bolder !important;
}
.deal-details .deal-expire {
  padding-top: 10px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
}
.deal-details .deal-desc {
  margin-top: 40px;
  font-size: 17px;
  letter-spacing: .01em;
  line-height: 30px;
}
.deal-details .job-details {
  padding-top: 35px;
  padding-bottom: 25px;
  font-size: 15px;
  line-height: 22px;
  font-family: proxima-nova, Segoe, "Arial Nova", Helvetica !important;
}
.deal-details .jobs-email {
  padding-top: 25px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
}
.deal-details .jobs-btn .standard-btn {
  font-weight: 300;
  padding: 6px 25px !important;
  font-size: 13px;
  letter-spacing: 0.1em;
  height: auto;
}
.deal-details .deal-btn-container {
  width: 100%;
  margin-top: 40px;
  padding-bottom: 25px;
  border-bottom: 1px solid #5e5a58;
}
.deal-details .deal-btn-container:after {
  clear: both;
  content: "";
  display: table;
}
.deal-details .deal-btn-container .deal-btns {
  float: left;
  background: #000;
  border-radius: 0px;
  border: none;
  color: #FFF;
  font-size: 14px;
  text-transform: uppercase;
  padding: 10px 25px;
}
@media (max-width: 480px) {
  .deal-details .deal-btn-container .deal-btns {
    float: none;
    display: block;
    margin-bottom: 15px;
    text-align: center;
  }
}
.deal-details .deal-btn-container .right-db {
  margin-left: 25px;
}
@media (max-width: 480px) {
  .deal-details .deal-btn-container .right-db {
    margin-left: 0;
    margin-bottom: 0;
  }
}
.deal-details .print-ln {
  padding-top: 15px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}
.deal-details .print-ln ul {
  list-style-type: none;
  padding-left: 20px;
}
.deal-details .print-ln li {
  list-style: none;
  display: inline-block;
  margin-left: 30px;
  position: relative;
  height: 30px;
  width: auto;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  .deal-details .print-ln li {
    margin-left: 10px;
  }
}
.deal-details .print-ln li .fa-facebook {
  position: relative;
  top: 0px;
  left: 0;
  height: 20px;
  width: 20px;
  padding: 3px 3px 1px 8px;
  font-size: 14px;
  border-radius: 50px;
  background: #000;
  margin-right: 5px;
  color: #FFF;
}
.deal-details .print-ln li .fa-twitter {
  position: relative;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  padding: 3px 0 0 4px;
  font-size: 14px;
  border-radius: 50px;
  background: #000;
  margin-right: 5px;
  color: #FFF;
}
.deal-details .print-ln li .fa-pinterest-p {
  position: relative;
  height: 20px;
  width: 20px;
  padding: 3px 0 0 4px;
  font-size: 14px;
  border-radius: 50px;
  background: #000;
  margin-right: 5px;
  color: #FFF;
}
.deal-details .print-ln li .fa-envelope {
  position: relative;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  padding: 4px 0 0 4px;
  font-size: 12px;
  border-radius: 50px;
  background: #000;
  margin-right: 5px;
  color: #FFF;
}
.deal-details .print-ln li .fa-print {
  position: relative;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  /*bottom: 18px;
            right: 50px;*/
  padding: 4px 0 0 4px;
  font-size: 16px;
  margin-right: 3px;
  color: #000;
}
.deal-details .print-ln .first {
  margin-left: -15px;
}
.deal-details .print-ln .flt-right {
  float: right;
  padding-right: 10px;
}
.map-container {
  padding-bottom: 50px;
}
.map-container .heading {
  text-transform: uppercase;
  font-size: 24px;
}
.map-container #map {
  height: 500px;
  width: 100%;
}
.view-heading {
  text-transform: uppercase;
  font-size: 24px;
}
/* styles for job page */
.vendor-img-container,
.vendor-detail .retailer-logo-text {
  height: 216px;
  display: block;
  position: relative;
  border: 1px solid #ccc;
  overflow: hidden;
}
/* end for job page*/
/* ================== Search Page style ======================== */
.results-container {
  overflow: hidden;
}
.results-container .alert {
  width: 90%;
}
.results-container .result-categories {
  height: auto;
}
.results-container .search-nav li {
  background: none;
  border: none;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  color: #000;
}
.results-container .search-nav li:hover {
  cursor: pointer;
  border-bottom: 3px solid #857263;
}
@media (min-width: 320px) and (max-width: 767px) {
  .results-container .search-nav li {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #eee;
    display: block;
    z-index: 99;
  }
  .results-container .search-nav li:hover {
    border-bottom: 1px solid #eee;
  }
}
.results-container .search-nav .inactive {
  pointer-events: none;
  color: #bbb !important;
}
.results-container .search-nav .inactive:hover {
  cursor: default;
  border: none !important;
}
.results-container .search-nav .active {
  border-bottom: 3px solid #857263;
}
.results-container .last {
  border-right: none;
}
@media (min-width: 320px) and (max-width: 767px) {
  .results-container .last {
    border-bottom: none;
  }
}
.sp-search-container {
  position: absolute;
  z-index: 99 !important;
  margin-top: -400px;
  width: 100%;
  height: 75px;
}
.sp-search-container .form-container {
  position: relative;
  margin: 0 auto;
  height: 75px;
}
@media (min-width: 1200px) {
  .sp-search-container .form-container {
    width: 800px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sp-search-container .form-container {
    width: 700px;
  }
}
@media (max-width: 750px) {
  .sp-search-container .form-container {
    width: 90%;
    margin: 0 auto;
  }
}
.sp-search-container .form-container .sp-search-field {
  position: relative;
  margin: 0 auto;
  height: 75px;
  width: 100%;
  font-size: 26px;
  padding-left: 75px;
  z-index: 2;
}
@media (min-width: 320px) and (max-width: 750px) {
  .sp-search-container .form-container .sp-search-field {
    width: 100%;
    padding-left: 100px;
    font-size: 22px;
  }
}
.sp-search-container .form-container .submit-btn {
  background-color: transparent;
  color: #857263;
  font-size: 32px;
  border-radius: 0;
  border-right: 2px solid #999;
  border-left: none;
  border-top: none;
  border-bottom: none;
  position: absolute;
  top: 15px;
  left: 10px;
  padding-right: 10px;
  z-index: 3;
}
@media (min-width: 320px) and (max-width: 750px) {
  .sp-search-container .form-container .submit-btn {
    left: 2px;
  }
}
.result-body {
  min-height: 500px;
  background-color: #FFF;
  overflow: hidden;
}
.result-body .search-deals {
  min-height: 400px;
}
.result-body .panel-box {
  height: 350px;
}
.result-body .section-class {
  height: 300px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 30px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
@media (min-width: 320px) and (max-width: 767px) {
  .result-body .section-class {
    border-right: none;
  }
}
.result-body .section-class img {
  max-height: 90%;
  z-index: 8;
}
.result-body .section-class .store-specials-container {
  position: absolute;
  width: 100%;
  height: 30px;
  bottom: 0;
  left: 0;
  z-index: 9;
}
.result-body .section-class .store-specials-container .store-specials {
  width: 100%;
  height: 30px;
  text-align: center;
}
.result-body .section-class .store-specials-container .store-specials .fa {
  font-size: 28px;
}
.result-body .section-class .status-container {
  position: absolute;
  width: 100%;
  height: 20px;
  margin-top: 15px;
}
.result-body .section-class .store-status-soon {
  height: 20px;
  margin: 0 auto;
  color: #FFF;
  background: #000;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  padding-top: 2px;
  font-weight: 500;
}
.result-body .section-class .retailer-logo-text {
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  color: #878787;
  margin-top: 35px;
}
.result-body .section-class .retailer-logo-text .retailer-logo-text span {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.result-body #dine-section,
.result-body #deal-section,
.result-body #event-section,
.result-body #product-section,
.result-body #trend-section,
.result-body #job-section {
  display: none;
}
.result-body .deals-container {
  border: none;
  padding: 0;
}
.hour-table {
  padding-top: 75px;
  font-size: 22px;
  padding-bottom: 40px;
}
.hour-table td {
  border-top: none !important;
  border-bottom: 1px solid #5e5a58;
}
.hour-table .last {
  border-bottom: none !important;
}
.hour-table .fa-calendar {
  color: #857263;
}
@media (max-width: 767px) {
  .hour-table p {
    font-size: 14px;
  }
}
.hour-table .spec-next {
  font-size: 60px;
  position: absolute;
  right: -20px;
  top: 55%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .hour-table .spec-next {
    display: none;
  }
}
.hour-table .spec-next:hover {
  cursor: pointer;
}
.hour-table .spec-prev {
  font-size: 60px;
  position: absolute;
  left: -50px;
  top: 55%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .hour-table .spec-prev {
    display: none;
  }
}
.hour-table .spec-prev:hover {
  cursor: pointer;
}
.shrinking-header {
  font-weight: 700;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
  border-bottom: 2px solid #eee;
}
.shrinking-header h1 {
  font-size: 44px;
  font-family: "proxima-nova-extra-condensed", "Segoe", "Arial+Nova", Helvetica !important;
}
.shrinking-header h2 {
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 700;
  padding-top: 10px;
}
.shrinking-header h3 {
  margin-top: -7px;
  font-weight: 300;
  font-size: 19px;
}
.shrinking-header p {
  margin-top: -5px;
  font-size: 14px;
  font-weight: 300;
}
@media (max-width: 767px) {
  .conventional-heading {
    margin-left: auto !important;
  }
}
/*tools page style*/
div#sticky-wrapper {
  height: auto !important;
}
div#sticky-wrapper .policy-nav {
  position: static !important;
}
/*end of tools page*/
.about-sub {
  min-height: 150px;
  width: auto;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 13px;
  margin-left: -50px;
}
.about-sub .about-sub-container ul {
  padding: 0;
  list-style-type: none;
}
.about-sub .about-sub-container li {
  list-style: none;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #5e5a58;
}
.about-sub .about-sub-container .last {
  border: none;
}
.about-sub .about-sub-container a {
  color: #5e5a58;
  text-transform: uppercase;
}
.about-sub .about-sub-container a:hover {
  color: #857263;
  text-decoration: none;
}
@media (min-width: 320px) and (max-width: 767px) {
  #mobi-about-nav {
    width: 95%;
    margin: 0 auto;
  }
}
#mobi-up {
  display: none;
}
.about-content {
  overflow: hidden;
}
.about-content .slider-col {
  padding-top: 25px;
}
.about-content .slider-col .about-body {
  padding-top: 75px;
  padding-bottom: 75px;
  font-size: 17px;
}
.directions-container {
  padding-left: 25px;
  padding-right: 25px;
}
.directions-container .page-label {
  width: 95%;
  margin: 0 auto;
  border-bottom: 1px solid #eee;
}
.directions-container .page-label .label-head {
  width: 300px;
}
.directions-container .conventional-heading {
  width: auto;
  min-height: 100px;
  margin: 0 auto;
  padding-top: 30px;
}
.directions-container .conventional-heading h1 {
  font-size: 48px;
}
.directions-container .conventional-heading a {
  color: #857263;
}
.directions-container .conventional-heading a:hover {
  color: #5e5a58;
}
.directions-container .map-container {
  position: relative;
  width: auto;
  min-height: 750px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 100px;
}
.directions-container .map-container #map {
  width: 60%;
  height: 450px;
  margin-top: 50px;
  float: left;
}
@media (min-width: 320px) and (max-width: 991px) {
  .directions-container .map-container #map {
    width: 100%;
  }
}
.directions-container .map-container #directions {
  width: 32%;
  height: 500px;
  overflow: scroll;
  margin-top: 50px;
  color: #000;
  background: #FFF;
  border: 1px solid #ccc;
  float: left;
  margin-left: 50px;
  padding: 15px;
}
@media (min-width: 320px) and (max-width: 991px) {
  .directions-container .map-container #directions {
    width: 100%;
    margin-left: 0;
  }
}
.directions-container .map-container #from {
  width: 65%;
  height: 40px;
  padding-left: 15px;
  font-size: 18px;
}
@media (min-width: 320px) and (max-width: 1199px) {
  .directions-container .map-container #from {
    width: 100%;
    margin-left: -10px;
  }
}
.directions-container .map-container .submit-btn {
  position: relative;
  height: 40px;
  width: auto;
  padding: 0 20px 0 20px;
  background: #000;
  color: #FFF;
  border: none;
  top: -1px;
  left: 15px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 320px) and (max-width: 567px) {
  .directions-container .map-container .submit-btn {
    width: 100%;
    margin-left: -25px;
    margin-top: 25px;
  }
}
@media (min-width: 568px) and (max-width: 1199px) {
  .directions-container .map-container .submit-btn {
    width: 45%;
    margin-left: -25px;
    margin-top: 25px;
  }
}
.directions-container .map-container .location-btn {
  position: relative;
  height: 40px;
  width: auto;
  padding: 0 20px 0 20px;
  background-color: transparent;
  color: #000;
  border: 1px solid #000;
  top: -1px;
  left: 35px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 320px) and (max-width: 567px) {
  .directions-container .map-container .location-btn {
    width: 100%;
    margin-left: -10px;
    margin-top: 25px;
    left: 0;
  }
}
@media (min-width: 568px) and (max-width: 1199px) {
  .directions-container .map-container .location-btn {
    width: 45%;
    margin-left: 7%;
    margin-top: 25px;
  }
}
.directions-container .map-container .location-btn .fa-location-arrow {
  padding-right: 10px;
}
.directions-container .contact-left {
  font-size: 15px;
}
.directions-container .contact-left .phone {
  padding-bottom: 50px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .directions-container .contact-left .phone {
    padding-bottom: 0px;
  }
}
.directions-container .contact-left .write {
  padding-bottom: 50px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .directions-container .contact-left .write {
    margin-top: -20px;
    padding-bottom: 25px;
  }
}
.directions-container .contact-left .social {
  padding-bottom: 50px;
}
.directions-container .contact-left .title {
  font-size: 18px;
}
.directions-container .contact-form .contact-textarea {
  resize: none;
  border-radius: 0;
  font-size: 18px;
  margin-top: 25px;
  border: 1px solid #3b3938;
}
.directions-container .contact-form .contact-input {
  border-radius: 0;
  height: 40px;
  font-size: 18px;
  margin-top: 25px;
  border: 1px solid #3b3938;
}
.directions-container .contact-form .contact-btn {
  font-size: 26px;
  letter-spacing: 0.2em;
  color: #FFF;
  padding: 8px 75px;
  height: auto;
  width: auto;
  float: right;
}
@media (max-width: 991px) {
  .directions-container .contact-form .contact-btn {
    float: left;
    width: 100%;
    text-align: center;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .directions-container .contact-form .contact-btn {
    width: 40%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .directions-container .contact-form .g-recaptcha {
    width: 100% !important;
  }
}
.policy-nav ul {
  padding: 0;
  list-style-type: none;
}
.policy-nav li {
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 2px solid #eee;
  font-size: 14px;
  text-transform: uppercase;
  list-style: none;
}
.policy-nav a {
  color: #545251;
  text-decoration: none;
}
.policy-nav a:hover {
  color: #5e5a58;
}
.policy-nav .last {
  border: none;
}
.policy-body {
  font-size: 17px;
  color: #5e5a58;
}
.policy-body .heading {
  color: #000;
  font-size: 48px;
  border-bottom: 1px solid #000;
}
.policy-body a {
  color: #857263;
}
.policy-body a:hover {
  color: #5e5a58;
}
.trends-container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.trends-container a {
  color: inherit;
  font-size: inherit;
}
.trends-container a:hover {
  color: #857263;
}
.trends-container .more-desc {
  width: 95%;
}
.trends-container .head-line {
  font-size: 20px;
  font-weight: 300;
}
.trends-container .desc {
  padding-bottom: 75px;
  color: #5e5a58;
}
.trends-container .panel {
  height: 350px;
}
.trends-container .panel img {
  min-height: 150px;
}
.trends-container .trend-box {
  height: auto;
  clear: both;
}
.trends-container .trend-box .panel-heading {
  position: relative;
  height: auto;
}
.trends-container .trend-box .panel-heading img {
  width: 100%;
  height: auto;
  min-height: 120px;
}
.trends-container .trend-box .panel-body {
  position: relative;
  height: auto;
  padding-bottom: 25px;
  min-height: 200px;
}
.trend-details .img-label {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  margin-top: 25px;
  padding-left: 25px;
  color: #000;
}
.trend-details .trend-body {
  padding-left: 25px;
  padding-top: 50px;
  line-height: 1.9em;
  font-size: 16px;
}
.trend-details .trend-more-btn-container {
  width: 190px;
  margin: 0 auto;
}
.trend-details .trend-more-btn-container .deal-btns {
  border: none;
}
.trend-details .trend-more-btn-container .deal-btn-container {
  border: none;
}
.trend-details .trend-more-btn-container .deal-btn-container .deal-btns {
  padding: 7px 50px;
}
.movie-cal {
  position: relative;
  padding: 100px 75px;
}
.movie-cal .dateNav {
  position: absolute;
  width: 100%;
  height: 10px;
  top: 40%;
  left: 0px;
}
.movie-cal .dateNav .next {
  position: absolute;
  right: 0px;
  opacity: .5;
}
.movie-cal .dateNav .next:hover {
  cursor: pointer;
  opacity: 1;
}
.movie-cal .dateNav .prev {
  position: absolute;
  left: 0px;
  opacity: .5;
}
.movie-cal .dateNav .prev:hover {
  cursor: pointer;
  opacity: 1;
}
.movie-cal .date-slide {
  position: relative;
  width: 90%;
  margin: 0 auto;
}
.movie-cal .date-slide .item {
  padding: 10px;
  margin: 0px;
  text-align: center;
}
.movie-cal .date-slide .item .active {
  background: #F5FAFF !important;
}
.movie-cal .date-slide .item .dates-container {
  border-top: 1px solid #857263;
  border-left: 1px solid #857263;
  border-bottom: 1px solid #857263;
  border-right: 1px solid #857263;
  width: 100%;
  background: white;
  transition: all .35s;
}
.movie-cal .date-slide .item .dates-container:hover {
  cursor: pointer;
  background: #F5FAFF;
}
.movie-cal .date-slide .item .dates-container:hover .month,
.movie-cal .date-slide .item .dates-container:hover .day-of-the-month {
  color: #857263;
}
.movie-cal .date-slide .item .dates-container .date .day-of-the-week {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: black;
  padding: 10px 0px;
  border-bottom: 1px solid #857263;
}
.movie-cal .date-slide .item .dates-container .date .month {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: black;
  padding-top: 20px;
  line-height: 20px;
  transition: all .35s;
}
.movie-cal .date-slide .item .dates-container .date .day-of-the-month {
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: black;
  padding-bottom: 20px;
  line-height: 24px;
  transition: all .35s;
}
.days-links {
  height: 70px;
}
@media (min-width: 769px) {
  .days-links {
    display: block;
  }
}
@media (max-width: 768px) {
  .days-links {
    display: none;
  }
}
.days-links ul {
  padding: 0;
  list-style-type: none;
}
.days-links li {
  text-transform: uppercase;
  list-style: none;
  display: inline-block;
  font-weight: 700;
  letter-spacing: .1em;
  height: 70px;
  padding-top: 25px;
  margin-right: 35px;
  width: auto;
}
.days-links li:hover {
  border-bottom: 5px solid #857263;
  cursor: pointer;
}
@media (max-width: 1199px) {
  .days-links li {
    position: relative;
    margin-right: 0;
    margin-left: 20px;
  }
}
@media (max-width: 991px) {
  .days-links li {
    position: relative;
    margin-right: 0;
    margin-left: 10px;
  }
}
.days-links .active {
  border-bottom: 5px solid #857263;
}
.days-links a {
  text-decoration: none;
  color: inherit;
}
.mobile-day-link {
  padding: 10px;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 5px;
}
@media (min-width: 769px) {
  .mobile-day-link {
    display: none;
  }
}
.mobile-day-link .day-box:hover {
  cursor: pointer;
}
.mobile-day-link ul {
  padding: 0;
  list-style-type: none;
}
.mobile-day-link li {
  list-style: none;
  padding-top: 25px;
}
.mobile-day-link .mobile-day {
  display: none;
}
.mobile-day-link .mobile-day li:hover {
  cursor: pointer;
  color: #5e5a58;
}
.movie-listing-date {
  padding-top: 50px;
  font-size: 19px;
  text-transform: uppercase;
}
.movie-listing-date .divider {
  margin-top: 10px;
}
@media (max-width: 991px) {
  .movie-top {
    padding-bottom: 125px;
  }
}
.movie-showcase {
  padding-bottom: 75px;
  padding-top: 50px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .movie-showcase {
    margin-top: -125px;
  }
}
@media (max-width: 767px) {
  .movie-showcase {
    margin-top: -125px;
  }
}
.movie-showcase #movie {
  display: block;
  height: auto;
  width: auto;
  padding-bottom: 50px;
  margin-bottom: 10px;
  max-height: 400px;
}
@media (max-width: 375px) {
  .movie-showcase #movie {
    height: auto;
    max-height: 400px;
    display: block;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .movie-showcase #movie {
    height: auto;
    max-height: 400px;
    display: block;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .movie-showcase #movie {
    height: auto;
    max-height: 400px;
    display: block;
    padding-bottom: 25px;
  }
}
.movie-showcase #movie img {
  margin: 0 auto;
  /*
         @media(min-width:768px) and (max-width:991px){
            width: 85%;
         }
         */
}
.movie-showcase #movie .no-poster {
  width: 100%;
  height: 300px;
  background: #FFF;
}
@media (min-width: 768px) and (max-width: 991px) {
  .movie-showcase #movie .no-poster {
    height: 440px;
  }
}
.movie-showcase #movie .movie-row {
  border-bottom: 2px solid #eee;
  padding-bottom: 30px;
}
.movie-showcase #movie .btn-showtimes {
  height: auto;
  width: 150px;
  margin-right: 20px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 16px;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
  line-height: 16px;
  letter-spacing: .05em;
  text-transform: uppercase;
  border: 1px solid #857263;
  padding: 15px 0px;
  transition: all .35s;
}
.movie-showcase #movie .btn-showtimes:hover {
  cursor: pointer;
  background: #857263;
  color: white;
}
.movie-showcase a {
  color: inherit;
}
.movie-showcase a:hover {
  color: inherit;
  text-decoration: none;
}
.movie-showcase .genre {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  padding-top: 10px;
}
@media (max-width: 767px) {
  .movie-showcase .genre {
    width: 80%;
    margin: 0 auto;
  }
}
.movie-showcase .movie-title {
  font-size: 30px;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
  text-transform: uppercase;
  letter-spacing: .08em;
  line-height: 30px;
}
.movie-showcase .rate-time {
  font-family: "proxima-nova-extra-condensed", "Segoe", "Arial+Nova", Helvetica;
  font-size: 22px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #5e5a58;
  padding: 10px 0px;
}
.movie-showcase .showtime {
  text-transform: uppercase;
  font-size: 12px;
  color: #999;
}
.movie-info {
  padding-top: 50px;
}
@media (max-width: 767px) {
  .movie-info .action-col .img-container img {
    margin: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .movie-info .action-col .buy-ticket {
    width: 160px;
  }
}
@media (max-width: 767px) {
  .movie-info .action-col .buy-ticket {
    margin: 25px auto 0;
    text-align: center;
  }
}
.movie-info .action-col .buy-ticket-btn {
  background: #000;
  color: #FFF;
  border: none;
  text-transform: uppercase;
  padding: 10px 43px;
  position: relative;
  top: 25px;
}
@media (max-width: 767px) {
  .movie-info .action-col .buy-ticket-btn {
    top: 0;
    margin: 0 auto;
    display: table;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .movie-info .action-col .buy-ticket-btn {
    padding: 10px 21px;
    text-align: center;
  }
}
.movie-info .action-col .trailer-btn {
  background-color: transparent;
  color: #000;
  border: 1px solid #000;
  text-transform: uppercase;
  padding: 10px 43px;
  margin-top: 25px;
}
@media (max-width: 767px) {
  .movie-info .movie-details {
    text-align: center;
  }
}
.movie-info .movie-details .genre {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 500;
}
.movie-info .movie-details .title {
  font-size: 46px;
  font-weight: 700;
  padding-bottom: 25px;
  border-bottom: 2px solid #ccc;
  font-family: "proxima-nova-extra-condensed", "Segoe", "Arial+Nova", Helvetica;
}
.movie-info .movie-details .showtimes {
  padding-top: 25px;
  padding-bottom: 40px;
  font-weight: 700;
}
.movie-info .movie-details .showtimes ul {
  list-style-type: none;
  padding: 0;
}
.movie-info .movie-details .showtimes li {
  text-transform: uppercase;
  font-size: 24px;
  padding-top: 10px;
  list-style: none;
}
.movie-info .movie-details .sum {
  line-height: 1.9em;
  font-size: 16px;
}
.movie-info .movie-details .sub-sum {
  padding-top: 10px;
  padding-bottom: 40px;
  font-weight: 700;
  border-bottom: 2px solid #ccc;
}
.movie-info .movie-details .key {
  font-size: 16px;
  padding-top: 25px;
}
@media (max-width: 767px) {
  .movie-info .movie-details .key {
    padding-bottom: 50px;
  }
}
.result-categories {
  height: 70px;
}
.result-categories li {
  text-transform: uppercase;
  list-style: none;
  display: inline-block;
  font-weight: 700;
  letter-spacing: .1em;
  height: 70px;
  padding-top: 25px;
  margin-right: 35px;
  width: auto;
}
.result-categories .active {
  color: #000;
}
.result-categories .active:hover {
  border-bottom: 5px solid #857263;
  cursor: pointer;
}
.result-categories .inactive a {
  color: #bbb !important;
}
.result-categories .inactive a:hover {
  border: none !important;
}
.body-copy {
  padding-bottom: 50px;
  font-size: 18px;
}
.body-copy .list-container ul {
  list-style-type: none !important;
}
.body-copy .list-container ul li {
  list-style: none !important;
}
.body-copy ul {
  padding-left: 25px;
  list-style-type: disc;
}
.body-copy li {
  list-style: disc;
}
.body-copy a {
  color: #5e5a58;
}
.body-copy a:hover {
  color: #857263;
}
.body-copy .job-head {
  background: #d4d1c2;
  padding-top: 50px;
  border: 1px solid #5e5a58;
}
.body-copy .job-body {
  background: #FFF;
  padding-top: 25px;
  border-top: none;
  border-left: 1px solid #5e5a58;
  border-right: 1px solid #5e5a58;
  border-bottom: 1px solid #5e5a58;
}
.body-copy .job-footer {
  background: #d4d1c2;
  padding-top: 25px;
  padding-bottom: 25px;
  border-top: none;
  border-left: 1px solid #5e5a58;
  border-right: 1px solid #5e5a58;
  border-bottom: 1px solid #5e5a58;
}
.fran-body {
  padding-top: 100px;
  font-size: 16px;
}
.fran-body a {
  color: #857263;
}
.fran-body a:hover {
  color: #5e5a58;
}
.fran-body .fran-right {
  padding-left: 50px;
  border-left: 1px solid #857263;
}
.fran-body .fran-right .fran-company {
  font-size: 30px;
  font-weight: 700;
}
.fran-body .fran-right .posted {
  margin-top: -15px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
}
.fran-body .fran-logo {
  width: 85%;
}
@media (max-width: 767px) {
  .fran-body .fran-logo {
    border-left: none;
    border-top: 1px solid #857263;
  }
}
.fran-footer {
  padding-top: 15px;
  background: #d4d1c2;
  border-bottom: 1px solid #5e5a58;
  border-left: 1px solid #5e5a58;
  border-right: 1px solid #5e5a58;
}
.fran-footer a {
  color: #5e5a58;
}
.fran-footer a:hover {
  color: #857263;
}
.fran-form {
  font-size: 18px;
}
.fran-form .form-control {
  border-radius: 0 !important;
  height: 50px;
  font-size: 18px;
  margin-top: 25px;
}
.fran-form .fran-textarea {
  margin-top: 25px;
  padding: 10px;
  height: 150px;
  width: 100%;
  resize: none;
}
.fran-form .fran-state {
  padding-left: 39px;
}
.fran-form .fran-btn {
  float: right;
  margin-top: 25px;
  width: 40%;
  height: 50px;
}
@media (max-width: 1199px) {
  .fran-form .fran-btn {
    width: 25%;
  }
}
@media (max-width: 991px) {
  .fran-form .fran-btn {
    width: 100%;
    clear: both;
  }
}
.mall-check {
  max-width: 100%;
  height: 250px;
  background: #FFF;
  border: 1px solid #ddd;
  overflow: scroll;
  padding: 10px;
  font-size: 19px;
}
.mall-check .zoom-check {
  zoom: 1.2;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  position: relative;
  top: -3px;
}
.mall-check .city {
  color: #777;
  float: left;
  margin-top: -25px;
  margin-left: 40px;
}
.shop-list {
  float: none !important;
  border: none;
}
.shopping-btn {
  width: 100% !important;
  font-size: 14px !important;
}
.shopping-btn .fa-envelope {
  font-size: 18px;
}
.my-list a {
  color: inherit;
}
.my-list a:hover {
  color: #5e5a58;
}
.my-list .img-container {
  border: 0 none;
}
.my-list .store {
  text-transform: uppercase;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
  font-size: 12px;
  font-weight: 700;
  min-height: 34px;
}
.my-list .description {
  font-family: "proxima-nova-extra-condensed", "Segoe", "Arial+Nova", Helvetica;
  font-size: 22px;
  font-weight: 100;
  min-height: 63px;
}
.my-list .foot {
  position: relative;
  bottom: -10px;
}
.my-list .foot .price {
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
  font-size: 12px;
  float: left;
}
.my-list .foot .remove,
.my-list .foot .remove-btn {
  margin-left: 25px;
  background: #d4d1c2;
  color: #000;
  text-align: center;
  padding: 2px 10px;
}
.my-list .foot .remove .remove-text,
.my-list .foot .remove-btn .remove-text {
  font-size: 12px;
  text-transform: uppercase;
  padding-left: 5px;
}
.my-list .foot .remove:hover,
.my-list .foot .remove-btn:hover {
  cursor: pointer;
  background: #857263;
  color: #FFF;
}
.my-list .my-list-item {
  min-height: 290px;
}
.my-list .my-list-item .img-container {
  height: 150px;
}
.my-list .my-list-item .store {
  min-height: 10px;
}
.my-list .my-list-item .description {
  line-height: 24px;
}
.my-list .my-list-item-last {
  min-height: 290px;
}
.view-list {
  color: #000;
}
.view-list a {
  color: inherit;
}
.view-list a:hover {
  color: #5e5a58;
  text-decoration: none;
}
/* ============= Random Settings ===========*/
.page-wrapper {
  width: 100%;
  overflow-x: hidden;
}
.btn-default:hover {
  background: inherit !important;
  color: inherit !important;
  border-color: inherit !important;
}
@media (max-width: 1082px) {
  .hide-md {
    display: none;
  }
}
@media (min-width: 1083px) {
  .show-md {
    display: none;
  }
}
.page-heading {
  font-size: 44px;
  font-family: "proxima-nova-extra-condensed", "Segoe", "Arial+Nova", Helvetica;
}
.border-no {
  border: none !important;
}
.g-recaptcha {
  float: left;
  margin-top: 25px;
}
@media (max-width: 335px) {
  .g-recaptcha {
    margin-left: -30px;
  }
}
#para1 {
  position: relative;
}
#para2 {
  position: relative;
}
#para3 {
  position: relative;
}
#para4 {
  position: relative;
}
#para5 {
  position: relative;
}
.white-bg {
  height: auto;
  width: 100%;
  background-color: #FFF !important;
  margin-top: -250px;
  z-index: 99 !important;
}
.standard-head {
  font-size: 50px;
  font-weight: 700;
  font-family: "proxima-nova-extra-condensed", "Segoe", "Arial+Nova", Helvetica;
}
.standard-btn {
  position: relative;
  height: 40px;
  width: auto;
  padding: 0 20px 0 20px;
  background: #000;
  color: #FFF;
  border: none;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 320px) and (max-width: 567px) {
  .standard-btn {
    width: 100%;
    margin-top: 25px;
  }
}
@media (min-width: 568px) and (max-width: 1199px) {
  .standard-btn {
    width: 45%;
    margin-top: 25px;
  }
}
.no-bg-btn {
  background-color: transparent;
  color: #000;
  border: 1px solid #000;
  text-transform: uppercase;
  padding: 10px 43px;
  margin-top: 25px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .mobi-header {
    width: 95%;
    margin: 0 auto;
    border-bottom: 5px solid #857263;
    text-transform: uppercase;
    padding: 25px 10px 10px;
    font-weight: 700;
  }
  .mobi-header:hover {
    cursor: pointer;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .hide-mobi {
    display: none;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .show-mobi {
    display: block;
  }
}
@media (min-width: 768px) {
  .show-mobi {
    display: none;
  }
}
.prime-color {
  color: #857263;
}
.border-bottom {
  border-bottom: 2px solid #eee;
}
@media (max-width: 767px) {
  .border-bottom {
    width: 95%;
    margin: 0 auto;
  }
}
.blk-link {
  color: #000;
}
.blk-link:hover {
  color: #857263;
}
.right {
  float: right;
  margin-right: 10px;
}
#to-top {
  position: fixed;
  bottom: 25px;
  right: 35px;
  z-index: 1050;
  opacity: .75;
  display: none;
}
#to-top:hover {
  opacity: 1;
  cursor: pointer;
}
@media (max-width: 767px) {
  .center-sm {
    margin-left: 30% !important;
  }
}
.thicker-hr {
  border-top: 2px solid #857263;
}
.uppercase {
  text-transform: uppercase;
}
.pad-right-25 {
  padding-right: 25px;
}
.pad-bottom {
  padding-bottom: 50px;
}
.pad-top {
  padding-top: 50px;
}
.left-75 {
  margin-left: -75px;
}
.up-50 {
  margin-top: -50px;
}
.up-30 {
  margin-top: -30px;
}
.up-25 {
  margin-top: -25px;
}
.up-15 {
  margin-top: -15px;
}
.up-10 {
  margin-top: -10px;
}
.up-5 {
  margin-top: -5px;
}
.divider {
  width: 85px;
  height: 3px;
  background: #857263;
  margin: 0 auto;
}
.small-divider {
  width: 50px;
  height: 5px;
  background: #857263;
  margin-left: 25px;
}
.hidden {
  display: none !important;
}
@media (max-width: 320px) {
  .hide-xs {
    display: none;
  }
}
@media (max-width: 375px) {
  .hide-xs {
    display: none;
  }
}
@media (max-width: 414px) {
  .hide-xs {
    display: none;
  }
}
/* ============= Media Queries ===========*/
@media screen and (max-width: 992px) {
  #street {
    display: none;
  }
  #town {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .slider-col {
    margin-left: -15px;
  }
  .about-body {
    padding-left: 15px;
  }
}
/* ================= JS Slider Settings ========== */
/* jssor slider bullet navigator skin 05 css */
.bullet-container {
  position: relative;
  height: 24px;
  width: 100px;
  margin: 0 auto;
  top: 103%;
  z-index: 99;
  /*
   .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
      position: absolute;
      /* size of bullet elment 
      width: 16px;
      height: 16px;
      background: url('../images/slider/b05.png') no-repeat;
      overflow: hidden;
      cursor: pointer;
   }
   .jssorb05 div { background-position: -7px -7px; }
   .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
   .jssorb05 .av { background-position: -67px -7px; }
   .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
*/
}
.bullet-container .jssorb05 div {
  height: 24px;
  width: 24px;
  border-radius: 50px;
  background: #d4d1c2;
}
.bullet-container .jssorb05 div:hover {
  background: #857263;
  cursor: pointer;
}
.bullet-container .jssorb05 .av {
  background: #857263;
}
.bullet-container .jssorb05 .av:hover {
  background: #857263;
}
.bullet-container .jssorb05 .dn {
  background: #857263;
}
.bullet-container .jssorb05 {
  position: absolute;
}
/* jssor slider arrow navigator skin 22 css */
.jssora22l {
  position: absolute;
  font-size: 100px !important;
  color: #333;
  width: 64px;
  height: 129px;
  padding-left: 5px;
  padding-bottom: 15px;
  background: url(../images/slider/left-arrow-bg.png);
  left: 0;
  top: 0;
  display: none;
}
@media (min-width: 320px) and (max-width: 768px) {
  .jssora22l {
    display: none;
  }
}
.jssora22r {
  position: absolute;
  font-size: 100px !important;
  color: #333;
  width: 64px;
  height: 129px;
  padding-left: 25px;
  background: url(../images/slider/right-arrow-bg.png);
  right: 25px;
  top: 0;
  display: none;
}
@media (min-width: 320px) and (max-width: 768px) {
  .jssora22r {
    display: none;
  }
}
.jssora22l:hover {
  cursor: pointer;
}
.jssora22r:hover {
  cursor: pointer;
}
#jssor_1:hover .jssora22l {
  display: block;
}
#jssor_1:hover .jssora22r {
  display: block;
}
/*
.home-slider{
   position: relative; 
   margin: 0 auto; 
   top: 0px; 
   left: 0px; 
   width: 1500px; 
   height: 650px;
   @media(min-width:768px) and (max-width:991px){
      width: 1900px;
      height: 450px;
      img{
         margin-top: -200px;
      }
   }

   .slides{
      cursor: default; 
      position: absolute; 
      top: 0px; 
      left: 0px; 
      width: 100%; 
      height: 700px; 
      overflow: hidden;
      @media(min-width:992px) and (max-width:1199px){
         height: 700px;
      }
      @media(min-width:768px) and (max-width:991px){
         height: 1000px;
      }
   }
   .bullet-container{
      position: relative;
      height: 24px;
      width: 100px;
      margin: 0 auto;
      z-index: 999;
      top: 430px;
      @media(max-width:640px){
         top:610px;
      }
      //(normal)
      .jssorb05 div{
         position: absolute;
         height: 20px; 
         width: 20px; 
         border-radius: 50px; 
         background: #FFF;
      }
   //(normal mouseover)
      .jssorb05 div:hover{ background: #000; cursor: pointer;}
      .jssorb05 .av{background: #000;}           //(active)
      .jssorb05 .av:hover{background: #000;}     //(active mouseover)
      .jssorb05 .dn{background: #000;}           //(mousedown)

      .jssorb05 {
         position: absolute;
      }
   }

   .jssora22l{
      position: absolute;
      font-size: 100px !important;
      color: #333;
      width: 64px;
      height: 129px;
      padding-left: 5px;
      padding-bottom: 15px;
      background: url(../images/slider/left-arrow-bg.png);
      left: 0;
      top:0;
      display: none;
   }                  //(normal)
   .jssora22r{
      position: absolute;
      font-size: 100px !important;
      color: #333;
      width: 64px;
      height: 129px;
      padding-left: 25px;
      background: url(../images/slider/right-arrow-bg.png);
      right: 0px;
      top: 0;
      display: none;
   }                  //(normal)
   .jssora22l:hover{cursor:pointer;}            //(normal mouseover)
   .jssora22r:hover{cursor:pointer;}            //(normal mouseover)

   #jssor_1:hover{
      .jssora22l{
         display: block;
      }
      .jssora22r{
         display: block;
      }
   }
}
*/
#jssor_2 {
  position: relative;
  margin: 0 auto;
  top: 0px;
  left: 0px;
  width: 1000px;
  height: 400px;
  overflow: hidden;
  visibility: hidden;
}
#jssor_2 #more-slider {
  cursor: default;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1000px;
  height: 400px;
}
@media (max-width: 414px) {
  #jssor_2 #more-slider img {
    height: 250px;
    width: auto;
  }
}
@media (min-width: 415px) and (max-width: 767px) {
  #jssor_2 #more-slider img {
    height: 300px;
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #jssor_2 #more-slider img {
    height: 350px;
    width: auto;
  }
}
@media (min-width: 992px) {
  #jssor_2 #more-slider img {
    height: 275px;
    width: auto;
  }
}
#jssor_2 #more-slider .more-desc {
  padding-left: 10px;
}
#jssor_2 .jssora03l {
  position: absolute;
  font-size: 100px !important;
  color: #333;
  width: 64px;
  height: 129px;
  padding-left: 5px;
  padding-bottom: 15px;
  background: url(../images/slider/left-arrow-bg.png);
  left: 0;
  top: 110px!important;
  display: none;
}
#jssor_2 .jssora03r {
  position: absolute;
  font-size: 100px !important;
  color: #333;
  width: 64px;
  height: 129px;
  padding-left: 25px;
  background: url(../images/slider/right-arrow-bg.png);
  right: 0px;
  top: 110px!important;
  display: none;
}
#jssor_2 .jssora03l:hover {
  cursor: pointer;
}
#jssor_2 .jssora03r:hover {
  cursor: pointer;
}
#jssor_2#jssor_2:hover .jssora03l {
  display: block;
}
#jssor_2#jssor_2:hover .jssora03r {
  display: block;
}
/* ==================== Custom Select Style ====================== */
.custom-dropdown--large {
  font-size: 1.5em;
}
.custom-dropdown--small {
  font-size: .7em;
}
.custom-dropdown__select {
  font-size: inherit;
  /* inherit size from .custom-dropdown */
  padding: .5em;
  /* add some space*/
  margin: 0;
  /* remove default margins */
}
.custom-dropdown__select--white {
  background-color: #fff;
  color: #444;
}
@supports (pointer-events: none) and
     ((-webkit-appearance: none) or
     (-moz-appearance: none) or
     (appearance: none)) {
  .custom-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
  }
  .custom-dropdown__select {
    padding-right: 2.5em;
    /* accommodate with the pseudo elements for the dropdown arrow */
    border: 0;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .custom-dropdown::before,
  .custom-dropdown::after {
    content: "";
    position: absolute;
    pointer-events: none;
  }
  .custom-dropdown::after {
    /*  Custom dropdown arrow */
    content: "\f107";
    font-family: FontAwesome;
    height: 47px;
    font-size: 24px;
    right: 10px;
    top: 45%;
  }
  .custom-dropdown::before {
    /*  Custom dropdown arrow cover */
    width: 2em;
    right: 1px;
    top: 27px;
    bottom: 0;
    height: 47px;
  }
  .custom-dropdown__select[disabled] {
    color: rgba(0, 0, 0, 0.3);
  }
  .custom-dropdown.custom-dropdown--disabled::after {
    color: rgba(0, 0, 0, 0.1);
  }
  /* White dropdown style */
  .custom-dropdown--white::before {
    background-color: #fff;
  }
  .custom-dropdown--white::after {
    color: rgba(0, 0, 0, 0.9);
  }
  /* FF only temp fix */
  @-moz-document url-prefix() {
    .custom-dropdown__select {
      padding-right: 0.9em;
    }
    .custom-dropdown--large .custom-dropdown__select {
      padding-right: 1.3em;
    }
    .custom-dropdown--small .custom-dropdown__select {
      padding-right: 0.5em;
    }
  }
}
/* ================ Custom Checkbox ================ */
.squaredFour {
  width: 25px;
  height: 25px;
}
.squaredFour label {
  cursor: pointer;
  position: relative;
  width: 30px;
  height: 25px;
  border: solid 2px #5e5a58;
  border-radius: 60px;
  background: #FFF;
  z-index: 1;
  left: 0px;
  top: -27px;
}
.squaredFour label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '\f00c';
  font-family: FontAwesome;
  font-size: 18px;
  color: #000;
  position: absolute;
  top: -3px;
  left: 1px;
  width: 9px;
  height: 5px;
  background: transparent;
  z-index: 999;
}
.squaredFour label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.5;
}
.squaredFour input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.check-contain {
  width: auto;
  height: auto;
  min-height: 35px;
  padding-bottom: 25px;
}
@media (max-width: 375px) {
  .check-contain {
    padding-bottom: 50px;
  }
}
@media (max-width: 414px) {
  .check-contain {
    padding-bottom: 35px;
  }
}
/*==================== Owl Carousel Settings ==================== */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
  margin-left: -15px;
}
@media (max-width: 700px) {
  .owl-carousel {
    margin-left: 0px;
  }
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
  float: left;
  width: 300px;
}
@media (max-width: 414px) {
  .owl-carousel .owl-item {
    width: 300px;
  }
}
@media (max-width: 650px) {
  .owl-carousel .owl-item {
    width: 400px;
  }
}
.owl-carousel .item img {
  display: block;
  height: 250px;
  max-width: 250px;
  min-width: 250px;
  border: none !important;
}
@media (max-width: 375px) {
  .owl-carousel .item img {
    height: 150px;
    max-width: 150px;
    min-width: 150px;
  }
}
@media (min-width: 376px) and (max-width: 414px) {
  .owl-carousel .item img {
    height: 175px;
    max-width: 175px;
    min-width: 175px;
  }
}
.owl-carousel .item {
  margin: 15px;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: none;
}
/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.even-more-controls {
  position: absolute;
  width: 100%;
  height: auto;
}
.even-more-controls .more-prev {
  position: absolute;
  font-size: 100px !important;
  color: #333;
  width: 64px;
  height: 129px;
  padding-left: 5px;
  padding-bottom: 15px;
  background: url(../images/slider/left-arrow-bg.png);
  left: 15px;
  margin-top: 80px;
  z-index: 999 !important;
  display: none;
}
@media (max-width: 450px) {
  .even-more-controls .more-prev {
    display: none !important;
  }
}
.even-more-controls .more-next {
  position: absolute;
  font-size: 100px !important;
  color: #333;
  width: 64px;
  height: 129px;
  padding-left: 25px;
  background: url(../images/slider/right-arrow-bg.png);
  right: 15px;
  margin-top: 80px;
  z-index: 999 !important;
  display: none;
}
@media (max-width: 450px) {
  .even-more-controls .more-next {
    display: none !important;
  }
}
#owl-demo .owl-pagination {
  display: none;
}
/* ==================== Large Screen Settings ==================== */
@media (min-width: 1600px) and (max-width: 2099px) {
  .col-xxl-2 {
    width: 20%;
  }
}
@media (min-width: 2100px) {
  .col-xxl-2 {
    width: 16.66%;
  }
}
@media (min-width: 320px) and (max-width: 550px) {
  .col-xxs-12 {
    width: 100%;
  }
}
/* ==================== Print Settings ==================== */
@media print {
  html {
    overflow: visible;
  }
  html a {
    display: none;
  }
  .row {
    clear: both !important;
  }
  #hp-js-masonry,
  #fiatm-js-masonry,
  .init-js-masonry {
    clear: both !important;
    height: auto !important;
  }
  .deal-name {
    font-size: 48px;
    font-family: "proxima-nova-extra-condensed", "Segoe", "Arial+Nova", Helvetica;
    text-align: center;
  }
  .more-slider {
    height: 620px;
    width: auto;
  }
  a[href]:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
    display: none !important;
  }
  footer,
  .mobile-footer,
  .header,
  .page-label,
  li {
    display: none !important;
  }
}
/* ==================== End Print Settings ==================== */
/* ==================== Map Settings ==================== */
/*styles for map tooltip*/
.tooltip-inner {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 0 none;
  background: #fff;
  color: black;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
  font-size: 14px;
  padding: 8px;
  pointer-events: none;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  z-index: 9999999;
  /*position: relative;*/
  /*z-index: 99999;*/
}
.tooltip.top .tooltip-arrow {
  border-top-color: #fff;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #fff;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #fff;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #fff;
}
.tooltip-inner {
  background-color: #fff;
}
/*end of styles for map tooltip*/
.map-pin {
  background: url(../images/map-marker.png) no-repeat left top;
  width: 24px;
  height: 24px;
  text-indent: -99999em;
}
/* ==================== End Map Settings ==================== */
/* ==================== Newsletter Settings ==================== */
.left-log-area {
  min-height: 535px;
}
.left-log-area .standard-btn {
  border-radius: 0 !important;
}
.left-log-area .standard-btn:hover {
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .modal-body .fa-close:before,
  .modal-body .fa-remove:before,
  .modal-body .fa-times:before {
    color: #000;
  }
}
@media screen and (max-width: 479px) {
  .mobile-footer .mobile-footer-social .mobile-footer-icons li {
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
  }
}
/* ==================== list view table mobile ==================== */
.list-view .table > tbody > tr > td,
list-view .table > tbody > tr > th,
list-view .table > tfoot > tr > td,
list-view .table > tfoot > tr > th,
list-view .table > thead > tr > td,
list-view .table > thead > tr > th {
  padding: 8px 3px;
}
/* ==================== End list view table mobile ==================== */
/* ==================== boutique row page ==================== */
.social-icons p,
.info-social p {
  padding-left: 40px;
}
.social-icons ul,
.info-social ul {
  padding: 0;
  list-style-type: none;
}
.social-icons li,
.info-social li {
  list-style: none;
  display: inline-block;
  height: 35px;
  width: 35px;
}
.social-icons a,
.info-social a {
  color: #fff;
  font-size: 22px;
  display: inline-block;
}
.social-icons a:hover,
.info-social a:hover,
.social-icons a:focus,
.info-social a:focus {
  text-decoration: none;
  outline: 0 none;
}
.social-icons .fa-facebook,
.info-social .fa-facebook {
  height: 34px;
  width: 34px;
  background: #000;
  color: #fff;
  border-radius: 50px;
  padding-left: 12px;
  padding-top: 7px;
}
.social-icons .fa-instagram,
.info-social .fa-instagram {
  height: 34px;
  width: 34px;
  background: #000;
  color: #fff;
  border-radius: 50px;
  padding-left: 6px;
  padding-top: 6px;
}
.social-icons .fa-twitter,
.info-social .fa-twitter {
  height: 34px;
  width: 34px;
  background: #000;
  color: #fff;
  border-radius: 50px;
  padding-left: 9px;
  padding-top: 6px;
}
.social-icons .fa-youtube-play,
.info-social .fa-youtube-play {
  font-size: 21px;
  height: 34px;
  width: 34px;
  background: #000;
  color: #fff;
  border-radius: 50px;
  padding-left: 7px;
  padding-top: 7px;
}
.social-icons .fa-snapchat-ghost,
.info-social .fa-snapchat-ghost {
  height: 34px;
  width: 34px;
  background: #000;
  color: #fff;
  border-radius: 50px;
  padding-left: 7px;
  padding-top: 6px;
}
.social-icons .fa-pinterest-p,
.info-social .fa-pinterest-p {
  height: 34px;
  width: 34px;
  background: #000;
  color: #fff;
  border-radius: 50px;
  padding-left: 7px;
  padding-top: 6px;
}
.social-icons .fa-google-plus,
.info-social .fa-google-plus {
  height: 34px;
  width: 34px;
  background: #000;
  color: #fff;
  border-radius: 50px;
  padding-left: 4px;
  padding-top: 6px;
}
.social-icons .fa-yelp,
.info-social .fa-yelp {
  height: 30px;
  width: 28px;
  background: #000;
  color: #fff;
  border-radius: 67px;
  padding-left: 5px;
  padding-top: 5px;
  position: relative;
  top: -10px;
}
@media (max-width: 480px) {
  .ug-gallery-wrapper {
    min-width: initial !important;
  }
}
.closing_soon_status,
.coming_soon_status,
.new_location_status {
  background-color: #000 !important;
  font-size: 10px;
}
.store-status-soon {
  color: #fff;
  display: inline-block;
  padding: 2px 10px;
  text-transform: uppercase;
}
.relocated_status {
  background-color: #949292 !important;
  font-size: 10px;
}
.now_open_status {
  background-color: #FF5733 !important;
  font-size: 10px;
}
.banner-container {
  width: 100%;
  height: auto;
  min-height: 303px;
  position: relative;
  top: 0;
  left: 0;
  margin-top: 50px;
  overflow: hidden;
}
.banner-container .garland-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9 !important;
  height: auto;
  width: 100vw;
}
.banner-container .garland-container #garland {
  position: relative;
  height: auto;
  width: 100vw;
}
.banner-container .garland-container .garland2 {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: 100vw;
}
.banner-container .bg-container {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1 !important;
  height: auto;
  width: 100%;
}
.banner-container .bg-container .bg-image {
  position: relative;
  height: auto;
  width: 100%;
}
.banner-container .group {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 5 !important;
}
.banner-container .group #group-image {
  position: relative;
  height: auto;
  width: 95%;
}
.banner-container .characters {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  z-index: 5 !important;
}
.banner-container .characters #char-image {
  position: relative;
  height: auto;
  width: 35vw;
}
.banner-container .logo-container {
  position: absolute;
  top: 21.5%;
  left: 31.5vw;
  width: 100%;
  z-index: 4 !important;
}
.banner-container .logo-container #logo {
  position: relative;
  height: auto;
  width: 40vw;
}
.banner-container .text-container {
  position: absolute;
  top: 24%;
  left: 75vw;
  width: 100%;
  z-index: 4 !important;
}
.banner-container .text-container #text {
  position: relative;
  height: auto;
  width: 22vw;
}
.banner-container .btn-container {
  position: absolute;
  top: 82%;
  left: 42.5vw;
  width: 100%;
  z-index: 4 !important;
}
.banner-container .btn-container #ad-btn {
  position: relative;
  height: auto;
  width: 51vw;
}
.banner-container .first-snow-container {
  position: absolute;
  top: 30px;
  left: 0;
  height: auto;
  min-height: 500px;
  width: 100vw;
  z-index: 2 !important;
}
.banner-container .first-snow-container #first-snow {
  position: relative;
  top: 0;
  left: 0;
  height: auto;
  min-height: 1500px;
  width: 100vw;
  background: url(../images/santa_banner/pattern-snowflakes1.png) repeat;
  -webkit-animation: backgroundScrollFirst 10s linear infinite;
  animation: backgroundScrollFirst 10s linear infinite;
}
@-webkit-keyframes backgroundScrollFirst {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 400px ;
  }
}
@keyframes backgroundScrollFirst {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 400px ;
  }
}
.banner-container .second-snow-container {
  position: absolute;
  top: 30px;
  left: 0;
  height: auto;
  min-height: 500px;
  width: 100vw;
  z-index: 3 !important;
}
.banner-container .second-snow-container #second-snow {
  position: relative;
  top: 0;
  left: 0;
  height: auto;
  min-height: 1500px;
  width: 100vw;
  background: url(../images/santa_banner/pattern-snowflakes2.png) repeat;
  -webkit-animation: backgroundScrollSecond 20s linear infinite;
  animation: backgroundScrollSecond 20s linear infinite;
}
@-webkit-keyframes backgroundScrollSecond {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 400px ;
  }
}
@keyframes backgroundScrollSecond {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 400px ;
  }
}
.tab-banner-container {
  width: 100vw;
  min-height: 450px;
  position: relative;
  top: 25px;
  left: 0;
  overflow: hidden;
}
.tab-banner-container .tab-garland-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9 !important;
  height: auto;
  width: 100vw;
}
.tab-banner-container .tab-garland-container #tab-garland {
  position: relative;
  height: auto;
  width: 100vw;
}
.tab-banner-container .tab-garland-container .garland2 {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: 100vw;
}
.tab-banner-container .tab-bg-container {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1 !important;
  height: auto;
  width: 100vw;
}
.tab-banner-container .tab-bg-container .tab-bg-img {
  position: relative;
  height: auto;
  width: 100vw;
}
.tab-banner-container .tab-group-container {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  z-index: 4 !important;
}
.tab-banner-container .tab-group-container .tab-group-img {
  position: relative;
  height: auto;
  width: 98vw;
}
.tab-banner-container .tab-btn-container {
  position: absolute;
  top: 62%;
  left: 5vw;
  width: 100%;
  z-index: 4 !important;
}
.tab-banner-container .tab-btn-container #tab-ad-btn {
  position: relative;
  height: auto;
  width: 90vw;
}
.tab-banner-container .tab-first-snow-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 500px;
  width: 100vw;
  overflow: hidden;
  z-index: 2 !important;
}
.tab-banner-container .tab-first-snow-container #tab-first-snow {
  position: relative;
  top: 0;
  left: 0;
  height: auto;
  min-height: 1500px;
  width: 100vw;
  background: url(../images/santa_banner/pattern-snowflakes1.png) repeat;
  -webkit-animation: backgroundScrollFirst 10s linear infinite;
  animation: backgroundScrollFirst 10s linear infinite;
}
@-webkit-keyframes backgroundScrollFirst {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 400px ;
  }
}
@keyframes backgroundScrollFirst {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 400px ;
  }
}
.tab-banner-container .tab-second-snow-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 500px;
  width: 100vw;
  overflow: hidden;
  z-index: 3 !important;
}
.tab-banner-container .tab-second-snow-container #tab-second-snow {
  position: relative;
  top: 0;
  left: 0;
  height: auto;
  min-height: 1500px;
  width: 100vw;
  background: url(../images/santa_banner/pattern-snowflakes2.png) repeat;
  -webkit-animation: backgroundScrollSecond 20s linear infinite;
  animation: backgroundScrollSecond 20s linear infinite;
}
@-webkit-keyframes backgroundScrollSecond {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 400px ;
  }
}
@keyframes backgroundScrollSecond {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 400px ;
  }
}
.mobi-banner-container {
  width: 100vw;
  min-height: 215px;
  position: relative;
  left: 0;
  overflow: hidden;
  margin-bottom: 50px;
}
.mobi-banner-container .mobi-garland-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9 !important;
  height: auto;
  width: 100vw;
}
.mobi-banner-container .mobi-garland-container #mobi-garland {
  position: absolute;
  top: 0;
  height: auto;
  width: 100vw;
}
.mobi-banner-container .mobi-garland-container .garland2 {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: 100vw;
}
.mobi-banner-container .mobi-bg-container {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1 !important;
  height: auto;
  width: 100vw;
}
.mobi-banner-container .mobi-bg-container .mobi-bg-img {
  position: relative;
  height: auto;
  width: 100vw;
}
.mobi-banner-container .mobi-group-container {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  z-index: 4 !important;
}
.mobi-banner-container .mobi-group-container .mobi-group-img {
  position: relative;
  height: auto;
  width: 98vw;
}
.mobi-banner-container .mobi-btn-container {
  position: absolute;
  top: 62%;
  left: 5vw;
  width: 100%;
  z-index: 4 !important;
}
.mobi-banner-container .mobi-btn-container #mobi-ad-btn {
  position: relative;
  height: auto;
  width: 90vw;
}
.mobi-banner-container .mobi-first-snow-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 500px;
  width: 100vw;
  overflow: hidden;
  z-index: 2 !important;
}
.mobi-banner-container .mobi-first-snow-container #mobi-first-snow {
  position: relative;
  top: 0;
  left: 0;
  height: auto;
  min-height: 1500px;
  width: 100vw;
  background: url(../images/santa_banner/pattern-snowflakes1.png) repeat;
  -webkit-animation: backgroundScrollFirst 10s linear infinite;
  animation: backgroundScrollFirst 10s linear infinite;
}
@-webkit-keyframes backgroundScrollFirst {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 400px ;
  }
}
@keyframes backgroundScrollFirst {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 400px ;
  }
}
.mobi-banner-container .mobi-second-snow-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 500px;
  width: 100vw;
  overflow: hidden;
  z-index: 3 !important;
}
.mobi-banner-container .mobi-second-snow-container #mobi-second-snow {
  position: relative;
  top: 0;
  left: 0;
  height: auto;
  min-height: 1500px;
  width: 100vw;
  background: url(../images/santa_banner/pattern-snowflakes2.png) repeat;
  -webkit-animation: backgroundScrollSecond 20s linear infinite;
  animation: backgroundScrollSecond 20s linear infinite;
}
@-webkit-keyframes backgroundScrollSecond {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 400px ;
  }
}
@keyframes backgroundScrollSecond {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 400px ;
  }
}
/* ================================= New PREIT Perks ===========================
.perks-container{
   width: 100%;
   overflow-x: hidden;
   .logo-container{
      padding: 80px 0 0 0;
      margin: 0;
      @media(max-width:767px){
         padding:0px 0px 30px 0px;
      }
      h1{
         color: #00b145;
         font-family: "proxima-nova-condensed";
         font-size: 3.5em;
         letter-spacing: -2px;
         @media(max-width:767px){
            font-size: 2.2em;
         }
      }
      h3{
         font-weight: bold;
         letter-spacing: 6px;
         font-size: 30px;
         @media(max-width:767px){
            font-size: 20px;
            padding-bottom: 10px;
         }
      }
      img{
         display: block;
         margin:0 auto;
         @media(min-width:992px) and (max-width:1107px){
            width: 90%;
         }
      }
	   p{
		   font-size: 1.75em;
		   margin-top: 35px;
	   }
   }
   .signup-container{
      padding: 125px 0 75px 0;
      margin: 0;
      background: url(img/signup-bg.jpg) no-repeat center;
      background-size: cover;
      height: 450px;
      display: block;
      position: relative;
      right: -15px;
      @media(max-width:767px){
         padding: 50px 0;
         right: 0;
         width: 111%;
         left: -15px;
         height: 285px;
      }
      a{
         text-decoration: none;
      }
      .signup-btn{
         background-color: transparent;
         border: 3px solid #FFF;
         padding:1px 40px;
         color: #FFF;
         font-size: 46px;
         font-weight: bold;
         text-transform: uppercase;
         display: block;
         margin: 0 auto;
		  transition: all .35s;
		  &:hover{
			  background-color: white;
			  color: black;
		  }
         @media(min-width:768px) and (max-width:1107px){
            font-size: 38px;
         }
         @media(max-width:767px){
            font-size: 32px;
         }
      }
      .member-login{
         padding-top: 25px;
         h3{
            color: #FFF;
            font-size: 32px;
            @media(max-width:767px){
               font-size: 26px;
            }
         }
         .login-btn{
            text-transform: uppercase;
            color: #000;
            font-size: 22px;
            font-weight: bold;
            border: 0;
            padding:3px 60px;
            background-color: rgba(255,255,255,0.6);
			 transition: all .35s;
			 &:hover{
				 background-color: rgba(255,255,255,1);
			 }
         }
      }
   }
}
.callout-container{
   padding-top: 75px;
   padding-bottom: 50px;
   background: #00b347;
   background: -webkit-linear-gradient(#00b347, #01742e);
   background: -o-linear-gradient(#00b347, #01742e); 
   background: -moz-linear-gradient(#00b347, #01742e);
   background: linear-gradient(#00b347, #01742e);
   @media(max-width:767px){
      padding-top: 30px;
      padding-bottom: 30px;
   }
   .steps{
      @media(min-width:768px) and (max-width:991px){
         height: 350px;
      }
      .green-h{
         color: #38ef85;
         @media(max-width:767px){
            font-size: 48px;
         }
      }
      h2{
         color: #FFF;
         font-size: 40px;
      }
      p{
         color: #FFF;
         font-size: 16px;
         @media(max-width:767px){
            font-size: 20px;
         }
      }
      .img-container{
         height: 125px;
         position: relative;
         margin-top: -50px;
         @media(max-width:767px){
            margin-top: 25px;
         }
         img{
            position: absolute;
            bottom: 0;
            display: block;
            left: 50%;
            margin-left: -50px;
            @media(max-width:767px){
               width: 109px;
            }
         }
      }
      .step-desc{
         width: 90%;
         position: relative;
         display: block;
         margin: 0 auto;
         text-align: center;
      }
   }
   .callout{
      border-right: 2px solid #FFF;
      @media(min-width:768px) and (max-width:991px){
         height: 275px;
      }
      @media(max-width:767px){
         border-right: none;
      }
   }
}

.gray-area{
	height: auto;
	width: 100%;
	background-color: #f1f1f1;
	padding: 50px 15px;
	.question-answer{
		position: relative;
		display: block;
		margin-bottom: 15px;
		background: white;
		.question{
			position: relative;
			width: 100%;
			height: auto;
			border: 1px solid #ddd;
			padding: 5px;
			display: flex;
			&:after{
				content: '\f078';
				font-family: 'FontAwesome';
				position: absolute;
				right: 0px;
				top: 0px;
				font-size: 22px;
				height: 100%;
				width: 7%;
				border-left: 1px solid #ddd;
				padding-left: 7px;
				display: flex;
				align-items: center;
				@media(min-width:992px) and (max-width:1199px){
					padding-left: 20px;
				}
				@media(max-width:767px){
					width: 13%;
				}
			}
			&:hover{
				cursor: pointer;
			}
			p{
				position: relative;
				display: block;
				width: 90%;
				padding: 0px;
				margin: 0px;
				font-size: 18px;
				line-height: 26px;
			}
			
		}
		.answer{
			position: relative;
			width: 100%;
			height: auto;
			border: 1px solid #ddd;
			padding: 5px;
			display: none;
			p{
				font-size: 18px;
				line-height: 26px;
			}
		}
	}
	.video-container{
		@media(max-width:1199px){
			margin-top: 50px;
		}
	}
}

.etw-container{
   background: url(img/shopping-bag-bg.jpg) no-repeat left bottom;
   background-size: cover;
   padding-top: 50px;
   padding-bottom: 100px;
   //height: 643px;
   position: relative;
   overflow: hidden;
   @media(max-width:767px){
      padding-top: 30px;
      height: auto;
      background: #fcfcfc;
      background: -webkit-linear-gradient(#fcfcfc, #d4d4d4);
      background: -o-linear-gradient(#fcfcfc, #d4d4d4);
      background: -moz-linear-gradient(#fcfcfc, #d4d4d4);
      background: linear-gradient(#fcfcfc, #d4d4d4);
      height: auto;
      padding-bottom: 0px;
   }
   .bg-image{
      width: 100%;
      height: auto;
      position: absolute;
      left: 0;
      bottom: 0;
      @media(min-width:768px) and (max-width:991px){
         left: -150px;
      }
      @media(max-width:767px){
         left: -160px;
      }
      .bg-img{
         max-width: 100%;
         min-width: 1200px;
         height: auto;
		  max-height: 400px;
         @media(min-width:320px) and (max-width:991px){
            width: 100%;
         }
         @media(max-width:767px){
            min-width: 1000px;
         }
      }
   }
	.footnote{
		position:absolute;
		height: auto;
		width: auto;
		bottom:-100px;
		margin-left: 100px;
		z-index: 2;
		a{
			text-decoration: underline;
		}
		@media(min-width:992px) and (max-width:1199px){
			bottom: -100px;
			margin-left: 150px;
		}
		@media(min-width:768px) and (max-width:991px){
			bottom: -100px;
			margin-left: 100px;
		}
		@media(max-width:767px){
			bottom: 325px;
			left: -100px;
			z-index: 999 !important;
		}
	}
   .logo-container{
      //height: 643px;
      @media(max-width:767px){
         height: 400px;
      }
   }
   h1{
      color: #06b54c;
      font-size: 56px;
      font-weight: bold;
      @media(max-width:1403px){
         font-size: 50px;
      }
      @media(min-width:768px) and (max-width:991px){
         font-size: 40px;
      }
      @media(max-width:767px){
         font-size: 40px;
      }
   }
   h3{
      color: #000;
      font-size: 26px;
      font-weight: 300;
      @media(max-width:767px){
         font-size: 26px;
      }
   }
   .signup-btn{
      border: 3px solid #000;
      background-color: transparent;
      color: #000;
      font-weight: bold;
      padding: 1px 50px;
      font-size: 30px;
      text-transform: uppercase;
      margin-top: 30px;
	   transition: all .35s;
	   &:hover{
		   background-color: black;
		   color: white;
	   }
      @media(min-width:768px) and (max-width:991px){
         font-size: 28px;
      }
      @media(max-width:767px){
         font-size: 24px;
         padding: 1px 20px;
         margin-top: 20px;
		  border: 2px solid black;
      }
   }
}

/* ================================= Old PREIT Perks =========================== */
/* ================================= PREIT Perks =========================== */
.perks-container {
  width: 100%;
  overflow-x: hidden;
}
.perks-container .logo-container {
  padding: 80px 0 0 0;
  margin: 0;
}
@media (max-width: 767px) {
  .perks-container .logo-container {
    padding: 0px 0px 30px 0px;
  }
}
.perks-container .logo-container h1 {
  color: #00b145;
  font-family: "proxima-nova-condensed";
  font-size: 5em;
  letter-spacing: -2px;
}
@media (max-width: 1403px) {
  .perks-container .logo-container h1 {
    font-size: 4em;
  }
}
@media (min-width: 768px) and (max-width: 1107px) {
  .perks-container .logo-container h1 {
    font-size: 3.5em;
  }
}
@media (max-width: 767px) {
  .perks-container .logo-container h1 {
    font-size: 2.2em;
  }
}
.perks-container .logo-container h3 {
  font-weight: bold;
  letter-spacing: 6px;
  font-size: 30px;
}
@media (max-width: 767px) {
  .perks-container .logo-container h3 {
    font-size: 20px;
    padding-bottom: 10px;
  }
}
.perks-container .logo-container img {
  display: block;
  margin: 0 auto;
}
@media (min-width: 992px) and (max-width: 1107px) {
  .perks-container .logo-container img {
    width: 90%;
  }
}
.perks-container .signup-container {
  padding: 125px 0 75px 0;
  margin: 0;
  background: url(img/signup-bg.jpg) no-repeat center;
  background-size: cover;
  height: 450px;
  display: block;
  position: relative;
  right: -15px;
}
@media (max-width: 767px) {
  .perks-container .signup-container {
    padding: 50px 0;
    right: 0;
    width: 111%;
    left: -15px;
    height: 285px;
  }
}
.perks-container .signup-container a {
  text-decoration: none;
}
.perks-container .signup-container .signup-btn {
  background-color: transparent;
  border: 3px solid #FFF;
  padding: 1px 40px;
  color: #FFF;
  font-size: 46px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
}
@media (min-width: 768px) and (max-width: 1107px) {
  .perks-container .signup-container .signup-btn {
    font-size: 38px;
  }
}
@media (max-width: 767px) {
  .perks-container .signup-container .signup-btn {
    font-size: 32px;
  }
}
.perks-container .signup-container .member-login {
  padding-top: 25px;
}
.perks-container .signup-container .member-login h3 {
  color: #FFF;
  font-size: 32px;
}
@media (max-width: 767px) {
  .perks-container .signup-container .member-login h3 {
    font-size: 26px;
  }
}
.perks-container .signup-container .member-login .login-btn {
  text-transform: uppercase;
  color: #000;
  font-size: 22px;
  font-weight: bold;
  border: 0;
  padding: 3px 60px;
  background: url(img/login-bg.png) repeat;
}
.callout-container {
  padding-top: 100px;
  padding-bottom: 75px;
  background: #00b347;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#00b347, #01742e);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#00b347, #01742e);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#00b347, #01742e);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#00b347, #01742e);
  /* Standard syntax */
}
@media (max-width: 767px) {
  .callout-container {
    padding-top: 30px;
    padding-bottom: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .callout-container .steps {
    height: 350px;
  }
}
.callout-container .steps .green-h {
  color: #38ef85;
}
@media (max-width: 767px) {
  .callout-container .steps .green-h {
    font-size: 48px;
  }
}
.callout-container .steps h2 {
  color: #FFF;
  font-size: 40px;
}
.callout-container .steps p {
  color: #FFF;
  font-size: 16px;
}
@media (max-width: 767px) {
  .callout-container .steps p {
    font-size: 20px;
  }
}
.callout-container .steps .img-container {
  height: 125px;
  position: relative;
  margin-top: -50px;
}
@media (max-width: 767px) {
  .callout-container .steps .img-container {
    margin-top: 25px;
  }
}
.callout-container .steps .img-container img {
  position: absolute;
  bottom: 0;
  display: block;
  left: 50%;
  margin-left: -50px;
}
@media (max-width: 767px) {
  .callout-container .steps .img-container img {
    width: 109px;
  }
}
.callout-container .steps .step-desc {
  width: 90%;
  position: relative;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.callout-container .callout {
  border-right: 2px solid #FFF;
}
@media (min-width: 768px) and (max-width: 991px) {
  .callout-container .callout {
    height: 275px;
  }
}
@media (max-width: 767px) {
  .callout-container .callout {
    border-right: none;
  }
}
.callout-container .video-container {
  padding-top: 80px;
}
@media (max-width: 767px) {
  .callout-container .video-container {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
  }
}
.etw-container {
  background: url(img/shopping-bag-bg.jpg) no-repeat left bottom;
  background-size: cover;
  padding-top: 75px;
  padding-bottom: 100px;
  height: 643px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1970px) {
  .etw-container {
    background-size: auto 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .etw-container {
    height: 500px;
  }
}
@media (max-width: 767px) {
  .etw-container {
    padding-top: 30px;
    background: #fcfcfc;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fcfcfc, #d4d4d4);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fcfcfc, #d4d4d4);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fcfcfc, #d4d4d4);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fcfcfc, #d4d4d4);
    /* Standard syntax */
    height: auto;
    padding-bottom: 0px;
  }
}
.etw-container .bg-image {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .etw-container .bg-image {
    left: -150px;
  }
}
@media (max-width: 767px) {
  .etw-container .bg-image {
    left: -160px;
  }
}
.etw-container .bg-image .bg-img {
  max-width: 100%;
  min-width: 1200px;
  height: auto;
}
@media (min-width: 320px) and (max-width: 991px) {
  .etw-container .bg-image .bg-img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .etw-container .bg-image .bg-img {
    min-width: 1000px;
  }
}
.etw-container .footnote {
  position: absolute;
  bottom: 90px;
  right: -200px;
}
.etw-container .footnote a {
  text-decoration: underline;
}
@media (min-width: 1200px) and (max-width: 1539px) {
  .etw-container .footnote {
    bottom: 75px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .etw-container .footnote {
    bottom: 75px;
    right: -300px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .etw-container .footnote {
    bottom: 225px;
    right: -300px;
  }
}
@media (max-width: 767px) {
  .etw-container .footnote {
    bottom: 325px;
    right: 0px;
    z-index: 999 !important;
  }
}
.etw-container .logo-container {
  height: 643px;
}
@media (max-width: 767px) {
  .etw-container .logo-container {
    height: 350px;
  }
}
.etw-container h1 {
  color: #06b54c;
  font-size: 60px;
  font-weight: bold;
}
@media (max-width: 1403px) {
  .etw-container h1 {
    font-size: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .etw-container h1 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .etw-container h1 {
    font-size: 40px;
  }
}
.etw-container h3 {
  color: #000;
  font-size: 30px;
  font-weight: 300;
}
@media (max-width: 767px) {
  .etw-container h3 {
    font-size: 26px;
  }
}
.etw-container .signup-btn {
  border: 3px solid #000;
  background-color: transparent;
  color: #000;
  font-weight: bold;
  padding: 1px 50px;
  font-size: 40px;
  text-transform: uppercase;
  margin-top: 30px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .etw-container .signup-btn {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .etw-container .signup-btn {
    font-size: 26px;
    padding: 1px 20px;
    margin-top: 20px;
  }
}
/* ================================= PREIT Perks =========================== */
.perk_logo {
  width: 85%;
  margin: 0 auto;
  padding-top: 30px;
}
.geen_sign_btn {
  height: 55px;
  width: 250px;
  padding-top: 5px;
  text-align: center;
  background: #0cb830;
  color: #FFF;
  text-transform: uppercase;
  font-size: 36px;
  font-family: "proxima-nova-condensed";
  font-weight: bold;
  position: relative;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
}
.geen_sign_btn a {
  text-decoration: none;
  color: inherit;
}
.black_sign_btn {
  height: auto;
  width: auto;
  padding: 10px 35px 5px 35px;
  background: #000;
  color: #FFF;
  text-transform: uppercase;
  font-size: 36px;
  font-family: "proxima-nova-condensed";
  font-weight: bold;
  position: relative;
  top: 5px;
  text-decoration: none;
}
.black_sign_btn:hover {
  color: #FFF;
  text-decoration: none;
}
.perk-h2 {
  color: #0cb830;
  font-family: "proxima-nova-extra-condensed";
  font-size: 48px;
  font-weight: bold;
  padding-top: 30px;
}
.perk-h22 {
  color: #0cb830;
  font-family: "proxima-nova-extra-condensed", "Segoe", "Arial+Nova", Helvetica;
  font-size: 32px;
  font-weight: bold;
  padding-top: 20px;
}
.perk-h23 {
  color: #0cb830;
  font-family: "proxima-nova-extra-condensed", "Segoe", "Arial+Nova", Helvetica;
  font-size: 32px;
  font-weight: bold;
  margin-top: -3px;
}
.perk-black-h2 {
  font-size: 44px;
  color: #000;
  font-weight: 700;
  font-family: "proxima-nova-extra-condensed", "Segoe", "Arial+Nova", Helvetica;
}
@media (max-width: 767px) {
  .perk-black-h2 {
    font-size: 32px;
  }
}
.perk-p {
  font-size: 18px;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
  line-height: 28px;
  padding-bottom: 20px;
}
.perk-p2 {
  font-size: 18px;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
  line-height: 28px;
  padding-bottom: 20px;
  border-bottom: 1px solid #000;
}
.perk-p3 {
  font-size: 18px;
  font-family: "proxima-nova", "Segoe", "Arial Nova", Helvetica;
  line-height: 28px;
  padding-bottom: 20px;
}
.header-link {
  border-bottom: 1px solid #000;
  width: 300px;
  padding-bottom: 3px;
}
.header-link a {
  font-size: 36px;
  font-family: "proxima-nova-extra-condensed", "Segoe", "Arial+Nova", Helvetica;
  color: #0cb830;
  font-weight: 600;
}
.header-link a:hover {
  text-decoration: none;
}
.header-link-nb {
  width: 300px;
}
.header-link-nb a {
  font-size: 36px;
  font-family: "proxima-nova-extra-condensed", "Segoe", "Arial+Nova", Helvetica;
  color: #0cb830;
  font-weight: 600;
}
.header-link-nb a:hover {
  text-decoration: none;
}
/* ================================= PREIT Perks Account FAQ =========================== */
#app_container #Help h4 {
  color: #00b047 !important;
}
#app_container #Help h2 {
  font-size: 24px;
  color: #000;
  font-weight: 700;
}
/* ================================= Holiday VIP =========================== */
.lights {
  height: 35px;
  width: 100%;
  position: absolute;
  left: 0;
  overflow: hidden;
}
.lights #red {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  .lights {
    top: 142px;
  }
}
.section-1 {
  position: relative;
  width: 100%;
  height: auto;
  padding: 50px 0 25px 0;
  box-shadow: 0px 3px 15px #444;
  z-index: 21 !important;
}
.section-1 .vip {
  display: block;
  margin: 0 auto;
}
.section-1 .holiday-nav {
  position: absolute;
  list-style: none;
  padding: 20px 0 0 0;
  text-align: center;
  width: 103%;
  height: 60px;
  background: #FFF;
  z-index: 21 !important;
}
.section-1 .holiday-nav li {
  list-style: none;
  display: inline-block;
  margin-right: 25px;
}
.section-1 .holiday-nav li:last-child {
  margin-right: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-1 .holiday-nav li {
    margin-right: 10px;
  }
}
.section-1 .holiday-nav a {
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
}
.section-1 .holiday-nav a:hover {
  padding-bottom: 5px;
  border-bottom: 2px solid #000;
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-1 .holiday-nav a {
    font-size: 14px;
  }
}
.section-1 .tips-social-wrapper {
  text-align: center;
}
.section-1 .tips-social-wrapper .tips-social {
  position: relative;
  width: auto;
  max-width: 350px;
  height: 39px;
  display: block;
  padding: 0 0 50px 0;
  margin: 25px auto 0 auto;
}
@media (max-width: 767px) {
  .section-1 .tips-social-wrapper .tips-social {
    margin: 5px auto 0 auto;
  }
}
.section-1 .tips-social-wrapper .tips-social li {
  list-style: none;
  display: inline-block;
  padding-right: 3px;
  text-align: center;
}
.section-1 .tips-social-wrapper .tips-social li:last-child {
  padding-right: 0;
}
.section-1 .box-container {
  position: relative;
  padding-bottom: 15px;
}
.section-1 .box-container img {
  padding-bottom: 25px;
}
.section-1 .box-container .box-divider-side {
  position: absolute;
  width: 2px;
  height: 65%;
  background: #bababa;
  top: 30px;
  right: -8px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-1 .box-container .box-divider-side {
    right: -15px;
    top: 25px;
    height: 60%;
  }
}
@media (max-width: 767px) {
  .section-1 .box-container .box-divider-side {
    display: none;
  }
}
.section-1 .box-container .box-divider-side-2 {
  position: absolute;
  width: 2px;
  height: 65%;
  background: #bababa;
  top: 30px;
  right: -15px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-1 .box-container .box-divider-side-2 {
    right: -22px;
    top: 25px;
    height: 60%;
  }
}
@media (max-width: 767px) {
  .section-1 .box-container .box-divider-side-2 {
    display: none;
  }
}
.section-1 .box-container .box-divider-bottom {
  position: relative;
  display: block;
  height: 2px;
  width: 70%;
  margin-left: 27px;
  background: #bababa;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-1 .box-container .box-divider-bottom {
    margin-left: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-1 .box-container .box-divider-bottom {
    margin-left: 19px;
  }
}
.section-1 .box-container .box-divider-bottom-2 {
  position: relative;
  display: block;
  height: 2px;
  width: 70%;
  margin-left: 35px;
  background: #bababa;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-1 .box-container .box-divider-bottom-2 {
    margin-left: 31px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-1 .box-container .box-divider-bottom-2 {
    margin-left: 19px;
  }
}
.section-2 {
  position: relative;
  width: 100%;
  height: auto;
  padding: 50px 0 25px 0;
  background: #ff5859;
  box-shadow: 0px 3px 15px #444;
  z-index: 19 !important;
}
.section-2 .hour-table {
  font-size: 18px;
}
.section-2 .hour-table td {
  border-top: none !important;
  border-bottom: 1px solid #000;
}
.section-2 .hour-table .last {
  border-bottom: none !important;
}
.section-2 .hour-table .fa-calendar {
  color: #7cdfa8;
}
.section-2 .lft-title {
  color: #FFF;
}
@media (max-width: 767px) {
  .section-2 {
    padding-top: 25px;
  }
}
.section-2 h2 {
  color: #FFF;
  font-size: 26px;
  padding-bottom: 5px;
  border-bottom: 1px solid #969a78;
  font-family: "proxima-nova-condensed", "Segoe", "Arial+Nova", Helvetica;
  font-weight: 700;
}
.section-2 h2 a {
  color: #FFF;
  text-decoration: none !important;
}
.section-2 h2 a:hover {
  text-decoration: none !important;
  color: #FFF;
}
.section-2 p {
  color: #FFF;
  font-size: 14px;
  font-family: "proxima-nova-condensed", "Segoe", "Arial+Nova", Helvetica;
  font-weight: 700;
  padding-bottom: 20px;
}
.section-2 ul {
  font-size: 14px;
  font-family: "proxima-nova-condensed", "Segoe", "Arial+Nova", Helvetica;
  font-weight: 700;
  color: #FFF;
  width: 65%;
  padding-bottom: 20px;
  padding-left: 15px;
}
.section-2 #kungfu-photos {
  height: auto;
  width: 65%;
}
.section-3 {
  position: relative;
  width: 100%;
  height: auto;
  padding: 50px 0 25px 0;
  background: #79dea7;
  box-shadow: 0px 3px 15px #444;
  z-index: 18 !important;
}
.section-3 h2 {
  color: #000;
  font-size: 26px;
  padding-bottom: 5px;
  border-bottom: 1px solid #000;
  font-family: "proxima-nova-condensed", "Segoe", "Arial+Nova", Helvetica;
  font-weight: 700;
}
.section-3 .date {
  color: #000;
  font-size: 14px;
  font-family: "proxima-nova-condensed", "Segoe", "Arial+Nova", Helvetica;
  font-weight: 700;
}
.section-3 .desc {
  font-size: 16px;
  padding-bottom: 20px;
  font-family: "proxima-nova", "Segoe", "Arial+Nova", Helvetica;
}
.section-4 {
  position: relative;
  width: 100%;
  height: auto;
  padding: 50px 0 25px 0;
  background: #333;
  box-shadow: 0px 3px 15px #444;
  z-index: 17 !important;
}
.section-4 .img-container {
  height: 131px;
  width: 100%;
  background: #333;
  overflow: hidden;
}
.section-4 .img-container img {
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-4 .img-container {
    width: 100%;
    height: auto;
  }
}
.section-4 .deal-desc {
  width: 100%;
  height: 100px;
  color: #FFF;
  padding-left: 13px;
  padding-top: 7px;
}
.section-4 .deal-desc .store {
  font-family: "proxima-nova", "Segoe", "Arial+Nova", Helvetica;
  text-transform: uppercase;
  font-size: 12px;
}
.section-4 .deal-desc .deal-teaser {
  font-family: "proxima-nova-condensed", "Segoe", "Arial+Nova", Helvetica;
  font-size: 14px;
  padding-top: 5px;
  line-height: 12px;
}
.section-4 .deal-desc .deal-expire {
  font-family: "proxima-nova", "Segoe", "Arial+Nova", Helvetica;
  font-size: 10px;
  padding-top: 5px;
}
.section-5 {
  position: relative;
  width: 100%;
  height: auto;
  padding: 20px 0 10px 0;
  background: #333;
  box-shadow: 0px 3px 15px #444;
  z-index: 16 !important;
}
.section-5 .footer-nav {
  list-style: none;
  padding: 0;
}
.section-5 .footer-nav li {
  display: inline-block;
  margin-right: 25px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-5 .footer-nav li {
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .section-5 .footer-nav li {
    display: block;
    width: 100%;
    padding-bottom: 7px;
    padding-top: 7px;
    border-bottom: 1px solid #666;
  }
}
.section-5 .footer-nav li:last-child {
  margin-right: 0;
  border-bottom: none;
}
.section-5 .footer-nav li a {
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
}
.section-5 .footer-nav li a:hover {
  text-decoration: underline;
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-5 .footer-nav li a {
    font-size: 11px;
  }
}
.section-5 .xs-footer-nav {
  list-style: none;
  padding: 0;
}
.section-5 .xs-footer-nav li {
  display: inline-block;
  margin-right: 25px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-5 .xs-footer-nav li {
    margin-right: 10px;
  }
}
.section-5 .xs-footer-nav li:last-child {
  margin-right: 0;
}
.section-5 .xs-footer-nav li a {
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
}
.section-5 .xs-footer-nav li a:hover {
  text-decoration: underline;
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-5 .xs-footer-nav li a {
    font-size: 11px;
  }
}
/* ============================= Guide Modal ====================== */
#guideModal {
  margin-top: 5%;
}
#guideModal .modal-dialog {
  height: 700px;
  width: 700px;
  background-color: transparent;
}
@media (max-width: 767px) {
  #guideModal .modal-dialog {
    width: 95%;
    height: auto;
  }
}
#guideModal .modal-dialog .modal-body {
  height: 700px;
  width: 700px;
  z-index: 1099 !important;
  background-color: transparent;
}
@media (max-width: 767px) {
  #guideModal .modal-dialog .modal-body {
    width: 100%;
    height: auto;
  }
}
#guideModal .modal-dialog .modal-body .close {
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 1099;
  color: #FFF;
  opacity: 1 !important;
  text-shadow: none !important;
}
@media (max-width: 320px) {
  #guideModal .modal-dialog .modal-body .close {
    right: 2px;
    top: -25px;
  }
}
@media (max-width: 375px) {
  #guideModal .modal-dialog .modal-body .close {
    right: 2px;
    top: -25px;
  }
}
@media (max-width: 768px) {
  #guideModal .modal-dialog .modal-body .close {
    right: 2px;
    top: -25px;
  }
}
@media (max-width: 767px) {
  #guideModal .modal-dialog .modal-body .close {
    top: 0;
  }
}
#guideModal .modal-dialog .modal-body .modal-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background: #333;
}
@media (max-width: 767px) {
  #guideModal .modal-dialog .modal-body .modal-bg {
    width: 100%;
    height: auto;
  }
}
#guideModal .modal-dialog .modal-body .modal-bg img {
  height: auto;
  width: 100%;
}
#guideModal .modal-dialog .modal-body .holiday-share {
  position: absolute;
  bottom: -50px;
  z-index: 9999 !important;
  width: 100%;
  margin: 0 auto;
}
#guideModal .modal-dialog .modal-body .holiday-share ul {
  position: relative;
  width: 100px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
#guideModal .modal-dialog .modal-body .holiday-share ul li {
  display: inline-block;
}
#guideModal .modal-dialog .modal-body .holiday-share img {
  width: 35px;
}
.sm-divider {
  height: 3px;
  width: 35px;
  margin-left: 25px;
  background: #969a78;
}
.lft-img {
  padding-top: 40px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .lft-img {
    width: 30%;
    padding-top: 0;
  }
}
.lft-img-tall {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .lft-img-tall {
    width: 30%;
    padding-top: 0;
  }
}
.lft-title {
  height: auto;
  width: 291px;
  padding-top: 30px;
  margin: 0 auto;
  position: relative;
  display: block;
}
@media (max-width: 767px) {
  .lft-title {
    padding-bottom: 25px;
  }
}
.lft-title-sm {
  height: auto;
  width: 210px;
  padding-top: 30px;
  margin: 0 auto;
  position: relative;
  display: block;
}
@media (max-width: 767px) {
  .lft-title-sm {
    padding-bottom: 25px;
  }
}
.lft-title-xsm {
  height: auto;
  width: 160px;
  padding-top: 30px;
  margin: 0 auto;
  position: relative;
  display: block;
}
@media (max-width: 767px) {
  .lft-title-xsm {
    padding-bottom: 25px;
  }
}
.img-center {
  display: block;
  margin: 0 auto;
  position: relative;
  top: -15px;
}
.vip-banner-wrapper {
  position: relative;
  height: auto;
  min-height: 75px;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .vip-banner-wrapper {
    margin-top: 1px;
    margin-bottom: 50px;
  }
}
@media (min-width: 1600px) {
  .vip-banner-wrapper {
    margin-bottom: 200px;
  }
}
.vip-banner-wrapper img {
  height: auto;
  width: 100%;
  display: block;
  margin: 0 auto;
}
.vip-banner-wrapper .sm-single-section {
  position: relative;
  width: 25%;
  height: auto;
  max-height: 385px;
  padding: 0;
  float: left;
}
.vip-banner-wrapper .sm-single-section .vip-img {
  position: absolute;
  width: 70%;
  display: block;
  margin: 0 auto;
  top: 7%;
  left: 14%;
  opacity: 0;
}
.vip-banner-wrapper .sm-single-section .hours-img {
  position: absolute;
  width: 80%;
  display: block;
  margin: 0 auto;
  top: 10%;
  left: 9%;
  opacity: 0;
}
.vip-banner-wrapper .sm-single-section .events-img {
  position: absolute;
  width: 80%;
  display: block;
  margin: 0 auto;
  left: 9%;
  top: 60%;
  opacity: 0;
}
.vip-banner-wrapper .sm-single-section .event-img {
  position: absolute;
  width: 80%;
  display: block;
  margin: 0 auto;
  top: 21%;
  left: 9%;
  opacity: 0;
}
.vip-banner-wrapper .sm-single-section .santa-img {
  position: absolute;
  width: 80%;
  display: block;
  margin: 0 auto;
  top: 8%;
  left: 9%;
  opacity: 0;
}
.vip-banner-wrapper .sm-single-section .gift-img {
  position: absolute;
  width: 80%;
  display: block;
  margin: 0 auto;
  left: 9%;
  top: 60%;
  opacity: 0;
}
.vip-banner-wrapper .sm-single-section .red-1 {
  position: absolute;
  width: 70%;
  display: block;
  margin: 0 auto;
  top: 5.5%;
  left: 14%;
  display: none;
}
.vip-banner-wrapper .lg-single-section {
  position: relative;
  width: 31.4%;
  height: auto;
  max-height: 390px;
  padding: 0;
  float: left;
}
.vip-banner-wrapper .lg-single-section .blk-img {
  position: absolute;
  width: 80%;
  display: block;
  margin: 0 auto;
  left: 9%;
  top: 10%;
  opacity: 0;
}
.vip-banner-wrapper .lg-single-section .tips-img {
  position: absolute;
  width: 80%;
  display: block;
  margin: 0 auto;
  left: 9%;
  top: 60%;
  opacity: 0;
}
.vip-banner-wrapper .cover {
  position: relative;
}
.b-content .b-hours .hour-table {
  padding-top: 0;
}
.b-content .b-photos h2 {
  font-size: 18px;
  font-weight: 700;
}
.b-content .b-photos p {
  font-size: 16px;
  margin-top: -10px;
}
.b-content .b-photos ul {
  margin-top: -10px;
  font-size: 16px;
}
.bunny-banner {
  position: relative;
  left: 0;
  background: #00b4c7;
  height: 350px;
  width: 100%;
  margin-bottom: 40px;
  overflow: hidden;
  padding: 0;
}
.bunny-banner .static-banner {
  position: absolute;
  height: 350px;
  width: 1600px;
  left: 0;
}
@media (min-width: 1600px) {
  .bunny-banner .static-banner {
    width: 100%;
    height: auto;
  }
}
.bunny-banner .car-container {
  height: auto;
  width: 378px;
  position: relative;
  top: 35px;
  left: 465px;
  z-index: 3 !important;
}
@media (min-width: 1600px) {
  .bunny-banner .car-container {
    left: 30%;
    top: 3vw;
  }
}
.bunny-banner .car-container .car {
  top: 0;
  position: relative;
  -webkit-animation: 1s infinite forwards carBounce;
  animation: 1s infinite forwards carBounce;
  -moz-animation: 1s infinite forwards carBounce;
}
.bunny-banner .car-container .wheel1 {
  position: relative;
  left: 90px;
  top: -60px;
  height: 82px;
  width: 82px;
  /*
        -webkit-animation: wheelSpin .5s linear infinite forwards;
        animation: wheelSpin .5s linear infinite forwards;
        -moz-animation: wheelSpin .5s linear infinite forwards;
        */
}
.bunny-banner .car-container .wheel2 {
  position: relative;
  left: 260px;
  top: -145px;
  height: 82px;
  width: 82px;
  /*
        -webkit-animation: wheelSpin .5s linear infinite forwards;
        animation: wheelSpin .5s linear infinite forwards;
        -moz-animation: wheelSpin .5s linear infinite forwards;
        */
}
.bunny-banner .road-container {
  height: 100px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 276px;
  left: 0;
}
.bunny-banner .road-container .road {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 1 !important;
  -webkit-animation: road 10s linear infinite forwards;
  animation: road 10s linear infinite forwards;
  -moz-animation: road 7s linear infinite forwards;
}
.bunny-banner .house-container2 {
  position: absolute;
  top: 39px;
  left: 1329px;
  height: 300px;
  width: 589px;
  z-index: 2 !important;
}
.bunny-banner .house-container2 .house {
  position: relative;
  -webkit-animation: house1 10s linear infinite forwards;
  animation: house1 10s linear infinite forwards;
  -moz-animation: house2 15.3s linear infinite forwards;
  /*
         -webkit-animation: house1 10s linear infinite forwards;
         animation: house1 10s linear infinite forwards;
         -moz-animation: house2 15.3s linear infinite forwards;
         */
}
.bunny-banner .bunny-text {
  position: absolute;
  top: 50px;
  right: 10px;
  z-index: 4 !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .bunny-banner .bunny-text img {
    width: 500px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .bunny-banner .bunny-text img {
    width: 500px;
  }
}
@keyframes carBounce {
  0% {
    top: 0;
  }
  50% {
    top: -10px;
  }
  100% {
    top: 0;
  }
}
@keyframes wheelSpin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes road {
  0% {
    left: 0;
  }
  100% {
    left: -929px;
  }
}
@keyframes house1 {
  0% {
    left: 0;
  }
  100% {
    left: -929px;
  }
}
@keyframes house2 {
  0% {
    left: 0;
  }
  100% {
    left: -2029px;
  }
}
.xs-sponsor img {
  display: block;
  margin: 0 auto 25px auto;
}
.holiday-banner-wrapper {
  position: relative;
  height: auto;
  min-height: 75px;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .holiday-banner-wrapper {
    margin-top: 1px;
    margin-bottom: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .holiday-banner-wrapper {
    margin-bottom: 10px;
  }
}
@media (min-width: 1600px) {
  .holiday-banner-wrapper {
    margin-bottom: 200px;
  }
}
.holiday-banner-wrapper .bunny-container {
  height: auto;
  width: 100%;
  background: #00b7c5;
  position: relative;
}
.holiday-banner-wrapper .bunny-container .left-img {
  width: 50%;
  float: left;
}
@media (max-width: 991px) {
  .holiday-banner-wrapper .bunny-container .left-img {
    width: 100%;
  }
}
.holiday-banner-wrapper .bunny-container .right-img {
  width: 50%;
  float: left;
}
@media (max-width: 991px) {
  .holiday-banner-wrapper .bunny-container .right-img {
    width: 100%;
  }
}
.holiday-banner-wrapper .bunny-container #banner-1 {
  opacity: 0;
}
.holiday-banner-wrapper .bunny-container #banner-2 {
  opacity: 0;
}
.holiday-banner-wrapper .bunny-container #banner-3 {
  opacity: 0;
}
.holiday-banner-wrapper .bunny-container #banner-4 {
  opacity: 0;
}
/* LESS Document */
.deals-section {
  background: url('img/gray.png') repeat;
}
.deals-section .gift-line {
  border-top: 1px solid #ffffff;
  position: relative;
  margin-bottom: 125px;
}
@media (max-width: 767px) {
  .deals-section .gift-line {
    margin-bottom: 80px;
  }
}
.deals-section .save-big img {
  margin: auto;
}
@media (max-width: 767px) {
  .deals-section .save-big img {
    max-width: 230px;
  }
}
.deals-section h1 {
  font-size: 56px;
  letter-spacing: 3.48px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  margin-bottom: 0px;
  font-family: 'Raleway', sans-serif;
}
@media (max-width: 767px) {
  .deals-section h1 {
    font-size: 25px;
    margin-top: 5px;
  }
}
#deals {
  padding-top: 64px;
  padding-bottom: 90px;
}
@media (max-width: 767px) {
  #deals {
    padding-left: 0px;
    padding-right: 0px;
  }
}
#deals .gift {
  margin: auto;
  top: -100px;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
}
@media (max-width: 767px) {
  #deals .gift {
    max-width: 160px;
    top: -69px;
  }
}
#deals a {
  text-decoration: none;
}
#deals .deal-container {
  position: relative;
  display: block;
  height: auto;
  padding-top: 50px;
}
@media (min-width: 1px) and (max-width: 991px) {
  #deals .deal-container {
    padding-top: 0px;
  }
}
#deals .deal-container .deal {
  color: #003764;
}
@media (min-width: 768px) and (max-width: 991px) {
  #deals .deal-container .deal {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  #deals .deal-container .deal {
    padding-top: 40px;
  }
}
#deals .deal-container .deal .deal-img {
  height: 254px;
  width: 254px;
  overflow: hidden;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #deals .deal-container .deal .deal-img {
    height: 205px;
    width: 205px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #deals .deal-container .deal .deal-img {
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  #deals .deal-container .deal .deal-img {
    height: auto;
    margin: 0 auto;
    width: auto;
  }
}
#deals .deal-container .deal .deal-img .img-responsive {
  position: relative;
  display: block;
  min-height: 100%;
  min-width: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
#deals .deal-container .deal .holiday-deal-desc {
  position: relative;
  width: auto;
}
@media (max-width: 767px) {
  #deals .deal-container .deal .holiday-deal-desc {
    height: auto;
  }
}
#deals .deal-container .deal .deal-retailer {
  font-size: 1em;
  font-weight: bold;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding-top: 10px;
}
#deals .deal-container .deal .deal-title {
  font-size: 16px;
  line-height: 1.3;
  font-weight: bold;
  color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #deals .deal-container .deal .deal-title {
    font-size: 1.5em;
    padding-top: 7px;
  }
}
@media (max-width: 767px) {
  #deals .deal-container .deal .deal-title {
    font-size: 30px;
    line-height: 1.2;
  }
}
#deals .deal-container .deal .deal-date {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #deals .deal-container .deal .deal-date {
    font-size: .9em;
    padding-top: 7px;
  }
}
@media (max-width: 767px) {
  #deals .buttons-container {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
  }
}
#deals .buttons-container .green-btn {
  background: #003764;
  color: white;
}
#deals .buttons-container .green-btn:hover {
  cursor: pointer;
  background: #c10230;
  color: white;
}
@media (max-width: 767px) {
  #deals .buttons-container .green-btn {
    font-size: 1.2em;
    width: 100%;
  }
}
.pet-photos {
  background: url("../stylesheets/img/green.png") repeat;
  padding-bottom: 90px;
}
.pet-photos .dog-image {
  position: relative;
  margin-top: -120px;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 35px;
}
.pet-photos .dog-image img {
  margin: auto;
}
.pet-photos .clove-img:before {
  top: 64px;
  right: 0;
}
.pet-photos h1 {
  font-size: 56px;
  letter-spacing: 3.12px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  margin-bottom: 0px;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  margin-top: 5px;
}
@media (max-width: 767px) {
  .pet-photos h1 {
    font-size: 25px;
  }
}
.pet-photos p {
  font-size: 2em;
  color: #ffffff;
  font-weight: 300;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .pet-photos p {
    font-size: 20px;
  }
}
.pet-photos .santa-photos-text {
  max-width: 870px;
  margin: 0 auto;
}
.pet-photos .santa-photos-text h2 {
  color: #ffffff;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .pet-photos .santa-photos-text h2 {
    font-size: 20px;
  }
}
.holiday-wrapper {
  position: relative;
  max-width: 100vw;
  height: auto;
  overflow: hidden;
}
.holiday-wrapper h3 {
  font-size: 2em;
  font-weight: 300;
  color: #ffffff;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .hidden-btn-sm {
    display: none;
  }
}
.btn-wrap .btn {
  padding: 5px 30px;
  font-size: 16.5px;
  letter-spacing: 0.99px;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 0;
  height: 43px;
  line-height: 32px;
  transition: all 1s ease;
  transform: scale(1);
}
.btn-wrap .btn:hover {
  transform: scale(1.1) perspective(1px);
}
.btn-wrap .btn.btn-grey {
  background: #cbc0b7;
  color: #22314e;
}
.btn-wrap .btn.btn-red {
  background: #df2c42;
  color: #ffffff;
}
.btn-wrap .btn.btn-green {
  background: #69913b;
  color: #ffffff;
}
.btn-wrap .btn.btn-pink {
  background: #d98695;
  color: #ffffff;
}
.btn-wrap .btn.btn-big {
  height: 61px;
  line-height: 50px;
  font-size: 20px;
  letter-spacing: 1.2px;
  padding-left: 50px;
  padding-right: 50px;
}
.btn-wrap .btn.btn-big + .btn-big {
  margin-left: 50px;
}
@media (max-width: 595px) {
  .btn-wrap .btn.btn-big + .btn-big {
    margin-left: 0;
  }
}
@media (max-width: 544px) {
  .btn-wrap .btn.btn-big + .btn-big {
    margin-top: 15px;
  }
}
.clove-img {
  position: relative;
}
.clove-img:before {
  content: "";
  background: url(img/clove.png);
  width: 118px;
  display: inline-block;
  height: 118px;
  background-size: 100% 100%;
  position: absolute;
  top: -44px;
}
@media (max-width: 767px) {
  .clove-img:before {
    display: none;
  }
}
#holi-to-top {
  height: 50px;
  width: 50px;
  background: #c10230;
  color: white;
  font-size: 34px;
  text-align: center;
  position: fixed;
  bottom: 25px;
  right: 35px;
  opacity: .95;
  z-index: 1099;
  display: none;
  transition: background .35s;
}
#holi-to-top:hover {
  cursor: pointer;
  opacity: 1;
  background: #003764;
}
.head {
  position: relative;
  padding-bottom: 50px;
  height: auto;
  background: url('img/navy.png') repeat;
}
.head .padding-maint {
  padding-top: 50px;
}
@media (max-width: 767px) {
  .head .padding-maint {
    padding-top: 15px;
  }
}
.head .cocoa-img img {
  position: relative;
  margin-top: -70px;
}
@media (max-width: 767px) {
  .head .cocoa-img img {
    margin-top: -20px;
  }
}
@media (max-width: 767px) {
  .head {
    margin-top: 0px;
    padding-bottom: 0;
  }
}
.head .container {
  position: relative;
  z-index: 2;
}
.head .red-stitch {
  position: absolute;
  height: 36px;
  width: 100%;
  left: 0px;
  top: 25px;
  background: url(img/red-stitch.png) repeat;
  z-index: 1;
}
.head .gold-stitch {
  position: absolute;
  height: 36px;
  width: 100%;
  left: 0px;
  bottom: 0px;
  background: url(img/gold-stitch.png) repeat;
  z-index: 1;
}
.head .sponsor {
  margin-top: 25px;
  text-transform: uppercase;
}
.head .sponsor-img-container {
  position: relative;
  display: inline-block;
  width: auto;
  margin: 0 auto;
}
.head .sponsor-img-container .sponsor-img {
  float: left;
}
.head .sponsor-img-container .sponsor-img img {
  height: 60px;
  width: auto;
}
.head .nav {
  margin-top: 30px;
  position: relative;
  width: 100%;
  height: auto;
  text-align: center;
}
.head .nav a {
  position: relative;
  display: inline-block;
  margin-right: 35px;
}
.head .nav a:last-child {
  margin-right: 0px;
}
.head .nav .nav-img {
  position: relative;
  display: block;
  max-height: 50px;
  width: auto;
  transition: all .25s;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .head .nav .nav-img {
    max-height: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .head .nav .nav-img {
    max-height: 30px;
  }
}
.head .nav .nav-img:hover {
  transform: scale(1.1);
}
.head .mobi-santa-nav {
  position: relative;
  margin-top: 15px;
  padding-top: 8px;
  height: 40px;
  width: 94%;
  display: block;
  border: 2px solid #ffffff;
  margin-left: 15px;
}
@media (min-width: 992px) {
  .head .mobi-santa-nav {
    display: none;
  }
}
.head .mobi-santa-nav .fa {
  float: right;
  font-size: 26px;
  position: relative;
  top: -4px;
}
.head .mobi-santa-nav ul {
  list-style: none;
  padding: 0px;
  color: #003764;
}
.head .mobi-santa-nav ul li {
  list-style: none;
  padding-bottom: 7px;
}
.head .mobi-santa-nav ul li a {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
}
.head .mobi-santa-nav .hidden-nav {
  position: relative;
  height: auto;
  display: none;
  width: 100%;
  background: white;
  z-index: 100 !important;
  padding-left: 15px;
  padding-top: 7px;
}
.head .mobi-santa-nav .hidden-nav li a {
  color: #000;
}
.stocking-bg {
  position: relative;
  width: 100%;
  height: auto;
  background: url(img/navy.png) repeat;
}
.stocking-bg .gold-stitch {
  position: absolute;
  height: 36px;
  width: 100%;
  left: 0px;
  bottom: 0px;
  background: url(img/gold-stitch.png) repeat;
  z-index: 1;
}
.stocking-bg .red-stitch {
  position: absolute;
  height: 36px;
  width: 100%;
  left: 0px;
  bottom: 0px;
  background: url(img/red-stitch.png) repeat;
  z-index: 1;
}
.stocking-bg .green-stitch {
  position: absolute;
  height: 36px;
  width: 100%;
  left: 0px;
  top: 50px;
  background: url(img/green-stitch.png) repeat;
  z-index: 1;
}
.stocking-bg .light-bulb {
  position: relative;
  width: 100%;
  display: inline-block;
  text-align: center;
  z-index: 1;
}
.stocking-bg .light-bulb .center-img {
  position: absolute;
  display: block;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -100px;
}
.stocking-bg h1 {
  color: #ffffff!important;
  font-family: 'Raleway', sans-serif;
}
.chm {
  background: #154734 !important;
}
.photos-container {
  position: relative;
  width: 100%;
  height: auto;
  background: url(img/navy.png) repeat;
  padding-bottom: 150px;
}
.photos-container .center-img {
  position: relative;
  display: block;
  margin: 0 auto;
}
.photos-container .santa-photos img {
  margin: auto;
}
@media (max-width: 767px) {
  .photos-container .santa-photos img {
    max-width: 260px;
  }
}
.photos-container .santa-photos .clove-img {
  position: relative;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .photos-container .santa-photos .clove-img {
    margin-bottom: 0;
  }
}
.photos-container .santa-photos .clove-img:before {
  top: inherit;
  bottom: 50px;
  left: 0;
}
.photos-container .santa-photos .border-btm {
  border-bottom: 1px solid #ffffff;
}
@media (max-width: 767px) {
  .photos-container .santa-photos .border-btm {
    margin-bottom: 15px;
  }
}
.photos-container .santa-photos .back-text {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .photos-container .santa-photos .back-text {
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .photos-container .book-ahead {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.photos-container h1 {
  color: #003764;
  text-transform: uppercase;
  font-size: 56px;
  line-height: 1;
  margin-bottom: 0px;
  padding-bottom: 0px;
  letter-spacing: 3.36px;
}
@media (max-width: 767px) {
  .photos-container h1 {
    font-size: 25px;
    padding: 0 10px;
  }
}
.photos-container .santa-photos-text {
  color: #003764;
}
.photos-container .santa-photos-text.clove-img:before {
  right: 0;
  left: auto;
}
.photos-container .santa-photos-text .bold {
  font-weight: bold;
}
.photos-container .santa-photos-text .thin {
  font-weight: 200;
}
.photos-container .santa-photos-text .nobreak {
  white-space: nowrap !important;
}
.photos-container .santa-photos-text h2 {
  font-size: 2.5em;
  line-height: 100%;
  font-weight: 500;
  margin-top: 0px;
  padding-top: 20px;
}
@media (max-width: 767px) {
  .photos-container .santa-photos-text h2 {
    font-size: 20px;
  }
}
.photos-container .santa-photos-text h3 {
  font-size: 2em;
  font-weight: 300;
}
@media (max-width: 767px) {
  .photos-container .santa-photos-text h3 {
    font-size: 20px;
    margin-top: 0;
  }
}
.photos-container .santa-photos-text p {
  color: #003764;
  font-size: 1.5em;
}
.photos-container .santa-photos-text .dates {
  padding: 0px 50px;
}
@media (max-width: 767px) {
  .photos-container .santa-photos-text .dates {
    padding: 0px;
  }
}
.photos-container .santa-photos-text .buttons-container {
  position: relative;
}
@media (max-width: 767px) {
  .photos-container .santa-photos-text .buttons-container {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
}
.photos-container .santa-photos-text .green-btn,
.photos-container .santa-photos-text .red-btn {
  width: 250px;
  height: 60px;
  font-size: 1.5em;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .photos-container .santa-photos-text .green-btn,
  .photos-container .santa-photos-text .red-btn {
    font-size: 1.3em;
    width: 200px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .photos-container .santa-photos-text .green-btn,
  .photos-container .santa-photos-text .red-btn {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media (max-width: 767px) {
  .photos-container .santa-photos-text .green-btn,
  .photos-container .santa-photos-text .red-btn {
    font-size: 1.2em;
    width: 100%;
  }
}
.photos-container .santa-hours-container .clove-img:before {
  bottom: 15px;
  top: auto;
}
.photos-container .santa-hours-container h2 {
  text-align: center;
  font-size: 43px;
  color: #ffffff;
  letter-spacing: 2.61px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .photos-container .santa-hours-container h2 {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .photos-container .santa-hours-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.photos-container .santa-hours-container .center-img {
  position: relative;
  display: block;
  margin: 0 auto;
}
.photos-container .santa-hours-container .hours-table {
  margin-top: 15px;
  padding-left: 80px;
  padding-right: 55px;
  padding-top: 35px;
  padding-bottom: 35px;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .photos-container .santa-hours-container .hours-table {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 15px;
    margin: 0 20px;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .photos-container .santa-hours-container .hours-table .center-img {
    width: 70%;
  }
}
.photos-container .santa-hours-container .hours-table .item {
  margin: 0px;
}
.photos-container .santa-hours-container .hours-table h2 {
  color: #c10230;
  font-size: 58px;
  text-transform: uppercase;
  font-weight: bold;
}
@media (max-width: 767px) {
  .photos-container .santa-hours-container .hours-table h2 {
    font-size: 1.4em;
    padding-bottom: 15px;
    padding-top: 5px;
  }
}
.photos-container .santa-hours-container .hours-table .hour-row .right {
  float: right;
}
.photos-container .santa-hours-container .hours-table .hour-row p {
  color: #003764;
  font-size: 1.4em;
  border-bottom: 1px solid #c10230;
  padding-bottom: 7px;
  margin-top: 3px;
}
.photos-container .santa-hours-container .hours-table .hour-row p:last-child {
  border-bottom: none;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .photos-container .santa-hours-container .hours-table .hour-row p {
    font-size: 1.2em;
  }
}
@media (max-width: 767px) {
  .photos-container .santa-hours-container .hours-table .hour-row p {
    font-size: .9em;
  }
}
.photos-container .santa-hours-container .hours-table .hour-row .next {
  position: absolute;
  color: #ffffff;
  font-size: 35px;
  height: 35px;
  width: 35px;
  border-radius: 50px;
  text-align: center;
  right: -35px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .25s;
}
.photos-container .santa-hours-container .hours-table .hour-row .next:hover {
  cursor: pointer;
  color: #ffffff;
}
.photos-container .santa-hours-container .hours-table .hour-row .next .fa {
  position: relative;
  top: -8px;
  left: 1px;
}
@media (max-width: 767px) {
  .photos-container .santa-hours-container .hours-table .hour-row .next {
    top: 47%;
    right: -15px;
  }
}
.photos-container .santa-hours-container .hours-table .hour-row .prev {
  position: absolute;
  color: #ffffff;
  font-size: 35px;
  height: 35px;
  width: 35px;
  border-radius: 50px;
  text-align: center;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .25s;
}
.photos-container .santa-hours-container .hours-table .hour-row .prev:hover {
  cursor: pointer;
  color: #ffffff;
}
.photos-container .santa-hours-container .hours-table .hour-row .prev .fa {
  position: relative;
  top: -8px;
  left: -1px;
}
@media (max-width: 767px) {
  .photos-container .santa-hours-container .hours-table .hour-row .prev {
    top: 47%;
    left: -15px;
  }
}
.photos-container .pet-container {
  position: relative;
  margin-top: 65px;
  color: #003764;
  padding-bottom: 45px;
  padding-top: 30px;
}
@media (max-width: 767px) {
  .photos-container .pet-container {
    margin-top: 15px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.photos-container .pet-container h2 {
  color: #003764 !important;
  font-weight: bold !important;
}
.photos-container .pet-container .buttons-container {
  position: relative;
  display: block;
  text-align: center;
}
@media (max-width: 767px) {
  .photos-container .pet-container .buttons-container {
    width: 100%;
  }
}
.photos-container .pet-container .buttons-container .green-btn {
  position: relative;
  float: none;
  background: #003764;
  width: 250px;
  max-width: 35%;
  font-size: 1.5em;
}
.photos-container .pet-container .buttons-container .green-btn:hover {
  background: #c10230;
}
@media (min-width: 1200px) and (max-width: 1354px) {
  .photos-container .pet-container .buttons-container .green-btn {
    font-size: 1.5em;
    width: 225px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .photos-container .pet-container .buttons-container .green-btn {
    font-size: 1.3em;
    width: 200px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .photos-container .pet-container .buttons-container .green-btn {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media (max-width: 767px) {
  .photos-container .pet-container .buttons-container .green-btn {
    font-size: 1.2em;
    width: 100%;
  }
}
.photos-container .pet-container .buttons-container .chm-green-btn {
  position: relative;
  float: none;
  background: #003764;
  width: 250px;
  max-width: 35%;
}
.photos-container .pet-container .buttons-container .chm-green-btn:hover {
  background: #c10230;
}
@media (min-width: 1200px) and (max-width: 1354px) {
  .photos-container .pet-container .buttons-container .chm-green-btn {
    font-size: 1.5em;
    width: 210px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .photos-container .pet-container .buttons-container .chm-green-btn {
    font-size: 1.2em;
    width: 165px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .photos-container .pet-container .buttons-container .chm-green-btn {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media (max-width: 767px) {
  .photos-container .pet-container .buttons-container .chm-green-btn {
    font-size: 1.2em;
    width: 100%;
  }
}
.photos-container .pet-container img {
  display: block;
  margin: 0 auto;
  position: relative;
  top: -200px;
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .photos-container .pet-container img {
    margin-bottom: 15px;
    margin-top: 15px;
  }
}
.photos-container .pet-container h2 {
  font-size: 2em;
  color: white;
  line-height: 100%;
  font-weight: 500;
}
.event-bg {
  background: url('img/gray.png') repeat;
}
.event-bg .clove-right.clove-img:before {
  right: 0;
  left: auto;
  top: 95px;
}
.event-bg .spirit-text {
  margin: auto;
}
@media (max-width: 767px) {
  .event-bg .spirit-text {
    max-width: 230px;
  }
}
.event-bg h1 {
  text-transform: uppercase;
  font-size: 56px;
  line-height: 1;
  margin-bottom: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: #ffffff;
  letter-spacing: 3.36px;
  font-family: 'Raleway', sans-serif;
}
@media (max-width: 767px) {
  .event-bg h1 {
    font-size: 25px;
  }
}
.event-bg .clove-img:before {
  left: 0;
  top: -100px;
}
#hours .holiday-hours img {
  display: block;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #hours .holiday-hours img {
    max-width: 200px;
  }
}
#hours h1 {
  color: #003764;
  text-transform: uppercase;
  letter-spacing: 3.36px;
  margin-bottom: 0;
}
@media (min-width: 1800px) {
  #hours h1 {
    font-size: 56px;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  #hours h1 {
    font-size: 56px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #hours h1 {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  #hours h1 {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  #hours h3 {
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 5px;
  }
}
#hours .hours-table {
  position: relative;
  padding: 35px 40px 35px 75px;
  margin-top: 15px;
  background-color: #ffffff;
}
#hours .hours-table .special-hours.clove-img:before {
  top: 103px;
  right: -220px;
}
@media (max-width: 767px) {
  #hours .hours-table {
    padding: 10px 5px 10px 5px;
    margin: 0 20px;
  }
}
#hours .hours-table .item {
  display: block;
  margin: 0 auto;
}
#hours .hours-table .right {
  float: right;
}
#hours .hours-table p {
  color: #003764;
  font-size: 1.4em;
  border-bottom: 1px solid #c10230;
  padding-bottom: 7px;
  margin-top: 3px;
}
#hours .hours-table p:last-child {
  border-bottom: none;
}
@media (max-width: 767px) {
  #hours .hours-table p {
    font-size: .9em;
  }
}
#hours .hours-table .next {
  position: absolute;
  color: #ffffff;
  font-size: 35px;
  height: 35px;
  width: 35px;
  border-radius: 50px;
  text-align: center;
  right: -35px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .25s;
}
#hours .hours-table .next:hover {
  cursor: pointer;
  color: #ffffff;
}
#hours .hours-table .next .fa {
  position: relative;
  top: -8px;
  left: 1px;
}
@media (max-width: 767px) {
  #hours .hours-table .next {
    top: 47%;
    right: -35px;
  }
}
#hours .hours-table .prev {
  position: absolute;
  color: #ffffff;
  font-size: 35px;
  height: 35px;
  width: 35px;
  border-radius: 50px;
  text-align: center;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .25s;
}
#hours .hours-table .prev:hover {
  cursor: pointer;
  color: #ffffff;
}
#hours .hours-table .prev .fa {
  position: relative;
  top: -8px;
  left: -1px;
}
@media (max-width: 767px) {
  #hours .hours-table .prev {
    top: 47%;
    left: -35px;
  }
}
#events {
  padding-top: 35px;
  padding-bottom: 150px;
}
@media (max-width: 767px) {
  #events {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 60px;
    padding-top: 0;
  }
}
#events .tree {
  margin-top: -85px;
  margin-bottom: 30px;
  position: relative;
  z-index: 2;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  #events .tree {
    max-width: 250px;
    margin-bottom: 0;
  }
}
#events a {
  text-decoration: none;
}
#events .event-container {
  position: relative;
  padding-top: 50px;
}
@media (min-width: 1px) and (max-width: 991px) {
  #events .event-container {
    padding-top: 0px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #events .event-container .event {
    height: 400px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #events .event-container .event {
    padding-top: 50px;
    height: 500px;
  }
}
@media (max-width: 767px) {
  #events .event-container .event {
    padding-top: 40px;
    height: auto;
  }
}
#events .event-container .event .event-img {
  position: relative;
  height: 250px;
  width: 250px;
  display: block;
  overflow: hidden;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #events .event-container .event .event-img {
    height: 200px;
    width: 200px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #events .event-container .event .event-img {
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  #events .event-container .event .event-img {
    height: auto;
    margin: 0 auto;
    width: auto;
  }
}
#events .event-container .event .event-img .img-responsive {
  position: absolute;
  display: block;
  width: 100%;
  height: auto;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
}
@media (max-width: 767px) {
  #events .event-container .event .event-img .img-responsive {
    height: auto;
    position: relative;
  }
}
#events .event-container .event .event-img {
  margin-bottom: 20px;
}
#events .event-container .event .event-title {
  font-size: 16px;
  color: #ffffff;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  #events .event-container .event .event-title {
    font-size: 30px;
  }
}
#events .event-container .event .event-date {
  font-size: 14px;
  color: #ffffff;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  #events .event-container .event .event-date {
    font-size: 20px;
  }
}
#events .event-container .event .event-teaser {
  font-size: 14px;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 767px) {
  #events .event-container .event .event-teaser {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  #events .buttons-container {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
}
#events .buttons-container .green-btn {
  background: #003764;
  color: white;
}
#events .buttons-container .green-btn:hover {
  cursor: pointer;
  background: #c10230;
  color: white;
}
@media (max-width: 767px) {
  #events .buttons-container .green-btn {
    font-size: 1.2em;
    width: 100%;
  }
}
.tips-box {
  position: relative;
  z-index: 1 !important;
}
#tips {
  position: relative;
  padding-top: 75px;
  padding-bottom: 0px;
}
@media (max-width: 767px) {
  #tips {
    padding-left: 0px;
    padding-right: 0px;
  }
}
#tips .key {
  margin-top: -150px;
  margin-bottom: 30px;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  #tips .key {
    max-width: 75%;
  }
}
#tips a {
  text-decoration: none;
}
#tips .tips-container {
  position: relative;
}
#tips .tips-container .row {
  position: relative;
  display: inline-block;
  margin-top: 120px;
}
@media (max-width: 767px) {
  #tips .tips-container .row {
    margin-top: 15px;
  }
}
#tips .tips-container .row .center-img {
  position: relative;
  display: inline-block;
  left: 50%;
  transform: translate(-50%, -20%);
}
@media (max-width: 767px) {
  #tips .tips-container .row .center-img {
    padding: 0px 15px 15px;
    margin-top: 45px;
    border-bottom: 2px solid #003764;
  }
}
.perks-container {
  position: relative;
  z-index: 3;
  padding-bottom: 75px;
  padding-top: 100px;
}
.perks-container .holi-perks-container {
  position: relative;
  padding: 0px;
}
.perks-container .holi-perks-container .perks-text h3 {
  color: black;
  font-size: 2.5em;
  font-weight: 400;
  padding-bottom: 15px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .perks-container .holi-perks-container .perks-text h3 {
    padding-bottom: 10px;
    font-size: 1.6em;
  }
}
.perks-container .holi-perks-container .perks-text p {
  font-size: 1.9em;
  padding-top: 30px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .perks-container .holi-perks-container .perks-text p {
    padding-top: 20px;
    font-size: 1.3em;
  }
}
.perks-container .holi-perks-container .perks-text .bold {
  font-weight: bold;
}
.perks-container .holi-perks-container .perks-text .buttons-container {
  margin-top: 15px;
  background: red;
}
@media (max-width: 767px) {
  .perks-container .holi-perks-container .perks-text .buttons-container {
    margin-bottom: 15px;
  }
}
.perks-container .holi-perks-container .perks-text .buttons-container .green-btn {
  margin: 0 auto;
  background: #00ae41;
}
.perks-container .holi-perks-container .perks-text .buttons-container .green-btn:hover {
  background: #003764;
}
@media (max-width: 767px) {
  .perks-container .holi-perks-container .perks-text .buttons-container .green-btn {
    font-size: 1.2em;
    width: 100%;
  }
}
.perks-container .holi-perks-container .perks-text .buttons-container .chm-green-btn {
  margin: 0 auto;
  background: #00ae41;
}
.perks-container .holi-perks-container .perks-text .buttons-container .chm-green-btn:hover {
  background: #003764;
}
@media (max-width: 767px) {
  .perks-container .holi-perks-container .perks-text .buttons-container .chm-green-btn {
    font-size: 1.2em;
    width: 100%;
  }
}
.perks-container .holi-perks-container .perks-text .perk-logo {
  max-height: 85px;
  height: auto;
  width: auto;
  margin: 0 auto;
}
.perks-container .holi-perks-container .perks-img-container {
  position: relative;
}
.perks-container .holi-perks-container .perks-img-container .perks-img {
  position: relative;
  margin-top: -75px;
  z-index: 3;
}
.buttons-container {
  position: relative;
  display: inline-block;
  width: auto;
  text-align: center;
  margin: 40px auto 0 auto;
}
.buttons-container .chm-red-btn {
  position: relative;
  display: inline-block;
  height: 60px;
  width: 368px;
  color: white;
  background: #003764;
  font-size: 1.55em;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 3px;
  float: left;
  transition: all .5s;
  border: none;
  margin-left: 0px;
}
.buttons-container .chm-red-btn:last-child {
  margin-left: 55px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .buttons-container .chm-red-btn:last-child {
    margin-left: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .buttons-container .chm-red-btn:last-child {
    margin-left: 0px;
  }
}
.buttons-container .chm-red-btn:hover {
  cursor: pointer;
  background: #c10230;
  color: white;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .buttons-container .chm-red-btn {
    width: 320px;
    font-size: 1.3em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .buttons-container .chm-red-btn {
    float: none;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .buttons-container .chm-red-btn {
    float: none;
    margin-bottom: 15px;
    width: 100%;
  }
}
.buttons-container .chm-green-btn {
  position: relative;
  display: inline-block;
  height: 60px;
  width: 368px;
  color: white;
  background: #154734;
  font-size: 1.55em;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 3px;
  float: left;
  transition: all .5s;
  border: none;
  margin-left: 0px;
}
.buttons-container .chm-green-btn:last-child {
  margin-left: 55px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .buttons-container .chm-green-btn:last-child {
    margin-left: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .buttons-container .chm-green-btn:last-child {
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .buttons-container .chm-green-btn:last-child {
    margin-left: 0px;
  }
}
.buttons-container .chm-green-btn:hover {
  cursor: pointer;
  background: #c10230;
  color: white;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .buttons-container .chm-green-btn {
    width: 320px;
    font-size: 1.3em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .buttons-container .chm-green-btn {
    float: none;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .buttons-container .chm-green-btn {
    float: none;
    margin-bottom: 15px;
    width: 100%;
  }
}
.buttons-container .green-btn {
  position: relative;
  display: inline-block;
  height: 60px;
  width: 368px;
  color: white;
  background: #003764;
  font-size: 1.55em;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 3px;
  float: left;
  transition: all .5s;
  border: none;
  margin-left: 0px;
}
.buttons-container .green-btn:last-child {
  margin-left: 55px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .buttons-container .green-btn:last-child {
    margin-left: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .buttons-container .green-btn:last-child {
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .buttons-container .green-btn:last-child {
    margin-left: 0px;
  }
}
.buttons-container .green-btn:hover {
  cursor: pointer;
  background: #c10230;
  color: white;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .buttons-container .green-btn {
    width: 320px;
    font-size: 1.3em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .buttons-container .green-btn {
    float: none;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .buttons-container .green-btn {
    float: none;
    margin-bottom: 15px;
    width: 250px;
  }
}
.chm-buttons-container {
  position: relative;
  width: 100%;
  display: inline-block;
  margin: 0 auto;
  padding: 0 15px;
}
.chm-buttons-container .green-btn {
  position: relative;
  display: inline-block;
  height: 60px;
  width: 368px;
  color: white;
  background: #c10230;
  font-size: 1.55em;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 3px;
  float: left;
  transition: all .5s;
  border: none;
  margin-left: 0px;
}
.chm-buttons-container .green-btn:last-child {
  margin-left: 55px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .chm-buttons-container .green-btn:last-child {
    margin-left: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .chm-buttons-container .green-btn:last-child {
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .chm-buttons-container .green-btn:last-child {
    margin-left: 0px;
  }
}
.chm-buttons-container .green-btn:hover {
  cursor: pointer;
  background: #154734;
  color: white;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .chm-buttons-container .green-btn {
    width: 320px;
    font-size: 1.3em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .chm-buttons-container .green-btn {
    float: none;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .chm-buttons-container .green-btn {
    float: none;
    margin-bottom: 15px;
    width: 250px;
  }
}
.chm-buttons-container .red-btn {
  position: relative;
  display: inline-block;
  height: 60px;
  width: 368px;
  color: white;
  background: #154734;
  font-size: 1.55em;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 3px;
  float: left;
  transition: all .5s;
  border: none;
  margin-left: 0px;
}
.chm-buttons-container .red-btn:last-child {
  margin-left: 55px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .chm-buttons-container .red-btn:last-child {
    margin-left: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .chm-buttons-container .red-btn:last-child {
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .chm-buttons-container .red-btn:last-child {
    margin-left: 0px;
  }
}
.chm-buttons-container .red-btn:hover {
  cursor: pointer;
  background: #c10230;
  color: white;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .chm-buttons-container .red-btn {
    width: 320px;
    font-size: 1.3em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .chm-buttons-container .red-btn {
    float: none;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .chm-buttons-container .red-btn {
    float: none;
    margin-bottom: 15px;
    width: 250px;
  }
}
.chm-cs-text {
  font-size: 26px;
  color: black !important;
}
@media (max-width: 767px) {
  .chm-cs-text {
    font-size: 20px;
  }
}
/* LESS Document */
.easter-wrapper {
  position: relative;
  max-width: 100vw;
  height: auto;
  overflow: hidden;
}
.easter-wrapper #holi-to-top {
  height: 50px;
  width: 50px;
  background: #f6416c;
  color: white;
  font-size: 34px;
  text-align: center;
  position: fixed;
  bottom: 25px;
  right: 35px;
  opacity: .95;
  z-index: 1099;
  display: none;
}
.easter-wrapper #holi-to-top:hover {
  cursor: pointer;
  opacity: 1;
}
.easter-wrapper .head {
  padding-top: 25px;
  position: relative;
  height: auto;
  z-index: 2 !important;
  background: white;
}
.easter-wrapper .head .e-border-bottom {
  border-bottom: 2px solid #666;
  padding-bottom: 30px;
}
.easter-wrapper .head .center-img {
  max-width: 800px;
  width: 100%;
  height: auto;
}
.easter-wrapper .head .nav {
  margin-top: 30px;
  text-align: center;
  padding-bottom: 20px;
}
.easter-wrapper .head .nav ul {
  padding: 0px;
  list-style: none;
}
.easter-wrapper .head .nav ul li {
  margin-right: 45px;
  display: inline-block;
}
.easter-wrapper .head .nav ul li:last-child {
  margin-right: 0px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .easter-wrapper .head .nav ul li {
    margin-right: 35px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .easter-wrapper .head .nav ul li {
    margin-right: 15px;
  }
  .easter-wrapper .head .nav ul li:last-child {
    margin-right: 0px;
  }
}
.easter-wrapper .head .nav ul li a {
  text-transform: uppercase;
  color: #f6416c;
  font-weight: bold;
  letter-spacing: .05em;
  text-decoration: none;
  transition: all .5s;
}
.easter-wrapper .head .nav ul li a:hover {
  color: #fc4237;
}
@media (min-width: 768px) and (max-width: 991px) {
  .easter-wrapper .head .nav ul li a {
    font-size: 12px;
  }
}
.easter-wrapper .head .mobi-santa-nav {
  position: relative;
  margin-top: 5px;
  padding-top: 2px;
  height: 40px;
  width: 100%;
  display: block;
}
.easter-wrapper .head .mobi-santa-nav .fa {
  float: right;
  font-size: 26px;
  position: relative;
  top: -1px;
}
.easter-wrapper .head .mobi-santa-nav .hidden-nav {
  position: relative;
  height: auto;
  border-top: 1px solid #00bce7;
  display: none;
  width: 100%;
  background: white;
  z-index: 100 !important;
  padding-left: 15px;
  padding-top: 0px;
}
.easter-wrapper .head .mobi-santa-nav ul {
  list-style: none;
  padding: 0px;
}
.easter-wrapper .head .mobi-santa-nav ul li {
  list-style: none;
  padding-bottom: 7px;
  padding-top: 7px;
}
.easter-wrapper .head .mobi-santa-nav ul li a {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
}
.easter-wrapper .photos-container {
  width: 100%;
  height: auto;
  padding-top: 30px;
  padding-bottom: 60px;
  background: #00bce7;
  z-index: 1 !important;
}
@media (max-width: 767px) {
  .easter-wrapper .photos-container .container {
    padding: 0px;
  }
}
.easter-wrapper .photos-container .center-img-container {
  position: relative;
  display: block;
  height: auto;
}
@media (max-width: 767px) {
  .easter-wrapper .photos-container .center-img-container {
    padding: 0px;
  }
}
.easter-wrapper .photos-container .center-img-container .center-img {
  display: inline-block;
  margin-top: -300px;
}
@media (max-width: 767px) {
  .easter-wrapper .photos-container .center-img-container .center-img {
    margin-top: -75px;
    width: 105%;
    max-width: none;
    margin-left: -2.5%;
  }
}
.easter-wrapper .photos-container .center-img-container .where-container {
  position: absolute;
  width: 100%;
  text-align: center;
  color: black;
  bottom: 140px;
  font-size: 44px;
  line-height: 40px;
  font-weight: bold;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .easter-wrapper .photos-container .center-img-container .where-container {
    bottom: 100px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .easter-wrapper .photos-container .center-img-container .where-container {
    font-size: 30px;
    line-height: 30px;
    bottom: 50px;
  }
}
@media (max-width: 767px) {
  .easter-wrapper .photos-container .center-img-container .where-container {
    position: relative;
    bottom: 80px;
    font-size: 24px;
    line-height: 24px;
  }
}
.easter-wrapper .photos-container .center-img-container .where-container .btns-container {
  position: relative;
  width: 100%;
  text-align: center;
  color: black;
  bottom: -50px;
  font-size: 44px;
  line-height: 40px;
  font-weight: bold;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .easter-wrapper .photos-container .center-img-container .where-container .btns-container {
    bottom: -30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .easter-wrapper .photos-container .center-img-container .where-container .btns-container {
    bottom: -10px;
  }
}
@media (max-width: 767px) {
  .easter-wrapper .photos-container .center-img-container .where-container .btns-container {
    position: relative;
    padding: 0px 15px;
    margin-top: 45px;
    bottom: 0px;
  }
}
.easter-wrapper .photos-container .center-img-container .where-container .btns-container .photo-btn {
  background: black;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  transition: background .35s;
  display: inline-block;
  width: 300px;
  padding: 4px 45px;
  font-size: 18px;
  font-weight: 300;
  border: none;
}
@media (min-width: 768px) and (max-width: 991px) {
  .easter-wrapper .photos-container .center-img-container .where-container .btns-container .photo-btn {
    width: 275px;
  }
}
@media (max-width: 767px) {
  .easter-wrapper .photos-container .center-img-container .where-container .btns-container .photo-btn {
    width: 100%;
  }
}
.easter-wrapper .photos-container .center-img-container .where-container .btns-container .photo-btn:first-child {
  margin-right: 75px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .easter-wrapper .photos-container .center-img-container .where-container .btns-container .photo-btn:first-child {
    width: 275px;
    margin-right: 10px;
  }
}
.easter-wrapper .photos-container .center-img-container .where-container .btns-container .photo-btn:hover {
  background: #00bce7;
}
@media (max-width: 767px) {
  .easter-wrapper .photos-container .center-img-container .where-container .btns-container .photo-btn:hover {
    background: black;
  }
}
.easter-wrapper .photos-container .santa-photos-text {
  padding-top: 15px;
}
.easter-wrapper .photos-container .santa-photos-text h1 {
  color: #79dea7;
  text-transform: uppercase;
  font-size: 4.5em;
  letter-spacing: .2em;
  line-height: 100%;
}
.easter-wrapper .photos-container .santa-photos-text .bold {
  font-weight: bold;
}
.easter-wrapper .photos-container .santa-photos-text .thin {
  font-weight: 200;
}
.easter-wrapper .photos-container .santa-photos-text h2 {
  font-size: 2em;
  color: white;
  line-height: 100%;
  font-weight: 500;
}
@media (max-width: 767px) {
  .easter-wrapper .photos-container .santa-photos-text h2 {
    font-size: 20px;
  }
}
.easter-wrapper .photos-container .santa-photos-text h3 {
  font-size: 1.3em;
  color: white;
  font-weight: 300;
}
.easter-wrapper .photos-container .santa-photos-text .dates {
  padding: 0px 50px;
}
@media (max-width: 767px) {
  .easter-wrapper .photos-container .santa-photos-text .dates {
    padding: 0px;
  }
}
.easter-wrapper .photos-container .santa-hours-container {
  padding-top: 60px;
}
@media (max-width: 767px) {
  .easter-wrapper .photos-container .santa-hours-container {
    padding-top: 0px;
  }
}
.easter-wrapper .photos-container .santa-hours-container .hours-table {
  padding-left: 80px;
  padding-right: 55px;
}
@media (max-width: 767px) {
  .easter-wrapper .photos-container .santa-hours-container .hours-table {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.easter-wrapper .photos-container .santa-hours-container .hours-table .item {
  margin: 0px;
}
.easter-wrapper .photos-container .santa-hours-container .hours-table h2 {
  color: white;
  font-size: 2.1em;
  letter-spacing: .25em;
  text-transform: uppercase;
  font-weight: bold;
}
@media (max-width: 767px) {
  .easter-wrapper .photos-container .santa-hours-container .hours-table h2 {
    font-size: 1.4em;
    padding-bottom: 15px;
    padding-top: 5px;
  }
}
@media (max-width: 767px) {
  .easter-wrapper .photos-container .santa-hours-container .hours-table .hour-row {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.easter-wrapper .photos-container .santa-hours-container .hours-table .hour-row .right {
  float: right;
}
.easter-wrapper .photos-container .santa-hours-container .hours-table .hour-row p {
  color: white;
  font-size: 1.4em;
  border-bottom: 1px solid black;
  padding-bottom: 7px;
  margin-top: 3px;
}
.easter-wrapper .photos-container .santa-hours-container .hours-table .hour-row p:last-child {
  border-bottom: none;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .easter-wrapper .photos-container .santa-hours-container .hours-table .hour-row p {
    font-size: 1.2em;
  }
}
@media (max-width: 767px) {
  .easter-wrapper .photos-container .santa-hours-container .hours-table .hour-row p {
    font-size: .9em;
  }
}
.easter-wrapper .photos-container .santa-hours-container .hours-table .hour-row .next {
  position: absolute;
  color: black;
  font-size: 35px;
  height: 35px;
  width: 35px;
  border-radius: 50px;
  border: 1px solid black;
  text-align: center;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .25s;
}
.easter-wrapper .photos-container .santa-hours-container .hours-table .hour-row .next:hover {
  cursor: pointer;
  color: #ffd600;
  border: 1px solid #ffd600;
}
.easter-wrapper .photos-container .santa-hours-container .hours-table .hour-row .next .fa {
  position: relative;
  top: -8px;
  left: 1px;
}
@media (max-width: 767px) {
  .easter-wrapper .photos-container .santa-hours-container .hours-table .hour-row .next {
    top: 47%;
    right: -15px;
  }
}
.easter-wrapper .photos-container .santa-hours-container .hours-table .hour-row .prev {
  position: absolute;
  color: black;
  font-size: 35px;
  height: 35px;
  width: 35px;
  border-radius: 50px;
  border: 1px solid black;
  text-align: center;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .25s;
}
.easter-wrapper .photos-container .santa-hours-container .hours-table .hour-row .prev:hover {
  cursor: pointer;
  color: #ffd600;
  border: 1px solid #ffd600;
}
.easter-wrapper .photos-container .santa-hours-container .hours-table .hour-row .prev .fa {
  position: relative;
  top: -8px;
  left: -1px;
}
@media (max-width: 767px) {
  .easter-wrapper .photos-container .santa-hours-container .hours-table .hour-row .prev {
    top: 47%;
    left: -15px;
  }
}
.easter-wrapper .photos-container .pet-container {
  position: relative;
  margin-top: 65px;
  border: 1px solid black;
  color: white;
  padding-bottom: 45px;
  padding-top: 30px;
}
@media (max-width: 767px) {
  .easter-wrapper .photos-container .pet-container {
    margin-top: 15px;
    border: none;
  }
}
.easter-wrapper .photos-container .pet-container .buttons-container {
  position: relative;
  display: block;
  text-align: center;
}
.easter-wrapper .photos-container .pet-container .buttons-container .yellow-btn {
  position: relative;
  background: #ffd600;
  display: inline-block;
  width: 300px;
  padding: 10px 45px;
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  color: black;
  border: none;
  transition: all .35s;
}
@media (min-width: 768px) and (max-width: 991px) {
  .easter-wrapper .photos-container .pet-container .buttons-container .yellow-btn {
    width: 275px;
  }
}
@media (max-width: 767px) {
  .easter-wrapper .photos-container .pet-container .buttons-container .yellow-btn {
    width: 100%;
    margin-bottom: 10px;
  }
}
.easter-wrapper .photos-container .pet-container .buttons-container .yellow-btn:first-child {
  margin-right: 75px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .easter-wrapper .photos-container .pet-container .buttons-container .yellow-btn:first-child {
    margin-right: 10px;
  }
}
.easter-wrapper .photos-container .pet-container .buttons-container .yellow-btn:hover {
  background: black;
  color: white;
}
.easter-wrapper .photos-container .pet-container img {
  display: block;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .easter-wrapper .photos-container .pet-container img {
    margin-bottom: 15px;
    margin-top: 15px;
  }
}
.easter-wrapper .photos-container .pet-container h2 {
  font-size: 2em;
  color: white;
  line-height: 100%;
  font-weight: 500;
}
.easter-wrapper #events {
  padding-top: 35px;
  padding-bottom: 60px;
  background: white;
}
@media (max-width: 767px) {
  .easter-wrapper #events {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .easter-wrapper #events .col-xs-12,
  .easter-wrapper #events .container {
    padding: 0px;
  }
}
.easter-wrapper #events a {
  text-decoration: none;
}
.easter-wrapper #events .center-img {
  width: 100%;
  max-width: 600px;
  margin-bottom: 10px;
}
.easter-wrapper #events .event-container {
  position: relative;
  padding-top: 50px;
}
@media (min-width: 1px) and (max-width: 991px) {
  .easter-wrapper #events .event-container {
    padding-top: 0px;
  }
}
@media (max-width: 767px) {
  .easter-wrapper #events .event-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.easter-wrapper #events .event-container .event {
  height: 380px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .easter-wrapper #events .event-container .event {
    height: 350px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .easter-wrapper #events .event-container .event {
    padding-top: 50px;
    height: 380px;
  }
}
@media (max-width: 767px) {
  .easter-wrapper #events .event-container .event {
    padding-top: 40px;
    height: 380px;
  }
}
.easter-wrapper #events .event-container .event .event-img {
  height: 170px;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .easter-wrapper #events .event-container .event .event-img {
    height: 135px;
  }
}
.easter-wrapper #events .event-container .event .event-title {
  padding-top: 10px;
  font-size: 1.9em;
  color: #333333;
  font-weight: 300;
  line-height: 100%;
}
.easter-wrapper #events .event-container .event .event-date {
  padding-top: 5px;
  font-size: 1.1em;
  color: #333333;
  font-weight: 300;
  line-height: 100%;
}
.easter-wrapper #events .event-container .event .event-teaser {
  padding-top: 5px;
  font-size: 1.2em;
  color: #333333;
  font-weight: 300;
  line-height: 100%;
}
.easter-wrapper #events .buttons-container .blue-btn {
  background: #00bce7;
  color: white;
}
@media (max-width: 767px) {
  .easter-wrapper #events .buttons-container .blue-btn {
    min-width: 300px;
    width: 100%;
  }
}
.easter-wrapper #events .buttons-container .blue-btn:hover {
  cursor: pointer;
  background: black;
  color: white;
}
.easter-wrapper #deals {
  padding-top: 64px;
  padding-bottom: 60px;
  background: #ffd600;
}
@media (max-width: 767px) {
  .easter-wrapper #deals {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 767px) {
  .easter-wrapper #deals .col-xs-12,
  .easter-wrapper #deals .container {
    padding: 0px;
  }
}
.easter-wrapper #deals .center-img {
  width: 100%;
  max-width: 600px;
  margin-bottom: 10px;
}
.easter-wrapper #deals a {
  text-decoration: none;
}
.easter-wrapper #deals .deal-container {
  position: relative;
  display: block;
  height: auto;
  padding-top: 50px;
}
@media (min-width: 1px) and (max-width: 991px) {
  .easter-wrapper #deals .deal-container {
    padding-top: 0px;
  }
}
@media (max-width: 767px) {
  .easter-wrapper #deals .deal-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .easter-wrapper #deals .deal-container .deal {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .easter-wrapper #deals .deal-container .deal {
    padding-top: 40px;
  }
}
.easter-wrapper #deals .deal-container .deal .deal-img {
  height: 254px;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .easter-wrapper #deals .deal-container .deal .deal-img {
    height: 205px;
  }
}
@media (max-width: 767px) {
  .easter-wrapper #deals .deal-container .deal .deal-img {
    height: 230px;
  }
}
.easter-wrapper #deals .deal-container .deal .holiday-deal-desc {
  position: relative;
  width: auto;
  height: 180px;
}
.easter-wrapper #deals .deal-container .deal .deal-retailer {
  font-size: .9em;
  font-weight: bold;
  letter-spacing: .05em;
  color: black;
  text-transform: uppercase;
  padding-top: 10px;
}
.easter-wrapper #deals .deal-container .deal .deal-title {
  font-size: 1.9em;
  font-weight: 300;
  color: black;
  line-height: 100%;
  letter-spacing: 1px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .easter-wrapper #deals .deal-container .deal .deal-title {
    font-size: 1.5em;
    padding-top: 7px;
  }
}
.easter-wrapper #deals .deal-container .deal .deal-date {
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: 200;
  letter-spacing: .05em;
  color: black;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .easter-wrapper #deals .deal-container .deal .deal-date {
    font-size: .9em;
    padding-top: 7px;
  }
}
.easter-wrapper #deals .buttons-container .blue-btn {
  background: #f6416c;
  color: white;
}
@media (max-width: 767px) {
  .easter-wrapper #deals .buttons-container .blue-btn {
    min-width: 300px;
    width: 100%;
  }
}
.easter-wrapper #deals .buttons-container .blue-btn:hover {
  cursor: pointer;
  background: #00bce7;
  color: white;
}
.easter-wrapper .buttons-container {
  position: relative;
  display: inline-block;
  width: auto;
  text-align: center;
  margin: 40px auto 0 auto;
}
.easter-wrapper .buttons-container .blue-btn {
  position: relative;
  display: inline-block;
  height: 60px;
  width: 368px;
  color: #333333;
  background: #00bce7;
  font-size: 1.55em;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 3px;
  float: left;
  transition: all .5s;
  border: none;
  margin-left: 0px;
}
.easter-wrapper .buttons-container .blue-btn:last-child {
  margin-left: 55px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .easter-wrapper .buttons-container .blue-btn:last-child {
    margin-left: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .easter-wrapper .buttons-container .blue-btn:last-child {
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .easter-wrapper .buttons-container .blue-btn:last-child {
    margin-left: 0px;
  }
}
.easter-wrapper .buttons-container .blue-btn:hover {
  cursor: pointer;
  background: #fc4237;
  color: white;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .easter-wrapper .buttons-container .blue-btn {
    width: 320px;
    font-size: 1.3em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .easter-wrapper .buttons-container .blue-btn {
    float: none;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .easter-wrapper .buttons-container .blue-btn {
    float: none;
    margin-bottom: 15px;
    width: 250px;
  }
}
.easter-wrapper .lights-container {
  position: relative;
  height: 29px;
  margin-top: 15px;
}
.easter-wrapper .lights-container .lights {
  height: auto;
  width: auto;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(180deg);
}
.easter-wrapper .lights-container-down {
  position: absolute;
  height: 29px;
  margin-top: 0px !important;
}
.easter-wrapper .lights-container-down .lights {
  height: auto;
  width: auto;
  position: absolute;
  top: 0;
  left: 0;
}
.easter-wrapper .center-img {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.extended-font {
  font-family: "Kitten Swash";
  font-size: 68px!important;
  line-height: 1;
  text-align: center;
  margin-bottom: 0;
  margin-top: 0;
}
@media (max-width: 767px) {
  .extended-font {
    font-size: 40px!important;
  }
}
.extended-font.now-extend {
  color: #cbc0b7!important;
}
.extended-font.back-text {
  color: #c6173a;
}
.extended-font.pet-text {
  color: #d98695;
}
.extended-font.get-spirit {
  color: #69913b;
}
.extended-font.save-big {
  color: #d98695;
}
.retailer-gallery-slider .sliders {
  margin-bottom: 20px;
}
