/* Event Page Sponsor Grid */
@media only screen and (max-width: 600px) {
  .event-sponsors img {
    width: 100%;
    max-width: 90px;
    margin: 5px;
  }
}

@media only screen and (min-width: 601px) {
  .event-sponsors img {
    width: 100%;
    max-width: 150px;
  }
}

/* Event Page Headers */
@media only screen and (max-width: 600px) {
  .womens-retail-header {
    background: linear-gradient(to right, #1b1b1ba6, #0000009d),
      url(img/womens-spectacular-expo/womens-retail.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 400px;
  }

  .womens-sports-header {
    background: linear-gradient(to right, #1b1b1ba6, #0000009d),
      url(img/womens-spectacular-expo/womens-outdoor.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 400px;
  }

  .womens-wellness-header {
    background: linear-gradient(to right, #1b1b1ba6, #0000009d),
      url(img/womens-spectacular-expo/women-wellness.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 400px;
  }

  .womens-outdoor-header {
    background: linear-gradient(to right, #1b1b1ba6, #0000009d),
      url(img/womens-spectacular-expo/women-outdoor.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 400px;
  }

  .womens-retail-header {
    background: linear-gradient(to right, #1b1b1ba6, #0000009d),
      url(img/womens-spectacular-expo/womens-retail.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 400px;
  }

  .womens-services-header {
    background: linear-gradient(to right, #1b1b1ba6, #0000009d),
      url(img/womens-spectacular-expo/women-services.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 400px;
  }

  .womens-dining-header {
    background: linear-gradient(to right, #1b1b1ba6, #0000009d),
      url(img/womens-spectacular-expo/women-dining.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 400px;
  }

  .design-decour-header {
    background: linear-gradient(to right, #1b1b1ba6, #0000009d),
      url(img/womens-spectacular-expo/design-decor/2600-Paw-Paw-Christmas-Decor-109.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 400px;
  }

  .say-cheese-photo-header {
    background: linear-gradient(to right, #1b1b1ba6, #0000009d),
      url(img/womens-spectacular-expo/say-cheese-photo-fun-and-balloon-training-institute/say-cheese-photo-fun/52917915_309047139753396_1656543339601723392_n.png) no-repeat top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 400px;
  }

  .balloon-training-header {
    background: linear-gradient(to right, #1b1b1ba6, #0000009d),
      url(img/womens-spectacular-expo/say-cheese-photo-fun-and-balloon-training-institute/balloon-training-institute/Introduction.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 400px;
  }
  
}

@media only screen and (min-width: 601px) {
  .womens-retail-header {
    background: linear-gradient(to right, #1b1b1ba6, #0000009d),
      url(img/womens-spectacular-expo/womens-retail.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 500px;
  }

  .womens-sports-header {
    background: linear-gradient(to right, #1b1b1ba6, #0000009d),
      url(img/womens-spectacular-expo/womens-outdoor.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 500px;
  }

  .womens-wellness-header {
    background: linear-gradient(to right, #1b1b1ba6, #0000009d),
      url(img/womens-spectacular-expo/women-wellness.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 500px;
  }

  .womens-outdoor-header {
    background: linear-gradient(to right, #1b1b1ba6, #0000009d),
      url(img/womens-spectacular-expo/women-outdoor.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 500px;
  }

  .womens-services-header {
    background: linear-gradient(to right, #1b1b1ba6, #0000009d),
      url(img/womens-spectacular-expo/women-services.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 500px;
  }

  .womens-dining-header {
    background: linear-gradient(to right, #1b1b1ba6, #0000009d),
      url(img/womens-spectacular-expo/women-dining.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 500px;
  }

  .design-decour-header {
    background: linear-gradient(to right, #1b1b1ba6, #0000009d),
      url(img/womens-spectacular-expo/design-decor/2600-Paw-Paw-Christmas-Decor-109.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 500px;
  }

  .say-cheese-photo-header {
    background: linear-gradient(to right, #1b1b1ba6, #0000009d),
      url(img/womens-spectacular-expo/say-cheese-photo-fun-and-balloon-training-institute/say-cheese-photo-fun/52917915_309047139753396_1656543339601723392_n.png) no-repeat top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 500px;
  }

  .balloon-training-header {
    background: linear-gradient(to right, #1b1b1ba6, #0000009d),
      url(img/womens-spectacular-expo/say-cheese-photo-fun-and-balloon-training-institute/balloon-training-institute/Introduction.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 500px;
  }
}

/* Notification */
.notification-wrap {
  position: relative;
  display: block;
  border-radius: 5px;
  padding: 30px;
  background: linear-gradient(
    45deg,
    rgba(231, 231, 231, 0.87),
    rgba(224, 224, 224, 0.877)
  );
}

.notification-wrap:nth-child(odd) {
  border-left: 5px solid blue;
}

.notification-wrap:nth-child(even) {
  border-left: 5px solid rgb(4, 109, 0);
}

.notification-wrap p {
  position: relative;
  display: block;
  padding-left: 35px;
  color: rgb(0, 0, 78) !important;
}

/* email subscriber */
.subscribe_form {
  max-width: 240px !important;
  width: 100%;
  margin-bottom: 10px;
  margin-top: 10px;
  box-shadow: 0px 2px 5px 0px rgba(10, 6, 20, 0.24);
}

.subscribe_form:focus {
  outline: none;
}

.subscribe_form .form-conrol {
  border: none;
}

.subscribe_form .form-control:focus {
  box-shadow: none;
}

.subscribe_form input {
  height: 35px;
  width: 100px !important;
  margin-left: -15px;
}

.subscribe_form button {
  border: none;
  height: 35px;
  /* background-color: #0ed085; */
  background: linear-gradient(45deg, #0947db, #07d89d);
  color: #fff;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  width: 82px;
  text-transform: uppercase;
  position: relative;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
}

.subscribe_form .input-group-btn:last-child > .btn,
.subscribe_form .input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: 0px;
}

/* header logo */
#logo {
  width: 100%;
  max-width: 200px!important;
  position: absolute;
  z-index: 9999;
  top: 5px;
  left: 5.5em;
}

#back-arrow {
  font-size: 3em;
  position: absolute;
  z-index: 9999;
  top: 10px;
  left: 0.5em;
}

.button-wrap a {
  /* position: absolute; */
  display: inline-block;
  margin: 2em auto 0 auto;
  z-index: 2;
  padding: 7px 15px;
  border-radius: 3px;
  /* background: linear-gradient(45deg, #0947db, #07d89d);
  box-shadow: 1px 4px 3px rgba(0, 0, 0, 0.1); */
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  color: #fff;
  /* margin: 20px 10px 10px 5px; */
}
.button-wrap a:hover {
  color: #fff;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}
.button-wrap a.btn-pass-2 {
  background: linear-gradient(45deg, #ee2d29, #f8ae2c);
}
.button-wrap a.btn-pass-2 {
  background: linear-gradient(45deg, #ee2d29, #f8ae2c);
}
.button-wrap a.btn-pass-3 {
  background: linear-gradient(45deg, #3a3d98, #6f22b9);
}
.button-wrap a.btn-pass-4 {
  background: linear-gradient(45deg, #9d316e, #de2d3e);
}
.button-wrap a.btn-pass-5 {
  background: linear-gradient(45deg, #00ac53, #23c3e0);
}

.nav-icon img {
  width: 50px;
  height: auto;
}

.card {
  background-color: darkgray;
}

#fader {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  pointer-events: none;
  background: linear-gradient(
    -45deg,
    rgb(0, 0, 0),
    rgb(24, 24, 24),
    rgb(37, 37, 37),
    rgb(49, 49, 49)
  );
  animation-duration: 2500ms;
  animation-timing-function: ease-in-out;
  -webkit-animation: Gradient 2500ms;
  -moz-animation: Gradient 2500ms;
  animation: Gradient 2500ms;
  /* animation-delay: 2.5s; */
}

@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@-moz-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

#fader:before {
  content: "fade";
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

#fader.fade-out {
  opacity: 0;
  animation-name: fade-out;
}

#fader.fade-in {
  opacity: 1;
  animation-name: fade-in;
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media only screen and (max-width: 600px) {
  .page-video {
    height: 210px !important;
  }
}

@media only screen and (min-width: 601px) {
  .page-video {
    height: 600px !important;
  }
}


.alert {
    width: 100%;
    font-size: 18px;
    max-width: 275px;
    text-align: center;
    padding: 10px;
    background: transparent;
    color: rgb(48, 48, 48);
    border-radius: 7px;
    margin: 0 auto !important;
    margin-top: 10px;
    margin-bottom: 10px;
    display: none;
  }

  #subscription_area .alert {
    width: 100%;
    font-size: 18px;
    max-width: 275px;
    text-align: center;
    padding: 10px;
    background: transparent;
    color: rgb(48, 48, 48);
    border-radius: 7px;
    /*
        margin: 0 auto!important;
        */
    margin-right: 8% !important;
    margin-top: 10px;
    margin-bottom: 10px;
    display: none;
  }

  /* horizontal map */
  .outer{
  width:500px;
  height:100px;
  white-space: nowrap;
  position: relative;
  overflow-x:scroll;
  overflow-y:hidden;
}

.outer div{
  width: 24.5%;
  background-color: #eee;
  float: none;
  height: 90%;
  margin: 0 0.25%;
  display: inline-block;
  zoom: 1;
}

.homepage-sponsor {
  width: 100%;
  max-width: 200px;
}