@charset "UTF-8";
@import url("../../global/CSS/global.css");
@import url("../../global/CSS/flexboxgrid.css");
@import url("https://fonts.googleapis.com/css?family=Oswald:600|Roboto:300,400,700,900|Amatic+SC:700");
/* ====================== Colors ====================== */
/* ====================== Typography ====================== */
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.1/animate.min.css");
h1 {
  font-family: "Roboto", sans-serif;
  font-size: 5rem;
  font-weight: 700;
  color: #5d9632;
  margin-bottom: 20px;
}

h2 {
  font-family: "Roboto", sans-serif;
  font-size: 3.1rem;
  font-weight: 900;
  margin-bottom: 25px;
  color: #0080c5;
}

h3 {
  font-size: 2.6rem;
  font-weight: 900;
  color: #0080c5;
}

h3.section-title {
  color: #e8e8e8;
}
h3.section-title span {
  color: #b5b1b1;
  margin-right: 15px;
}

h4 {
  font-size: 2.1rem;
  font-weight: 900;
  color: #5d9632;
}

h5 {
  font-size: 1.7rem;
  font-weight: 700;
}

h6 {
  font-size: 1.4rem;
  font-weight: 700;
}

p {
  font-size: 1.75rem;
  line-height: 1.9em;
  margin-bottom: 30px;
}

p.large {
  font-size: 2.6rem;
  font-weight: 700;
}

img {
  width: 100%;
}

img[width] {
  width: revert-layer;
}

/* Remove excess margin / padding */
.no-border {
  border: 0;
}

.no-padding {
  padding: 0;
}

.no-margin {
  margin: 0;
}

/* doesnt want 100% width images */
.templatecontent img {
  width: inherit;
  max-width: 100%;
}

@media (max-width: 976px) {
  .templatecontent img.sw-image-right-aligned,
  .templatecontent img.sw-image-left-aligned {
    float: none !important;
  }
}
/* ====================== Button Styles ===================== */
.green-btn {
  background: #5d9632;
  border-radius: 500px;
  padding: 14px 30px;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.25rem;
  letter-spacing: 1px;
  line-height: 1;
}
.green-btn:after {
  content: "\f178";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #fff;
  font-size: 15px;
  position: relative;
  margin-left: -10px;
  visibility: hidden;
}
.green-btn:hover {
  color: #fff;
  padding: 14px 40px 14px 30px;
  background: #69a938;
}
.green-btn:hover:after {
  visibility: visible;
  margin-left: 20px;
}

.yellow-btn {
  background: #e6a514;
  border-radius: 500px;
  padding: 14px 30px;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.25rem;
  letter-spacing: 1px;
  line-height: 1;
}
.yellow-btn:after {
  content: "\f178";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #fff;
  font-size: 15px;
  position: relative;
  margin-left: -10px;
  visibility: hidden;
}
.yellow-btn:hover {
  color: #fff;
  padding: 14px 40px 14px 30px;
  background: #ecaf27;
}
.yellow-btn:hover:after {
  visibility: visible;
  margin-left: 20px;
}

.blue-btn {
  background: #0080c5;
  border-radius: 500px;
  padding: 14px 30px;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.25rem;
  letter-spacing: 1px;
  line-height: 1;
}
.blue-btn:after {
  content: "\f178";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #fff;
  font-size: 15px;
  position: relative;
  margin-left: -10px;
  visibility: hidden;
}
.blue-btn:hover {
  color: #fff;
  padding: 14px 40px 14px 30px;
  background: #0091df;
}
.blue-btn:hover:after {
  visibility: visible;
  margin-left: 20px;
}

/* ====================== Preloader ===================== */
div#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999999 !important;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #231f20;
}

#loader-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translatex(-50%) translatey(-50%);
  transform: translatex(-50%) translatey(-50%);
  background: url(images/logo.svg) no-repeat;
  background-size: 100%;
  width: 160px;
  height: 80px;
  -webkit-animation: bounceIn 1s linear;
  animation: bounceIn 1s linear;
}

/*@keyframes bounceIn {
  0% {
    transform: scale(0.5);
    opacity: 1;
  }
  60% {
    transform: scale(.8);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
*/
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
            transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
            transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
            transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
            transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
            transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
            transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
            transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
            transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
            transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
            transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}
div#preloader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #231f20;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  transition-time-function: cubic-bezier(0.7, 0, 0.3, 1);
  z-index: 9999;
}

div#preloader #loader-logo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 160px;
  height: 80px;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 1;
  -webkit-animation: 2s infinite pulse;
          animation: 2s infinite pulse;
}

div#preloader.peel {
  -webkit-transform: translateY(-100vh);
          transform: translateY(-100vh);
}

/* ====================== Base Styles ====================== */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-size: 16px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: "Roboto", sans-serif;
}

body.locked {
  overflow: hidden;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

/* Change color & bg color of selected live text */
*::-moz-selection {
  background-color: #0080c5;
  color: white;
}
*::selection {
  background-color: #0080c5;
  color: white;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

/* if using a sticky nav, use this to add space above anchor links to go below navbar */
/**:target:before {
   display: block;
   content: "";
   height: 90px;
   margin: -90px 0 0;
}
*/
*:target:before:focus {
  outline: none !important;
}

*:target:focus {
  outline: none;
}

a, a:visited, a:hover, a:focus, input, input:hover {
  -webkit-transition: all 0.33s ease;
  transition: all 0.33s ease;
  text-decoration: none;
}

/* --------------------------------

Main Components

-------------------------------- */
ul.gallery, ul.caption, ul.navigation {
  padding: 0;
  list-style: none;
}

.cd-svg-clipped-slider {
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 4em auto;
}

.cd-svg-clipped-slider .gallery-wrapper,
.cd-svg-clipped-slider .gallery,
.cd-svg-clipped-slider .caption {
  position: relative;
}

.cd-svg-clipped-slider .gallery li {
  /* slider images */
  position: absolute;
  z-index: 1;
  top: 0;
  left: 25%;
  /* (100% - width)/2 */
  width: 50%;
  height: 100%;
  opacity: 0;
  -webkit-transform: translateX(75%) scale(0.4);
  transform: translateX(75%) scale(0.4);
  cursor: pointer;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s, transform 0.3s ease-in-out;
  transition: opacity 0.3s, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.cd-svg-clipped-slider .gallery li.selected {
  /* slide in the center */
  position: relative;
  z-index: 3;
  height: 0;
  padding-bottom: 50%;
  /* width(50%) * image aspect ratio (800/800) */
  opacity: 1;
  -webkit-transform: translateX(0) scale(1);
  transform: translateX(0) scale(1);
  cursor: auto;
}

.cd-svg-clipped-slider .gallery li.left, .cd-svg-clipped-slider .gallery li.left-hide {
  /* slides on the left */
  /* .left -> slide visible on the left; .left-hide -> slides hidden on the left */
  -webkit-transform: translateX(-75%) scale(0.4);
  transform: translateX(-75%) scale(0.4);
}

.cd-svg-clipped-slider .gallery li.left, .cd-svg-clipped-slider .gallery li.right {
  /* .right -> slide visible on the right */
  z-index: 2;
  opacity: 1;
}

.cd-svg-clipped-slider .svg-wrapper {
  /* using padding Hack to fix bug on IE - svg height not properly calculated */
  height: 0;
  padding-bottom: 100%;
  /* image aspect ratio (800/800) * 100 */
}

.cd-svg-clipped-slider svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cd-svg-clipped-slider use.cover-layer {
  /* dark layer visible on lateral slides */
  fill: #243238;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0.2;
}

.cd-svg-clipped-slider use.cover-layer:hover {
  opacity: 0;
}

.cd-svg-clipped-slider .gallery li.selected use.cover-layer {
  opacity: 0;
}

.cd-svg-clipped-slider .caption {
  margin: 1em auto;
  overflow: hidden;
  max-width: 600px;
}

.cd-svg-clipped-slider .caption li {
  /* slide titles */
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  -webkit-transform: translateX(100px);
  transform: translateX(100px);
  opacity: 0;
  padding: 1em 0 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s, transform 0.3s ease-in-out;
  transition: opacity 0.3s, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.cd-svg-clipped-slider .caption li.selected {
  /* slide visible in the center */
  z-index: 2;
  position: relative;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

.cd-svg-clipped-slider .caption li.left {
  /* slide hidden on the left */
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
}

@media only screen and (min-width: 768px) {
  .cd-svg-clipped-slider .caption li {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-svg-clipped-slider {
    width: 90%;
  }
  .cd-svg-clipped-slider .gallery li {
    left: 30%;
    /* (100% - width)/2 */
    width: 40%;
    -webkit-transform: translateX(80%) scale(0.4);
    transform: translateX(80%) scale(0.4);
  }
  .cd-svg-clipped-slider .gallery li.selected {
    padding-bottom: 40%;
    /* width(40%) * image aspect ratio (800/800) */
  }
  .cd-svg-clipped-slider .gallery li.left, .cd-svg-clipped-slider .gallery li.left-hide {
    -webkit-transform: translateX(-80%) scale(0.4);
    transform: translateX(-80%) scale(0.4);
  }
}
.cd-svg-clipped-slider .navigation a {
  /* slider arrows */
  position: absolute;
  /* center arrow in the lateral preview */
  /* left = */
  /* 25% (.left left value) */
  /* - 37.5% (.left translateX value converted to container percentage ( 50%(.left width) x 75% (.left translate value) /100) ) */
  /* + 25% ( .left width (50%)/2 ) */
  left: 12.5%;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(0.7);
  transform: translateX(-50%) translateY(-50%) scale(0.7);
  top: 50%;
  z-index: 4;
  pointer-events: none;
  /* replace text with image */
  height: 48px;
  width: 48px;
  color: transparent;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  background: url(../img/cd-icon-arrows.svg) no-repeat 0 0;
}

.cd-svg-clipped-slider .navigation a.next {
  left: auto;
  right: 12.5%;
  -webkit-transform: translateX(50%) translateY(-50%) scale(0.7);
  transform: translateX(50%) translateY(-50%) scale(0.7);
  background-position: -48px 0;
}

.no-csspointerevents .cd-svg-clipped-slider .navigation a {
  display: none;
}

@media only screen and (min-width: 1170px) {
  .cd-svg-clipped-slider .navigation a {
    left: 18%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  .cd-svg-clipped-slider .navigation a.next {
    left: auto;
    right: 18%;
    -webkit-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%);
  }
}
.cd-svg-clipped-slider.prev-hidden .navigation a.prev,
.cd-svg-clipped-slider.next-hidden .navigation a.next {
  /* hide prev/next arrow if first/last slide */
  opacity: 0;
}

.cd-svg-clipped-slider .navigation a.prev.active {
  /* scale up prev arrow on active */
  -webkit-animation: cd-click-prev 0.3s;
  animation: cd-click-prev 0.3s;
}

.cd-svg-clipped-slider .navigation a.next.active {
  /* scale up next arrow on active */
  -webkit-animation: cd-click-next 0.3s;
  animation: cd-click-next 0.3s;
}

@-webkit-keyframes cd-click-prev {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
    transform: translateX(-50%) translateY(-50%) scale(0.8);
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
  }
}
@keyframes cd-click-prev {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
    transform: translateX(-50%) translateY(-50%) scale(0.8);
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
  }
}
@-webkit-keyframes cd-click-next {
  0% {
    -webkit-transform: translateX(50%) translateY(-50%) scale(0.8);
    transform: translateX(50%) translateY(-50%) scale(0.8);
  }
  100% {
    -webkit-transform: translateX(50%) translateY(-50%) scale(1);
    transform: translateX(50%) translateY(-50%) scale(1);
  }
}
@keyframes cd-click-next {
  0% {
    -webkit-transform: translateX(50%) translateY(-50%) scale(0.8);
    transform: translateX(50%) translateY(-50%) scale(0.8);
  }
  100% {
    -webkit-transform: translateX(50%) translateY(-50%) scale(1);
    transform: translateX(50%) translateY(-50%) scale(1);
  }
}
/* ====================== Weather
 ====================== */
@font-face {
  font-family: "weather";
  src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot");
  src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix") format("embedded-opentype"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff") format("woff"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf") format("truetype"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg") format("svg");
  font-weight: normal;
  font-style: normal;
}
#weather {
  margin: 5px auto;
  text-align: center;
  text-transform: uppercase;
  padding: 0px 10px 10px;
}

#weather i {
  color: #ffffff;
  font-family: "weather";
  font-size: 5em;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
}

.icon-0:before {
  content: ":";
}

.icon-1:before {
  content: "p";
}

.icon-2:before {
  content: "S";
}

.icon-3:before {
  content: "Q";
}

.icon-4:before {
  content: "S";
}

.icon-5:before {
  content: "W";
}

.icon-6:before {
  content: "W";
}

.icon-7:before {
  content: "W";
}

.icon-8:before {
  content: "W";
}

.icon-9:before {
  content: "I";
}

.icon-10:before {
  content: "W";
}

.icon-11:before {
  content: "I";
}

.icon-12:before {
  content: "I";
}

.icon-13:before {
  content: "I";
}

.icon-14:before {
  content: "I";
}

.icon-15:before {
  content: "W";
}

.icon-16:before {
  content: "I";
}

.icon-17:before {
  content: "W";
}

.icon-18:before {
  content: "U";
}

.icon-19:before {
  content: "Z";
}

.icon-20:before {
  content: "Z";
}

.icon-21:before {
  content: "Z";
}

.icon-22:before {
  content: "Z";
}

.icon-23:before {
  content: "Z";
}

.icon-24:before {
  content: "E";
}

.icon-25:before {
  content: "E";
}

.icon-26:before {
  content: "3";
}

.icon-27:before {
  content: "a";
}

.icon-28:before {
  content: "A";
}

.icon-29:before {
  content: "a";
}

.icon-30:before {
  content: "A";
}

.icon-31:before {
  content: "6";
}

.icon-32:before {
  content: "1";
}

.icon-33:before {
  content: "6";
}

.icon-34:before {
  content: "1";
}

.icon-35:before {
  content: "W";
}

.icon-36:before {
  content: "1";
}

.icon-37:before {
  content: "S";
}

.icon-38:before {
  content: "S";
}

.icon-39:before {
  content: "S";
}

.icon-40:before {
  content: "M";
}

.icon-41:before {
  content: "W";
}

.icon-42:before {
  content: "I";
}

.icon-43:before {
  content: "W";
}

.icon-44:before {
  content: "a";
}

.icon-45:before {
  content: "S";
}

.icon-46:before {
  content: "U";
}

.icon-47:before {
  content: "S";
}

#weather h2 {
  font-style: normal;
  margin: 0 0 2px;
  color: #ffffff;
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
}

#weather ul {
  margin: 0;
  padding: 0;
}

#weather li {
  background: rgba(255, 255, 255, 0);
  padding: 10px;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  text-transform: uppercase;
  font-size: 0.95em;
  display: inline-block;
  border-radius: 5px;
}

#weather .currently {
  margin: 0 20px;
}

@media (max-width: 767px) {
  .weather-widget {
    display: none;
  }
}
@font-face {
  font-family: "omaha";
  src: url("../font/omaha.eot?68194450");
  src: url("../font/omaha.eot?68194450#iefix") format("embedded-opentype"), url("../font/omaha.woff2?68194450") format("woff2"), url("../font/omaha.woff?68194450") format("woff"), url("../font/omaha.ttf?68194450") format("truetype"), url("../font/omaha.svg?68194450#omaha") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'omaha';
    src: url('../font/omaha.svg?40550934#omaha') format('svg');
  }
}
*/
[class^=icon-]:before, [class*=" icon-"]:before {
  font-family: "omaha";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-right:before {
  content: "\e800";
} /* '' */
.icon-search:before {
  content: "\e801";
} /* '' */
.icon-heart:before {
  content: "\e802";
} /* '' */
.icon-info-circled:before {
  content: "\e803";
} /* '' */
.icon-down-open-big:before {
  content: "\e804";
} /* '' */
.icon-calendar:before {
  content: "\e805";
} /* '' */
.icon-cancel:before {
  content: "\e80a";
} /* '' */
.icon-ticket:before {
  content: "\f145";
} /* '' */
.icon-twitter:before {
  content: "\f309";
} /* '' */
.icon-facebook:before {
  content: "\f30c";
} /* '' */
[class*=icono] {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
[class*=icono]:after, [class*=icono]:before {
  content: "";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

[class*=icono-arrow1] {
  width: 20px;
  height: 20px;
  border-width: 4px 4px 0 0;
  border-style: solid;
  margin: 10px;
}
[class*=icono-arrow1]:before {
  right: 0;
  top: -3px;
  position: absolute;
  height: 4px;
  -webkit-box-shadow: inset 0 0 0 32px;
          box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 23px;
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
[class*=icono-arrow1][class*=-left] {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
[class*=icono-arrow1][class*=-left][class*=-up] {
  -webkit-transform: none;
          transform: none;
}
[class*=icono-arrow1][class*=-left][class*=-down] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
[class*=icono-arrow1][class*=-right] {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
[class*=icono-arrow1][class*=-right][class*=-up] {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
[class*=icono-arrow1][class*=-right][class*=-down] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
[class*=icono-arrow1][class*=-up] {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
[class*=icono-arrow1][class*=-down] {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

/* ====================== Transitions ====================== */
/*

=== Use Extend Property (Example below) ===

.header {
  @extend .transition-cubic;
  background: white;
}

*/
.transition-cubic, #search .close-search, #search.open-search, #search, .header-hide {
  -webkit-transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.transition-fast, header .utility ul li a, nav.flex-nav ul#mainnav > li > a:after, nav.flex-nav ul#mainnav > li > a, nav.flex-nav ul#mainnav > li:nth-of-type(n+7):hover, nav.flex-nav ul#mainnav > li:nth-of-type(6):hover, nav.flex-nav ul#mainnav > li:nth-of-type(5):hover, nav.flex-nav ul#mainnav > li:nth-of-type(4):hover, nav.flex-nav ul#mainnav > li:nth-of-type(3):hover, nav.flex-nav ul#mainnav > li:nth-of-type(2):hover, nav.flex-nav ul#mainnav > li:nth-of-type(1):hover, nav.flex-nav ul#mainnav > lihover, nav.flex-nav {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.transition, .home-education .content-block .sw-accordion .tabbedcontent-header:before, section.home-exhibits .portal-tile h2, section.home-exhibits .portal-tile:hover h2, section.home-exhibits .portal-tile, section.home-portals .portal-tile h2, section.home-portals .portal-tile:hover h2, .sw-accordion .tabbedcontent-header:before, li#mn-search .icon-search:hover, li#mn-search .icon-search {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.transition-slow {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.easeInOutBack {
  -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.transition-bounce, section.home-exhibits .portal-tile .yellow-btn, section.home-exhibits .portal-tile:hover .yellow-btn, section.home-exhibits .portal-tile:hover, section.home-portals .portal-tile .yellow-btn, section.home-portals .portal-tile:hover .yellow-btn, section.home-portals .portal-tile:hover, #hero-nav .portal-tile:hover, .footer-default .footer-cta a.btn:hover:after, .footer-default .footer-cta a.btn:after, nav.flex-nav ul#mainnav > li:nth-child(n+7) > a:hover:after, nav.flex-nav ul#mainnav > li:nth-child(6) > a:hover:after, nav.flex-nav ul#mainnav > li:nth-child(5) > a:hover:after, nav.flex-nav ul#mainnav > li:nth-child(4) > a:hover:after, nav.flex-nav ul#mainnav > li:nth-child(3) > a:hover:after, nav.flex-nav ul#mainnav > li:nth-child(2) > a:hover:after, .green-btn:after, .green-btn:hover:after, .yellow-btn:after, .yellow-btn:hover:after, .blue-btn:after, .blue-btn:hover:after {
  -webkit-transition: all 0.3s cubic-bezier(0.33, 2, 0.8, 1);
  transition: all 0.3s cubic-bezier(0.33, 2, 0.8, 1);
}

/* ====================== Paddding Adjustments ====================== */
/* Remove excess margin / padding */
.no-border {
  border: 0;
}

.no-padding {
  padding: 0;
}

.no-margin {
  margin: 0;
}

.cushion-sm {
  padding: 2%;
}

.cushion-md {
  padding: 5%;
}

.cushion-lg {
  padding: 10%;
}

.cushion-vert-sm {
  padding: 2% 0;
}

.cushion-vert-md {
  padding: 5% 0;
}

.cushion-vert-lg {
  padding: 10% 0;
}

.cushion-horiz-sm {
  padding: 0 2%;
}

.cushion-horiz-md {
  padding: 0 5%;
}

.cushion-horiz-lg {
  padding: 0 10%;
}

.white {
  color: white !important;
}

/* ====================== Alignment ====================== */
.centered {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
}

/* Parent element needs position:relative; */
.vert-centered {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Parent element needs position:relative; */
.absolute-centered, section.home-slider .hero-message {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translatex(-50%) translatey(-50%);
  transform: translatex(-50%) translatey(-50%);
}

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

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

/* BG Images
====================== */
.bg-image-js {
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover !important;
}

/* ====================== REM font size with pixel fallback ====================== */
/* === Usage === */
/*p {
  @include font-size(14px)
}*/
/* === Output === */
/*p {
  font-size: 14px; //Will be overridden if browser supports rem
  font-size: 0.8rem;
}*/
/* ====================== Breakpoints ====================== */
/* ==== Usage ==== */
/*.class {
  width: 60%;
  float: left;
  margin: 0 2% 0 0;
  @include bp-small {
    width: 100%;
    float: none;
    margin: 0;
  }
}*/
/* ==== End ==== */
/* ====================== Transitions ====================== */
/*

=== Use Extend Property (Example below) ===

.header {
  @extend .transition-cubic;
  background: white;
}

*/
/* Parent element needs position:relative; */
/* ====================== REM font size with pixel fallback ====================== */
/* === Usage === */
/*p {
  @include font-size(14px)
}*/
/* === Output === */
/*p {
  font-size: 14px; //Will be overridden if browser supports rem
  font-size: 0.8rem;
}*/
/* ====================== Breakpoints ====================== */
/* ==== Usage ==== */
/*.class {
  width: 60%;
  float: left;
  margin: 0 2% 0 0;
  @include bp-small {
    width: 100%;
    float: none;
    margin: 0;
  }
}*/
/* ==== End ==== */
.transition-cubic, #search .close-search, #search.open-search, #search, .header-hide {
  -webkit-transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.transition-fast, header .utility ul li a, nav.flex-nav ul#mainnav > li > a:after, nav.flex-nav ul#mainnav > li > a, nav.flex-nav ul#mainnav > li:nth-of-type(n+7):hover, nav.flex-nav ul#mainnav > li:nth-of-type(6):hover, nav.flex-nav ul#mainnav > li:nth-of-type(5):hover, nav.flex-nav ul#mainnav > li:nth-of-type(4):hover, nav.flex-nav ul#mainnav > li:nth-of-type(3):hover, nav.flex-nav ul#mainnav > li:nth-of-type(2):hover, nav.flex-nav ul#mainnav > li:nth-of-type(1):hover, nav.flex-nav ul#mainnav > lihover, nav.flex-nav {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.transition, .home-education .content-block .sw-accordion .tabbedcontent-header:before, section.home-exhibits .portal-tile h2, section.home-exhibits .portal-tile:hover h2, section.home-exhibits .portal-tile, section.home-portals .portal-tile h2, section.home-portals .portal-tile:hover h2, .sw-accordion .tabbedcontent-header:before, li#mn-search .icon-search:hover, li#mn-search .icon-search {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.transition-slow {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

/* Animation delays
============================*/
.delay-1 {
  animation-delay: 0.15s;
  -webkit-animation-delay: 0.15s;
}

.delay-2 {
  animation-delay: 0.25s;
  -webkit-animation-delay: 0.35s;
}

.delay-3 {
  animation-delay: 35s;
  -webkit-animation-delay: 0.35s;
}

.delay-4 {
  animation-delay: 0.45s;
  -webkit-animation-delay: 0.45s;
}

.delay-5 {
  animation-delay: 0.55s;
  -webkit-animation-delay: 0.55s;
}

.delay-6 {
  animation-delay: 0.65s;
  -webkit-animation-delay: 0.65s;
}

.delay-long-1 {
  animation-delay: 0.15s;
  -webkit-animation-delay: 0.15s;
}

.delay-long-2 {
  animation-delay: 0.25s;
  -webkit-animation-delay: 0.35s;
}

.delay-long-3 {
  animation-delay: s;
  -webkit-animation-delay: 1s;
}

.delay-long-4 {
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
}

.delay-long-5 {
  animation-delay: 1.75s;
  -webkit-animation-delay: 1.75s;
}

.delay-long-6 {
  animation-delay: 2s;
  -webkit-animation-delay: 2s;
}

.concessions, .gift-shops {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
}
@media screen and (min-width: 1080px) {
  .concessions, .gift-shops {
    gap: 3rem;
    padding: 6rem;
  }
}
.concessions > div, .gift-shops > div {
  width: 100%;
}
@media screen and (min-width: 1080px) {
  .concessions > div, .gift-shops > div {
    width: calc(50% - 3rem);
  }
}
.concessions .items, .gift-shops .items {
  background: white;
  padding: 0 3rem;
  z-index: 1;
}
@media screen and (min-width: 1080px) {
  .concessions .items, .gift-shops .items {
    padding: 3rem 6rem;
  }
}
.concessions .item, .gift-shops .item {
  border-bottom: 3px solid rgba(0, 128, 197, 0.3);
  margin: 0 0 1rem;
  padding: 0 0 1rem;
}
.concessions .item:last-of-type, .gift-shops .item:last-of-type {
  border-bottom: none;
}
.concessions .item__header, .gift-shops .item__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0rem;
}
@media screen and (min-width: 1080px) {
  .concessions .item__header, .gift-shops .item__header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2rem;
  }
}
.concessions .item__content p, .gift-shops .item__content p {
  color: #0080C5;
  line-height: 1.3;
  margin: 0.3rem 0 0.6rem 0;
}
.concessions .item__title, .gift-shops .item__title {
  color: #0080C5;
  font-size: 22px;
  font-weight: 600;
}
@media screen and (min-width: 1080px) {
  .concessions .item__title, .gift-shops .item__title {
    font-size: 26px;
  }
}
.concessions .item__time, .gift-shops .item__time {
  color: #0080C5;
  font-size: 20px;
  font-weight: 400;
}
@media screen and (min-width: 1080px) {
  .concessions .item__time, .gift-shops .item__time {
    font-size: 26px;
  }
}
.concessions__image, .gift-shops__image {
  aspect-ratio: 16/9;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6rem;
  position: relative;
}
.concessions__image img, .gift-shops__image img {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  height: 100%;
  width: auto;
}
.concessions__image.yellow, .gift-shops__image.yellow {
  background: url(images/halftone.png), #FCD21F;
}
.concessions__image.red, .gift-shops__image.red {
  background: url(images/halftone.png), #BF311A;
}
.concessions__image.blue, .gift-shops__image.blue {
  background: url(images/halftone.png), #0080C5;
}
.concessions__image:after, .gift-shops__image:after {
  background-image: url(images/ripped-border.png);
  background-size: cover;
  bottom: 0;
  left: 0;
  content: "";
  height: 30px;
  position: absolute;
  width: 100%;
  z-index: 3;
}
.concessions__image:before, .gift-shops__image:before {
  background-image: url(images/ripped-border.png);
  background-size: cover;
  top: 0;
  left: 0;
  content: "";
  height: 30px;
  position: absolute;
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
  width: 100%;
  z-index: 3;
}
.concessions__image .masks, .gift-shops__image .masks {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.concessions__image .masks:after, .gift-shops__image .masks:after {
  background-image: url(images/ripped-border-vertical.png);
  background-size: cover;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  position: absolute;
  width: 50px;
  z-index: 3;
}
.concessions__image .masks:before, .gift-shops__image .masks:before {
  background-image: url(images/ripped-border-vertical.png);
  background-size: cover;
  top: 0;
  right: 0;
  content: "";
  height: 100%;
  position: absolute;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  width: 50px;
  z-index: 3;
}

.gift-shops {
  margin: 0;
  padding: 3rem 0;
}
.gift-shops__image {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media screen and (min-width: 1080px) {
  .gift-shops__image {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media screen and (min-width: 1080px) {
  .gift-shops {
    margin: 0 0 5rem;
  }
}

.content-split {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
@media screen and (min-width: 768px) {
  .content-split {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.content-split > div {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .content-split > div {
    width: calc(50% - 15px);
  }
}

.encounters-chats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 3rem;
  padding: 3rem;
  position: relative;
}
@media screen and (min-width: 1080px) {
  .encounters-chats {
    margin: 8rem 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 6rem;
  }
}
.encounters-chats__image {
  height: 80%;
  left: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
}
@media screen and (min-width: 1080px) {
  .encounters-chats__image {
    bottom: auto;
    height: 100%;
    top: 0;
    width: 80%;
  }
}
.encounters-chats__image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  width: 100%;
}
.encounters-chats .items {
  background: white;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 3rem;
  z-index: 1;
}
@media screen and (min-width: 1080px) {
  .encounters-chats .items {
    padding: 3rem 6rem;
  }
}
.encounters-chats .items__wrapper {
  margin: 0 0 2rem 0;
  max-height: 400px;
  overflow-y: scroll;
  padding: 0 2rem 0 0;
  scrollbar-width: auto;
  scrollbar-color: #0080C5 #ffffff;
  /* Chrome, Edge, and Safari */
}
.encounters-chats .items__wrapper::-webkit-scrollbar {
  width: 16px;
}
.encounters-chats .items__wrapper::-webkit-scrollbar-track {
  background: #ffffff;
}
.encounters-chats .items__wrapper::-webkit-scrollbar-thumb {
  background-color: #0080C5;
  border-radius: 10px;
  border: 3px solid #ffffff;
}
.encounters-chats .item {
  border-bottom: 3px solid rgba(0, 128, 197, 0.3);
  margin: 0 0 1rem;
  padding: 0 0 1rem;
}
.encounters-chats .item:last-of-type {
  border-bottom: none;
}
.encounters-chats .item__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0rem;
}
@media screen and (min-width: 1080px) {
  .encounters-chats .item__header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2rem;
  }
}
.encounters-chats .item__title {
  color: #0080C5;
  font-size: 22px;
  font-weight: 600;
}
@media screen and (min-width: 1080px) {
  .encounters-chats .item__title {
    font-size: 26px;
  }
}
.encounters-chats .item__time {
  color: #0080C5;
  font-size: 20px;
  font-weight: 400;
}
@media screen and (min-width: 1080px) {
  .encounters-chats .item__time {
    font-size: 26px;
  }
}

/* Reset */
#mainnav__item--utility-nav,
#mn-utility-nav {
  display: none;
}

#mn-footer-links,
#mainnav__item--footer-links {
  display: none;
}

/* Flex Nav */
nav.flex-nav {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  padding: 0;
}
nav.flex-nav ul#mainnav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  /* Options: */
  /*justify-content: flex-start;*/
  /*justify-content: flex-end;*/
  /*justify-content: space-between;*/
  /*justify-content: space-around;*/
}
@media (max-width: 1027px) {
  nav.flex-nav ul#mainnav {
    display: none;
  }
}
nav.flex-nav ul#mainnav > li {
  position: relative;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
          flex: 0 1 auto;
  /* Options: */
  /*flex: 1 1 auto;*/
  /* 2nd Level ul */
  border-top: 4px solid transparent;
}
nav.flex-nav ul#mainnav > li#mn-home {
  display: none;
}
nav.flex-nav ul#mainnav > lihover {
  border-top: 4px solid #5d9632;
}
nav.flex-nav ul#mainnav > lihover a {
  color: #70b53c;
}
nav.flex-nav ul#mainnav > li ul li a {
  color: white;
  background: rgba(93, 150, 50, 0.08);
}
nav.flex-nav ul#mainnav > li ul li a:hover {
  background: #51832c;
}
nav.flex-nav ul#mainnav > li:nth-of-type(1):hover {
  border-top: 4px solid #bf311a;
}
nav.flex-nav ul#mainnav > li:nth-of-type(1):hover a {
  color: #e13c21;
}
nav.flex-nav ul#mainnav > li:nth-of-type(1) ul li a {
  color: white !important;
  background: rgba(191, 49, 26, 0.85);
}
nav.flex-nav ul#mainnav > li:nth-of-type(1) ul li a:hover {
  background: #a92b17;
}
nav.flex-nav ul#mainnav > li:nth-of-type(2):hover {
  border-top: 4px solid #0080c5;
}
nav.flex-nav ul#mainnav > li:nth-of-type(2):hover a {
  color: #009bee;
}
nav.flex-nav ul#mainnav > li:nth-of-type(2) ul li a {
  color: white !important;
  background: rgba(0, 128, 197, 0.85);
}
nav.flex-nav ul#mainnav > li:nth-of-type(2) ul li a:hover {
  background: #006fac;
}
nav.flex-nav ul#mainnav > li:nth-of-type(3):hover {
  border-top: 4px solid #e6a514;
}
nav.flex-nav ul#mainnav > li:nth-of-type(3):hover a {
  color: #edb435;
}
nav.flex-nav ul#mainnav > li:nth-of-type(3) ul li a {
  color: white !important;
  background: rgba(230, 165, 20, 0.85);
}
nav.flex-nav ul#mainnav > li:nth-of-type(3) ul li a:hover {
  background: #cf9412;
}
nav.flex-nav ul#mainnav > li:nth-of-type(4):hover {
  border-top: 4px solid #5d9632;
}
nav.flex-nav ul#mainnav > li:nth-of-type(4):hover a {
  color: #70b53c;
}
nav.flex-nav ul#mainnav > li:nth-of-type(4) ul li a {
  color: white !important;
  background: rgba(93, 150, 50, 0.85);
}
nav.flex-nav ul#mainnav > li:nth-of-type(4) ul li a:hover {
  background: #51832c;
}
nav.flex-nav ul#mainnav > li:nth-of-type(5):hover {
  border-top: 4px solid #bf311a;
}
nav.flex-nav ul#mainnav > li:nth-of-type(5):hover a {
  color: #e13c21;
}
nav.flex-nav ul#mainnav > li:nth-of-type(5) ul li a {
  color: white !important;
  background: rgba(191, 49, 26, 0.85);
}
nav.flex-nav ul#mainnav > li:nth-of-type(5) ul li a:hover {
  background: #a92b17;
}
nav.flex-nav ul#mainnav > li:nth-of-type(6):hover {
  border-top: 4px solid #e6a514;
}
nav.flex-nav ul#mainnav > li:nth-of-type(6):hover a {
  color: #edb435;
}
nav.flex-nav ul#mainnav > li:nth-of-type(6) ul li a {
  color: white !important;
  background: rgba(230, 165, 20, 0.85);
}
nav.flex-nav ul#mainnav > li:nth-of-type(6) ul li a:hover {
  background: #cf9412;
}
nav.flex-nav ul#mainnav > li:nth-of-type(n+7):hover {
  border-top: 4px solid #0080c5;
}
nav.flex-nav ul#mainnav > li:nth-of-type(n+7):hover a {
  color: #009bee;
}
nav.flex-nav ul#mainnav > li:nth-of-type(n+7) ul li a {
  color: white !important;
  background: rgba(0, 128, 197, 0.85);
}
nav.flex-nav ul#mainnav > li:nth-of-type(n+7) ul li a:hover {
  background: #006fac;
}
nav.flex-nav ul#mainnav > li > a {
  padding: 2em 1.85em 2em 1.85em;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  color: #8e8e8e;
  font-size: 1.25rem;
  letter-spacing: 1px;
  position: relative;
  display: block;
  text-align: center;
  /* &:hover {
       color: #fff;
       background:rgba($black,.5);
   }*/
  /*this is a temporary fix to accomodate for the gift card utility addition on nov 17*/
}
@media (max-width: 1180px) {
  nav.flex-nav ul#mainnav > li > a {
    padding: 2em 1.2em 2em 1.2em;
  }
}
@media (max-width: 1082px) {
  nav.flex-nav ul#mainnav > li > a {
    padding: 2em 1em 2em 1em;
  }
}
@media (min-width: 1028px) and (max-width: 1328px) {
  nav.flex-nav ul#mainnav > li > a {
    padding: 2em 0.5em 2em 0.5em;
  }
}
nav.flex-nav ul#mainnav > li:before, nav.flex-nav ul#mainnav > li:after {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 2px;
  border-radius: 4px;
  background: transparent;
  bottom: 4px;
  left: 50%;
  margin: 0 0 0 -5px;
  -webkit-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
}
nav.flex-nav ul#mainnav > li:before {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}
nav.flex-nav ul#mainnav > li:after {
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px);
}
nav.flex-nav ul#mainnav > li > a.current {
  background: #ddd;
}
nav.flex-nav ul#mainnav > li > li.current > a,
nav.flex-nav ul#mainnav > li > li.hasChild:hover > a {
  background: rgba(255, 255, 255, 0.15);
}
nav.flex-nav ul#mainnav > li > li.current > a:before,
nav.flex-nav ul#mainnav > li > li.hasChild:hover > a:before {
  -webkit-transform: rotate(-25deg) translateX(4px);
  transform: rotate(-25deg) translateX(4px);
}
nav.flex-nav ul#mainnav > li > li.current > a:after,
nav.flex-nav ul#mainnav > li > li.hasChild:hover > a:after {
  -webkit-transform: rotate(25deg) translateX(-4px);
  transform: rotate(25deg) translateX(-4px);
}
nav.flex-nav ul#mainnav > li ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  position: absolute;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 2000;
  display: none;
  /* 2nd level li */
}
nav.flex-nav ul#mainnav > li ul > li {
  position: relative;
  display: block;
  white-space: nowrap;
  z-index: 999;
  /* 3rd level ul */
}
nav.flex-nav ul#mainnav > li ul > li a {
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.65em;
  padding: 10px 12px;
  width: 100%;
  font-family: "Roboto", sans-serif;
  color: white;
}
nav.flex-nav ul#mainnav > li ul > li ul {
  left: 100%;
  top: 0;
  /* 3rd level li */
}
nav.flex-nav ul#mainnav a {
  text-decoration: none;
}
nav.flex-nav ul#mainnav > li:hover > ul,
nav.flex-nav ul#mainnav > li > ul > li:hover > ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

nav.flex-nav ul#mainnav > li > a:after {
  font-weight: normal;
  font-style: normal;
  display: block;
  text-decoration: inherit;
  font-family: "omaha";
  content: "\e804";
  margin-top: 0;
  opacity: 0;
  color: rgba(0, 0, 0, 0.1);
  font-size: 0.95rem;
  position: absolute;
  left: 45%;
}

nav.flex-nav ul#mainnav > li.hasChild:hover > a:before {
  opacity: 1;
  margin-top: 4px;
}

nav.flex-nav ul#mainnav > li:nth-child(2) > a:hover:after {
  margin-top: 4px;
  opacity: 1;
  color: #0080c5;
}

nav.flex-nav ul#mainnav > li:nth-child(3) > a:hover:after {
  margin-top: 4px;
  opacity: 1;
  color: #e6a514;
}

nav.flex-nav ul#mainnav > li:nth-child(4) > a:hover:after {
  margin-top: 4px;
  opacity: 1;
  color: #5d9632;
}

nav.flex-nav ul#mainnav > li:nth-child(5) > a:hover:after {
  margin-top: 4px;
  opacity: 1;
  color: #bf311a;
}

nav.flex-nav ul#mainnav > li:nth-child(6) > a:hover:after {
  margin-top: 4px;
  opacity: 1;
  color: #e6a514;
}

nav.flex-nav ul#mainnav > li:nth-child(n+7) > a:hover:after {
  margin-top: 4px;
  opacity: 1;
  color: #0080c5;
}

/* ====================== Side Drawer Styling ====================== */
.body-overlay {
  display: block;
  cursor: col-resize;
  /*background: linear-gradient(30deg, #2e3192, #1bffff);*/
  background: #000;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  z-index: 9998;
  visibility: hidden;
  -webkit-transition: opacity 0.33s ease;
  transition: opacity 0.33s ease;
}

.body-overlay.active {
  opacity: 0.85;
  visibility: visible;
  height: 100%;
  width: 100%;
}

#siteWrapper {
  position: relative;
  background-color: #fff;
}

#sidecar {
  position: fixed;
  height: 100%;
  width: 260px;
  background: #fff;
  top: 0;
  right: -260px;
  text-align: left;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: right 0.44s ease;
  transition: right 0.44s ease;
  z-index: 99999 !important;
}
#sidecar ul#mainnav {
  right: 0px;
}
#sidecar ul#mainnav #mainnav__item--utility-nav,
#sidecar ul#mainnav #mainnav__item--footer-links {
  display: none;
}
#sidecar .daily-hours-container {
  color: #333;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* Open & Close Button Placement and Speed */
button#drawer-toggle {
  border: none;
  background: none;
  height: 70px;
  width: 70px;
  text-align: center;
  top: -6px;
  right: 0px;
}
@media screen and (max-width: 400px) {
  button#drawer-toggle {
    border: 0;
    width: 75px;
  }
}
button#drawer-toggle:hover {
  background: #f6f6f6;
}
button#drawer-toggle span {
  background: #888;
  width: 25px;
  height: 3px;
  position: relative;
  display: block;
  left: 15px;
  top: 3px;
}
@media screen and (max-width: 400px) {
  button#drawer-toggle span {
    left: 20px;
  }
}
button#drawer-toggle span:before {
  content: "";
  position: absolute;
  top: -7px;
  left: 0;
  height: 3px;
  width: 25px;
  background: #888;
}
button#drawer-toggle span:after {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  height: 3px;
  width: 25px;
  background: #888;
}
@media screen and (min-width: 1028px) {
  button#drawer-toggle {
    display: none;
  }
}
button#drawer-toggle .menu-text {
  float: left;
}
button#drawer-toggle img.menu-icon {
  float: left;
  width: 17px;
  margin-left: 5px;
  margin-top: 4px;
}
button:focus {
  outline: none !important;
}
button.close-drawer {
  right: -260px;
  position: absolute;
  -webkit-transition: right 0.44s ease;
  transition: right 0.44s ease;
  border: none;
  background-size: 17px;
  outline: none !important;
  top: 0;
  width: 50px;
  cursor: pointer;
  background: #fff;
  padding: 0;
  font-size: 3rem;
  border-left: 1px solid #eef1f1;
  height: 60px;
}

/* Drawer Placement & Speed */
.slide-right,
.push-right,
.over-right {
  right: 0;
  left: inherit;
}

.slide-right {
  -webkit-transition: -webkit-transform 0.44s ease-in-out, left 0.44s ease-in-out, right 0.44s ease-in-out;
  -webkit-transition: left 0.44s ease-in-out, right 0.44s ease-in-out, -webkit-transform 0.44s ease-in-out;
  transition: left 0.44s ease-in-out, right 0.44s ease-in-out, -webkit-transform 0.44s ease-in-out;
  transition: transform 0.44s ease-in-out, left 0.44s ease-in-out, right 0.44s ease-in-out;
  transition: transform 0.44s ease-in-out, left 0.44s ease-in-out, right 0.44s ease-in-out, -webkit-transform 0.44s ease-in-out;
}

/* Slide Right */
#sidecar.slide-right {
  opacity: 1;
  -webkit-transition: right 0.44s ease;
  transition: right 0.44s ease;
}
#sidecar.slide-right.active {
  opacity: 1;
  right: 0px;
  -webkit-transition: all 0.44s ease;
  transition: all 0.44s ease;
  -webkit-box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.3);
          box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.3);
  z-index: 999999 !important;
  /*ul#mainnav{
        right:0px;
        -o-transition: right .44s ease;
      -moz-transition: right .44s ease;
      -webkit-transition: right .44s ease;
      transition: right .44s ease;
      -o-transition-delay: .2s !important;
      -moz-transition-delay: .2s !important;
      -webkit-transition-delay: .2s !important;
      transition-delay:.2s !important;
      }*/
}
#sidecar.slide-right.active button.close-drawer.pull-right {
  right: 5px;
  -webkit-transition: right 0.44s ease;
  transition: right 0.44s ease;
  -webkit-transition-delay: 0.6s !important;
  transition-delay: 0.6s !important;
}
#sidecar.slide-right.active ul#mainnav li a {
  margin-left: 0px;
  opacity: 1;
}

/* ====================== Side Drawer Styling END ====================== */
/* Expand Collapse Styling */
nav#sidecar ul#mainnav {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 30px 0 0 0;
  background: transparent;
  -webkit-padding-start: 0px;
}
nav#sidecar ul#mainnav li {
  position: relative;
  margin: 0;
  padding: 0;
  float: none;
  display: inline-block;
  width: 100%;
  height: auto;
  background: transparent;
  text-align: left;
}
nav#sidecar ul#mainnav li:first-child a {
  -webkit-transition-delay: 0.1s !important;
  transition-delay: 0.1s !important;
}
nav#sidecar ul#mainnav li:nth-child(2) a {
  -webkit-transition-delay: 0.15s !important;
  transition-delay: 0.15s !important;
}
nav#sidecar ul#mainnav li:nth-child(3) a {
  -webkit-transition-delay: 0.2s !important;
  transition-delay: 0.2s !important;
}
nav#sidecar ul#mainnav li:nth-child(4) a {
  -webkit-transition-delay: 0.3s !important;
  transition-delay: 0.3s !important;
}
nav#sidecar ul#mainnav li:nth-child(5) a {
  -webkit-transition-delay: 0.35s !important;
  transition-delay: 0.35s !important;
}
nav#sidecar ul#mainnav li:nth-child(6) a {
  -webkit-transition-delay: 0.4s !important;
  transition-delay: 0.4s !important;
}
nav#sidecar ul#mainnav li:nth-child(7) a {
  -webkit-transition-delay: 0.5s !important;
  transition-delay: 0.5s !important;
}
nav#sidecar ul#mainnav li:hover ul {
  display: block;
}
nav#sidecar ul#mainnav li ul {
  padding: 0 0 0 0px;
  margin: 0;
  display: block;
  position: relative;
  max-height: 0px;
  overflow: hidden;
  float: none;
  -webkit-transition: max-height 0.25s ease-in;
  transition: max-height 0.25s ease-in;
  background: #f6f6f6;
  border-top: 1px solid #eef1f1;
}
nav#sidecar ul#mainnav li ul li a {
  padding: 10px 0px 10px 25px;
  border: none;
  font-size: 1.5rem;
  font-weight: normal;
  color: #555;
}
nav#sidecar ul#mainnav li ul.active {
  display: block;
  max-height: 2500px;
  float: none;
  -webkit-transition: max-height 0.44s ease-in;
  transition: max-height 0.44s ease-in;
}
nav#sidecar ul#mainnav li a {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 8px 25px;
  position: relative;
  margin-left: 50px;
  opacity: 0;
  font-size: 18px;
  -webkit-transition: all 0.44s ease;
  transition: all 0.44s ease;
  color: #5d9632;
  font-weight: 700;
}
nav#sidecar ul#mainnav li a.expand {
  display: block;
  height: 38px;
  width: 38px;
  position: absolute;
  top: 0;
  right: 10px;
  background: url("/SiteFiles/2181/CSS/images/arrow-dark.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 50%;
  padding: 16px;
  cursor: pointer;
  border: none;
}
nav#sidecar ul#mainnav li a.expand.active {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  border: none;
}

#sidecar .hours {
  margin: 60px 0 20px;
  text-align: center;
  border-top: 1px solid #eef1f1;
  border-bottom: 1px solid #eef1f1;
  padding: 20px 0;
}
#sidecar .utility ul {
  list-style: none;
  text-align: center;
  border-bottom: 1px solid #eef1f1;
  padding: 0 0 20px;
}
#sidecar .utility ul li {
  display: inline-block;
}
#sidecar .utility ul li a {
  font-size: 1.2rem;
  padding: 0 10px;
}
#sidecar .utility ul li a:hover {
  opacity: 0.65;
}
#sidecar .utility ul li a.about {
  color: #0080c5;
}
@media screen and (max-width: 480px) {
  #sidecar .utility ul li a.about {
    display: none;
  }
}
#sidecar .utility ul li a.donate {
  display: none;
  color: #bf311a;
}
#sidecar .utility ul li a.membership {
  color: #5d9632;
}
#sidecar .utility ul li a.tickets {
  color: #e6a513;
}
#sidecar .search-icon {
  right: -260px;
  position: absolute;
  -webkit-transition: right 0.44s ease;
  transition: right 0.44s ease;
  -webkit-transition-delay: 0.6s !important;
  transition-delay: 0.6s !important;
  width: 57px;
  height: 60px;
  cursor: pointer;
  background: #fff;
  padding: 0;
  font-size: 2rem;
  border-left: 1px solid #eef1f1;
  line-height: 60px;
  text-align: center;
}
@media screen and (min-width: 401px) {
  #sidecar .search-icon {
    display: none;
  }
}
#sidecar .search-icon.active {
  right: 56px;
}

/* ====================== Header ====================== */
header {
  position: fixed;
  width: 100%;
  top: 0;
  background: #fff;
  z-index: 999999;
  -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
}
header .utility {
  display: block;
}
header .utility ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: flex-end;
  margin-top: -10px;
}
header .utility ul li {
  position: relative;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
          flex: 0 1 auto;
  border-top: 4px solid transparent;
  /* 2nd Level ul */
}
header .utility ul li a {
  padding: 2.5em 1.25em 2em 1.25em;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.25rem;
  letter-spacing: 1px;
  position: relative;
  display: block;
  text-align: center;
}
header .utility ul li a:hover {
  color: #0080c5;
}
@media (max-width: 1053px) {
  header .utility ul li a {
    padding: 2.5em 1em 2em 1em;
  }
}
@media (min-width: 1028px) and (max-width: 1328px) {
  header .utility ul li a {
    padding: 2.5em 0.5em 2em 0.5em;
  }
}
@media (max-width: 1027px) {
  header .utility {
    position: absolute;
    right: 65px;
    top: 2px;
  }
}
header .logo-wrap {
  margin-left: 6px;
}
header .logo-link {
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
          flex: 0 1 auto;
  width: 120px;
  height: 60px;
  display: block;
  background: url("images/logo.svg") no-repeat;
  background-size: 100%;
}
@media (min-width: 768px) {
  header .logo-link {
    background: url("images/logo.svg") no-repeat;
    background-size: 100%;
    -webkit-transform: scale(1);
            transform: scale(1);
    transition: opacity 400ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
  }
}

.header-hide {
  margin-top: -115px;
}

/* Utility Link Tweaks */
#childnav__item--tickets a,
#cpn-tickets a {
  color: #e6a514;
}
#childnav__item--tickets a:hover,
#cpn-tickets a:hover {
  color: #eeb83f;
}
@media (max-width: 670px) {
  #childnav__item--tickets a,
  #cpn-tickets a {
    display: none;
  }
}

#childnav__item--gift-cards a,
#cpn-gift-cards a {
  color: #0080c5;
}
#childnav__item--gift-cards a:hover,
#cpn-gift-cards a:hover {
  color: #00a1f8;
}
@media (max-width: 670px) {
  #childnav__item--gift-cards a,
  #cpn-gift-cards a {
    display: none;
  }
}

#childnav__item--membership a,
#cpn-membership a {
  color: #5d9632;
}
#childnav__item--membership a:hover,
#cpn-membership a:hover {
  color: #75bc3f;
}
@media (max-width: 670px) {
  #childnav__item--membership a,
  #cpn-membership a {
    display: none;
  }
}

#childnav__item--donate a,
#cpn-donate a {
  color: #bf311a;
}
#childnav__item--donate a:hover,
#cpn-donate a:hover {
  color: #e2442a;
}
@media (max-width: 670px) {
  #childnav__item--donate a,
  #cpn-donate a {
    display: none;
  }
}

#childnav__item--search a,
#cpn-search a {
  color: #888;
}
#childnav__item--search a:hover,
#cpn-search a:hover {
  color: #ababab;
}
@media (max-width: 670px) {
  #childnav__item--search a,
  #cpn-search a {
    font-size: 20px;
    padding: 1.4em 0.8em 0.9em 1em !important;
  }
}

/* ====================== Footer ====================== */
.sticky-btn {
  position: fixed;
  bottom: 0;
  z-index: 99999;
  right: 0;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  font-size: 1.25rem;
  letter-spacing: 1px;
  line-height: 1;
  background: rgb(93, 150, 50);
  border-radius: 30px 0 0;
  padding: 20px 30px;
  outline: none;
  border: none;
}
@media (min-width: 767px) {
  .sticky-btn {
    display: none;
  }
}
.sticky-btn:hover, .sticky-btn:focus {
  color: white;
}

footer {
  background-color: #fff;
  position: relative;
}
footer .rip-border {
  width: 100%;
  margin-top: -60px;
  position: relative;
  z-index: 9;
}
@media (max-width: 411px) {
  footer .rip-border {
    margin-top: -50px;
  }
}
footer .top-footer {
  margin-bottom: 5%;
  margin-left: 5%;
}
footer .top-footer .contact {
  text-align: center;
}
footer .top-footer .contact h4 {
  font-family: "Amatic SC", cursive;
  font-size: 35px;
  color: #bf311a;
}
footer .top-footer .contact p {
  margin-bottom: 0;
}
footer .top-footer .contact a {
  font-size: inherit;
  display: block;
}
footer .top-footer .contact .socials {
  display: block;
  list-style-type: none;
  padding: 0;
}
footer .top-footer .contact .socials li {
  margin-right: 9px;
  display: inline-block;
}
footer .top-footer .contact .socials li .fa {
  color: #0080c5;
  font-size: 22px;
  margin-top: 5px;
}
footer .top-footer .logo img {
  width: 75%;
}
footer .top-footer .links {
  text-align: center;
}
footer .top-footer .links h4 {
  font-family: "Amatic SC", cursive;
  font-size: 35px;
  color: #bf311a;
}
footer .top-footer .links #childpagenav-160889,
footer .top-footer .links #childnavfooter {
  list-style: none;
  padding: 0;
  line-height: 2;
}
footer .top-footer .links #childpagenav-160889 a,
footer .top-footer .links #childnavfooter a {
  font-size: inherit;
}
footer .top-footer .blog {
  padding-left: 5%;
}
footer .top-footer .blog .recent-blog-posts-wrapper ul {
  list-style: none;
  padding: 0;
}
footer .top-footer .blog .recent-blog-posts-wrapper ul .recent-blog-posts-title {
  font-family: "Amatic SC", cursive;
  font-size: 35px;
  color: #bf311a;
}
footer .top-footer .blog .recent-blog-posts-wrapper ul .recent-blog-posts-date-wrapper {
  display: block;
  font-size: inherit;
}
footer .top-footer .blog .recent-blog-posts-wrapper ul .recent-blog-posts-body {
  font-size: inherit;
}
footer .top-footer .blog .recent-blog-posts-wrapper .recent-blog-posts-view-link {
  background-color: #bf311a;
  width: 145px;
  padding: 5px 30px;
  text-align: center;
  border-radius: 50px;
  margin-top: 20px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  font-size: 1.25rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}
footer .top-footer .blog .recent-blog-posts-wrapper .recent-blog-posts-view-link a {
  color: #fff;
  font-size: inherit;
}
footer .top-footer .blog .recent-blog-posts-wrapper .recent-blog-posts-view-link:hover {
  background-color: #e6a514;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
footer .partners {
  background: #bf311a;
  padding-top: 3%;
  padding-bottom: 3%;
  position: relative;
}
footer .partners ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  list-style-type: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
}
footer .partners ul li {
  margin-right: 0;
}
@media screen and (min-width: 768px) {
  footer .partners ul li {
    margin-right: 50px;
  }
}
footer .partners ul li:last-child {
  margin-right: 0;
}
footer .bottom-footer {
  padding: 20px;
  text-align: center;
  background: #902817;
}
footer .bottom-footer a {
  color: #fff;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 11px;
}
footer .partner-logo {
  max-width: 100px;
}

.footer-default .footer-cta {
  text-align: center;
  background: #bf311a;
  padding: 50px;
}
.footer-default .footer-cta h2 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.footer-default .footer-cta a.btn {
  background: #fff;
  border-radius: 500px;
  padding: 14px 30px;
  text-transform: uppercase;
  color: #bf311a;
  font-size: 1.25rem;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 30px;
}
.footer-default .footer-cta a.btn:after {
  content: "\f178";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #bf311a;
  font-size: 15px;
  position: relative;
  margin-left: -10px;
  visibility: hidden;
}
.footer-default .footer-cta a.btn:hover {
  color: #bf311a;
  padding: 14px 40px 14px 30px;
}
.footer-default .footer-cta a.btn:hover:after {
  visibility: visible;
  margin-left: 20px;
}
.footer-default .rip-border {
  display: block !important;
}
@media (max-width: 700px) {
  .footer-default .rip-border {
    margin-top: -50px;
  }
}
@media (max-width: 570px) {
  .footer-default .rip-border {
    margin-top: -40px;
  }
}
@media (max-width: 458px) {
  .footer-default .rip-border {
    margin-top: -30px;
  }
}
@media (max-width: 320px) {
  .footer-default .rip-border {
    margin-top: -28px;
  }
}
.footer-default .top-footer {
  margin-left: 0;
  margin-bottom: 50px;
  position: relative;
  z-index: 99;
}

/* SEARCH PANEL
============================*/
.form-group {
  margin-bottom: 0px;
}

#search {
  position: fixed;
  -webkit-transform: translate3d(0px, -150px, 0px);
  transform: translate3d(0px, -150px, 0px);
  left: 0px;
  width: 100%;
  height: 71px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5d9632+0,60c643+100 */
  background: #5d9632; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #5d9632 0%, #60c643 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#5d9632", endColorstr="#60c643",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  z-index: 999999;
}
#search input:-webkit-autofill, #search textarea:-webkit-autofill, #search select:-webkit-autofill {
  background-color: transparent;
  background-image: none;
  color: rgb(0, 0, 0);
}
#search ::-webkit-input-placeholder {
  color: #999;
  font-weight: 400;
}
#search :-moz-placeholder { /* Firefox 18- */
  color: #999;
  font-weight: 400;
}
#search ::-moz-placeholder { /* Firefox 19+ */
  color: #999;
  font-weight: 400;
}
#search :-ms-input-placeholder {
  color: #999;
  font-weight: 400;
}
#search .flexbox-margin {
  margin-top: 115px;
}
#search .flexbox-margin h1, #search .flexbox-margin h2, #search .flexbox-margin h3, #search .flexbox-margin p {
  color: white;
}
#search .flexbox-margin h1 {
  font-size: 1em;
  padding: 10px 0;
  font-family: "Roboto", sans-serif;
}
#search .flexbox-margin h2 {
  font-size: 0.85em;
  font-family: "Roboto", sans-serif;
}
#search .flexbox-margin p {
  font-size: 0.75em;
  font-family: "Roboto", sans-serif;
  line-height: 130%;
}
#search .flexbox-margin a {
  color: white;
}
#search .flexbox-margin .fa {
  font-size: 1.2em;
  display: block;
  color: #0080c5;
}

#search span {
  position: absolute;
  top: 20% !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  color: white;
  font-style: italic;
  font-size: 1em;
  z-index: -2;
}
@media (max-width: 600px) {
  #search span {
    font-size: 0.85em;
  }
}

#search.open-search {
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  z-index: 9999999;
  opacity: 1;
}

.searchPanel {
  padding-top: 13px;
}

input#searchButton,
.swformsubmit__btn {
  position: absolute;
  right: 20.5%;
  background: transparent;
  border: 0;
  margin-top: 47px;
  height: 40px;
  width: 80px;
  display: none;
}

.searchPanel input#searchField,
.swformfieldwrapper input[type=search] {
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 65px;
  background: transparent;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.2rem;
  margin: 1.4rem 0 0.7rem 0 !important;
  font-weight: 400;
  text-align: left;
  padding: 0;
  padding: 10px 0px !important;
  border: 0 !important;
  color: white;
  font-size: 2.5rem !important;
  border-bottom: 1px solid transparent;
}

.searchPanel input#searchField:focus,
.swformfieldwrapper input[type=search]:focus {
  background: transparent;
  color: white;
  outline: 0;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.searchPanel input:hover,
.swformfieldwrapper input[type=search]:hover {
  background: transparent;
  color: white;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

#search .btn-default {
  color: white;
  background: #0080c5 url(images/search.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 5%;
  text-indent: 9999px;
  border-color: #ccc;
  cursor: pointer;
  -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}

#search .btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  height: 40px;
  width: 10%;
  float: right;
  text-align: center;
  cursor: pointer;
  background-image: url(images/search.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 35%;
  -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2);
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 20px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

#search .btn:hover,
#search .btn:focus {
  border: 0px solid #952818;
  color: white;
  cursor: pointer;
  background-image: url(images/search.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 35%;
  -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2);
}

#search .close-search {
  position: absolute;
  z-index: 9999;
  right: 10px;
  height: 30px;
  width: 30px;
  top: 20px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0) url(images/x.svg) no-repeat center center;
  background-size: 60%;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  cursor: pointer;
}

#search .close-search:hover {
  background-color: rgba(0, 0, 0, 0);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#search .close-search {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

#search .searchPanel {
  position: relative;
  top: 35%;
  width: 100%;
  display: table;
  margin: auto;
  max-width: 1160px;
  margin-top: 10px;
}

#search .container {
  position: relative;
}

#search .form-control {
  display: inline-block;
  text-align: left;
  width: 90%;
  height: 40px;
  padding: 6px 12px;
  font-size: 1em;
  text-transform: none;
  font-weight: 400;
  line-height: 1.428571429;
  color: #999;
  background-color: rgba(0, 0, 0, 0.05);
  background-image: none;
  border: 1px solid white;
  border-radius: 0px;
  float: left;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

li#mn-search .icon-search {
  border: 2px solid #0080c5;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  vertical-align: middle;
  margin-top: -10px;
  text-decoration: none;
}

li#mn-search .icon-search:hover {
  background: #0080c5;
  text-decoration: none;
}

li#mn-search a {
  text-decoration: none;
  border: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

li#mn-search a:hover {
  border: 0 !important;
  text-decoration: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

input#searchField::-webkit-input-placeholder,
#search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
}

input#searchField::-moz-placeholder,
#search input::-moz-placeholder { /* Firefox 19+ */
  color: white;
}

input#searchField:-ms-input-placeholder,
#search input::-ms-input-placeholder { /* IE 10+ */
  color: white;
}

input#searchField:-moz-placeholder,
#search input::-moz-placeholder { /* Firefox 18- */
  color: white;
}

/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* 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;
}

.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 0ms ease-in-out;
  transition: height 0ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 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);
}

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: left;
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline; /*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  border-radius: 30px;
  background: #869791;
  filter: Alpha(Opacity=50); /*IE7 fix*/
  opacity: 0.5;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100); /*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline; /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50); /*IE7 fix*/
  opacity: 0.5;
  border-radius: 20px;
  background: #fff;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100); /*IE7 fix*/
  opacity: 1;
}

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  border-radius: 30px;
}

/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center;
}

/*
 *  Owl Carousel CSS3 Transitions
 *  v1.3.2
 */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px;
}

/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut 0.7s both ease;
  animation: fadeOut 0.7s both ease;
}

.owl-fade-in {
  -webkit-animation: fadeIn 0.7s both ease;
  animation: fadeIn 0.7s both ease;
}

/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade 0.7s ease both;
  animation: scaleToFade 0.7s ease both;
}

.owl-goDown-in {
  -webkit-animation: goDown 0.6s ease both;
  animation: goDown 0.6s ease both;
}

/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom 0.5s ease both;
  animation: scaleUpFrom 0.5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo 0.5s ease both;
  animation: scaleUpTo 0.5s ease both;
}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1;
  }
}
@keyframes empty {
  0% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes backSlideOut {
  25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}
@keyframes backSlideOut {
  25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
            transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
            transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
            transform: translateZ(-500px) translateX(-200%);
  }
}
@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}
@keyframes backSlideIn {
  0%, 25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(200%);
            transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
            transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
            transform: translateZ(0) translateX(0);
  }
}
@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}
@keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
.reveal {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.quick-links-bar {
  background-color: #e8f4fb;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin: 0 0 30px;
}
.quick-links-bar .menu-toggle {
  font-size: 20px;
  gap: 15px;
  color: white;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.quick-links-bar ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

.quick-links-bar li {
  margin: 0;
}

.quick-links-bar a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px 20px;
  color: #075985;
  font-size: 20px;
  text-decoration: none;
  font-weight: 500;
  -webkit-transition: background 0.2s ease, color 0.2s ease;
  transition: background 0.2s ease, color 0.2s ease;
}
.quick-links-bar a svg {
  margin-right: 8px;
  width: 25px;
}
.quick-links-bar a svg path {
  fill: #075985;
}

.quick-links-bar a:hover {
  background-color: #d0e6f5;
  color: #0c4a6e;
}
.quick-links-bar a:hover svg path {
  fill: #0c4a6e;
}

.quick-links-bar i {
  margin-right: 8px;
}

/* Hamburger button */
.menu-toggle {
  display: none;
  background-color: #0c4a6e; /* or any darker shade that fits your theme */
  color: #fff; /* optional: ensure icon stays visible */
  border: none;
  font-size: 24px;
  padding: 12px;
  cursor: pointer;
  width: 100%;
}

/* Responsive */
@media (max-width: 1332px) {
  .quick-links-bar {
    margin: 30px;
  }
  .quick-links-bar ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: #e8f4fb;
  }
  .quick-links-bar ul.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .menu-toggle {
    display: block;
    margin: 0 auto;
  }
}
.cd-image-replace {
  /* replace text with image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
}

/* -------------------------------- 

Navigation trigger - visible on small devices only

-------------------------------- */
.cd-nav-trigger {
  display: block;
  position: fixed;
  z-index: 2;
  bottom: 30px;
  right: 5%;
  height: 44px;
  width: 44px;
  border-radius: 0.25em;
  background: rgba(234, 242, 227, 0.9);
  /* reset button style */
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  outline: none;
}

.cd-nav-trigger span {
  /* central dot */
  position: absolute;
  height: 4px;
  width: 4px;
  background-color: #3a2c41;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* bottom and top dots */
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #3a2c41;
  border-radius: inherit;
}

.cd-nav-trigger span::before {
  top: -9px;
}

.cd-nav-trigger span::after {
  bottom: -9px;
}

@media only screen and (min-width: 800px) {
  .cd-nav-trigger {
    display: none;
  }
}
/* -------------------------------- 

Content Sections - basic style

-------------------------------- */
.cd-section {
  /* vertically align its content*/
  display: table;
  width: 100%;
  height: 100vh;
  background: #3a2c41;
}

.cd-section:nth-of-type(even) {
  background-color: #70557e;
}

.cd-section > div {
  /* vertically align <div> inside <section> */
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.cd-section h1, .cd-section h2 {
  width: 90%;
  margin: 0 auto;
  text-transform: uppercase;
  font-size: 2.4rem;
  line-height: 1.4;
}

.cd-section h1 b, .cd-section h2 b {
  color: #584c5e;
}

.cd-section p {
  margin: 1em auto 0;
  line-height: 1.6;
  width: 90%;
  max-width: 680px;
  color: rgba(234, 242, 227, 0.6);
}

@media only screen and (min-width: 800px) {
  .cd-section h1, .cd-section h2 {
    font-size: 3rem;
  }
  .cd-section p {
    font-size: 2rem;
  }
}
.cd-scroll-down {
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 20px;
  width: 44px;
  height: 44px;
  background: url(../img/cd-arrow-bottom.svg) no-repeat center center;
}

/* -------------------------------- 

no-js

-------------------------------- */
.no-js .cd-nav-trigger {
  display: none;
}

.no-js .cd-vertical-nav {
  position: static;
  height: auto;
  width: 100%;
  max-width: none;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.no-js .cd-vertical-nav::before {
  display: none;
}

.no-js .cd-vertical-nav ul::after {
  clear: both;
  content: "";
  display: table;
}

.no-js .cd-vertical-nav li {
  display: inline-block;
  float: left;
}

.no-js .cd-vertical-nav a {
  padding: 0 1em;
  margin: 1.5em 1em;
  color: #bf311a;
}

.no-js .cd-vertical-nav a.active {
  color: #bf311a;
}

.no-js .cd-vertical-nav a::after, .no-js .cd-vertical-nav a::before {
  display: none;
}

.no-js .cd-vertical-nav .label {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

/* ======================
Weather Widget
====================== */
.weather-widget {
  position: absolute;
  bottom: 100px;
  right: 40px;
  z-index: 10;
  width: 170px;
  color: white;
}
@media (max-width: 992px) {
  .weather-widget {
    right: -50px;
  }
  .weather-widget canvas {
    width: 50px;
    height: 50px;
  }
  .weather-widget .wlww-shelby .info {
    left: 62px;
  }
}
@media (max-width: 600px) {
  .weather-widget {
    top: 80px;
  }
}
.weather-widget p {
  text-align: center;
  border-top: 1px solid white;
  width: 159px;
  margin-left: 10px;
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 0.75em;
  padding: 8px;
  border-left: 1px solid white;
  border-right: 1px solid white;
}

.sw-accordion {
  margin-bottom: 4rem;
}
.sw-accordion .tabbedcontent-header {
  background: #eee;
  cursor: pointer;
  font-size: 2rem !important;
  letter-spacing: 1px;
  outline: none;
  margin-bottom: 0;
  padding: 2rem 4rem;
  position: relative;
  text-transform: uppercase;
  color: #5d9632;
}
.sw-accordion .tabbedcontent-header:hover {
  color: #3c763d;
}
.sw-accordion .tabbedcontent-header:before {
  content: "\f067";
  font-family: "fontawesome";
  font-size: 1.6rem;
  position: absolute;
  top: 2.5rem;
  left: 1.5rem;
}
.sw-accordion .tabbedcontent-header.ui-state-active {
  background: #5d9632;
  color: white;
}
.sw-accordion .tabbedcontent-header.ui-state-active:before {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.sw-accordion .tabbedcontent-content {
  background: #fff;
  padding: 2rem;
}

.today-at-the-zoo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3rem;
  padding: 0 3rem 6rem;
  position: relative;
  margin: 0 auto;
  max-width: 1200px;
}
@media screen and (min-width: 1080px) {
  .today-at-the-zoo {
    padding: 6rem;
    gap: 6rem;
  }
  .today-at-the-zoo:before {
    bottom: -430px;
    background-image: url(../CSS/images/giraffe.webp);
    background-size: contain;
    background-repeat: no-repeat;
    -ms-flex-line-pack: normal;
        align-content: normal;
    content: "";
    aspect-ratio: 1;
    left: -910px;
    width: 80%;
    position: absolute;
    z-index: 0;
  }
}
.today-at-the-zoo > div {
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 1080px) {
  .today-at-the-zoo > div {
    width: calc(50% - 3rem);
  }
}
.today-at-the-zoo__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.today-at-the-zoo__buttons a:hover {
  padding: 14px 30px;
}
.today-at-the-zoo__buttons a:after {
  display: none;
}
.today-at-the-zoo__right {
  padding: 0 3rem 0 0;
}
@media screen and (min-width: 1080px) {
  .today-at-the-zoo__right {
    padding: 0;
  }
}
.today-at-the-zoo .hours, .today-at-the-zoo .address, .today-at-the-zoo .ticket-prices {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #eeeeee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 3rem 4.8rem 3rem 3rem;
  position: relative;
  margin: 0 0 3rem;
}
.today-at-the-zoo .hours h3, .today-at-the-zoo .address h3, .today-at-the-zoo .ticket-prices h3 {
  color: #252527;
  margin: 0 0 2rem;
}
.today-at-the-zoo .hours:after {
  background-image: url(../CSS/images/icon-hours.svg);
  background-repeat: no-repeat;
  content: "";
  height: 85px;
  right: -42.5px;
  position: absolute;
  width: 85px;
}
.today-at-the-zoo .hours-text {
  margin-top: 2rem;
}
.today-at-the-zoo .address:after {
  background-image: url(../CSS/images/icon-location.svg);
  background-repeat: no-repeat;
  content: "";
  height: 85px;
  right: -42.5px;
  position: absolute;
  width: 85px;
}
.today-at-the-zoo .address a {
  color: #252527;
}
.today-at-the-zoo .ticket-prices:after {
  background-image: url(../CSS/images/icon-tickets.svg);
  background-repeat: no-repeat;
  content: "";
  height: 85px;
  right: -42.5px;
  position: absolute;
  top: 2.5rem;
  width: 85px;
}
.today-at-the-zoo .ticket-prices p {
  margin: 0;
}

.page-alert-message {
  background-color: #0080c5;
  border: none;
  border-radius: 0;
  color: #fff;
  font-size: 20px;
  top: inherit;
  left: 0;
  bottom: 0;
  width: 100%;
  margin-left: 0;
  padding: 30px;
  text-align: center;
  z-index: 99999;
}
.page-alert-message #page-alert-dismiss {
  -webkit-appearance: none;
  border: none;
  font-size: 16px;
  border-radius: 50px;
  padding: 10px 30px;
  background: #fff;
  color: #0080c5;
}

.page-alert-wrapper {
  z-index: 9999;
}

.page-alert {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.4s ease, visibility 0.4s ease;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  z-index: 99999999999;
}
.page-alert__body {
  aspect-ratio: 53/94;
  padding: 1em;
  position: relative;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
  max-width: 650px;
  width: 90%;
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
}
@media screen and (min-width: 460px) {
  .page-alert__body {
    width: 70%;
  }
}
@media screen and (min-width: 560px) {
  .page-alert__body {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .page-alert__body {
    aspect-ratio: 16/9;
    width: 90%;
  }
}
.page-alert__body .inner-wrapper {
  background: #fff;
  margin: 0 auto;
}
.page-alert__body--content {
  padding: 1em 2em;
  position: relative;
  z-index: 5;
}
.page-alert__body--content .logo {
  width: 100%;
  max-width: 120px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  margin-bottom: 1rem;
}
.page-alert__body--content .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.page-alert__body--content :last-child {
  margin-bottom: 0;
}
.page-alert__body--close {
  border-radius: 0;
  position: absolute;
  width: 2em;
  height: 2em;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  background: white;
  -webkit-transition: all 0.22s ease;
  transition: all 0.22s ease;
  z-index: 5;
}
.page-alert__body--close i {
  color: black;
}
.page-alert__body--bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  mix-blend-mode: multiply;
}
.page-alert__body--bg.desktop {
  display: none;
}
@media screen and (min-width: 768px) {
  .page-alert__body--bg.desktop {
    display: block;
  }
}
.page-alert__body--bg.mobile {
  display: block;
}
@media screen and (min-width: 768px) {
  .page-alert__body--bg.mobile {
    display: none;
  }
}
.page-alert__body--bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-alert.active {
  opacity: 1;
  visibility: visible;
}
.page-alert.active .page-alert__body {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#page-alert-close-button {
  position: absolute;
  bottom: -20px;
  font-size: 14px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
  background: transparent;
  color: white;
  border: 0;
  padding: 10px 20px;
  border-radius: 0;
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: 600;
  letter-spacing: 1px;
}
@media screen and (min-width: 768px) {
  #page-alert-close-button {
    display: none;
  }
}

.area-info {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8rem;
  z-index: 0;
}
.area-info__bg {
  position: absolute;
  width: 100%;
  aspect-ratio: 2/3;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  mix-blend-mode: luminosity;
  opacity: 0.25;
  overflow: hidden;
  z-index: -1;
}
@media only screen and (min-width: 1080px) {
  .area-info__bg {
    width: 100%;
    height: 75%;
  }
}
.area-info__bg .video-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 0;
}
.area-info__gallery, .area-info__content {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@media only screen and (min-width: 1080px) {
  .area-info__gallery, .area-info__content {
    width: 100%;
  }
}
@media only screen and (min-width: 1080px) {
  .area-info__gallery {
    margin: 0 3rem 0 0;
  }
}
@media only screen and (min-width: 1440px) {
  .area-info__gallery {
    width: 3rem;
  }
}
.area-info__gallery-item {
  display: inline-block;
  margin-bottom: 4rem;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: top;
}
.area-info__gallery-item:nth-child(1) {
  -webkit-transition: all 0.6s ease 0.1s;
  transition: all 0.6s ease 0.1s;
}
.area-info__gallery-item:nth-child(2) {
  -webkit-transition: all 0.6s ease 0.2s;
  transition: all 0.6s ease 0.2s;
}
.area-info__gallery-item:nth-child(3) {
  -webkit-transition: all 0.6s ease 0.3s;
  transition: all 0.6s ease 0.3s;
}
.area-info__gallery-item:first-child {
  width: calc(100% - 8rem);
  aspect-ratio: 3/2;
  margin-left: 2rem;
  margin-right: 2rem;
}
@media screen and (max-width: 600px) {
  .area-info__gallery-item:first-child {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
  }
}
.area-info__gallery-item:nth-child(2), .area-info__gallery-item:last-child {
  width: calc((100% - 12rem) / 2);
}
@media screen and (max-width: 600px) {
  .area-info__gallery-item:nth-child(2), .area-info__gallery-item:last-child {
    width: calc((100% - 4rem) / 2);
  }
}
.area-info__gallery-item:nth-child(2) {
  aspect-ratio: 3/4;
  margin-left: 2rem;
  margin-right: 2rem;
}
@media screen and (max-width: 600px) {
  .area-info__gallery-item:nth-child(2) {
    margin-left: auto;
  }
}
.area-info__gallery-item:last-child {
  aspect-ratio: 3/4;
  margin-left: 2rem;
  margin-right: 6rem;
}
@media screen and (max-width: 600px) {
  .area-info__gallery-item:last-child {
    margin-right: auto;
  }
}
@media only screen and (min-width: 1080px) {
  .area-info__content {
    margin: 0 0 0 5rem;
  }
}
@media only screen and (min-width: 1440px) {
  .area-info__content {
    width: 100%;
  }
}
.area-info__content *:nth-child(1) {
  -webkit-transition: all 0.6s ease 0.1s;
  transition: all 0.6s ease 0.1s;
}
.area-info__content *:nth-child(1).button {
  -webkit-transition: all 0.3s ease 0s, opacity 0.6s ease 0.1s, -webkit-transform 0.6s ease 0.1s;
  transition: all 0.3s ease 0s, opacity 0.6s ease 0.1s, -webkit-transform 0.6s ease 0.1s;
  transition: all 0.3s ease 0s, transform 0.6s ease 0.1s, opacity 0.6s ease 0.1s;
  transition: all 0.3s ease 0s, transform 0.6s ease 0.1s, opacity 0.6s ease 0.1s, -webkit-transform 0.6s ease 0.1s;
}
.area-info__content *:nth-child(2) {
  -webkit-transition: all 0.6s ease 0.2s;
  transition: all 0.6s ease 0.2s;
}
.area-info__content *:nth-child(2).button {
  -webkit-transition: all 0.3s ease 0s, opacity 0.6s ease 0.2s, -webkit-transform 0.6s ease 0.2s;
  transition: all 0.3s ease 0s, opacity 0.6s ease 0.2s, -webkit-transform 0.6s ease 0.2s;
  transition: all 0.3s ease 0s, transform 0.6s ease 0.2s, opacity 0.6s ease 0.2s;
  transition: all 0.3s ease 0s, transform 0.6s ease 0.2s, opacity 0.6s ease 0.2s, -webkit-transform 0.6s ease 0.2s;
}
.area-info__content *:nth-child(3) {
  -webkit-transition: all 0.6s ease 0.3s;
  transition: all 0.6s ease 0.3s;
}
.area-info__content *:nth-child(3).button {
  -webkit-transition: all 0.3s ease 0s, opacity 0.6s ease 0.3s, -webkit-transform 0.6s ease 0.3s;
  transition: all 0.3s ease 0s, opacity 0.6s ease 0.3s, -webkit-transform 0.6s ease 0.3s;
  transition: all 0.3s ease 0s, transform 0.6s ease 0.3s, opacity 0.6s ease 0.3s;
  transition: all 0.3s ease 0s, transform 0.6s ease 0.3s, opacity 0.6s ease 0.3s, -webkit-transform 0.6s ease 0.3s;
}
.area-info__content *:nth-child(4) {
  -webkit-transition: all 0.6s ease 0.4s;
  transition: all 0.6s ease 0.4s;
}
.area-info__content *:nth-child(4).button {
  -webkit-transition: all 0.3s ease 0s, opacity 0.6s ease 0.4s, -webkit-transform 0.6s ease 0.4s;
  transition: all 0.3s ease 0s, opacity 0.6s ease 0.4s, -webkit-transform 0.6s ease 0.4s;
  transition: all 0.3s ease 0s, transform 0.6s ease 0.4s, opacity 0.6s ease 0.4s;
  transition: all 0.3s ease 0s, transform 0.6s ease 0.4s, opacity 0.6s ease 0.4s, -webkit-transform 0.6s ease 0.4s;
}
.area-info__content *:nth-child(5) {
  -webkit-transition: all 0.6s ease 0.5s;
  transition: all 0.6s ease 0.5s;
}
.area-info__content *:nth-child(5).button {
  -webkit-transition: all 0.3s ease 0s, opacity 0.6s ease 0.5s, -webkit-transform 0.6s ease 0.5s;
  transition: all 0.3s ease 0s, opacity 0.6s ease 0.5s, -webkit-transform 0.6s ease 0.5s;
  transition: all 0.3s ease 0s, transform 0.6s ease 0.5s, opacity 0.6s ease 0.5s;
  transition: all 0.3s ease 0s, transform 0.6s ease 0.5s, opacity 0.6s ease 0.5s, -webkit-transform 0.6s ease 0.5s;
}
.area-info__content *:nth-child(6) {
  -webkit-transition: all 0.6s ease 0.6s;
  transition: all 0.6s ease 0.6s;
}
.area-info__content *:nth-child(6).button {
  -webkit-transition: all 0.3s ease 0s, opacity 0.6s ease 0.6s, -webkit-transform 0.6s ease 0.6s;
  transition: all 0.3s ease 0s, opacity 0.6s ease 0.6s, -webkit-transform 0.6s ease 0.6s;
  transition: all 0.3s ease 0s, transform 0.6s ease 0.6s, opacity 0.6s ease 0.6s;
  transition: all 0.3s ease 0s, transform 0.6s ease 0.6s, opacity 0.6s ease 0.6s, -webkit-transform 0.6s ease 0.6s;
}
.area-info__content *:nth-child(7) {
  -webkit-transition: all 0.6s ease 0.7s;
  transition: all 0.6s ease 0.7s;
}
.area-info__content *:nth-child(7).button {
  -webkit-transition: all 0.3s ease 0s, opacity 0.6s ease 0.7s, -webkit-transform 0.6s ease 0.7s;
  transition: all 0.3s ease 0s, opacity 0.6s ease 0.7s, -webkit-transform 0.6s ease 0.7s;
  transition: all 0.3s ease 0s, transform 0.6s ease 0.7s, opacity 0.6s ease 0.7s;
  transition: all 0.3s ease 0s, transform 0.6s ease 0.7s, opacity 0.6s ease 0.7s, -webkit-transform 0.6s ease 0.7s;
}
.area-info__content *:nth-child(8) {
  -webkit-transition: all 0.6s ease 0.8s;
  transition: all 0.6s ease 0.8s;
}
.area-info__content *:nth-child(8).button {
  -webkit-transition: all 0.3s ease 0s, opacity 0.6s ease 0.8s, -webkit-transform 0.6s ease 0.8s;
  transition: all 0.3s ease 0s, opacity 0.6s ease 0.8s, -webkit-transform 0.6s ease 0.8s;
  transition: all 0.3s ease 0s, transform 0.6s ease 0.8s, opacity 0.6s ease 0.8s;
  transition: all 0.3s ease 0s, transform 0.6s ease 0.8s, opacity 0.6s ease 0.8s, -webkit-transform 0.6s ease 0.8s;
}
.area-info__content *:nth-child(9) {
  -webkit-transition: all 0.6s ease 0.9s;
  transition: all 0.6s ease 0.9s;
}
.area-info__content *:nth-child(9).button {
  -webkit-transition: all 0.3s ease 0s, opacity 0.6s ease 0.9s, -webkit-transform 0.6s ease 0.9s;
  transition: all 0.3s ease 0s, opacity 0.6s ease 0.9s, -webkit-transform 0.6s ease 0.9s;
  transition: all 0.3s ease 0s, transform 0.6s ease 0.9s, opacity 0.6s ease 0.9s;
  transition: all 0.3s ease 0s, transform 0.6s ease 0.9s, opacity 0.6s ease 0.9s, -webkit-transform 0.6s ease 0.9s;
}
.area-info__content *:nth-child(10) {
  -webkit-transition: all 0.6s ease 1s;
  transition: all 0.6s ease 1s;
}
.area-info__content *:nth-child(10).button {
  -webkit-transition: all 0.3s ease 0s, opacity 0.6s ease 1s, -webkit-transform 0.6s ease 1s;
  transition: all 0.3s ease 0s, opacity 0.6s ease 1s, -webkit-transform 0.6s ease 1s;
  transition: all 0.3s ease 0s, transform 0.6s ease 1s, opacity 0.6s ease 1s;
  transition: all 0.3s ease 0s, transform 0.6s ease 1s, opacity 0.6s ease 1s, -webkit-transform 0.6s ease 1s;
}
.area-info.anim:not(.in-view) .area-info__bg {
  opacity: 0;
}
.area-info.anim:not(.in-view) .area-info__gallery-item,
.area-info.anim:not(.in-view) .area-info__content * {
  -webkit-transform: translateY(4rem);
          transform: translateY(4rem);
  opacity: 0;
}

.blog .blog-entry {
  padding-bottom: 50px;
  border-bottom: 1px solid #5d9632;
  margin-bottom: 70px;
  position: relative;
}
.blog .blog-entry .post-date {
  margin-left: 150px;
  top: 10px;
}
.blog .blog-entry .post-title {
  margin-left: 150px;
  font-size: 3.2rem;
}
.blog .blog-entry .post-image {
  position: absolute;
  width: 125px;
  top: 0;
}
.blog .blog-entry .post-image:after {
  background-image: url(/SiteFiles/2140/css/images/ripped-border.png);
  height: 100%;
  width: 125px;
  position: absolute;
  content: "";
  left: 0;
  z-index: 99;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 10px;
  bottom: -100%;
}
.blog .blog-entry .post-image img {
  width: 125px;
}
.blog .blog-entry .post-body {
  line-height: 2;
  margin-left: 150px;
  position: relative;
}
.blog .blog-entry .post-body a.post-summary-read-more {
  display: block;
  margin-top: 20px;
  padding: 7px 30px;
  background: #e6a514;
  width: 150px;
  text-align: center;
  border-radius: 50px;
  text-transform: uppercase;
  color: #fff;
  font-size: 13px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.blog .blog-entry .post-body a.post-summary-read-more:hover {
  background: #0080c5;
}
.blog .blog-entry .post-profileinfo {
  display: none;
}
.blog .blog-entry .post-tags {
  display: none;
}
@media (max-width: 767px) {
  .blog .blog-entry .post-date {
    margin-left: 0;
    position: relative;
  }
  .blog .blog-entry .post-title {
    position: relative;
    margin-left: 0;
    margin-top: 0;
  }
  .blog .blog-entry .post-image {
    display: none;
  }
  .blog .blog-entry .post-body {
    margin-left: 0;
    margin-top: 0;
  }
}

.event-module .calendar-controls {
  color: #0080c5;
}
.event-module .calendar-controls .current-month {
  color: #0080c5;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  font-size: 2rem;
}
.event-module .calendar-controls .monthyear-jumper {
  color: #7b7b7b;
  font-size: 15px;
  display: block;
  margin-top: 10px;
}
.event-module .calendar-controls .monthyear-jumper select {
  border: 1px solid #eee;
  padding: 2px;
}
@media (max-width: 1199px) {
  .event-module .calendar-controls .monthyear-jumper {
    float: inherit;
    display: block;
    margin-top: 10px;
  }
}
.event-module .list-panel .event-listing-date {
  background-color: #5d9632;
  padding: 10px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
}
.event-module .list-panel .event-listing-table {
  margin-top: 20px;
}
.event-module .list-panel .event-listing-table td {
  padding-bottom: 10px;
}
.event-module .list-panel .event-listing-table td img {
  display: none;
}
.event-module .list-panel .event-listing-table td.event-listing-event-column a {
  font-size: 16px;
}
@media (max-width: 570px) {
  .event-module .list-panel .event-listing-table tr.event-listing-odd-row, .event-module .list-panel .event-listing-table tr.event-listing-even-row {
    display: block;
    padding-bottom: 15px;
  }
  .event-module .list-panel .event-listing-table tr:last-child {
    padding-bottom: 0;
  }
  .event-module .list-panel .event-listing-table td {
    display: block;
    width: 100%;
    padding-bottom: 0;
  }
}
.event-module .event-detail-image {
  width: 150px;
}

.swCalEvents .cal-wrapper .event-day {
  width: 100%;
  text-align: center;
  background-color: #5d9632;
  padding: 5px 0;
  border-radius: 4px;
}
.swCalEvents .cal-wrapper .event-day h4 {
  color: #FFF;
  margin: 0 auto;
}
.swCalEvents .cal-wrapper .single-event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.swCalEvents .cal-wrapper .single-event > div {
  width: 33.3333333333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.swCalEvents .cal-wrapper .single-event .e-time p {
  width: 100%;
  margin: 0;
  font-size: 1.5rem;
}

.CalendarEvent .CalendarEvent__box .CalendarEvent__meta .CalendarEvent__date_time > img {
  display: none;
}
.CalendarEvent .CalendarEvent__box .CalendarEvent__meta .CalendarListEvent__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
}
.CalendarEvent .CalendarEvent__box .CalendarEvent__meta .CalendarListEvent__tags > a {
  padding: 5px;
}

.special-events-test .swCalEvents, .special-events .swCalEvents {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.special-events-test .CalendarEvent, .special-events .CalendarEvent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5rem;
}
@media screen and (min-width: 992px) {
  .special-events-test .CalendarEvent, .special-events .CalendarEvent {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.special-events-test .CalendarEvent__box, .special-events .CalendarEvent__box {
  width: 50%;
}
.special-events-test .CalendarEvent__box .CalendarEvent__meta, .special-events .CalendarEvent__box .CalendarEvent__meta {
  width: 100%;
}
.special-events-test .CalendarEvent__details, .special-events .CalendarEvent__details {
  width: 50%;
}
.special-events-test input, .special-events input {
  background-color: #e8e8e8;
}
.special-events-test .CalendarMonthFilter > input, .special-events .CalendarMonthFilter > input {
  padding: 1.5rem 2rem;
}
.special-events-test .CalendarListFooter, .special-events .CalendarListFooter {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.special-events-test .event-module, .special-events .event-module {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.special-events-test .event-module [class*=css][class*=control], .special-events .event-module [class*=css][class*=control] {
  background-color: #e8e8e8;
  border-radius: 0;
  border-width: 0 !important;
  padding: 0 1.5rem !important;
  min-height: 52px;
}
.special-events-test .event-module [class*=css][class*=control] input:not([type=image]):not([type=checkbox]):not([type=radio]):not([type=select]):not([type=file]):not([type=submit]):not([type=button]), .special-events .event-module [class*=css][class*=control] input:not([type=image]):not([type=checkbox]):not([type=radio]):not([type=select]):not([type=file]):not([type=submit]):not([type=button]) {
  height: 2rem !important;
  color: #bf311a !important;
}
.special-events-test .event-module [class*=css][class*=control] svg, .special-events .event-module [class*=css][class*=control] svg {
  position: relative;
  right: -7px;
}
.special-events-test .event-module [class*=css], .special-events .event-module [class*=css] {
  margin: 0 !important;
  padding: 0 !important;
}
.special-events-test .event-module .site-tags-editor, .special-events .event-module .site-tags-editor {
  display: none;
  position: relative;
}
.special-events-test .event-module .site-tags-editor input:not([type=image]):not([type=checkbox]):not([type=radio]):not([type=select]):not([type=file]):not([type=submit]):not([type=button]), .special-events .event-module .site-tags-editor input:not([type=image]):not([type=checkbox]):not([type=radio]):not([type=select]):not([type=file]):not([type=submit]):not([type=button]) {
  padding: 1rem 4rem 1rem 2rem !important;
}
.special-events-test .event-module .site-tags-editor .react-selectize.bootstrap3.root-node .react-selectize-control .react-selectize-search-field-and-selected-values, .special-events .event-module .site-tags-editor .react-selectize.bootstrap3.root-node .react-selectize-control .react-selectize-search-field-and-selected-values {
  padding-left: 0;
}
.special-events-test .event-module .site-tags-editor .react-selectize.root-node .react-selectize-control .react-selectize-toggle-button-container, .special-events .event-module .site-tags-editor .react-selectize.root-node .react-selectize-control .react-selectize-toggle-button-container {
  position: absolute;
  top: calc(50% - 15px);
  right: 0;
}
.special-events-test .event-module #ctl00_cphPageBody_ctl03_swCalEventCalendar, .special-events .event-module #ctl00_cphPageBody_ctl03_swCalEventCalendar {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.special-events-test .event-module #ctl00_cphPageBody_ctl03_swCalEventCalendar [class*=sw-cal-grid], .special-events .event-module #ctl00_cphPageBody_ctl03_swCalEventCalendar [class*=sw-cal-grid] {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.special-events-test .event-module #ctl00_cphPageBody_ctl03_swCalEventCalendar [class*=sw-cal-grid] .CalendarEventsDetail__eventCalendarFront, .special-events .event-module #ctl00_cphPageBody_ctl03_swCalEventCalendar [class*=sw-cal-grid] .CalendarEventsDetail__eventCalendarFront {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.special-events-test .event-module #ctl00_cphPageBody_ctl03_swCalEventCalendar [class*=sw-cal-grid] .CalendarEventsDetail__eventCalendarFront .CalendarMenu, .special-events .event-module #ctl00_cphPageBody_ctl03_swCalEventCalendar [class*=sw-cal-grid] .CalendarEventsDetail__eventCalendarFront .CalendarMenu {
  width: 100%;
  display: block;
  margin: 0 0 2rem 0;
  padding: 0;
}
.special-events-test .event-module #ctl00_cphPageBody_ctl03_swCalEventCalendar [class*=sw-cal-grid] .CalendarEventsDetail__eventCalendarFront .CalendarMenu a, .special-events .event-module #ctl00_cphPageBody_ctl03_swCalEventCalendar [class*=sw-cal-grid] .CalendarEventsDetail__eventCalendarFront .CalendarMenu a {
  width: auto;
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: 600;
  color: #231f20;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  vertical-align: top;
}
body:not(.touch-device) .special-events-test .event-module #ctl00_cphPageBody_ctl03_swCalEventCalendar [class*=sw-cal-grid] .CalendarEventsDetail__eventCalendarFront .CalendarMenu a:hover, body:not(.touch-device) .special-events .event-module #ctl00_cphPageBody_ctl03_swCalEventCalendar [class*=sw-cal-grid] .CalendarEventsDetail__eventCalendarFront .CalendarMenu a:hover {
  color: #bf311a;
}
.special-events-test .event-module #ctl00_cphPageBody_ctl03_eventContent-350139, .special-events .event-module #ctl00_cphPageBody_ctl03_eventContent-350139 {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.special-events-test .event-module .CalendarEventsDetail__eventCalendarFront .form-control,
.special-events-test .event-module .CalendarMonthFilter .react-selectize-control,
.special-events-test .event-module .CalendarMonthFilter > input.CalendarMonthFilter__search,
.special-events-test .event-module .CalendarMonthFilter > .CalendarMonthFilter__button,
.special-events-test .event-module .CalendarMonthFilter > input,
.special-events-test .event-module .CalendarMonthFilter__dateRange input, .special-events .event-module .CalendarEventsDetail__eventCalendarFront .form-control,
.special-events .event-module .CalendarMonthFilter .react-selectize-control,
.special-events .event-module .CalendarMonthFilter > input.CalendarMonthFilter__search,
.special-events .event-module .CalendarMonthFilter > .CalendarMonthFilter__button,
.special-events .event-module .CalendarMonthFilter > input,
.special-events .event-module .CalendarMonthFilter__dateRange input {
  border: none !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.special-events-test .event-module .CalendarEventsDetail__eventCalendarFront .btn, .special-events .event-module .CalendarEventsDetail__eventCalendarFront .btn {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  margin: 0 0 0 auto !important;
  padding: 1.1rem 3rem 0.9rem 3rem !important;
  font-family: "Roboto", sans-serif;
  font-size: 1.6rem !important;
  line-height: 2rem;
  font-weight: 600;
  text-align: center;
  color: white !important;
  background: #bf311a !important;
  border-radius: 4rem !important;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
body:not(.touch-device) .special-events-test .event-module .CalendarEventsDetail__eventCalendarFront .btn:hover, .special-events-test .event-module .CalendarEventsDetail__eventCalendarFront .btn:focus, body:not(.touch-device) .special-events .event-module .CalendarEventsDetail__eventCalendarFront .btn:hover, .special-events .event-module .CalendarEventsDetail__eventCalendarFront .btn:focus {
  background: #bf311a !important;
}
.special-events-test .CalendarMonthFilter, .special-events .CalendarMonthFilter {
  width: 100%;
  padding: 0 !important;
  margin: 0 0 4rem 0;
}
.special-events-test .CalendarMonthFilter__dateSeparator, .special-events .CalendarMonthFilter__dateSeparator {
  line-height: 4rem !important;
  margin-right: 1rem;
}
.special-events-test .CalendarMonthFilter__date, .special-events .CalendarMonthFilter__date {
  margin-right: 1rem;
}
.special-events-test .CalendarMonthFilter__date .form-control, .special-events .CalendarMonthFilter__date .form-control {
  background: #e8e8e8;
  font-size: 1.5rem;
  padding: 1rem 2rem;
}
.special-events-test .schedule-table, .special-events .schedule-table {
  width: 100%;
  display: block;
  margin: 0 0 8rem 0;
  padding: 0;
}
.special-events-test .schedule-table li:nth-child(1), .special-events .schedule-table li:nth-child(1) {
  -webkit-transition: all 0.6s ease 0.1s;
  transition: all 0.6s ease 0.1s;
}
.special-events-test .schedule-table li:nth-child(2), .special-events .schedule-table li:nth-child(2) {
  -webkit-transition: all 0.6s ease 0.2s;
  transition: all 0.6s ease 0.2s;
}
.special-events-test .schedule-table li:nth-child(3), .special-events .schedule-table li:nth-child(3) {
  -webkit-transition: all 0.6s ease 0.3s;
  transition: all 0.6s ease 0.3s;
}
.special-events-test .schedule-table li:nth-child(4), .special-events .schedule-table li:nth-child(4) {
  -webkit-transition: all 0.6s ease 0.4s;
  transition: all 0.6s ease 0.4s;
}
.special-events-test .schedule-table li:nth-child(5), .special-events .schedule-table li:nth-child(5) {
  -webkit-transition: all 0.6s ease 0.5s;
  transition: all 0.6s ease 0.5s;
}
.special-events-test .schedule-table li:nth-child(6), .special-events .schedule-table li:nth-child(6) {
  -webkit-transition: all 0.6s ease 0.6s;
  transition: all 0.6s ease 0.6s;
}
.special-events-test .schedule-table li:nth-child(7), .special-events .schedule-table li:nth-child(7) {
  -webkit-transition: all 0.6s ease 0.7s;
  transition: all 0.6s ease 0.7s;
}
.special-events-test .schedule-table li:nth-child(8), .special-events .schedule-table li:nth-child(8) {
  -webkit-transition: all 0.6s ease 0.8s;
  transition: all 0.6s ease 0.8s;
}
.special-events-test .schedule-table li:nth-child(9), .special-events .schedule-table li:nth-child(9) {
  -webkit-transition: all 0.6s ease 0.9s;
  transition: all 0.6s ease 0.9s;
}
.special-events-test .schedule-table li:nth-child(10), .special-events .schedule-table li:nth-child(10) {
  -webkit-transition: all 0.6s ease 1s;
  transition: all 0.6s ease 1s;
}
.special-events-test .schedule-table li:nth-child(11), .special-events .schedule-table li:nth-child(11) {
  -webkit-transition: all 0.6s ease 1.1s;
  transition: all 0.6s ease 1.1s;
}
.special-events-test .schedule-table li:nth-child(12), .special-events .schedule-table li:nth-child(12) {
  -webkit-transition: all 0.6s ease 1.2s;
  transition: all 0.6s ease 1.2s;
}
.special-events-test .schedule-table li:nth-child(13), .special-events .schedule-table li:nth-child(13) {
  -webkit-transition: all 0.6s ease 1.3s;
  transition: all 0.6s ease 1.3s;
}
.special-events-test .schedule-table li:nth-child(14), .special-events .schedule-table li:nth-child(14) {
  -webkit-transition: all 0.6s ease 1.4s;
  transition: all 0.6s ease 1.4s;
}
.special-events-test .schedule-table li:nth-child(15), .special-events .schedule-table li:nth-child(15) {
  -webkit-transition: all 0.6s ease 1.5s;
  transition: all 0.6s ease 1.5s;
}
.special-events-test .schedule-table li:nth-child(16), .special-events .schedule-table li:nth-child(16) {
  -webkit-transition: all 0.6s ease 1.6s;
  transition: all 0.6s ease 1.6s;
}
.special-events-test .schedule-table li:nth-child(17), .special-events .schedule-table li:nth-child(17) {
  -webkit-transition: all 0.6s ease 1.7s;
  transition: all 0.6s ease 1.7s;
}
.special-events-test .schedule-table li:nth-child(18), .special-events .schedule-table li:nth-child(18) {
  -webkit-transition: all 0.6s ease 1.8s;
  transition: all 0.6s ease 1.8s;
}
.special-events-test .schedule-table li:nth-child(19), .special-events .schedule-table li:nth-child(19) {
  -webkit-transition: all 0.6s ease 1.9s;
  transition: all 0.6s ease 1.9s;
}
.special-events-test .schedule-table li:nth-child(20), .special-events .schedule-table li:nth-child(20) {
  -webkit-transition: all 0.6s ease 2s;
  transition: all 0.6s ease 2s;
}
.special-events-test .schedule-table li:nth-child(21), .special-events .schedule-table li:nth-child(21) {
  -webkit-transition: all 0.6s ease 2.1s;
  transition: all 0.6s ease 2.1s;
}
.special-events-test .schedule-table li:nth-child(22), .special-events .schedule-table li:nth-child(22) {
  -webkit-transition: all 0.6s ease 2.2s;
  transition: all 0.6s ease 2.2s;
}
.special-events-test .schedule-table li:nth-child(23), .special-events .schedule-table li:nth-child(23) {
  -webkit-transition: all 0.6s ease 2.3s;
  transition: all 0.6s ease 2.3s;
}
.special-events-test .schedule-table li:nth-child(24), .special-events .schedule-table li:nth-child(24) {
  -webkit-transition: all 0.6s ease 2.4s;
  transition: all 0.6s ease 2.4s;
}
.special-events-test .schedule-table li:nth-child(25), .special-events .schedule-table li:nth-child(25) {
  -webkit-transition: all 0.6s ease 2.5s;
  transition: all 0.6s ease 2.5s;
}
.special-events-test .schedule-table li:nth-child(26), .special-events .schedule-table li:nth-child(26) {
  -webkit-transition: all 0.6s ease 2.6s;
  transition: all 0.6s ease 2.6s;
}
.special-events-test .schedule-table li:nth-child(27), .special-events .schedule-table li:nth-child(27) {
  -webkit-transition: all 0.6s ease 2.7s;
  transition: all 0.6s ease 2.7s;
}
.special-events-test .schedule-table li:nth-child(28), .special-events .schedule-table li:nth-child(28) {
  -webkit-transition: all 0.6s ease 2.8s;
  transition: all 0.6s ease 2.8s;
}
.special-events-test .schedule-table li:nth-child(29), .special-events .schedule-table li:nth-child(29) {
  -webkit-transition: all 0.6s ease 2.9s;
  transition: all 0.6s ease 2.9s;
}
.special-events-test .schedule-table li:nth-child(30), .special-events .schedule-table li:nth-child(30) {
  -webkit-transition: all 0.6s ease 3s;
  transition: all 0.6s ease 3s;
}
.special-events-test .schedule-table li:nth-child(31), .special-events .schedule-table li:nth-child(31) {
  -webkit-transition: all 0.6s ease 3.1s;
  transition: all 0.6s ease 3.1s;
}
.special-events-test .schedule-table li:nth-child(32), .special-events .schedule-table li:nth-child(32) {
  -webkit-transition: all 0.6s ease 3.2s;
  transition: all 0.6s ease 3.2s;
}
.special-events-test .schedule-table li:nth-child(33), .special-events .schedule-table li:nth-child(33) {
  -webkit-transition: all 0.6s ease 3.3s;
  transition: all 0.6s ease 3.3s;
}
.special-events-test .schedule-table li:nth-child(34), .special-events .schedule-table li:nth-child(34) {
  -webkit-transition: all 0.6s ease 3.4s;
  transition: all 0.6s ease 3.4s;
}
.special-events-test .schedule-table li:nth-child(35), .special-events .schedule-table li:nth-child(35) {
  -webkit-transition: all 0.6s ease 3.5s;
  transition: all 0.6s ease 3.5s;
}
.special-events-test .schedule-table li:nth-child(36), .special-events .schedule-table li:nth-child(36) {
  -webkit-transition: all 0.6s ease 3.6s;
  transition: all 0.6s ease 3.6s;
}
.special-events-test .schedule-table li:nth-child(37), .special-events .schedule-table li:nth-child(37) {
  -webkit-transition: all 0.6s ease 3.7s;
  transition: all 0.6s ease 3.7s;
}
.special-events-test .schedule-table li:nth-child(38), .special-events .schedule-table li:nth-child(38) {
  -webkit-transition: all 0.6s ease 3.8s;
  transition: all 0.6s ease 3.8s;
}
.special-events-test .schedule-table li:nth-child(39), .special-events .schedule-table li:nth-child(39) {
  -webkit-transition: all 0.6s ease 3.9s;
  transition: all 0.6s ease 3.9s;
}
.special-events-test .schedule-table li:nth-child(40), .special-events .schedule-table li:nth-child(40) {
  -webkit-transition: all 0.6s ease 4s;
  transition: all 0.6s ease 4s;
}
.special-events-test .schedule-table__header, .special-events .schedule-table__header {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.special-events-test .schedule-table__row, .special-events .schedule-table__row {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
  padding: 0 0 0.1rem 0;
}
.special-events-test .schedule-table__row:before, .special-events .schedule-table__row:before {
  content: "";
  position: absolute;
  width: calc(100% - 4rem);
  height: 0.1rem;
  bottom: 0;
  left: 2rem;
  background: #5d9632;
}
.special-events-test .schedule-table__row-title, .special-events-test .schedule-table__row-time, .special-events-test .schedule-table__row-location, .special-events .schedule-table__row-title, .special-events .schedule-table__row-time, .special-events .schedule-table__row-location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 2rem;
  vertical-align: top;
}
.special-events-test .schedule-table__row-title [class*=material-icons], .special-events-test .schedule-table__row-time [class*=material-icons], .special-events-test .schedule-table__row-location [class*=material-icons], .special-events .schedule-table__row-title [class*=material-icons], .special-events .schedule-table__row-time [class*=material-icons], .special-events .schedule-table__row-location [class*=material-icons] {
  font-size: 2rem;
  margin: 0 0.5rem 0 0;
}
.special-events-test .schedule-table__row-title, .special-events .schedule-table__row-title {
  width: 100%;
  padding: 1rem 2rem 0 2rem;
}
@media screen and (min-width: 768px) {
  .special-events-test .schedule-table__row-title, .special-events .schedule-table__row-title {
    width: calc(100% - 37rem);
    padding: 1rem 2rem;
  }
}
.special-events-test .schedule-table__row-time, .special-events .schedule-table__row-time {
  width: 12.5rem;
}
.special-events-test .schedule-table__row-location, .special-events .schedule-table__row-location {
  width: calc(100% - 12.5rem);
}
@media screen and (min-width: 768px) {
  .special-events-test .schedule-table__row-location, .special-events .schedule-table__row-location {
    width: 24.5rem;
  }
}
.special-events-test .schedule-table .schedule-table__row + .schedule-table__header, .special-events .schedule-table .schedule-table__row + .schedule-table__header {
  margin: 4rem 0 0 0;
}
.special-events-test .schedule-table.anin:not(.in-view) li, .special-events .schedule-table.anin:not(.in-view) li {
  -webkit-transform: translateY(4rem);
          transform: translateY(4rem);
  opacity: 0;
}
.special-events-test .event-list-footer, .special-events .event-list-footer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  padding: 0;
}
.special-events-test .event-list-footer .event-list-index, .special-events .event-list-footer .event-list-index {
  width: auto;
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin: 0 0 2rem 0;
  padding: 0;
  vertical-align: top;
}
.special-events-test .event-list-footer .event-list-pagination, .special-events .event-list-footer .event-list-pagination {
  width: auto;
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin: 0 0 2rem 0;
  padding: 0;
  vertical-align: top;
}
.special-events-test .event-list-footer .event-list-pagination a, .special-events-test .event-list-footer .event-list-pagination span, .special-events .event-list-footer .event-list-pagination a, .special-events .event-list-footer .event-list-pagination span {
  display: inline-block;
  margin: 0 1rem;
  font-size: 1.8rem;
  line-height: 2.5rem;
  vertical-align: top;
}
.special-events-test .CalendarMonth .CalendarMonthNavigation h2.box, .special-events .CalendarMonth .CalendarMonthNavigation h2.box {
  font-size: 3.7rem;
  position: relative;
}
.special-events-test .CalendarMonth .CalendarMonthNavigation h2.box > svg, .special-events .CalendarMonth .CalendarMonthNavigation h2.box > svg {
  position: absolute;
  top: 50%;
  margin: 0;
  right: -5px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.special-events-test .CalendarMonth .CalendarMonthNavigation .rmp-container .rmp-popup, .special-events .CalendarMonth .CalendarMonthNavigation .rmp-container .rmp-popup {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  border: 1px solid #0080c5;
  background-color: #0080c5;
}
.special-events-test .CalendarMonth .CalendarMonthNavigation .rmp-container .rmp-popup .rmp-pad, .special-events .CalendarMonth .CalendarMonthNavigation .rmp-container .rmp-popup .rmp-pad {
  background-color: #fff;
}
.special-events-test .CalendarMonth .CalendarMonthNavigation .rmp-container .rmp-popup .rmp-pad > div label, .special-events .CalendarMonth .CalendarMonthNavigation .rmp-container .rmp-popup .rmp-pad > div label {
  color: #0080c5;
}
.special-events-test .CalendarMonth .CalendarMonthNavigation .rmp-container .rmp-popup .rmp-pad > div i, .special-events .CalendarMonth .CalendarMonthNavigation .rmp-container .rmp-popup .rmp-pad > div i {
  color: #0080c5;
}
.special-events-test .CalendarMonth .CalendarMonthNavigation .rmp-container .rmp-popup .rmp-pad > ul li, .special-events .CalendarMonth .CalendarMonthNavigation .rmp-container .rmp-popup .rmp-pad > ul li {
  color: #0080c5;
}
.special-events-test .CalendarMonth .CalendarMonth__content .CalendarMonth__header .CalendarMonth__header_label, .special-events .CalendarMonth .CalendarMonth__content .CalendarMonth__header .CalendarMonth__header_label {
  font-size: 1.7rem;
  font-weight: bold;
  padding: 1.5rem;
  background-color: #0080c5;
}
.special-events-test .CalendarMonth .CalendarMonth__content .CalendarMonth__rows .CalendarMonth__row .CalendarGridDay .CalendarGridDay__header, .special-events .CalendarMonth .CalendarMonth__content .CalendarMonth__rows .CalendarMonth__row .CalendarGridDay .CalendarGridDay__header {
  color: #0080c5;
  font-size: 1.8rem;
  padding: 1rem;
  background-color: #FFF;
}
.special-events-test .CalendarMonth .CalendarMonth__content .CalendarMonth__rows .CalendarMonth__row .CalendarGridDay.CalendarGridDay--current-day .CalendarGridDay__header, .special-events .CalendarMonth .CalendarMonth__content .CalendarMonth__rows .CalendarMonth__row .CalendarGridDay.CalendarGridDay--current-day .CalendarGridDay__header {
  background-color: #bf311a;
  border-color: #bf311a;
}
.special-events-test .CalendarMonth .CalendarMonth__content .CalendarMonth__rows .CalendarMonth__row .CalendarGridDay:not(.CalendarGridDay--current-month):not(.CalendarGridDay--current-day) .CalendarGridDay__header, .special-events .CalendarMonth .CalendarMonth__content .CalendarMonth__rows .CalendarMonth__row .CalendarGridDay:not(.CalendarGridDay--current-month):not(.CalendarGridDay--current-day) .CalendarGridDay__header {
  background-color: rgba(255, 255, 255, 0.3);
}
.special-events-test .CalendarGridDayEventPopover h3, .special-events .CalendarGridDayEventPopover h3 {
  font: bold 2.4rem "Roboto", sans-serif;
}
.special-events-test .CalendarMenu, .special-events .CalendarMenu {
  margin: 24px 0 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.special-events-test .CalendarMenu .CalendarMenuCenter, .special-events .CalendarMenu .CalendarMenuCenter {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}
.special-events-test .CalendarMenu .CalendarMenuCenter a, .special-events .CalendarMenu .CalendarMenuCenter a {
  border: 2px solid #bf311a;
  color: #FFF;
  font: bold 1.8rem "Roboto", sans-serif;
  margin: 0;
  letter-spacing: 1px;
  padding: 8px 0;
  text-decoration: none !important;
  -webkit-transition: all 0.44s ease;
  transition: all 0.44s ease;
  text-transform: uppercase;
  width: 160px;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.special-events-test .CalendarMenu .CalendarMenuCenter a:first-child, .special-events .CalendarMenu .CalendarMenuCenter a:first-child {
  border-radius: 40px 0 0 40px;
}
.special-events-test .CalendarMenu .CalendarMenuCenter a:last-child, .special-events .CalendarMenu .CalendarMenuCenter a:last-child {
  border-radius: 0 40px 40px 0;
}
.special-events-test .CalendarMenu .CalendarMenuCenter a:hover, .special-events .CalendarMenu .CalendarMenuCenter a:hover {
  color: #FFF;
  background: #bf311a;
}
.special-events-test .CalendarMenu .CalendarMenuCenter a.CalendarMenu__currentItem, .special-events .CalendarMenu .CalendarMenuCenter a.CalendarMenu__currentItem {
  background: #bf311a;
  border-bottom: 2px solid #bf311a;
  pointer-events: none;
}
.special-events-test .swCalEvents .events .CalendarListEvent, .special-events .swCalEvents .events .CalendarListEvent {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 4rem;
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__header, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__header {
  aspect-ratio: 16/9;
  position: relative;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: none;
  height: auto;
  margin: 0 0 2rem;
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__header img, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__header img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__header, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__header {
    margin: 0;
  }
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__header .CalendarListEvent__header_date, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__header .CalendarListEvent__header_date {
  background: #0080c5;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 50px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 50px;
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__header .CalendarListEvent__header_date .CalendarListEvent__header_date-date, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__header .CalendarListEvent__header_date .CalendarListEvent__header_date-date {
  font: bold 2.4rem "Roboto", sans-serif;
  position: absolute;
  left: 50%;
  line-height: 1.5;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__header .CalendarListEvent__header_date .CalendarListEvent__header_date-month, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__header .CalendarListEvent__header_date .CalendarListEvent__header_date-month {
  font: normal 1.2rem "Roboto", sans-serif;
  letter-spacing: 1px;
  position: absolute;
  bottom: 5px;
  left: 50%;
  text-transform: uppercase;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__header .CalendarListEvent__header_end-date, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__header .CalendarListEvent__header_end-date {
  left: 50px;
  background: #0080c5;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 50px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  top: 0;
  text-align: center;
  width: 50px;
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__header .CalendarListEvent__header_end-date::before, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__header .CalendarListEvent__header_end-date::before {
  background: white;
  content: "";
  height: 2px;
  position: absolute;
  top: 50%;
  left: -5px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__header .CalendarListEvent__header_end-date .CalendarListEvent__header_date-date, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__header .CalendarListEvent__header_end-date .CalendarListEvent__header_date-date {
  font: bold 2.4rem "Roboto", sans-serif;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__header .CalendarListEvent__header_end-date .CalendarListEvent__header_date-month, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__header .CalendarListEvent__header_end-date .CalendarListEvent__header_date-month {
  font: normal 1.2rem "Roboto", sans-serif;
  letter-spacing: 1px;
  position: absolute;
  bottom: 5px;
  left: 50%;
  text-transform: uppercase;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__header .EventFeaturedImage, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__header .EventFeaturedImage {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__title, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__title {
  font: bold 2.4rem "Roboto", sans-serif;
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__meta, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.5rem 0;
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__meta .CalendarListEvent__date_time,
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__meta .CalendarListEvent__location,
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__meta .CalendarListEvent__tickets, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__meta .CalendarListEvent__date_time,
.special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__meta .CalendarListEvent__location,
.special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__meta .CalendarListEvent__tickets {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  font: normal 1.8rem "Roboto", sans-serif;
  padding: 0;
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__meta .CalendarListEvent__location, .special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__meta .CalendarListEvent__tickets, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__meta .CalendarListEvent__location, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__meta .CalendarListEvent__tickets {
  margin-left: 5px;
  gap: 0.5rem;
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__meta .CalendarListEvent__tickets, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__meta .CalendarListEvent__tickets {
  color: #bf311a;
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__meta .CalendarListEvent__tickets a, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__meta .CalendarListEvent__tickets a {
  color: #bf311a;
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__meta .CalendarListEvent__tickets a:hover, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__meta .CalendarListEvent__tickets a:hover {
  color: #bf311a;
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__meta .CalendarListEvent__tickets span, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__meta .CalendarListEvent__tickets span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__description, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__description {
  color: #231f20;
  font: normal 1.6rem "Roboto", sans-serif;
  line-height: 1.6;
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__description .truncted, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__description .truncted {
  display: block;
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__description .truncted.hide, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__description .truncted.hide {
  display: none;
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__description .full, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__description .full {
  display: block;
  overflow: hidden;
  max-height: 0px;
  -webkit-transition: max-height 0.33s ease;
  transition: max-height 0.33s ease;
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__description .full.active, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__description .full.active {
  max-height: 1000px;
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__description .learn-more, .special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__description .expand-description, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__description .learn-more, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__description .expand-description {
  display: inline;
  color: #5d9632;
  font-weight: bold;
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__description .learn-more:hover, .special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__description .expand-description:hover, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__description .learn-more:hover, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__description .expand-description:hover {
  color: #0080c5;
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__description .collapse-description, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__description .collapse-description {
  color: #5d9632;
  font-weight: bold;
  display: block;
  margin: 3rem 0 0;
  width: 100%;
}
.special-events-test .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__description .collapse-description:hover, .special-events .swCalEvents .events .CalendarListEvent .CalendarListEvent__content .CalendarListEvent__description .collapse-description:hover {
  color: #0080c5;
}
@media screen and (max-width: 767px) {
  .special-events-test .CalendarMonthFilter__dateRange, .special-events .CalendarMonthFilter__dateRange {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .special-events-test .CalendarMonthFilter__dateRange .CalendarMonthFilter__date, .special-events .CalendarMonthFilter__dateRange .CalendarMonthFilter__date {
    width: 100%;
  }
  .special-events-test .CalendarMonth .CalendarMonth__header .CalendarMonth__header_label, .special-events .CalendarMonth .CalendarMonth__header .CalendarMonth__header_label {
    font-size: 1rem !important;
  }
  .special-events-test .CalendarMonth .CalendarMonth__rows .CalendarMonth__row .CalendarGridDay, .special-events .CalendarMonth .CalendarMonth__rows .CalendarMonth__row .CalendarGridDay {
    min-height: 10rem;
  }
}
.special-events-test .CalendarEvent__meta > h3, .special-events .CalendarEvent__meta > h3 {
  padding: 0;
}
.special-events-test .CalendarEvent__meta > h3:nth-of-type(2), .special-events .CalendarEvent__meta > h3:nth-of-type(2) {
  display: none;
}
.special-events-test .CalendarEvent__meta .CalendarEvent__date_time, .special-events .CalendarEvent__meta .CalendarEvent__date_time {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font: normal 1.8rem "Roboto", sans-serif;
}
.special-events-test .CalendarEvent__meta .CalendarEvent__contactName, .special-events .CalendarEvent__meta .CalendarEvent__contactName {
  display: none;
  font: normal 1.8rem "Roboto", sans-serif;
}
.special-events-test .CalendarEvent__meta .CalendarEvent__contactName .CalendarEvent__contactNameLabel, .special-events .CalendarEvent__meta .CalendarEvent__contactName .CalendarEvent__contactNameLabel {
  margin-right: 5px;
  font: bold 1.8rem "Roboto", sans-serif;
}
.special-events-test .CalendarEvent__meta .CalendarEvent__detailLinkContainer, .special-events .CalendarEvent__meta .CalendarEvent__detailLinkContainer {
  font: normal 1.8rem "Roboto", sans-serif;
}
.special-events-test .CalendarEvent__meta .CalendarEvent__detailLinkContainer a.CalendarEvent__detailLink, .special-events .CalendarEvent__meta .CalendarEvent__detailLinkContainer a.CalendarEvent__detailLink {
  display: inline;
  color: #bf311a;
  font-weight: bold;
}

.image-banner {
  aspect-ratio: 3/1;
  margin-top: 70px;
  position: relative;
}
.image-banner img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.map-cta {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 4rem 0 0 0;
}
@media screen and (min-width: 992px) {
  .map-cta {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 20rem 0 0 0;
  }
}
.map-cta__image {
  bottom: -10px;
  display: none;
  position: absolute;
  right: 0;
  max-width: 1550px;
}
@media screen and (min-width: 992px) {
  .map-cta__image {
    display: inline-block;
  }
}
.map-cta__image img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}
.map-cta__image-mobile {
  display: inline-block;
  position: absolute;
  height: 65%;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .map-cta__image-mobile {
    display: none;
  }
}
.map-cta__image-mobile img {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  height: 100%;
  width: 100%;
}
.map-cta__content {
  width: calc(100% - 5rem);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 5rem;
  background: white;
  margin: 0 0 6rem;
  z-index: 1;
}
@media screen and (min-width: 992px) {
  .map-cta__content {
    -webkit-box-shadow: none;
            box-shadow: none;
    margin: 0 0 25rem 15%;
    max-width: 420px;
    padding: 0;
    width: 100%;
  }
}
@media screen and (min-width: 1600px) {
  .map-cta__content {
    margin: 0 0 30rem 20%;
  }
}

.stylized-split {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3rem;
  padding: 0;
}
.stylized-split p {
  margin-bottom: 1rem;
}
@media screen and (min-width: 1080px) {
  .stylized-split {
    gap: 6rem;
    margin: 8rem 0 0;
    padding: 6rem 6rem;
  }
}
.stylized-split > div {
  width: 100%;
}
@media screen and (min-width: 1080px) {
  .stylized-split > div {
    width: calc(50% - 3rem);
  }
}
.stylized-split__image-container {
  aspect-ratio: 16/9;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6rem;
  position: relative;
}
.stylized-split__image-container img {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  height: 100%;
  width: auto;
}
.stylized-split__image-container.yellow {
  background: url(images/halftone.png), #fcd21f;
}
.stylized-split__image-container.red {
  background: url(images/halftone.png), #bf311a;
}
.stylized-split__image-container.blue {
  background: url(images/halftone.png), #0080c5;
}
.stylized-split__image-container:after {
  background-image: url(images/ripped-border.png);
  background-size: cover;
  bottom: 0;
  left: 0;
  content: "";
  height: 30px;
  position: absolute;
  width: 100%;
  z-index: 3;
}
.stylized-split__image-container:before {
  background-image: url(images/ripped-border.png);
  background-size: cover;
  top: 0;
  left: 0;
  content: "";
  height: 30px;
  position: absolute;
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
  width: 100%;
  z-index: 3;
}
.stylized-split__right {
  padding: 0 3rem;
}
@media screen and (min-width: 1080px) {
  .stylized-split__right {
    padding: 0;
  }
}
.stylized-split__masks {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.stylized-split__masks:after {
  background-image: url(images/ripped-border-vertical.png);
  background-size: cover;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  position: absolute;
  width: 50px;
  z-index: 3;
}
.stylized-split__masks:before {
  background-image: url(images/ripped-border-vertical.png);
  background-size: cover;
  top: 0;
  right: 0;
  content: "";
  height: 100%;
  position: absolute;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  width: 50px;
  z-index: 3;
}

.rides {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 3rem;
  position: relative;
  margin: 0 auto 3rem;
  max-width: 1400px;
}
@media screen and (min-width: 1080px) {
  .rides {
    padding: 3rem 6rem;
  }
}
.rides__wrapper {
  gap: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ride {
  background: #0080c5;
  color: white;
  width: 100%;
}
.ride__text {
  padding: 3rem;
}
.ride__image {
  aspect-ratio: 16/11;
  position: relative;
  width: 100%;
}
.ride__image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  position: absolute;
  height: 100%;
}
.ride__title {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.1;
}
.ride__header {
  margin-bottom: 1rem;
}
.ride__content p {
  line-height: 1;
  margin-bottom: 0.5rem;
}
.ride__content br {
  display: none;
}

.tns-controls-rides {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 3rem 0 0;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 1680px) {
  .tns-controls-rides {
    left: -100px;
    margin: 0;
    position: absolute;
    width: calc(100% + 200px);
  }
}
.tns-controls-rides button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(images/halftone.png), #fcd21f;
  border: none;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 80px;
  width: 80px;
}
.tns-controls-rides button img {
  width: 28px;
}
.tns-controls-rides button:disabled {
  opacity: 0.5;
}

@-webkit-keyframes enlarge {
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

@keyframes enlarge {
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@-webkit-keyframes thunder {
  25% {
    opacity: 0.5;
    background-color: #FDD023;
  }
  50% {
    background-color: #000;
    opacity: 0.2;
  }
  100% {
    opacity: 0.7;
    background-color: #FDD023;
  }
}
@keyframes thunder {
  25% {
    opacity: 0.5;
    background-color: #FDD023;
  }
  50% {
    background-color: #000;
    opacity: 0.2;
  }
  100% {
    opacity: 0.7;
    background-color: #FDD023;
  }
}
.weather-block {
  overflow: hidden;
  color: white;
  z-index: 10;
  position: relative;
  margin: 0;
  height: 100px;
  width: 100%;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.condition {
  z-index: 1000;
  position: absolute;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 20px;
  left: 20px;
  top: 10px;
  margin: 0;
}

.temp {
  z-index: 1000;
  position: absolute;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 35px;
  left: 20px;
  bottom: 5px;
  margin: 0;
}
.temp::after {
  content: "\f111";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  font-size: 10px;
  position: relative;
  left: 3px;
  bottom: 20px;
}

.time {
  z-index: 1000;
  position: absolute;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  right: 20px;
  top: 10px;
}

.location {
  z-index: 1000;
  position: absolute;
  font-family: "Roboto", sans-serif;
  font-size: 19px;
  right: 20px;
  bottom: 15px;
}
.location::before {
  font-family: "Font Awesome 5 Free";
  content: "\f3c5";
  font-weight: 900;
  margin-right: 4px;
}

.rain-drops {
  display: none;
}

.lightning {
  display: none;
}

.weather-block.thunderstorms {
  background-color: #4f6c83;
}
.weather-block.thunderstorms .circle1 {
  z-index: 100;
  position: absolute;
  height: 80px;
  width: 80px;
  right: -20px;
  top: -30px;
  border-radius: 50%;
  background-color: #003366;
  opacity: 0.8;
  -webkit-animation: enlarge;
          animation: enlarge;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.weather-block.thunderstorms .circle2 {
  display: none;
}
.weather-block.thunderstorms .lightning {
  z-index: 80;
  display: block;
  position: absolute;
  height: 150px;
  width: 150px;
  right: -50px;
  top: -70px;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.2;
  -webkit-animation: thunder, enlarge;
          animation: thunder, enlarge;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.weather-block.thunderstorms .circle3 {
  z-index: 50;
  position: absolute;
  height: 200px;
  width: 200px;
  right: -50px;
  top: -100px;
  border-radius: 50%;
  background-color: #003366;
  opacity: 0.2;
  -webkit-animation: enlarge;
          animation: enlarge;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.weather-block.thunderstorms .condition::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0e7";
  font-weight: 900;
  margin-right: 6px;
  font-size: 16px;
}
.weather-block.thunderstorms.nighttime {
  background-color: #000;
}
.weather-block.thunderstorms.nighttime .circle1 {
  background-color: #1a1a1a;
}
.weather-block.thunderstorms.nighttime .circle3 {
  background-color: #333333;
}

.weather-block.sunny {
  background-color: #F17022;
}
.weather-block.sunny .circle1 {
  z-index: 100;
  position: absolute;
  height: 80px;
  width: 80px;
  right: -20px;
  top: -30px;
  border-radius: 50%;
  background-color: rgb(253, 184, 19);
  -webkit-animation: enlarge;
          animation: enlarge;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.weather-block.sunny .circle2 {
  z-index: 80;
  position: absolute;
  height: 150px;
  width: 150px;
  right: -50px;
  top: -70px;
  border-radius: 50%;
  background-color: rgba(246, 140, 31, 0.7);
  -webkit-animation: enlarge;
          animation: enlarge;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.weather-block.sunny .circle3 {
  z-index: 50;
  position: absolute;
  height: 200px;
  width: 200px;
  right: -50px;
  top: -100px;
  border-radius: 50%;
  background-color: rgba(241, 125, 45, 0.7);
  -webkit-animation: enlarge;
          animation: enlarge;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.weather-block.sunny .condition::before {
  font-family: "Font Awesome 5 Free";
  content: "\f185";
  font-weight: 900;
  margin-right: 6px;
  font-size: 16px;
}
.weather-block.sunny.nighttime {
  background-color: #000;
}
.weather-block.sunny.nighttime .circle1 {
  background-color: #FFF;
}
.weather-block.sunny.nighttime .circle2 {
  background-color: #b3b3b3;
}
.weather-block.sunny.nighttime .circle3 {
  background-color: #4d4d4d;
}
.weather-block.sunny.nighttime .time {
  color: #000;
}

.weather-block.snow {
  background-color: #d4d8db;
}
.weather-block.snow .circle1 {
  z-index: 100;
  position: absolute;
  height: 80px;
  width: 80px;
  right: -20px;
  top: -30px;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.3;
  -webkit-animation: enlarge;
          animation: enlarge;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.weather-block.snow .circle2 {
  z-index: 80;
  position: absolute;
  height: 150px;
  width: 150px;
  right: -50px;
  top: -70px;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.2;
  -webkit-animation: enlarge;
          animation: enlarge;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.weather-block.snow .circle3 {
  z-index: 50;
  position: absolute;
  height: 200px;
  width: 200px;
  right: -50px;
  top: -100px;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.1;
  -webkit-animation: enlarge;
          animation: enlarge;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.weather-block.snow .rain-drops {
  display: block;
}
.weather-block.snow .condition, .weather-block.snow .time, .weather-block.snow .temp, .weather-block.snow .location {
  color: #5a5b5c;
}
.weather-block.snow .condition::before {
  font-family: "Font Awesome 5 Free";
  content: "\f2dc";
  font-weight: 900;
  margin-right: 6px;
  font-size: 16px;
}
.weather-block.snow.nighttime {
  background-color: #000;
}
.weather-block.snow.nighttime .circle1 {
  background-color: #666666;
}
.weather-block.snow.nighttime .circle2 {
  background-color: #4d4d4d;
}
.weather-block.snow.nighttime .circle3 {
  background-color: #666666;
}
.weather-block.snow.nighttime .condition, .weather-block.snow.nighttime .time, .weather-block.snow.nighttime .temp, .weather-block.snow.nighttime .location {
  color: #FFF;
}

.snow.nighttime .rain-drop {
  background: #FFF;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFF));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FFF 100%);
  height: 5px;
  position: absolute;
  width: 3px;
}

.snow .rain-drop {
  background: #FFF;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#000));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #000 100%);
  height: 5px;
  position: absolute;
  width: 3px;
}

.snow .rain-drop:nth-of-type(1) {
  -webkit-animation-name: snow-1;
          animation-name: snow-1;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 27%;
  opacity: 0.6;
  top: -72%;
}

@-webkit-keyframes snow-1 {
  0% {
    left: 27%;
    opacity: 0.6;
    top: -72%;
  }
  100% {
    left: 90%;
    opacity: 0;
    top: 112%;
  }
}

@keyframes snow-1 {
  0% {
    left: 27%;
    opacity: 0.6;
    top: -72%;
  }
  100% {
    left: 90%;
    opacity: 0;
    top: 112%;
  }
}
.snow .rain-drop:nth-of-type(2) {
  -webkit-animation-name: snow-2;
          animation-name: snow-2;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 31%;
  opacity: 0.32;
  top: -76%;
}

@-webkit-keyframes snow-2 {
  0% {
    left: 31%;
    opacity: 0.32;
    top: -76%;
  }
  100% {
    left: 20%;
    opacity: 0;
    top: 116%;
  }
}

@keyframes snow-2 {
  0% {
    left: 31%;
    opacity: 0.32;
    top: -76%;
  }
  100% {
    left: 20%;
    opacity: 0;
    top: 116%;
  }
}
.snow .rain-drop:nth-of-type(3) {
  -webkit-animation-name: snow-3;
          animation-name: snow-3;
  -webkit-animation-delay: 14s;
          animation-delay: 14s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 98%;
  opacity: 0.31;
  top: -75%;
}

@-webkit-keyframes snow-3 {
  0% {
    left: 98%;
    opacity: 0.31;
    top: -75%;
  }
  100% {
    left: 98%;
    opacity: 0;
    top: 115%;
  }
}

@keyframes snow-3 {
  0% {
    left: 98%;
    opacity: 0.31;
    top: -75%;
  }
  100% {
    left: 98%;
    opacity: 0;
    top: 115%;
  }
}
.snow .rain-drop:nth-of-type(4) {
  -webkit-animation-name: snow-4;
          animation-name: snow-4;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 4%;
  opacity: 0.45;
  top: -65%;
}

@-webkit-keyframes snow-4 {
  0% {
    left: 4%;
    opacity: 0.45;
    top: -65%;
  }
  100% {
    left: 44%;
    opacity: 0;
    top: 105%;
  }
}

@keyframes snow-4 {
  0% {
    left: 4%;
    opacity: 0.45;
    top: -65%;
  }
  100% {
    left: 44%;
    opacity: 0;
    top: 105%;
  }
}
.snow .rain-drop:nth-of-type(5) {
  -webkit-animation-name: snow-5;
          animation-name: snow-5;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 98%;
  opacity: 0.34;
  top: -87%;
}

@-webkit-keyframes snow-5 {
  0% {
    left: 98%;
    opacity: 0.34;
    top: -87%;
  }
  100% {
    left: 14%;
    opacity: 0;
    top: 127%;
  }
}

@keyframes snow-5 {
  0% {
    left: 98%;
    opacity: 0.34;
    top: -87%;
  }
  100% {
    left: 14%;
    opacity: 0;
    top: 127%;
  }
}
.snow .rain-drop:nth-of-type(6) {
  -webkit-animation-name: snow-6;
          animation-name: snow-6;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 51%;
  opacity: 0.31;
  top: -67%;
}

@-webkit-keyframes snow-6 {
  0% {
    left: 51%;
    opacity: 0.31;
    top: -67%;
  }
  100% {
    left: 53%;
    opacity: 0;
    top: 107%;
  }
}

@keyframes snow-6 {
  0% {
    left: 51%;
    opacity: 0.31;
    top: -67%;
  }
  100% {
    left: 53%;
    opacity: 0;
    top: 107%;
  }
}
.snow .rain-drop:nth-of-type(7) {
  -webkit-animation-name: snow-7;
          animation-name: snow-7;
  -webkit-animation-delay: 17s;
          animation-delay: 17s;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 86%;
  opacity: 0.55;
  top: -96%;
}

@-webkit-keyframes snow-7 {
  0% {
    left: 86%;
    opacity: 0.55;
    top: -96%;
  }
  100% {
    left: 19%;
    opacity: 0;
    top: 136%;
  }
}

@keyframes snow-7 {
  0% {
    left: 86%;
    opacity: 0.55;
    top: -96%;
  }
  100% {
    left: 19%;
    opacity: 0;
    top: 136%;
  }
}
.snow .rain-drop:nth-of-type(8) {
  -webkit-animation-name: snow-8;
          animation-name: snow-8;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 17%;
  opacity: 0.39;
  top: -64%;
}

@-webkit-keyframes snow-8 {
  0% {
    left: 17%;
    opacity: 0.39;
    top: -64%;
  }
  100% {
    left: 4%;
    opacity: 0;
    top: 104%;
  }
}

@keyframes snow-8 {
  0% {
    left: 17%;
    opacity: 0.39;
    top: -64%;
  }
  100% {
    left: 4%;
    opacity: 0;
    top: 104%;
  }
}
.snow .rain-drop:nth-of-type(9) {
  -webkit-animation-name: snow-9;
          animation-name: snow-9;
  -webkit-animation-delay: 17s;
          animation-delay: 17s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 97%;
  opacity: 0.33;
  top: -53%;
}

@-webkit-keyframes snow-9 {
  0% {
    left: 97%;
    opacity: 0.33;
    top: -53%;
  }
  100% {
    left: 79%;
    opacity: 0;
    top: 93%;
  }
}

@keyframes snow-9 {
  0% {
    left: 97%;
    opacity: 0.33;
    top: -53%;
  }
  100% {
    left: 79%;
    opacity: 0;
    top: 93%;
  }
}
.snow .rain-drop:nth-of-type(10) {
  -webkit-animation-name: snow-10;
          animation-name: snow-10;
  -webkit-animation-delay: 19s;
          animation-delay: 19s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 6%;
  opacity: 0.58;
  top: -52%;
}

@-webkit-keyframes snow-10 {
  0% {
    left: 6%;
    opacity: 0.58;
    top: -52%;
  }
  100% {
    left: 41%;
    opacity: 0;
    top: 92%;
  }
}

@keyframes snow-10 {
  0% {
    left: 6%;
    opacity: 0.58;
    top: -52%;
  }
  100% {
    left: 41%;
    opacity: 0;
    top: 92%;
  }
}
.snow .rain-drop:nth-of-type(11) {
  -webkit-animation-name: snow-11;
          animation-name: snow-11;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 38%;
  opacity: 0.56;
  top: -91%;
}

@-webkit-keyframes snow-11 {
  0% {
    left: 38%;
    opacity: 0.56;
    top: -91%;
  }
  100% {
    left: 69%;
    opacity: 0;
    top: 131%;
  }
}

@keyframes snow-11 {
  0% {
    left: 38%;
    opacity: 0.56;
    top: -91%;
  }
  100% {
    left: 69%;
    opacity: 0;
    top: 131%;
  }
}
.snow .rain-drop:nth-of-type(12) {
  -webkit-animation-name: snow-12;
          animation-name: snow-12;
  -webkit-animation-delay: 19s;
          animation-delay: 19s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 85%;
  opacity: 0.41;
  top: -60%;
}

@-webkit-keyframes snow-12 {
  0% {
    left: 85%;
    opacity: 0.41;
    top: -60%;
  }
  100% {
    left: 8%;
    opacity: 0;
    top: 100%;
  }
}

@keyframes snow-12 {
  0% {
    left: 85%;
    opacity: 0.41;
    top: -60%;
  }
  100% {
    left: 8%;
    opacity: 0;
    top: 100%;
  }
}
.snow .rain-drop:nth-of-type(13) {
  -webkit-animation-name: snow-13;
          animation-name: snow-13;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 98%;
  opacity: 0.56;
  top: -60%;
}

@-webkit-keyframes snow-13 {
  0% {
    left: 98%;
    opacity: 0.56;
    top: -60%;
  }
  100% {
    left: 58%;
    opacity: 0;
    top: 100%;
  }
}

@keyframes snow-13 {
  0% {
    left: 98%;
    opacity: 0.56;
    top: -60%;
  }
  100% {
    left: 58%;
    opacity: 0;
    top: 100%;
  }
}
.snow .rain-drop:nth-of-type(14) {
  -webkit-animation-name: snow-14;
          animation-name: snow-14;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 53%;
  opacity: 0.52;
  top: -63%;
}

@-webkit-keyframes snow-14 {
  0% {
    left: 53%;
    opacity: 0.52;
    top: -63%;
  }
  100% {
    left: 69%;
    opacity: 0;
    top: 103%;
  }
}

@keyframes snow-14 {
  0% {
    left: 53%;
    opacity: 0.52;
    top: -63%;
  }
  100% {
    left: 69%;
    opacity: 0;
    top: 103%;
  }
}
.snow .rain-drop:nth-of-type(15) {
  -webkit-animation-name: snow-15;
          animation-name: snow-15;
  -webkit-animation-delay: 18s;
          animation-delay: 18s;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 63%;
  opacity: 0.59;
  top: -61%;
}

@-webkit-keyframes snow-15 {
  0% {
    left: 63%;
    opacity: 0.59;
    top: -61%;
  }
  100% {
    left: 66%;
    opacity: 0;
    top: 101%;
  }
}

@keyframes snow-15 {
  0% {
    left: 63%;
    opacity: 0.59;
    top: -61%;
  }
  100% {
    left: 66%;
    opacity: 0;
    top: 101%;
  }
}
.snow .rain-drop:nth-of-type(16) {
  -webkit-animation-name: snow-16;
          animation-name: snow-16;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 65%;
  opacity: 0.53;
  top: -84%;
}

@-webkit-keyframes snow-16 {
  0% {
    left: 65%;
    opacity: 0.53;
    top: -84%;
  }
  100% {
    left: 51%;
    opacity: 0;
    top: 124%;
  }
}

@keyframes snow-16 {
  0% {
    left: 65%;
    opacity: 0.53;
    top: -84%;
  }
  100% {
    left: 51%;
    opacity: 0;
    top: 124%;
  }
}
.snow .rain-drop:nth-of-type(17) {
  -webkit-animation-name: snow-17;
          animation-name: snow-17;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 30%;
  opacity: 0.54;
  top: -73%;
}

@-webkit-keyframes snow-17 {
  0% {
    left: 30%;
    opacity: 0.54;
    top: -73%;
  }
  100% {
    left: 99%;
    opacity: 0;
    top: 113%;
  }
}

@keyframes snow-17 {
  0% {
    left: 30%;
    opacity: 0.54;
    top: -73%;
  }
  100% {
    left: 99%;
    opacity: 0;
    top: 113%;
  }
}
.snow .rain-drop:nth-of-type(18) {
  -webkit-animation-name: snow-18;
          animation-name: snow-18;
  -webkit-animation-delay: 16s;
          animation-delay: 16s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 47%;
  opacity: 0.46;
  top: -66%;
}

@-webkit-keyframes snow-18 {
  0% {
    left: 47%;
    opacity: 0.46;
    top: -66%;
  }
  100% {
    left: 3%;
    opacity: 0;
    top: 106%;
  }
}

@keyframes snow-18 {
  0% {
    left: 47%;
    opacity: 0.46;
    top: -66%;
  }
  100% {
    left: 3%;
    opacity: 0;
    top: 106%;
  }
}
.snow .rain-drop:nth-of-type(19) {
  -webkit-animation-name: snow-19;
          animation-name: snow-19;
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 38%;
  opacity: 0.44;
  top: -84%;
}

@-webkit-keyframes snow-19 {
  0% {
    left: 38%;
    opacity: 0.44;
    top: -84%;
  }
  100% {
    left: 73%;
    opacity: 0;
    top: 124%;
  }
}

@keyframes snow-19 {
  0% {
    left: 38%;
    opacity: 0.44;
    top: -84%;
  }
  100% {
    left: 73%;
    opacity: 0;
    top: 124%;
  }
}
.snow .rain-drop:nth-of-type(20) {
  -webkit-animation-name: snow-20;
          animation-name: snow-20;
  -webkit-animation-delay: 19s;
          animation-delay: 19s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 80%;
  opacity: 0.38;
  top: -81%;
}

@-webkit-keyframes snow-20 {
  0% {
    left: 80%;
    opacity: 0.38;
    top: -81%;
  }
  100% {
    left: 4%;
    opacity: 0;
    top: 121%;
  }
}

@keyframes snow-20 {
  0% {
    left: 80%;
    opacity: 0.38;
    top: -81%;
  }
  100% {
    left: 4%;
    opacity: 0;
    top: 121%;
  }
}
.snow .rain-drop:nth-of-type(21) {
  -webkit-animation-name: snow-21;
          animation-name: snow-21;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 99%;
  opacity: 0.42;
  top: -53%;
}

@-webkit-keyframes snow-21 {
  0% {
    left: 99%;
    opacity: 0.42;
    top: -53%;
  }
  100% {
    left: 44%;
    opacity: 0;
    top: 93%;
  }
}

@keyframes snow-21 {
  0% {
    left: 99%;
    opacity: 0.42;
    top: -53%;
  }
  100% {
    left: 44%;
    opacity: 0;
    top: 93%;
  }
}
.snow .rain-drop:nth-of-type(22) {
  -webkit-animation-name: snow-22;
          animation-name: snow-22;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 67%;
  opacity: 0.38;
  top: -53%;
}

@-webkit-keyframes snow-22 {
  0% {
    left: 67%;
    opacity: 0.38;
    top: -53%;
  }
  100% {
    left: 36%;
    opacity: 0;
    top: 93%;
  }
}

@keyframes snow-22 {
  0% {
    left: 67%;
    opacity: 0.38;
    top: -53%;
  }
  100% {
    left: 36%;
    opacity: 0;
    top: 93%;
  }
}
.snow .rain-drop:nth-of-type(23) {
  -webkit-animation-name: snow-23;
          animation-name: snow-23;
  -webkit-animation-delay: 17s;
          animation-delay: 17s;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 26%;
  opacity: 0.38;
  top: -59%;
}

@-webkit-keyframes snow-23 {
  0% {
    left: 26%;
    opacity: 0.38;
    top: -59%;
  }
  100% {
    left: 78%;
    opacity: 0;
    top: 99%;
  }
}

@keyframes snow-23 {
  0% {
    left: 26%;
    opacity: 0.38;
    top: -59%;
  }
  100% {
    left: 78%;
    opacity: 0;
    top: 99%;
  }
}
.snow .rain-drop:nth-of-type(24) {
  -webkit-animation-name: snow-24;
          animation-name: snow-24;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 48%;
  opacity: 0.56;
  top: -93%;
}

@-webkit-keyframes snow-24 {
  0% {
    left: 48%;
    opacity: 0.56;
    top: -93%;
  }
  100% {
    left: 52%;
    opacity: 0;
    top: 133%;
  }
}

@keyframes snow-24 {
  0% {
    left: 48%;
    opacity: 0.56;
    top: -93%;
  }
  100% {
    left: 52%;
    opacity: 0;
    top: 133%;
  }
}
.snow .rain-drop:nth-of-type(25) {
  -webkit-animation-name: snow-25;
          animation-name: snow-25;
  -webkit-animation-delay: 17s;
          animation-delay: 17s;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 17%;
  opacity: 0.45;
  top: -90%;
}

@-webkit-keyframes snow-25 {
  0% {
    left: 17%;
    opacity: 0.45;
    top: -90%;
  }
  100% {
    left: 68%;
    opacity: 0;
    top: 130%;
  }
}

@keyframes snow-25 {
  0% {
    left: 17%;
    opacity: 0.45;
    top: -90%;
  }
  100% {
    left: 68%;
    opacity: 0;
    top: 130%;
  }
}
.snow .rain-drop:nth-of-type(26) {
  -webkit-animation-name: snow-26;
          animation-name: snow-26;
  -webkit-animation-delay: 13s;
          animation-delay: 13s;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 45%;
  opacity: 0.48;
  top: -54%;
}

@-webkit-keyframes snow-26 {
  0% {
    left: 45%;
    opacity: 0.48;
    top: -54%;
  }
  100% {
    left: 93%;
    opacity: 0;
    top: 94%;
  }
}

@keyframes snow-26 {
  0% {
    left: 45%;
    opacity: 0.48;
    top: -54%;
  }
  100% {
    left: 93%;
    opacity: 0;
    top: 94%;
  }
}
.snow .rain-drop:nth-of-type(27) {
  -webkit-animation-name: snow-27;
          animation-name: snow-27;
  -webkit-animation-delay: 17s;
          animation-delay: 17s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 90%;
  opacity: 0.55;
  top: -53%;
}

@-webkit-keyframes snow-27 {
  0% {
    left: 90%;
    opacity: 0.55;
    top: -53%;
  }
  100% {
    left: 39%;
    opacity: 0;
    top: 93%;
  }
}

@keyframes snow-27 {
  0% {
    left: 90%;
    opacity: 0.55;
    top: -53%;
  }
  100% {
    left: 39%;
    opacity: 0;
    top: 93%;
  }
}
.snow .rain-drop:nth-of-type(28) {
  -webkit-animation-name: snow-28;
          animation-name: snow-28;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 66%;
  opacity: 0.33;
  top: -63%;
}

@-webkit-keyframes snow-28 {
  0% {
    left: 66%;
    opacity: 0.33;
    top: -63%;
  }
  100% {
    left: 80%;
    opacity: 0;
    top: 103%;
  }
}

@keyframes snow-28 {
  0% {
    left: 66%;
    opacity: 0.33;
    top: -63%;
  }
  100% {
    left: 80%;
    opacity: 0;
    top: 103%;
  }
}
.snow .rain-drop:nth-of-type(29) {
  -webkit-animation-name: snow-29;
          animation-name: snow-29;
  -webkit-animation-delay: 19s;
          animation-delay: 19s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 42%;
  opacity: 0.42;
  top: -63%;
}

@-webkit-keyframes snow-29 {
  0% {
    left: 42%;
    opacity: 0.42;
    top: -63%;
  }
  100% {
    left: 47%;
    opacity: 0;
    top: 103%;
  }
}

@keyframes snow-29 {
  0% {
    left: 42%;
    opacity: 0.42;
    top: -63%;
  }
  100% {
    left: 47%;
    opacity: 0;
    top: 103%;
  }
}
.snow .rain-drop:nth-of-type(30) {
  -webkit-animation-name: snow-30;
          animation-name: snow-30;
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 49%;
  opacity: 0.53;
  top: -94%;
}

@-webkit-keyframes snow-30 {
  0% {
    left: 49%;
    opacity: 0.53;
    top: -94%;
  }
  100% {
    left: 34%;
    opacity: 0;
    top: 134%;
  }
}

@keyframes snow-30 {
  0% {
    left: 49%;
    opacity: 0.53;
    top: -94%;
  }
  100% {
    left: 34%;
    opacity: 0;
    top: 134%;
  }
}
.snow .rain-drop:nth-of-type(31) {
  -webkit-animation-name: snow-31;
          animation-name: snow-31;
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 42%;
  opacity: 0.33;
  top: -82%;
}

@-webkit-keyframes snow-31 {
  0% {
    left: 42%;
    opacity: 0.33;
    top: -82%;
  }
  100% {
    left: 34%;
    opacity: 0;
    top: 122%;
  }
}

@keyframes snow-31 {
  0% {
    left: 42%;
    opacity: 0.33;
    top: -82%;
  }
  100% {
    left: 34%;
    opacity: 0;
    top: 122%;
  }
}
.snow .rain-drop:nth-of-type(32) {
  -webkit-animation-name: snow-32;
          animation-name: snow-32;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 22%;
  opacity: 0.47;
  top: -95%;
}

@-webkit-keyframes snow-32 {
  0% {
    left: 22%;
    opacity: 0.47;
    top: -95%;
  }
  100% {
    left: 41%;
    opacity: 0;
    top: 135%;
  }
}

@keyframes snow-32 {
  0% {
    left: 22%;
    opacity: 0.47;
    top: -95%;
  }
  100% {
    left: 41%;
    opacity: 0;
    top: 135%;
  }
}
.snow .rain-drop:nth-of-type(33) {
  -webkit-animation-name: snow-33;
          animation-name: snow-33;
  -webkit-animation-delay: 16s;
          animation-delay: 16s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 48%;
  opacity: 0.48;
  top: -67%;
}

@-webkit-keyframes snow-33 {
  0% {
    left: 48%;
    opacity: 0.48;
    top: -67%;
  }
  100% {
    left: 61%;
    opacity: 0;
    top: 107%;
  }
}

@keyframes snow-33 {
  0% {
    left: 48%;
    opacity: 0.48;
    top: -67%;
  }
  100% {
    left: 61%;
    opacity: 0;
    top: 107%;
  }
}
.snow .rain-drop:nth-of-type(34) {
  -webkit-animation-name: snow-34;
          animation-name: snow-34;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 23%;
  opacity: 0.55;
  top: -85%;
}

@-webkit-keyframes snow-34 {
  0% {
    left: 23%;
    opacity: 0.55;
    top: -85%;
  }
  100% {
    left: 97%;
    opacity: 0;
    top: 125%;
  }
}

@keyframes snow-34 {
  0% {
    left: 23%;
    opacity: 0.55;
    top: -85%;
  }
  100% {
    left: 97%;
    opacity: 0;
    top: 125%;
  }
}
.snow .rain-drop:nth-of-type(35) {
  -webkit-animation-name: snow-35;
          animation-name: snow-35;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 99%;
  opacity: 0.56;
  top: -80%;
}

@-webkit-keyframes snow-35 {
  0% {
    left: 99%;
    opacity: 0.56;
    top: -80%;
  }
  100% {
    left: 99%;
    opacity: 0;
    top: 120%;
  }
}

@keyframes snow-35 {
  0% {
    left: 99%;
    opacity: 0.56;
    top: -80%;
  }
  100% {
    left: 99%;
    opacity: 0;
    top: 120%;
  }
}
.snow .rain-drop:nth-of-type(36) {
  -webkit-animation-name: snow-36;
          animation-name: snow-36;
  -webkit-animation-delay: 16s;
          animation-delay: 16s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 81%;
  opacity: 0.34;
  top: -94%;
}

@-webkit-keyframes snow-36 {
  0% {
    left: 81%;
    opacity: 0.34;
    top: -94%;
  }
  100% {
    left: 84%;
    opacity: 0;
    top: 134%;
  }
}

@keyframes snow-36 {
  0% {
    left: 81%;
    opacity: 0.34;
    top: -94%;
  }
  100% {
    left: 84%;
    opacity: 0;
    top: 134%;
  }
}
.snow .rain-drop:nth-of-type(37) {
  -webkit-animation-name: snow-37;
          animation-name: snow-37;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 2%;
  opacity: 0.55;
  top: -59%;
}

@-webkit-keyframes snow-37 {
  0% {
    left: 2%;
    opacity: 0.55;
    top: -59%;
  }
  100% {
    left: 24%;
    opacity: 0;
    top: 99%;
  }
}

@keyframes snow-37 {
  0% {
    left: 2%;
    opacity: 0.55;
    top: -59%;
  }
  100% {
    left: 24%;
    opacity: 0;
    top: 99%;
  }
}
.snow .rain-drop:nth-of-type(38) {
  -webkit-animation-name: snow-38;
          animation-name: snow-38;
  -webkit-animation-delay: 17s;
          animation-delay: 17s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 91%;
  opacity: 0.46;
  top: -70%;
}

@-webkit-keyframes snow-38 {
  0% {
    left: 91%;
    opacity: 0.46;
    top: -70%;
  }
  100% {
    left: 54%;
    opacity: 0;
    top: 110%;
  }
}

@keyframes snow-38 {
  0% {
    left: 91%;
    opacity: 0.46;
    top: -70%;
  }
  100% {
    left: 54%;
    opacity: 0;
    top: 110%;
  }
}
.snow .rain-drop:nth-of-type(39) {
  -webkit-animation-name: snow-39;
          animation-name: snow-39;
  -webkit-animation-delay: 11s;
          animation-delay: 11s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 5%;
  opacity: 0.49;
  top: -63%;
}

@-webkit-keyframes snow-39 {
  0% {
    left: 5%;
    opacity: 0.49;
    top: -63%;
  }
  100% {
    left: 52%;
    opacity: 0;
    top: 103%;
  }
}

@keyframes snow-39 {
  0% {
    left: 5%;
    opacity: 0.49;
    top: -63%;
  }
  100% {
    left: 52%;
    opacity: 0;
    top: 103%;
  }
}
.snow .rain-drop:nth-of-type(40) {
  -webkit-animation-name: snow-40;
          animation-name: snow-40;
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 9%;
  opacity: 0.49;
  top: -72%;
}

@-webkit-keyframes snow-40 {
  0% {
    left: 9%;
    opacity: 0.49;
    top: -72%;
  }
  100% {
    left: 86%;
    opacity: 0;
    top: 112%;
  }
}

@keyframes snow-40 {
  0% {
    left: 9%;
    opacity: 0.49;
    top: -72%;
  }
  100% {
    left: 86%;
    opacity: 0;
    top: 112%;
  }
}
.snow .rain-drop:nth-of-type(41) {
  -webkit-animation-name: snow-41;
          animation-name: snow-41;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 87%;
  opacity: 0.43;
  top: -57%;
}

@-webkit-keyframes snow-41 {
  0% {
    left: 87%;
    opacity: 0.43;
    top: -57%;
  }
  100% {
    left: 64%;
    opacity: 0;
    top: 97%;
  }
}

@keyframes snow-41 {
  0% {
    left: 87%;
    opacity: 0.43;
    top: -57%;
  }
  100% {
    left: 64%;
    opacity: 0;
    top: 97%;
  }
}
.snow .rain-drop:nth-of-type(42) {
  -webkit-animation-name: snow-42;
          animation-name: snow-42;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 90%;
  opacity: 0.53;
  top: -61%;
}

@-webkit-keyframes snow-42 {
  0% {
    left: 90%;
    opacity: 0.53;
    top: -61%;
  }
  100% {
    left: 3%;
    opacity: 0;
    top: 101%;
  }
}

@keyframes snow-42 {
  0% {
    left: 90%;
    opacity: 0.53;
    top: -61%;
  }
  100% {
    left: 3%;
    opacity: 0;
    top: 101%;
  }
}
.snow .rain-drop:nth-of-type(43) {
  -webkit-animation-name: snow-43;
          animation-name: snow-43;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 92%;
  opacity: 0.4;
  top: -62%;
}

@-webkit-keyframes snow-43 {
  0% {
    left: 92%;
    opacity: 0.4;
    top: -62%;
  }
  100% {
    left: 9%;
    opacity: 0;
    top: 102%;
  }
}

@keyframes snow-43 {
  0% {
    left: 92%;
    opacity: 0.4;
    top: -62%;
  }
  100% {
    left: 9%;
    opacity: 0;
    top: 102%;
  }
}
.snow .rain-drop:nth-of-type(44) {
  -webkit-animation-name: snow-44;
          animation-name: snow-44;
  -webkit-animation-delay: 11s;
          animation-delay: 11s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 100%;
  opacity: 0.6;
  top: -94%;
}

@-webkit-keyframes snow-44 {
  0% {
    left: 100%;
    opacity: 0.6;
    top: -94%;
  }
  100% {
    left: 22%;
    opacity: 0;
    top: 134%;
  }
}

@keyframes snow-44 {
  0% {
    left: 100%;
    opacity: 0.6;
    top: -94%;
  }
  100% {
    left: 22%;
    opacity: 0;
    top: 134%;
  }
}
.snow .rain-drop:nth-of-type(45) {
  -webkit-animation-name: snow-45;
          animation-name: snow-45;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 27%;
  opacity: 0.4;
  top: -70%;
}

@-webkit-keyframes snow-45 {
  0% {
    left: 27%;
    opacity: 0.4;
    top: -70%;
  }
  100% {
    left: 2%;
    opacity: 0;
    top: 110%;
  }
}

@keyframes snow-45 {
  0% {
    left: 27%;
    opacity: 0.4;
    top: -70%;
  }
  100% {
    left: 2%;
    opacity: 0;
    top: 110%;
  }
}
.snow .rain-drop:nth-of-type(46) {
  -webkit-animation-name: snow-46;
          animation-name: snow-46;
  -webkit-animation-delay: 16s;
          animation-delay: 16s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 69%;
  opacity: 0.5;
  top: -54%;
}

@-webkit-keyframes snow-46 {
  0% {
    left: 69%;
    opacity: 0.5;
    top: -54%;
  }
  100% {
    left: 62%;
    opacity: 0;
    top: 94%;
  }
}

@keyframes snow-46 {
  0% {
    left: 69%;
    opacity: 0.5;
    top: -54%;
  }
  100% {
    left: 62%;
    opacity: 0;
    top: 94%;
  }
}
.snow .rain-drop:nth-of-type(47) {
  -webkit-animation-name: snow-47;
          animation-name: snow-47;
  -webkit-animation-delay: 14s;
          animation-delay: 14s;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 98%;
  opacity: 0.57;
  top: -99%;
}

@-webkit-keyframes snow-47 {
  0% {
    left: 98%;
    opacity: 0.57;
    top: -99%;
  }
  100% {
    left: 54%;
    opacity: 0;
    top: 139%;
  }
}

@keyframes snow-47 {
  0% {
    left: 98%;
    opacity: 0.57;
    top: -99%;
  }
  100% {
    left: 54%;
    opacity: 0;
    top: 139%;
  }
}
.snow .rain-drop:nth-of-type(48) {
  -webkit-animation-name: snow-48;
          animation-name: snow-48;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 19%;
  opacity: 0.46;
  top: -67%;
}

@-webkit-keyframes snow-48 {
  0% {
    left: 19%;
    opacity: 0.46;
    top: -67%;
  }
  100% {
    left: 94%;
    opacity: 0;
    top: 107%;
  }
}

@keyframes snow-48 {
  0% {
    left: 19%;
    opacity: 0.46;
    top: -67%;
  }
  100% {
    left: 94%;
    opacity: 0;
    top: 107%;
  }
}
.snow .rain-drop:nth-of-type(49) {
  -webkit-animation-name: snow-49;
          animation-name: snow-49;
  -webkit-animation-delay: 11s;
          animation-delay: 11s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 33%;
  opacity: 0.39;
  top: -62%;
}

@-webkit-keyframes snow-49 {
  0% {
    left: 33%;
    opacity: 0.39;
    top: -62%;
  }
  100% {
    left: 17%;
    opacity: 0;
    top: 102%;
  }
}

@keyframes snow-49 {
  0% {
    left: 33%;
    opacity: 0.39;
    top: -62%;
  }
  100% {
    left: 17%;
    opacity: 0;
    top: 102%;
  }
}
.snow .rain-drop:nth-of-type(50) {
  -webkit-animation-name: snow-50;
          animation-name: snow-50;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 43%;
  opacity: 0.55;
  top: -79%;
}

@-webkit-keyframes snow-50 {
  0% {
    left: 43%;
    opacity: 0.55;
    top: -79%;
  }
  100% {
    left: 33%;
    opacity: 0;
    top: 119%;
  }
}

@keyframes snow-50 {
  0% {
    left: 43%;
    opacity: 0.55;
    top: -79%;
  }
  100% {
    left: 33%;
    opacity: 0;
    top: 119%;
  }
}
.snow .rain-drop:nth-of-type(51) {
  -webkit-animation-name: snow-51;
          animation-name: snow-51;
  -webkit-animation-delay: 14s;
          animation-delay: 14s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 43%;
  opacity: 0.58;
  top: -61%;
}

@-webkit-keyframes snow-51 {
  0% {
    left: 43%;
    opacity: 0.58;
    top: -61%;
  }
  100% {
    left: 50%;
    opacity: 0;
    top: 101%;
  }
}

@keyframes snow-51 {
  0% {
    left: 43%;
    opacity: 0.58;
    top: -61%;
  }
  100% {
    left: 50%;
    opacity: 0;
    top: 101%;
  }
}
.snow .rain-drop:nth-of-type(52) {
  -webkit-animation-name: snow-52;
          animation-name: snow-52;
  -webkit-animation-delay: 19s;
          animation-delay: 19s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 52%;
  opacity: 0.6;
  top: -64%;
}

@-webkit-keyframes snow-52 {
  0% {
    left: 52%;
    opacity: 0.6;
    top: -64%;
  }
  100% {
    left: 43%;
    opacity: 0;
    top: 104%;
  }
}

@keyframes snow-52 {
  0% {
    left: 52%;
    opacity: 0.6;
    top: -64%;
  }
  100% {
    left: 43%;
    opacity: 0;
    top: 104%;
  }
}
.snow .rain-drop:nth-of-type(53) {
  -webkit-animation-name: snow-53;
          animation-name: snow-53;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 26%;
  opacity: 0.39;
  top: -81%;
}

@-webkit-keyframes snow-53 {
  0% {
    left: 26%;
    opacity: 0.39;
    top: -81%;
  }
  100% {
    left: 52%;
    opacity: 0;
    top: 121%;
  }
}

@keyframes snow-53 {
  0% {
    left: 26%;
    opacity: 0.39;
    top: -81%;
  }
  100% {
    left: 52%;
    opacity: 0;
    top: 121%;
  }
}
.snow .rain-drop:nth-of-type(54) {
  -webkit-animation-name: snow-54;
          animation-name: snow-54;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 75%;
  opacity: 0.56;
  top: -81%;
}

@-webkit-keyframes snow-54 {
  0% {
    left: 75%;
    opacity: 0.56;
    top: -81%;
  }
  100% {
    left: 29%;
    opacity: 0;
    top: 121%;
  }
}

@keyframes snow-54 {
  0% {
    left: 75%;
    opacity: 0.56;
    top: -81%;
  }
  100% {
    left: 29%;
    opacity: 0;
    top: 121%;
  }
}
.snow .rain-drop:nth-of-type(55) {
  -webkit-animation-name: snow-55;
          animation-name: snow-55;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 92%;
  opacity: 0.45;
  top: -89%;
}

@-webkit-keyframes snow-55 {
  0% {
    left: 92%;
    opacity: 0.45;
    top: -89%;
  }
  100% {
    left: 45%;
    opacity: 0;
    top: 129%;
  }
}

@keyframes snow-55 {
  0% {
    left: 92%;
    opacity: 0.45;
    top: -89%;
  }
  100% {
    left: 45%;
    opacity: 0;
    top: 129%;
  }
}
.snow .rain-drop:nth-of-type(56) {
  -webkit-animation-name: snow-56;
          animation-name: snow-56;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 41%;
  opacity: 0.47;
  top: -59%;
}

@-webkit-keyframes snow-56 {
  0% {
    left: 41%;
    opacity: 0.47;
    top: -59%;
  }
  100% {
    left: 20%;
    opacity: 0;
    top: 99%;
  }
}

@keyframes snow-56 {
  0% {
    left: 41%;
    opacity: 0.47;
    top: -59%;
  }
  100% {
    left: 20%;
    opacity: 0;
    top: 99%;
  }
}
.snow .rain-drop:nth-of-type(57) {
  -webkit-animation-name: snow-57;
          animation-name: snow-57;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 83%;
  opacity: 0.6;
  top: -98%;
}

@-webkit-keyframes snow-57 {
  0% {
    left: 83%;
    opacity: 0.6;
    top: -98%;
  }
  100% {
    left: 34%;
    opacity: 0;
    top: 138%;
  }
}

@keyframes snow-57 {
  0% {
    left: 83%;
    opacity: 0.6;
    top: -98%;
  }
  100% {
    left: 34%;
    opacity: 0;
    top: 138%;
  }
}
.snow .rain-drop:nth-of-type(58) {
  -webkit-animation-name: snow-58;
          animation-name: snow-58;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 61%;
  opacity: 0.41;
  top: -63%;
}

@-webkit-keyframes snow-58 {
  0% {
    left: 61%;
    opacity: 0.41;
    top: -63%;
  }
  100% {
    left: 90%;
    opacity: 0;
    top: 103%;
  }
}

@keyframes snow-58 {
  0% {
    left: 61%;
    opacity: 0.41;
    top: -63%;
  }
  100% {
    left: 90%;
    opacity: 0;
    top: 103%;
  }
}
.snow .rain-drop:nth-of-type(59) {
  -webkit-animation-name: snow-59;
          animation-name: snow-59;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 94%;
  opacity: 0.32;
  top: -93%;
}

@-webkit-keyframes snow-59 {
  0% {
    left: 94%;
    opacity: 0.32;
    top: -93%;
  }
  100% {
    left: 62%;
    opacity: 0;
    top: 133%;
  }
}

@keyframes snow-59 {
  0% {
    left: 94%;
    opacity: 0.32;
    top: -93%;
  }
  100% {
    left: 62%;
    opacity: 0;
    top: 133%;
  }
}
.snow .rain-drop:nth-of-type(60) {
  -webkit-animation-name: snow-60;
          animation-name: snow-60;
  -webkit-animation-delay: 16s;
          animation-delay: 16s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 68%;
  opacity: 0.44;
  top: -77%;
}

@-webkit-keyframes snow-60 {
  0% {
    left: 68%;
    opacity: 0.44;
    top: -77%;
  }
  100% {
    left: 27%;
    opacity: 0;
    top: 117%;
  }
}

@keyframes snow-60 {
  0% {
    left: 68%;
    opacity: 0.44;
    top: -77%;
  }
  100% {
    left: 27%;
    opacity: 0;
    top: 117%;
  }
}
.snow .rain-drop:nth-of-type(61) {
  -webkit-animation-name: snow-61;
          animation-name: snow-61;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 39%;
  opacity: 0.49;
  top: -73%;
}

@-webkit-keyframes snow-61 {
  0% {
    left: 39%;
    opacity: 0.49;
    top: -73%;
  }
  100% {
    left: 88%;
    opacity: 0;
    top: 113%;
  }
}

@keyframes snow-61 {
  0% {
    left: 39%;
    opacity: 0.49;
    top: -73%;
  }
  100% {
    left: 88%;
    opacity: 0;
    top: 113%;
  }
}
.snow .rain-drop:nth-of-type(62) {
  -webkit-animation-name: snow-62;
          animation-name: snow-62;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 25%;
  opacity: 0.53;
  top: -55%;
}

@-webkit-keyframes snow-62 {
  0% {
    left: 25%;
    opacity: 0.53;
    top: -55%;
  }
  100% {
    left: 5%;
    opacity: 0;
    top: 95%;
  }
}

@keyframes snow-62 {
  0% {
    left: 25%;
    opacity: 0.53;
    top: -55%;
  }
  100% {
    left: 5%;
    opacity: 0;
    top: 95%;
  }
}
.snow .rain-drop:nth-of-type(63) {
  -webkit-animation-name: snow-63;
          animation-name: snow-63;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 17%;
  opacity: 0.5;
  top: -73%;
}

@-webkit-keyframes snow-63 {
  0% {
    left: 17%;
    opacity: 0.5;
    top: -73%;
  }
  100% {
    left: 41%;
    opacity: 0;
    top: 113%;
  }
}

@keyframes snow-63 {
  0% {
    left: 17%;
    opacity: 0.5;
    top: -73%;
  }
  100% {
    left: 41%;
    opacity: 0;
    top: 113%;
  }
}
.snow .rain-drop:nth-of-type(64) {
  -webkit-animation-name: snow-64;
          animation-name: snow-64;
  -webkit-animation-delay: 11s;
          animation-delay: 11s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 88%;
  opacity: 0.46;
  top: -73%;
}

@-webkit-keyframes snow-64 {
  0% {
    left: 88%;
    opacity: 0.46;
    top: -73%;
  }
  100% {
    left: 31%;
    opacity: 0;
    top: 113%;
  }
}

@keyframes snow-64 {
  0% {
    left: 88%;
    opacity: 0.46;
    top: -73%;
  }
  100% {
    left: 31%;
    opacity: 0;
    top: 113%;
  }
}
.snow .rain-drop:nth-of-type(65) {
  -webkit-animation-name: snow-65;
          animation-name: snow-65;
  -webkit-animation-delay: 14s;
          animation-delay: 14s;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 3%;
  opacity: 0.34;
  top: -94%;
}

@-webkit-keyframes snow-65 {
  0% {
    left: 3%;
    opacity: 0.34;
    top: -94%;
  }
  100% {
    left: 97%;
    opacity: 0;
    top: 134%;
  }
}

@keyframes snow-65 {
  0% {
    left: 3%;
    opacity: 0.34;
    top: -94%;
  }
  100% {
    left: 97%;
    opacity: 0;
    top: 134%;
  }
}
.snow .rain-drop:nth-of-type(66) {
  -webkit-animation-name: snow-66;
          animation-name: snow-66;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 53%;
  opacity: 0.58;
  top: -56%;
}

@-webkit-keyframes snow-66 {
  0% {
    left: 53%;
    opacity: 0.58;
    top: -56%;
  }
  100% {
    left: 73%;
    opacity: 0;
    top: 96%;
  }
}

@keyframes snow-66 {
  0% {
    left: 53%;
    opacity: 0.58;
    top: -56%;
  }
  100% {
    left: 73%;
    opacity: 0;
    top: 96%;
  }
}
.snow .rain-drop:nth-of-type(67) {
  -webkit-animation-name: snow-67;
          animation-name: snow-67;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 66%;
  opacity: 0.48;
  top: -63%;
}

@-webkit-keyframes snow-67 {
  0% {
    left: 66%;
    opacity: 0.48;
    top: -63%;
  }
  100% {
    left: 5%;
    opacity: 0;
    top: 103%;
  }
}

@keyframes snow-67 {
  0% {
    left: 66%;
    opacity: 0.48;
    top: -63%;
  }
  100% {
    left: 5%;
    opacity: 0;
    top: 103%;
  }
}
.snow .rain-drop:nth-of-type(68) {
  -webkit-animation-name: snow-68;
          animation-name: snow-68;
  -webkit-animation-delay: 13s;
          animation-delay: 13s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 8%;
  opacity: 0.46;
  top: -62%;
}

@-webkit-keyframes snow-68 {
  0% {
    left: 8%;
    opacity: 0.46;
    top: -62%;
  }
  100% {
    left: 48%;
    opacity: 0;
    top: 102%;
  }
}

@keyframes snow-68 {
  0% {
    left: 8%;
    opacity: 0.46;
    top: -62%;
  }
  100% {
    left: 48%;
    opacity: 0;
    top: 102%;
  }
}
.snow .rain-drop:nth-of-type(69) {
  -webkit-animation-name: snow-69;
          animation-name: snow-69;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 80%;
  opacity: 0.32;
  top: -66%;
}

@-webkit-keyframes snow-69 {
  0% {
    left: 80%;
    opacity: 0.32;
    top: -66%;
  }
  100% {
    left: 73%;
    opacity: 0;
    top: 106%;
  }
}

@keyframes snow-69 {
  0% {
    left: 80%;
    opacity: 0.32;
    top: -66%;
  }
  100% {
    left: 73%;
    opacity: 0;
    top: 106%;
  }
}
.snow .rain-drop:nth-of-type(70) {
  -webkit-animation-name: snow-70;
          animation-name: snow-70;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 14%;
  opacity: 0.5;
  top: -100%;
}

@-webkit-keyframes snow-70 {
  0% {
    left: 14%;
    opacity: 0.5;
    top: -100%;
  }
  100% {
    left: 76%;
    opacity: 0;
    top: 140%;
  }
}

@keyframes snow-70 {
  0% {
    left: 14%;
    opacity: 0.5;
    top: -100%;
  }
  100% {
    left: 76%;
    opacity: 0;
    top: 140%;
  }
}
.snow .rain-drop:nth-of-type(71) {
  -webkit-animation-name: snow-71;
          animation-name: snow-71;
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 49%;
  opacity: 0.41;
  top: -91%;
}

@-webkit-keyframes snow-71 {
  0% {
    left: 49%;
    opacity: 0.41;
    top: -91%;
  }
  100% {
    left: 38%;
    opacity: 0;
    top: 131%;
  }
}

@keyframes snow-71 {
  0% {
    left: 49%;
    opacity: 0.41;
    top: -91%;
  }
  100% {
    left: 38%;
    opacity: 0;
    top: 131%;
  }
}
.snow .rain-drop:nth-of-type(72) {
  -webkit-animation-name: snow-72;
          animation-name: snow-72;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 24%;
  opacity: 0.43;
  top: -66%;
}

@-webkit-keyframes snow-72 {
  0% {
    left: 24%;
    opacity: 0.43;
    top: -66%;
  }
  100% {
    left: 6%;
    opacity: 0;
    top: 106%;
  }
}

@keyframes snow-72 {
  0% {
    left: 24%;
    opacity: 0.43;
    top: -66%;
  }
  100% {
    left: 6%;
    opacity: 0;
    top: 106%;
  }
}
.snow .rain-drop:nth-of-type(73) {
  -webkit-animation-name: snow-73;
          animation-name: snow-73;
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 40%;
  opacity: 0.55;
  top: -84%;
}

@-webkit-keyframes snow-73 {
  0% {
    left: 40%;
    opacity: 0.55;
    top: -84%;
  }
  100% {
    left: 26%;
    opacity: 0;
    top: 124%;
  }
}

@keyframes snow-73 {
  0% {
    left: 40%;
    opacity: 0.55;
    top: -84%;
  }
  100% {
    left: 26%;
    opacity: 0;
    top: 124%;
  }
}
.snow .rain-drop:nth-of-type(74) {
  -webkit-animation-name: snow-74;
          animation-name: snow-74;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 7%;
  opacity: 0.57;
  top: -98%;
}

@-webkit-keyframes snow-74 {
  0% {
    left: 7%;
    opacity: 0.57;
    top: -98%;
  }
  100% {
    left: 38%;
    opacity: 0;
    top: 138%;
  }
}

@keyframes snow-74 {
  0% {
    left: 7%;
    opacity: 0.57;
    top: -98%;
  }
  100% {
    left: 38%;
    opacity: 0;
    top: 138%;
  }
}
.snow .rain-drop:nth-of-type(75) {
  -webkit-animation-name: snow-75;
          animation-name: snow-75;
  -webkit-animation-delay: 19s;
          animation-delay: 19s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 37%;
  opacity: 0.31;
  top: -100%;
}

@-webkit-keyframes snow-75 {
  0% {
    left: 37%;
    opacity: 0.31;
    top: -100%;
  }
  100% {
    left: 75%;
    opacity: 0;
    top: 140%;
  }
}

@keyframes snow-75 {
  0% {
    left: 37%;
    opacity: 0.31;
    top: -100%;
  }
  100% {
    left: 75%;
    opacity: 0;
    top: 140%;
  }
}
.snow .rain-drop:nth-of-type(76) {
  -webkit-animation-name: snow-76;
          animation-name: snow-76;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 87%;
  opacity: 0.47;
  top: -66%;
}

@-webkit-keyframes snow-76 {
  0% {
    left: 87%;
    opacity: 0.47;
    top: -66%;
  }
  100% {
    left: 98%;
    opacity: 0;
    top: 106%;
  }
}

@keyframes snow-76 {
  0% {
    left: 87%;
    opacity: 0.47;
    top: -66%;
  }
  100% {
    left: 98%;
    opacity: 0;
    top: 106%;
  }
}
.snow .rain-drop:nth-of-type(77) {
  -webkit-animation-name: snow-77;
          animation-name: snow-77;
  -webkit-animation-delay: 11s;
          animation-delay: 11s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 42%;
  opacity: 0.47;
  top: -74%;
}

@-webkit-keyframes snow-77 {
  0% {
    left: 42%;
    opacity: 0.47;
    top: -74%;
  }
  100% {
    left: 31%;
    opacity: 0;
    top: 114%;
  }
}

@keyframes snow-77 {
  0% {
    left: 42%;
    opacity: 0.47;
    top: -74%;
  }
  100% {
    left: 31%;
    opacity: 0;
    top: 114%;
  }
}
.snow .rain-drop:nth-of-type(78) {
  -webkit-animation-name: snow-78;
          animation-name: snow-78;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 5%;
  opacity: 0.39;
  top: -85%;
}

@-webkit-keyframes snow-78 {
  0% {
    left: 5%;
    opacity: 0.39;
    top: -85%;
  }
  100% {
    left: 39%;
    opacity: 0;
    top: 125%;
  }
}

@keyframes snow-78 {
  0% {
    left: 5%;
    opacity: 0.39;
    top: -85%;
  }
  100% {
    left: 39%;
    opacity: 0;
    top: 125%;
  }
}
.snow .rain-drop:nth-of-type(79) {
  -webkit-animation-name: snow-79;
          animation-name: snow-79;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 99%;
  opacity: 0.34;
  top: -93%;
}

@-webkit-keyframes snow-79 {
  0% {
    left: 99%;
    opacity: 0.34;
    top: -93%;
  }
  100% {
    left: 30%;
    opacity: 0;
    top: 133%;
  }
}

@keyframes snow-79 {
  0% {
    left: 99%;
    opacity: 0.34;
    top: -93%;
  }
  100% {
    left: 30%;
    opacity: 0;
    top: 133%;
  }
}
.snow .rain-drop:nth-of-type(80) {
  -webkit-animation-name: snow-80;
          animation-name: snow-80;
  -webkit-animation-delay: 13s;
          animation-delay: 13s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 12%;
  opacity: 0.59;
  top: -67%;
}

@-webkit-keyframes snow-80 {
  0% {
    left: 12%;
    opacity: 0.59;
    top: -67%;
  }
  100% {
    left: 62%;
    opacity: 0;
    top: 107%;
  }
}

@keyframes snow-80 {
  0% {
    left: 12%;
    opacity: 0.59;
    top: -67%;
  }
  100% {
    left: 62%;
    opacity: 0;
    top: 107%;
  }
}
.snow .rain-drop:nth-of-type(81) {
  -webkit-animation-name: snow-81;
          animation-name: snow-81;
  -webkit-animation-delay: 17s;
          animation-delay: 17s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 3%;
  opacity: 0.5;
  top: -70%;
}

@-webkit-keyframes snow-81 {
  0% {
    left: 3%;
    opacity: 0.5;
    top: -70%;
  }
  100% {
    left: 93%;
    opacity: 0;
    top: 110%;
  }
}

@keyframes snow-81 {
  0% {
    left: 3%;
    opacity: 0.5;
    top: -70%;
  }
  100% {
    left: 93%;
    opacity: 0;
    top: 110%;
  }
}
.snow .rain-drop:nth-of-type(82) {
  -webkit-animation-name: snow-82;
          animation-name: snow-82;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 40%;
  opacity: 0.51;
  top: -78%;
}

@-webkit-keyframes snow-82 {
  0% {
    left: 40%;
    opacity: 0.51;
    top: -78%;
  }
  100% {
    left: 78%;
    opacity: 0;
    top: 118%;
  }
}

@keyframes snow-82 {
  0% {
    left: 40%;
    opacity: 0.51;
    top: -78%;
  }
  100% {
    left: 78%;
    opacity: 0;
    top: 118%;
  }
}
.snow .rain-drop:nth-of-type(83) {
  -webkit-animation-name: snow-83;
          animation-name: snow-83;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 63%;
  opacity: 0.32;
  top: -99%;
}

@-webkit-keyframes snow-83 {
  0% {
    left: 63%;
    opacity: 0.32;
    top: -99%;
  }
  100% {
    left: 56%;
    opacity: 0;
    top: 139%;
  }
}

@keyframes snow-83 {
  0% {
    left: 63%;
    opacity: 0.32;
    top: -99%;
  }
  100% {
    left: 56%;
    opacity: 0;
    top: 139%;
  }
}
.snow .rain-drop:nth-of-type(84) {
  -webkit-animation-name: snow-84;
          animation-name: snow-84;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 5%;
  opacity: 0.57;
  top: -100%;
}

@-webkit-keyframes snow-84 {
  0% {
    left: 5%;
    opacity: 0.57;
    top: -100%;
  }
  100% {
    left: 42%;
    opacity: 0;
    top: 140%;
  }
}

@keyframes snow-84 {
  0% {
    left: 5%;
    opacity: 0.57;
    top: -100%;
  }
  100% {
    left: 42%;
    opacity: 0;
    top: 140%;
  }
}
.snow .rain-drop:nth-of-type(85) {
  -webkit-animation-name: snow-85;
          animation-name: snow-85;
  -webkit-animation-delay: 18s;
          animation-delay: 18s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 72%;
  opacity: 0.56;
  top: -56%;
}

@-webkit-keyframes snow-85 {
  0% {
    left: 72%;
    opacity: 0.56;
    top: -56%;
  }
  100% {
    left: 74%;
    opacity: 0;
    top: 96%;
  }
}

@keyframes snow-85 {
  0% {
    left: 72%;
    opacity: 0.56;
    top: -56%;
  }
  100% {
    left: 74%;
    opacity: 0;
    top: 96%;
  }
}
.snow .rain-drop:nth-of-type(86) {
  -webkit-animation-name: snow-86;
          animation-name: snow-86;
  -webkit-animation-delay: 16s;
          animation-delay: 16s;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 59%;
  opacity: 0.56;
  top: -60%;
}

@-webkit-keyframes snow-86 {
  0% {
    left: 59%;
    opacity: 0.56;
    top: -60%;
  }
  100% {
    left: 33%;
    opacity: 0;
    top: 100%;
  }
}

@keyframes snow-86 {
  0% {
    left: 59%;
    opacity: 0.56;
    top: -60%;
  }
  100% {
    left: 33%;
    opacity: 0;
    top: 100%;
  }
}
.snow .rain-drop:nth-of-type(87) {
  -webkit-animation-name: snow-87;
          animation-name: snow-87;
  -webkit-animation-delay: 18s;
          animation-delay: 18s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 15%;
  opacity: 0.37;
  top: -82%;
}

@-webkit-keyframes snow-87 {
  0% {
    left: 15%;
    opacity: 0.37;
    top: -82%;
  }
  100% {
    left: 98%;
    opacity: 0;
    top: 122%;
  }
}

@keyframes snow-87 {
  0% {
    left: 15%;
    opacity: 0.37;
    top: -82%;
  }
  100% {
    left: 98%;
    opacity: 0;
    top: 122%;
  }
}
.snow .rain-drop:nth-of-type(88) {
  -webkit-animation-name: snow-88;
          animation-name: snow-88;
  -webkit-animation-delay: 11s;
          animation-delay: 11s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 53%;
  opacity: 0.45;
  top: -85%;
}

@-webkit-keyframes snow-88 {
  0% {
    left: 53%;
    opacity: 0.45;
    top: -85%;
  }
  100% {
    left: 23%;
    opacity: 0;
    top: 125%;
  }
}

@keyframes snow-88 {
  0% {
    left: 53%;
    opacity: 0.45;
    top: -85%;
  }
  100% {
    left: 23%;
    opacity: 0;
    top: 125%;
  }
}
.snow .rain-drop:nth-of-type(89) {
  -webkit-animation-name: snow-89;
          animation-name: snow-89;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 54%;
  opacity: 0.59;
  top: -66%;
}

@-webkit-keyframes snow-89 {
  0% {
    left: 54%;
    opacity: 0.59;
    top: -66%;
  }
  100% {
    left: 63%;
    opacity: 0;
    top: 106%;
  }
}

@keyframes snow-89 {
  0% {
    left: 54%;
    opacity: 0.59;
    top: -66%;
  }
  100% {
    left: 63%;
    opacity: 0;
    top: 106%;
  }
}
.snow .rain-drop:nth-of-type(90) {
  -webkit-animation-name: snow-90;
          animation-name: snow-90;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 73%;
  opacity: 0.4;
  top: -61%;
}

@-webkit-keyframes snow-90 {
  0% {
    left: 73%;
    opacity: 0.4;
    top: -61%;
  }
  100% {
    left: 7%;
    opacity: 0;
    top: 101%;
  }
}

@keyframes snow-90 {
  0% {
    left: 73%;
    opacity: 0.4;
    top: -61%;
  }
  100% {
    left: 7%;
    opacity: 0;
    top: 101%;
  }
}
.snow .rain-drop:nth-of-type(91) {
  -webkit-animation-name: snow-91;
          animation-name: snow-91;
  -webkit-animation-delay: 19s;
          animation-delay: 19s;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 4%;
  opacity: 0.4;
  top: -84%;
}

@-webkit-keyframes snow-91 {
  0% {
    left: 4%;
    opacity: 0.4;
    top: -84%;
  }
  100% {
    left: 87%;
    opacity: 0;
    top: 124%;
  }
}

@keyframes snow-91 {
  0% {
    left: 4%;
    opacity: 0.4;
    top: -84%;
  }
  100% {
    left: 87%;
    opacity: 0;
    top: 124%;
  }
}
.snow .rain-drop:nth-of-type(92) {
  -webkit-animation-name: snow-92;
          animation-name: snow-92;
  -webkit-animation-delay: 18s;
          animation-delay: 18s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 6%;
  opacity: 0.43;
  top: -95%;
}

@-webkit-keyframes snow-92 {
  0% {
    left: 6%;
    opacity: 0.43;
    top: -95%;
  }
  100% {
    left: 52%;
    opacity: 0;
    top: 135%;
  }
}

@keyframes snow-92 {
  0% {
    left: 6%;
    opacity: 0.43;
    top: -95%;
  }
  100% {
    left: 52%;
    opacity: 0;
    top: 135%;
  }
}
.snow .rain-drop:nth-of-type(93) {
  -webkit-animation-name: snow-93;
          animation-name: snow-93;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 25%;
  opacity: 0.44;
  top: -99%;
}

@-webkit-keyframes snow-93 {
  0% {
    left: 25%;
    opacity: 0.44;
    top: -99%;
  }
  100% {
    left: 92%;
    opacity: 0;
    top: 139%;
  }
}

@keyframes snow-93 {
  0% {
    left: 25%;
    opacity: 0.44;
    top: -99%;
  }
  100% {
    left: 92%;
    opacity: 0;
    top: 139%;
  }
}
.snow .rain-drop:nth-of-type(94) {
  -webkit-animation-name: snow-94;
          animation-name: snow-94;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 49%;
  opacity: 0.46;
  top: -54%;
}

@-webkit-keyframes snow-94 {
  0% {
    left: 49%;
    opacity: 0.46;
    top: -54%;
  }
  100% {
    left: 16%;
    opacity: 0;
    top: 94%;
  }
}

@keyframes snow-94 {
  0% {
    left: 49%;
    opacity: 0.46;
    top: -54%;
  }
  100% {
    left: 16%;
    opacity: 0;
    top: 94%;
  }
}
.snow .rain-drop:nth-of-type(95) {
  -webkit-animation-name: snow-95;
          animation-name: snow-95;
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 68%;
  opacity: 0.44;
  top: -84%;
}

@-webkit-keyframes snow-95 {
  0% {
    left: 68%;
    opacity: 0.44;
    top: -84%;
  }
  100% {
    left: 2%;
    opacity: 0;
    top: 124%;
  }
}

@keyframes snow-95 {
  0% {
    left: 68%;
    opacity: 0.44;
    top: -84%;
  }
  100% {
    left: 2%;
    opacity: 0;
    top: 124%;
  }
}
.snow .rain-drop:nth-of-type(96) {
  -webkit-animation-name: snow-96;
          animation-name: snow-96;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 1%;
  opacity: 0.42;
  top: -71%;
}

@-webkit-keyframes snow-96 {
  0% {
    left: 1%;
    opacity: 0.42;
    top: -71%;
  }
  100% {
    left: 77%;
    opacity: 0;
    top: 111%;
  }
}

@keyframes snow-96 {
  0% {
    left: 1%;
    opacity: 0.42;
    top: -71%;
  }
  100% {
    left: 77%;
    opacity: 0;
    top: 111%;
  }
}
.snow .rain-drop:nth-of-type(97) {
  -webkit-animation-name: snow-97;
          animation-name: snow-97;
  -webkit-animation-delay: 13s;
          animation-delay: 13s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 55%;
  opacity: 0.47;
  top: -90%;
}

@-webkit-keyframes snow-97 {
  0% {
    left: 55%;
    opacity: 0.47;
    top: -90%;
  }
  100% {
    left: 22%;
    opacity: 0;
    top: 130%;
  }
}

@keyframes snow-97 {
  0% {
    left: 55%;
    opacity: 0.47;
    top: -90%;
  }
  100% {
    left: 22%;
    opacity: 0;
    top: 130%;
  }
}
.snow .rain-drop:nth-of-type(98) {
  -webkit-animation-name: snow-98;
          animation-name: snow-98;
  -webkit-animation-delay: 19s;
          animation-delay: 19s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 31%;
  opacity: 0.47;
  top: -97%;
}

@-webkit-keyframes snow-98 {
  0% {
    left: 31%;
    opacity: 0.47;
    top: -97%;
  }
  100% {
    left: 24%;
    opacity: 0;
    top: 137%;
  }
}

@keyframes snow-98 {
  0% {
    left: 31%;
    opacity: 0.47;
    top: -97%;
  }
  100% {
    left: 24%;
    opacity: 0;
    top: 137%;
  }
}
.snow .rain-drop:nth-of-type(99) {
  -webkit-animation-name: snow-99;
          animation-name: snow-99;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 2%;
  opacity: 0.49;
  top: -80%;
}

@-webkit-keyframes snow-99 {
  0% {
    left: 2%;
    opacity: 0.49;
    top: -80%;
  }
  100% {
    left: 42%;
    opacity: 0;
    top: 120%;
  }
}

@keyframes snow-99 {
  0% {
    left: 2%;
    opacity: 0.49;
    top: -80%;
  }
  100% {
    left: 42%;
    opacity: 0;
    top: 120%;
  }
}
.snow .rain-drop:nth-of-type(100) {
  -webkit-animation-name: snow-100;
          animation-name: snow-100;
  -webkit-animation-delay: 13s;
          animation-delay: 13s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 89%;
  opacity: 0.43;
  top: -92%;
}

@-webkit-keyframes snow-100 {
  0% {
    left: 89%;
    opacity: 0.43;
    top: -92%;
  }
  100% {
    left: 4%;
    opacity: 0;
    top: 132%;
  }
}

@keyframes snow-100 {
  0% {
    left: 89%;
    opacity: 0.43;
    top: -92%;
  }
  100% {
    left: 4%;
    opacity: 0;
    top: 132%;
  }
}
.weather-block.rain {
  background-color: #003c6c;
}
.weather-block.rain .circle1 {
  z-index: 100;
  position: absolute;
  height: 80px;
  width: 80px;
  right: -20px;
  top: -30px;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.3;
  -webkit-animation: enlarge;
          animation: enlarge;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.weather-block.rain .circle2 {
  z-index: 80;
  position: absolute;
  height: 150px;
  width: 150px;
  right: -50px;
  top: -70px;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.2;
  -webkit-animation: enlarge;
          animation: enlarge;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.weather-block.rain .circle3 {
  z-index: 50;
  position: absolute;
  height: 200px;
  width: 200px;
  right: -50px;
  top: -100px;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.1;
  -webkit-animation: enlarge;
          animation: enlarge;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.weather-block.rain .rain-drops {
  display: block;
}
.weather-block.rain .condition::before {
  font-family: "Font Awesome 5 Free";
  content: "\f740";
  font-weight: 900;
  margin-right: 6px;
  font-size: 16px;
}
.weather-block.rain.nighttime {
  background-color: #070b0e;
}

.weather-block.rain .rain-drop {
  background: #FFF;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  height: 50px;
  position: absolute;
  width: 1px;
}

.weather-block.rain .rain-drop:nth-of-type(1) {
  -webkit-animation-name: rain-1;
          animation-name: rain-1;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 93%;
  opacity: 0.44;
  top: -53%;
}

@-webkit-keyframes rain-1 {
  0% {
    opacity: 0.44;
    top: -53%;
  }
  100% {
    opacity: 0;
    top: 93%;
  }
}

@keyframes rain-1 {
  0% {
    opacity: 0.44;
    top: -53%;
  }
  100% {
    opacity: 0;
    top: 93%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(2) {
  -webkit-animation-name: rain-2;
          animation-name: rain-2;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 84%;
  opacity: 0.34;
  top: -92%;
}

@-webkit-keyframes rain-2 {
  0% {
    opacity: 0.34;
    top: -92%;
  }
  100% {
    opacity: 0;
    top: 132%;
  }
}

@keyframes rain-2 {
  0% {
    opacity: 0.34;
    top: -92%;
  }
  100% {
    opacity: 0;
    top: 132%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(3) {
  -webkit-animation-name: rain-3;
          animation-name: rain-3;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 23%;
  opacity: 0.39;
  top: -51%;
}

@-webkit-keyframes rain-3 {
  0% {
    opacity: 0.39;
    top: -51%;
  }
  100% {
    opacity: 0;
    top: 91%;
  }
}

@keyframes rain-3 {
  0% {
    opacity: 0.39;
    top: -51%;
  }
  100% {
    opacity: 0;
    top: 91%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(4) {
  -webkit-animation-name: rain-4;
          animation-name: rain-4;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 31%;
  opacity: 0.32;
  top: -73%;
}

@-webkit-keyframes rain-4 {
  0% {
    opacity: 0.32;
    top: -73%;
  }
  100% {
    opacity: 0;
    top: 113%;
  }
}

@keyframes rain-4 {
  0% {
    opacity: 0.32;
    top: -73%;
  }
  100% {
    opacity: 0;
    top: 113%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(5) {
  -webkit-animation-name: rain-5;
          animation-name: rain-5;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 61%;
  opacity: 0.33;
  top: -86%;
}

@-webkit-keyframes rain-5 {
  0% {
    opacity: 0.33;
    top: -86%;
  }
  100% {
    opacity: 0;
    top: 126%;
  }
}

@keyframes rain-5 {
  0% {
    opacity: 0.33;
    top: -86%;
  }
  100% {
    opacity: 0;
    top: 126%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(6) {
  -webkit-animation-name: rain-6;
          animation-name: rain-6;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 29%;
  opacity: 0.45;
  top: -83%;
}

@-webkit-keyframes rain-6 {
  0% {
    opacity: 0.45;
    top: -83%;
  }
  100% {
    opacity: 0;
    top: 123%;
  }
}

@keyframes rain-6 {
  0% {
    opacity: 0.45;
    top: -83%;
  }
  100% {
    opacity: 0;
    top: 123%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(7) {
  -webkit-animation-name: rain-7;
          animation-name: rain-7;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 39%;
  opacity: 0.59;
  top: -91%;
}

@-webkit-keyframes rain-7 {
  0% {
    opacity: 0.59;
    top: -91%;
  }
  100% {
    opacity: 0;
    top: 131%;
  }
}

@keyframes rain-7 {
  0% {
    opacity: 0.59;
    top: -91%;
  }
  100% {
    opacity: 0;
    top: 131%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(8) {
  -webkit-animation-name: rain-8;
          animation-name: rain-8;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 44%;
  opacity: 0.43;
  top: -98%;
}

@-webkit-keyframes rain-8 {
  0% {
    opacity: 0.43;
    top: -98%;
  }
  100% {
    opacity: 0;
    top: 138%;
  }
}

@keyframes rain-8 {
  0% {
    opacity: 0.43;
    top: -98%;
  }
  100% {
    opacity: 0;
    top: 138%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(9) {
  -webkit-animation-name: rain-9;
          animation-name: rain-9;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 56%;
  opacity: 0.43;
  top: -88%;
}

@-webkit-keyframes rain-9 {
  0% {
    opacity: 0.43;
    top: -88%;
  }
  100% {
    opacity: 0;
    top: 128%;
  }
}

@keyframes rain-9 {
  0% {
    opacity: 0.43;
    top: -88%;
  }
  100% {
    opacity: 0;
    top: 128%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(10) {
  -webkit-animation-name: rain-10;
          animation-name: rain-10;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 71%;
  opacity: 0.44;
  top: -53%;
}

@-webkit-keyframes rain-10 {
  0% {
    opacity: 0.44;
    top: -53%;
  }
  100% {
    opacity: 0;
    top: 93%;
  }
}

@keyframes rain-10 {
  0% {
    opacity: 0.44;
    top: -53%;
  }
  100% {
    opacity: 0;
    top: 93%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(11) {
  -webkit-animation-name: rain-11;
          animation-name: rain-11;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 56%;
  opacity: 0.57;
  top: -54%;
}

@-webkit-keyframes rain-11 {
  0% {
    opacity: 0.57;
    top: -54%;
  }
  100% {
    opacity: 0;
    top: 94%;
  }
}

@keyframes rain-11 {
  0% {
    opacity: 0.57;
    top: -54%;
  }
  100% {
    opacity: 0;
    top: 94%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(12) {
  -webkit-animation-name: rain-12;
          animation-name: rain-12;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 97%;
  opacity: 0.31;
  top: -98%;
}

@-webkit-keyframes rain-12 {
  0% {
    opacity: 0.31;
    top: -98%;
  }
  100% {
    opacity: 0;
    top: 138%;
  }
}

@keyframes rain-12 {
  0% {
    opacity: 0.31;
    top: -98%;
  }
  100% {
    opacity: 0;
    top: 138%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(13) {
  -webkit-animation-name: rain-13;
          animation-name: rain-13;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 13%;
  opacity: 0.48;
  top: -56%;
}

@-webkit-keyframes rain-13 {
  0% {
    opacity: 0.48;
    top: -56%;
  }
  100% {
    opacity: 0;
    top: 96%;
  }
}

@keyframes rain-13 {
  0% {
    opacity: 0.48;
    top: -56%;
  }
  100% {
    opacity: 0;
    top: 96%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(14) {
  -webkit-animation-name: rain-14;
          animation-name: rain-14;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 4%;
  opacity: 0.38;
  top: -63%;
}

@-webkit-keyframes rain-14 {
  0% {
    opacity: 0.38;
    top: -63%;
  }
  100% {
    opacity: 0;
    top: 103%;
  }
}

@keyframes rain-14 {
  0% {
    opacity: 0.38;
    top: -63%;
  }
  100% {
    opacity: 0;
    top: 103%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(15) {
  -webkit-animation-name: rain-15;
          animation-name: rain-15;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 17%;
  opacity: 0.39;
  top: -86%;
}

@-webkit-keyframes rain-15 {
  0% {
    opacity: 0.39;
    top: -86%;
  }
  100% {
    opacity: 0;
    top: 126%;
  }
}

@keyframes rain-15 {
  0% {
    opacity: 0.39;
    top: -86%;
  }
  100% {
    opacity: 0;
    top: 126%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(16) {
  -webkit-animation-name: rain-16;
          animation-name: rain-16;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 53%;
  opacity: 0.42;
  top: -51%;
}

@-webkit-keyframes rain-16 {
  0% {
    opacity: 0.42;
    top: -51%;
  }
  100% {
    opacity: 0;
    top: 91%;
  }
}

@keyframes rain-16 {
  0% {
    opacity: 0.42;
    top: -51%;
  }
  100% {
    opacity: 0;
    top: 91%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(17) {
  -webkit-animation-name: rain-17;
          animation-name: rain-17;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 95%;
  opacity: 0.51;
  top: -66%;
}

@-webkit-keyframes rain-17 {
  0% {
    opacity: 0.51;
    top: -66%;
  }
  100% {
    opacity: 0;
    top: 106%;
  }
}

@keyframes rain-17 {
  0% {
    opacity: 0.51;
    top: -66%;
  }
  100% {
    opacity: 0;
    top: 106%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(18) {
  -webkit-animation-name: rain-18;
          animation-name: rain-18;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 35%;
  opacity: 0.5;
  top: -91%;
}

@-webkit-keyframes rain-18 {
  0% {
    opacity: 0.5;
    top: -91%;
  }
  100% {
    opacity: 0;
    top: 131%;
  }
}

@keyframes rain-18 {
  0% {
    opacity: 0.5;
    top: -91%;
  }
  100% {
    opacity: 0;
    top: 131%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(19) {
  -webkit-animation-name: rain-19;
          animation-name: rain-19;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 28%;
  opacity: 0.4;
  top: -55%;
}

@-webkit-keyframes rain-19 {
  0% {
    opacity: 0.4;
    top: -55%;
  }
  100% {
    opacity: 0;
    top: 95%;
  }
}

@keyframes rain-19 {
  0% {
    opacity: 0.4;
    top: -55%;
  }
  100% {
    opacity: 0;
    top: 95%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(20) {
  -webkit-animation-name: rain-20;
          animation-name: rain-20;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 32%;
  opacity: 0.38;
  top: -60%;
}

@-webkit-keyframes rain-20 {
  0% {
    opacity: 0.38;
    top: -60%;
  }
  100% {
    opacity: 0;
    top: 100%;
  }
}

@keyframes rain-20 {
  0% {
    opacity: 0.38;
    top: -60%;
  }
  100% {
    opacity: 0;
    top: 100%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(21) {
  -webkit-animation-name: rain-21;
          animation-name: rain-21;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 34%;
  opacity: 0.47;
  top: -92%;
}

@-webkit-keyframes rain-21 {
  0% {
    opacity: 0.47;
    top: -92%;
  }
  100% {
    opacity: 0;
    top: 132%;
  }
}

@keyframes rain-21 {
  0% {
    opacity: 0.47;
    top: -92%;
  }
  100% {
    opacity: 0;
    top: 132%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(22) {
  -webkit-animation-name: rain-22;
          animation-name: rain-22;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 50%;
  opacity: 0.47;
  top: -64%;
}

@-webkit-keyframes rain-22 {
  0% {
    opacity: 0.47;
    top: -64%;
  }
  100% {
    opacity: 0;
    top: 104%;
  }
}

@keyframes rain-22 {
  0% {
    opacity: 0.47;
    top: -64%;
  }
  100% {
    opacity: 0;
    top: 104%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(23) {
  -webkit-animation-name: rain-23;
          animation-name: rain-23;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 54%;
  opacity: 0.33;
  top: -70%;
}

@-webkit-keyframes rain-23 {
  0% {
    opacity: 0.33;
    top: -70%;
  }
  100% {
    opacity: 0;
    top: 110%;
  }
}

@keyframes rain-23 {
  0% {
    opacity: 0.33;
    top: -70%;
  }
  100% {
    opacity: 0;
    top: 110%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(24) {
  -webkit-animation-name: rain-24;
          animation-name: rain-24;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 48%;
  opacity: 0.52;
  top: -58%;
}

@-webkit-keyframes rain-24 {
  0% {
    opacity: 0.52;
    top: -58%;
  }
  100% {
    opacity: 0;
    top: 98%;
  }
}

@keyframes rain-24 {
  0% {
    opacity: 0.52;
    top: -58%;
  }
  100% {
    opacity: 0;
    top: 98%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(25) {
  -webkit-animation-name: rain-25;
          animation-name: rain-25;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 91%;
  opacity: 0.48;
  top: -97%;
}

@-webkit-keyframes rain-25 {
  0% {
    opacity: 0.48;
    top: -97%;
  }
  100% {
    opacity: 0;
    top: 137%;
  }
}

@keyframes rain-25 {
  0% {
    opacity: 0.48;
    top: -97%;
  }
  100% {
    opacity: 0;
    top: 137%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(26) {
  -webkit-animation-name: rain-26;
          animation-name: rain-26;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 80%;
  opacity: 0.59;
  top: -51%;
}

@-webkit-keyframes rain-26 {
  0% {
    opacity: 0.59;
    top: -51%;
  }
  100% {
    opacity: 0;
    top: 91%;
  }
}

@keyframes rain-26 {
  0% {
    opacity: 0.59;
    top: -51%;
  }
  100% {
    opacity: 0;
    top: 91%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(27) {
  -webkit-animation-name: rain-27;
          animation-name: rain-27;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 64%;
  opacity: 0.48;
  top: -92%;
}

@-webkit-keyframes rain-27 {
  0% {
    opacity: 0.48;
    top: -92%;
  }
  100% {
    opacity: 0;
    top: 132%;
  }
}

@keyframes rain-27 {
  0% {
    opacity: 0.48;
    top: -92%;
  }
  100% {
    opacity: 0;
    top: 132%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(28) {
  -webkit-animation-name: rain-28;
          animation-name: rain-28;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 23%;
  opacity: 0.58;
  top: -91%;
}

@-webkit-keyframes rain-28 {
  0% {
    opacity: 0.58;
    top: -91%;
  }
  100% {
    opacity: 0;
    top: 131%;
  }
}

@keyframes rain-28 {
  0% {
    opacity: 0.58;
    top: -91%;
  }
  100% {
    opacity: 0;
    top: 131%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(29) {
  -webkit-animation-name: rain-29;
          animation-name: rain-29;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 79%;
  opacity: 0.49;
  top: -91%;
}

@-webkit-keyframes rain-29 {
  0% {
    opacity: 0.49;
    top: -91%;
  }
  100% {
    opacity: 0;
    top: 131%;
  }
}

@keyframes rain-29 {
  0% {
    opacity: 0.49;
    top: -91%;
  }
  100% {
    opacity: 0;
    top: 131%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(30) {
  -webkit-animation-name: rain-30;
          animation-name: rain-30;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 21%;
  opacity: 0.33;
  top: -59%;
}

@-webkit-keyframes rain-30 {
  0% {
    opacity: 0.33;
    top: -59%;
  }
  100% {
    opacity: 0;
    top: 99%;
  }
}

@keyframes rain-30 {
  0% {
    opacity: 0.33;
    top: -59%;
  }
  100% {
    opacity: 0;
    top: 99%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(31) {
  -webkit-animation-name: rain-31;
          animation-name: rain-31;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 3%;
  opacity: 0.49;
  top: -96%;
}

@-webkit-keyframes rain-31 {
  0% {
    opacity: 0.49;
    top: -96%;
  }
  100% {
    opacity: 0;
    top: 136%;
  }
}

@keyframes rain-31 {
  0% {
    opacity: 0.49;
    top: -96%;
  }
  100% {
    opacity: 0;
    top: 136%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(32) {
  -webkit-animation-name: rain-32;
          animation-name: rain-32;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 58%;
  opacity: 0.35;
  top: -98%;
}

@-webkit-keyframes rain-32 {
  0% {
    opacity: 0.35;
    top: -98%;
  }
  100% {
    opacity: 0;
    top: 138%;
  }
}

@keyframes rain-32 {
  0% {
    opacity: 0.35;
    top: -98%;
  }
  100% {
    opacity: 0;
    top: 138%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(33) {
  -webkit-animation-name: rain-33;
          animation-name: rain-33;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 67%;
  opacity: 0.41;
  top: -66%;
}

@-webkit-keyframes rain-33 {
  0% {
    opacity: 0.41;
    top: -66%;
  }
  100% {
    opacity: 0;
    top: 106%;
  }
}

@keyframes rain-33 {
  0% {
    opacity: 0.41;
    top: -66%;
  }
  100% {
    opacity: 0;
    top: 106%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(34) {
  -webkit-animation-name: rain-34;
          animation-name: rain-34;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 63%;
  opacity: 0.44;
  top: -86%;
}

@-webkit-keyframes rain-34 {
  0% {
    opacity: 0.44;
    top: -86%;
  }
  100% {
    opacity: 0;
    top: 126%;
  }
}

@keyframes rain-34 {
  0% {
    opacity: 0.44;
    top: -86%;
  }
  100% {
    opacity: 0;
    top: 126%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(35) {
  -webkit-animation-name: rain-35;
          animation-name: rain-35;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 98%;
  opacity: 0.57;
  top: -69%;
}

@-webkit-keyframes rain-35 {
  0% {
    opacity: 0.57;
    top: -69%;
  }
  100% {
    opacity: 0;
    top: 109%;
  }
}

@keyframes rain-35 {
  0% {
    opacity: 0.57;
    top: -69%;
  }
  100% {
    opacity: 0;
    top: 109%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(36) {
  -webkit-animation-name: rain-36;
          animation-name: rain-36;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 56%;
  opacity: 0.52;
  top: -55%;
}

@-webkit-keyframes rain-36 {
  0% {
    opacity: 0.52;
    top: -55%;
  }
  100% {
    opacity: 0;
    top: 95%;
  }
}

@keyframes rain-36 {
  0% {
    opacity: 0.52;
    top: -55%;
  }
  100% {
    opacity: 0;
    top: 95%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(37) {
  -webkit-animation-name: rain-37;
          animation-name: rain-37;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 2%;
  opacity: 0.32;
  top: -82%;
}

@-webkit-keyframes rain-37 {
  0% {
    opacity: 0.32;
    top: -82%;
  }
  100% {
    opacity: 0;
    top: 122%;
  }
}

@keyframes rain-37 {
  0% {
    opacity: 0.32;
    top: -82%;
  }
  100% {
    opacity: 0;
    top: 122%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(38) {
  -webkit-animation-name: rain-38;
          animation-name: rain-38;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 73%;
  opacity: 0.35;
  top: -75%;
}

@-webkit-keyframes rain-38 {
  0% {
    opacity: 0.35;
    top: -75%;
  }
  100% {
    opacity: 0;
    top: 115%;
  }
}

@keyframes rain-38 {
  0% {
    opacity: 0.35;
    top: -75%;
  }
  100% {
    opacity: 0;
    top: 115%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(39) {
  -webkit-animation-name: rain-39;
          animation-name: rain-39;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 54%;
  opacity: 0.54;
  top: -86%;
}

@-webkit-keyframes rain-39 {
  0% {
    opacity: 0.54;
    top: -86%;
  }
  100% {
    opacity: 0;
    top: 126%;
  }
}

@keyframes rain-39 {
  0% {
    opacity: 0.54;
    top: -86%;
  }
  100% {
    opacity: 0;
    top: 126%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(40) {
  -webkit-animation-name: rain-40;
          animation-name: rain-40;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 50%;
  opacity: 0.51;
  top: -55%;
}

@-webkit-keyframes rain-40 {
  0% {
    opacity: 0.51;
    top: -55%;
  }
  100% {
    opacity: 0;
    top: 95%;
  }
}

@keyframes rain-40 {
  0% {
    opacity: 0.51;
    top: -55%;
  }
  100% {
    opacity: 0;
    top: 95%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(41) {
  -webkit-animation-name: rain-41;
          animation-name: rain-41;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 14%;
  opacity: 0.44;
  top: -77%;
}

@-webkit-keyframes rain-41 {
  0% {
    opacity: 0.44;
    top: -77%;
  }
  100% {
    opacity: 0;
    top: 117%;
  }
}

@keyframes rain-41 {
  0% {
    opacity: 0.44;
    top: -77%;
  }
  100% {
    opacity: 0;
    top: 117%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(42) {
  -webkit-animation-name: rain-42;
          animation-name: rain-42;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 2%;
  opacity: 0.55;
  top: -68%;
}

@-webkit-keyframes rain-42 {
  0% {
    opacity: 0.55;
    top: -68%;
  }
  100% {
    opacity: 0;
    top: 108%;
  }
}

@keyframes rain-42 {
  0% {
    opacity: 0.55;
    top: -68%;
  }
  100% {
    opacity: 0;
    top: 108%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(43) {
  -webkit-animation-name: rain-43;
          animation-name: rain-43;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 74%;
  opacity: 0.45;
  top: -68%;
}

@-webkit-keyframes rain-43 {
  0% {
    opacity: 0.45;
    top: -68%;
  }
  100% {
    opacity: 0;
    top: 108%;
  }
}

@keyframes rain-43 {
  0% {
    opacity: 0.45;
    top: -68%;
  }
  100% {
    opacity: 0;
    top: 108%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(44) {
  -webkit-animation-name: rain-44;
          animation-name: rain-44;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 65%;
  opacity: 0.35;
  top: -89%;
}

@-webkit-keyframes rain-44 {
  0% {
    opacity: 0.35;
    top: -89%;
  }
  100% {
    opacity: 0;
    top: 129%;
  }
}

@keyframes rain-44 {
  0% {
    opacity: 0.35;
    top: -89%;
  }
  100% {
    opacity: 0;
    top: 129%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(45) {
  -webkit-animation-name: rain-45;
          animation-name: rain-45;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 91%;
  opacity: 0.5;
  top: -67%;
}

@-webkit-keyframes rain-45 {
  0% {
    opacity: 0.5;
    top: -67%;
  }
  100% {
    opacity: 0;
    top: 107%;
  }
}

@keyframes rain-45 {
  0% {
    opacity: 0.5;
    top: -67%;
  }
  100% {
    opacity: 0;
    top: 107%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(46) {
  -webkit-animation-name: rain-46;
          animation-name: rain-46;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 2%;
  opacity: 0.34;
  top: -92%;
}

@-webkit-keyframes rain-46 {
  0% {
    opacity: 0.34;
    top: -92%;
  }
  100% {
    opacity: 0;
    top: 132%;
  }
}

@keyframes rain-46 {
  0% {
    opacity: 0.34;
    top: -92%;
  }
  100% {
    opacity: 0;
    top: 132%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(47) {
  -webkit-animation-name: rain-47;
          animation-name: rain-47;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 41%;
  opacity: 0.37;
  top: -86%;
}

@-webkit-keyframes rain-47 {
  0% {
    opacity: 0.37;
    top: -86%;
  }
  100% {
    opacity: 0;
    top: 126%;
  }
}

@keyframes rain-47 {
  0% {
    opacity: 0.37;
    top: -86%;
  }
  100% {
    opacity: 0;
    top: 126%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(48) {
  -webkit-animation-name: rain-48;
          animation-name: rain-48;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 71%;
  opacity: 0.55;
  top: -89%;
}

@-webkit-keyframes rain-48 {
  0% {
    opacity: 0.55;
    top: -89%;
  }
  100% {
    opacity: 0;
    top: 129%;
  }
}

@keyframes rain-48 {
  0% {
    opacity: 0.55;
    top: -89%;
  }
  100% {
    opacity: 0;
    top: 129%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(49) {
  -webkit-animation-name: rain-49;
          animation-name: rain-49;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 93%;
  opacity: 0.35;
  top: -79%;
}

@-webkit-keyframes rain-49 {
  0% {
    opacity: 0.35;
    top: -79%;
  }
  100% {
    opacity: 0;
    top: 119%;
  }
}

@keyframes rain-49 {
  0% {
    opacity: 0.35;
    top: -79%;
  }
  100% {
    opacity: 0;
    top: 119%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(50) {
  -webkit-animation-name: rain-50;
          animation-name: rain-50;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 13%;
  opacity: 0.45;
  top: -77%;
}

@-webkit-keyframes rain-50 {
  0% {
    opacity: 0.45;
    top: -77%;
  }
  100% {
    opacity: 0;
    top: 117%;
  }
}

@keyframes rain-50 {
  0% {
    opacity: 0.45;
    top: -77%;
  }
  100% {
    opacity: 0;
    top: 117%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(51) {
  -webkit-animation-name: rain-51;
          animation-name: rain-51;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 97%;
  opacity: 0.57;
  top: -96%;
}

@-webkit-keyframes rain-51 {
  0% {
    opacity: 0.57;
    top: -96%;
  }
  100% {
    opacity: 0;
    top: 136%;
  }
}

@keyframes rain-51 {
  0% {
    opacity: 0.57;
    top: -96%;
  }
  100% {
    opacity: 0;
    top: 136%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(52) {
  -webkit-animation-name: rain-52;
          animation-name: rain-52;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 82%;
  opacity: 0.35;
  top: -90%;
}

@-webkit-keyframes rain-52 {
  0% {
    opacity: 0.35;
    top: -90%;
  }
  100% {
    opacity: 0;
    top: 130%;
  }
}

@keyframes rain-52 {
  0% {
    opacity: 0.35;
    top: -90%;
  }
  100% {
    opacity: 0;
    top: 130%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(53) {
  -webkit-animation-name: rain-53;
          animation-name: rain-53;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 78%;
  opacity: 0.35;
  top: -80%;
}

@-webkit-keyframes rain-53 {
  0% {
    opacity: 0.35;
    top: -80%;
  }
  100% {
    opacity: 0;
    top: 120%;
  }
}

@keyframes rain-53 {
  0% {
    opacity: 0.35;
    top: -80%;
  }
  100% {
    opacity: 0;
    top: 120%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(54) {
  -webkit-animation-name: rain-54;
          animation-name: rain-54;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 62%;
  opacity: 0.31;
  top: -78%;
}

@-webkit-keyframes rain-54 {
  0% {
    opacity: 0.31;
    top: -78%;
  }
  100% {
    opacity: 0;
    top: 118%;
  }
}

@keyframes rain-54 {
  0% {
    opacity: 0.31;
    top: -78%;
  }
  100% {
    opacity: 0;
    top: 118%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(55) {
  -webkit-animation-name: rain-55;
          animation-name: rain-55;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 97%;
  opacity: 0.35;
  top: -94%;
}

@-webkit-keyframes rain-55 {
  0% {
    opacity: 0.35;
    top: -94%;
  }
  100% {
    opacity: 0;
    top: 134%;
  }
}

@keyframes rain-55 {
  0% {
    opacity: 0.35;
    top: -94%;
  }
  100% {
    opacity: 0;
    top: 134%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(56) {
  -webkit-animation-name: rain-56;
          animation-name: rain-56;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 25%;
  opacity: 0.6;
  top: -72%;
}

@-webkit-keyframes rain-56 {
  0% {
    opacity: 0.6;
    top: -72%;
  }
  100% {
    opacity: 0;
    top: 112%;
  }
}

@keyframes rain-56 {
  0% {
    opacity: 0.6;
    top: -72%;
  }
  100% {
    opacity: 0;
    top: 112%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(57) {
  -webkit-animation-name: rain-57;
          animation-name: rain-57;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 54%;
  opacity: 0.56;
  top: -57%;
}

@-webkit-keyframes rain-57 {
  0% {
    opacity: 0.56;
    top: -57%;
  }
  100% {
    opacity: 0;
    top: 97%;
  }
}

@keyframes rain-57 {
  0% {
    opacity: 0.56;
    top: -57%;
  }
  100% {
    opacity: 0;
    top: 97%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(58) {
  -webkit-animation-name: rain-58;
          animation-name: rain-58;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 54%;
  opacity: 0.57;
  top: -61%;
}

@-webkit-keyframes rain-58 {
  0% {
    opacity: 0.57;
    top: -61%;
  }
  100% {
    opacity: 0;
    top: 101%;
  }
}

@keyframes rain-58 {
  0% {
    opacity: 0.57;
    top: -61%;
  }
  100% {
    opacity: 0;
    top: 101%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(59) {
  -webkit-animation-name: rain-59;
          animation-name: rain-59;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 78%;
  opacity: 0.51;
  top: -84%;
}

@-webkit-keyframes rain-59 {
  0% {
    opacity: 0.51;
    top: -84%;
  }
  100% {
    opacity: 0;
    top: 124%;
  }
}

@keyframes rain-59 {
  0% {
    opacity: 0.51;
    top: -84%;
  }
  100% {
    opacity: 0;
    top: 124%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(60) {
  -webkit-animation-name: rain-60;
          animation-name: rain-60;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 67%;
  opacity: 0.37;
  top: -81%;
}

@-webkit-keyframes rain-60 {
  0% {
    opacity: 0.37;
    top: -81%;
  }
  100% {
    opacity: 0;
    top: 121%;
  }
}

@keyframes rain-60 {
  0% {
    opacity: 0.37;
    top: -81%;
  }
  100% {
    opacity: 0;
    top: 121%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(61) {
  -webkit-animation-name: rain-61;
          animation-name: rain-61;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 70%;
  opacity: 0.44;
  top: -69%;
}

@-webkit-keyframes rain-61 {
  0% {
    opacity: 0.44;
    top: -69%;
  }
  100% {
    opacity: 0;
    top: 109%;
  }
}

@keyframes rain-61 {
  0% {
    opacity: 0.44;
    top: -69%;
  }
  100% {
    opacity: 0;
    top: 109%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(62) {
  -webkit-animation-name: rain-62;
          animation-name: rain-62;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 60%;
  opacity: 0.56;
  top: -79%;
}

@-webkit-keyframes rain-62 {
  0% {
    opacity: 0.56;
    top: -79%;
  }
  100% {
    opacity: 0;
    top: 119%;
  }
}

@keyframes rain-62 {
  0% {
    opacity: 0.56;
    top: -79%;
  }
  100% {
    opacity: 0;
    top: 119%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(63) {
  -webkit-animation-name: rain-63;
          animation-name: rain-63;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 1%;
  opacity: 0.47;
  top: -82%;
}

@-webkit-keyframes rain-63 {
  0% {
    opacity: 0.47;
    top: -82%;
  }
  100% {
    opacity: 0;
    top: 122%;
  }
}

@keyframes rain-63 {
  0% {
    opacity: 0.47;
    top: -82%;
  }
  100% {
    opacity: 0;
    top: 122%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(64) {
  -webkit-animation-name: rain-64;
          animation-name: rain-64;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 20%;
  opacity: 0.45;
  top: -58%;
}

@-webkit-keyframes rain-64 {
  0% {
    opacity: 0.45;
    top: -58%;
  }
  100% {
    opacity: 0;
    top: 98%;
  }
}

@keyframes rain-64 {
  0% {
    opacity: 0.45;
    top: -58%;
  }
  100% {
    opacity: 0;
    top: 98%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(65) {
  -webkit-animation-name: rain-65;
          animation-name: rain-65;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 41%;
  opacity: 0.59;
  top: -88%;
}

@-webkit-keyframes rain-65 {
  0% {
    opacity: 0.59;
    top: -88%;
  }
  100% {
    opacity: 0;
    top: 128%;
  }
}

@keyframes rain-65 {
  0% {
    opacity: 0.59;
    top: -88%;
  }
  100% {
    opacity: 0;
    top: 128%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(66) {
  -webkit-animation-name: rain-66;
          animation-name: rain-66;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 17%;
  opacity: 0.51;
  top: -91%;
}

@-webkit-keyframes rain-66 {
  0% {
    opacity: 0.51;
    top: -91%;
  }
  100% {
    opacity: 0;
    top: 131%;
  }
}

@keyframes rain-66 {
  0% {
    opacity: 0.51;
    top: -91%;
  }
  100% {
    opacity: 0;
    top: 131%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(67) {
  -webkit-animation-name: rain-67;
          animation-name: rain-67;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 32%;
  opacity: 0.41;
  top: -57%;
}

@-webkit-keyframes rain-67 {
  0% {
    opacity: 0.41;
    top: -57%;
  }
  100% {
    opacity: 0;
    top: 97%;
  }
}

@keyframes rain-67 {
  0% {
    opacity: 0.41;
    top: -57%;
  }
  100% {
    opacity: 0;
    top: 97%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(68) {
  -webkit-animation-name: rain-68;
          animation-name: rain-68;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 47%;
  opacity: 0.39;
  top: -97%;
}

@-webkit-keyframes rain-68 {
  0% {
    opacity: 0.39;
    top: -97%;
  }
  100% {
    opacity: 0;
    top: 137%;
  }
}

@keyframes rain-68 {
  0% {
    opacity: 0.39;
    top: -97%;
  }
  100% {
    opacity: 0;
    top: 137%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(69) {
  -webkit-animation-name: rain-69;
          animation-name: rain-69;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 9%;
  opacity: 0.53;
  top: -77%;
}

@-webkit-keyframes rain-69 {
  0% {
    opacity: 0.53;
    top: -77%;
  }
  100% {
    opacity: 0;
    top: 117%;
  }
}

@keyframes rain-69 {
  0% {
    opacity: 0.53;
    top: -77%;
  }
  100% {
    opacity: 0;
    top: 117%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(70) {
  -webkit-animation-name: rain-70;
          animation-name: rain-70;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 81%;
  opacity: 0.6;
  top: -52%;
}

@-webkit-keyframes rain-70 {
  0% {
    opacity: 0.6;
    top: -52%;
  }
  100% {
    opacity: 0;
    top: 92%;
  }
}

@keyframes rain-70 {
  0% {
    opacity: 0.6;
    top: -52%;
  }
  100% {
    opacity: 0;
    top: 92%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(71) {
  -webkit-animation-name: rain-71;
          animation-name: rain-71;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 57%;
  opacity: 0.39;
  top: -62%;
}

@-webkit-keyframes rain-71 {
  0% {
    opacity: 0.39;
    top: -62%;
  }
  100% {
    opacity: 0;
    top: 102%;
  }
}

@keyframes rain-71 {
  0% {
    opacity: 0.39;
    top: -62%;
  }
  100% {
    opacity: 0;
    top: 102%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(72) {
  -webkit-animation-name: rain-72;
          animation-name: rain-72;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 5%;
  opacity: 0.42;
  top: -66%;
}

@-webkit-keyframes rain-72 {
  0% {
    opacity: 0.42;
    top: -66%;
  }
  100% {
    opacity: 0;
    top: 106%;
  }
}

@keyframes rain-72 {
  0% {
    opacity: 0.42;
    top: -66%;
  }
  100% {
    opacity: 0;
    top: 106%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(73) {
  -webkit-animation-name: rain-73;
          animation-name: rain-73;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 50%;
  opacity: 0.45;
  top: -92%;
}

@-webkit-keyframes rain-73 {
  0% {
    opacity: 0.45;
    top: -92%;
  }
  100% {
    opacity: 0;
    top: 132%;
  }
}

@keyframes rain-73 {
  0% {
    opacity: 0.45;
    top: -92%;
  }
  100% {
    opacity: 0;
    top: 132%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(74) {
  -webkit-animation-name: rain-74;
          animation-name: rain-74;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 34%;
  opacity: 0.48;
  top: -73%;
}

@-webkit-keyframes rain-74 {
  0% {
    opacity: 0.48;
    top: -73%;
  }
  100% {
    opacity: 0;
    top: 113%;
  }
}

@keyframes rain-74 {
  0% {
    opacity: 0.48;
    top: -73%;
  }
  100% {
    opacity: 0;
    top: 113%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(75) {
  -webkit-animation-name: rain-75;
          animation-name: rain-75;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 11%;
  opacity: 0.46;
  top: -94%;
}

@-webkit-keyframes rain-75 {
  0% {
    opacity: 0.46;
    top: -94%;
  }
  100% {
    opacity: 0;
    top: 134%;
  }
}

@keyframes rain-75 {
  0% {
    opacity: 0.46;
    top: -94%;
  }
  100% {
    opacity: 0;
    top: 134%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(76) {
  -webkit-animation-name: rain-76;
          animation-name: rain-76;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 52%;
  opacity: 0.53;
  top: -53%;
}

@-webkit-keyframes rain-76 {
  0% {
    opacity: 0.53;
    top: -53%;
  }
  100% {
    opacity: 0;
    top: 93%;
  }
}

@keyframes rain-76 {
  0% {
    opacity: 0.53;
    top: -53%;
  }
  100% {
    opacity: 0;
    top: 93%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(77) {
  -webkit-animation-name: rain-77;
          animation-name: rain-77;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 39%;
  opacity: 0.6;
  top: -98%;
}

@-webkit-keyframes rain-77 {
  0% {
    opacity: 0.6;
    top: -98%;
  }
  100% {
    opacity: 0;
    top: 138%;
  }
}

@keyframes rain-77 {
  0% {
    opacity: 0.6;
    top: -98%;
  }
  100% {
    opacity: 0;
    top: 138%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(78) {
  -webkit-animation-name: rain-78;
          animation-name: rain-78;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 81%;
  opacity: 0.44;
  top: -64%;
}

@-webkit-keyframes rain-78 {
  0% {
    opacity: 0.44;
    top: -64%;
  }
  100% {
    opacity: 0;
    top: 104%;
  }
}

@keyframes rain-78 {
  0% {
    opacity: 0.44;
    top: -64%;
  }
  100% {
    opacity: 0;
    top: 104%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(79) {
  -webkit-animation-name: rain-79;
          animation-name: rain-79;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 3%;
  opacity: 0.53;
  top: -60%;
}

@-webkit-keyframes rain-79 {
  0% {
    opacity: 0.53;
    top: -60%;
  }
  100% {
    opacity: 0;
    top: 100%;
  }
}

@keyframes rain-79 {
  0% {
    opacity: 0.53;
    top: -60%;
  }
  100% {
    opacity: 0;
    top: 100%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(80) {
  -webkit-animation-name: rain-80;
          animation-name: rain-80;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 45%;
  opacity: 0.46;
  top: -52%;
}

@-webkit-keyframes rain-80 {
  0% {
    opacity: 0.46;
    top: -52%;
  }
  100% {
    opacity: 0;
    top: 92%;
  }
}

@keyframes rain-80 {
  0% {
    opacity: 0.46;
    top: -52%;
  }
  100% {
    opacity: 0;
    top: 92%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(81) {
  -webkit-animation-name: rain-81;
          animation-name: rain-81;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 77%;
  opacity: 0.55;
  top: -87%;
}

@-webkit-keyframes rain-81 {
  0% {
    opacity: 0.55;
    top: -87%;
  }
  100% {
    opacity: 0;
    top: 127%;
  }
}

@keyframes rain-81 {
  0% {
    opacity: 0.55;
    top: -87%;
  }
  100% {
    opacity: 0;
    top: 127%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(82) {
  -webkit-animation-name: rain-82;
          animation-name: rain-82;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 49%;
  opacity: 0.4;
  top: -80%;
}

@-webkit-keyframes rain-82 {
  0% {
    opacity: 0.4;
    top: -80%;
  }
  100% {
    opacity: 0;
    top: 120%;
  }
}

@keyframes rain-82 {
  0% {
    opacity: 0.4;
    top: -80%;
  }
  100% {
    opacity: 0;
    top: 120%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(83) {
  -webkit-animation-name: rain-83;
          animation-name: rain-83;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 44%;
  opacity: 0.31;
  top: -89%;
}

@-webkit-keyframes rain-83 {
  0% {
    opacity: 0.31;
    top: -89%;
  }
  100% {
    opacity: 0;
    top: 129%;
  }
}

@keyframes rain-83 {
  0% {
    opacity: 0.31;
    top: -89%;
  }
  100% {
    opacity: 0;
    top: 129%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(84) {
  -webkit-animation-name: rain-84;
          animation-name: rain-84;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 54%;
  opacity: 0.34;
  top: -77%;
}

@-webkit-keyframes rain-84 {
  0% {
    opacity: 0.34;
    top: -77%;
  }
  100% {
    opacity: 0;
    top: 117%;
  }
}

@keyframes rain-84 {
  0% {
    opacity: 0.34;
    top: -77%;
  }
  100% {
    opacity: 0;
    top: 117%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(85) {
  -webkit-animation-name: rain-85;
          animation-name: rain-85;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 84%;
  opacity: 0.37;
  top: -92%;
}

@-webkit-keyframes rain-85 {
  0% {
    opacity: 0.37;
    top: -92%;
  }
  100% {
    opacity: 0;
    top: 132%;
  }
}

@keyframes rain-85 {
  0% {
    opacity: 0.37;
    top: -92%;
  }
  100% {
    opacity: 0;
    top: 132%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(86) {
  -webkit-animation-name: rain-86;
          animation-name: rain-86;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 81%;
  opacity: 0.57;
  top: -79%;
}

@-webkit-keyframes rain-86 {
  0% {
    opacity: 0.57;
    top: -79%;
  }
  100% {
    opacity: 0;
    top: 119%;
  }
}

@keyframes rain-86 {
  0% {
    opacity: 0.57;
    top: -79%;
  }
  100% {
    opacity: 0;
    top: 119%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(87) {
  -webkit-animation-name: rain-87;
          animation-name: rain-87;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 91%;
  opacity: 0.42;
  top: -61%;
}

@-webkit-keyframes rain-87 {
  0% {
    opacity: 0.42;
    top: -61%;
  }
  100% {
    opacity: 0;
    top: 101%;
  }
}

@keyframes rain-87 {
  0% {
    opacity: 0.42;
    top: -61%;
  }
  100% {
    opacity: 0;
    top: 101%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(88) {
  -webkit-animation-name: rain-88;
          animation-name: rain-88;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 46%;
  opacity: 0.31;
  top: -77%;
}

@-webkit-keyframes rain-88 {
  0% {
    opacity: 0.31;
    top: -77%;
  }
  100% {
    opacity: 0;
    top: 117%;
  }
}

@keyframes rain-88 {
  0% {
    opacity: 0.31;
    top: -77%;
  }
  100% {
    opacity: 0;
    top: 117%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(89) {
  -webkit-animation-name: rain-89;
          animation-name: rain-89;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 61%;
  opacity: 0.49;
  top: -97%;
}

@-webkit-keyframes rain-89 {
  0% {
    opacity: 0.49;
    top: -97%;
  }
  100% {
    opacity: 0;
    top: 137%;
  }
}

@keyframes rain-89 {
  0% {
    opacity: 0.49;
    top: -97%;
  }
  100% {
    opacity: 0;
    top: 137%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(90) {
  -webkit-animation-name: rain-90;
          animation-name: rain-90;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 73%;
  opacity: 0.48;
  top: -71%;
}

@-webkit-keyframes rain-90 {
  0% {
    opacity: 0.48;
    top: -71%;
  }
  100% {
    opacity: 0;
    top: 111%;
  }
}

@keyframes rain-90 {
  0% {
    opacity: 0.48;
    top: -71%;
  }
  100% {
    opacity: 0;
    top: 111%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(91) {
  -webkit-animation-name: rain-91;
          animation-name: rain-91;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 73%;
  opacity: 0.55;
  top: -53%;
}

@-webkit-keyframes rain-91 {
  0% {
    opacity: 0.55;
    top: -53%;
  }
  100% {
    opacity: 0;
    top: 93%;
  }
}

@keyframes rain-91 {
  0% {
    opacity: 0.55;
    top: -53%;
  }
  100% {
    opacity: 0;
    top: 93%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(92) {
  -webkit-animation-name: rain-92;
          animation-name: rain-92;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 85%;
  opacity: 0.53;
  top: -79%;
}

@-webkit-keyframes rain-92 {
  0% {
    opacity: 0.53;
    top: -79%;
  }
  100% {
    opacity: 0;
    top: 119%;
  }
}

@keyframes rain-92 {
  0% {
    opacity: 0.53;
    top: -79%;
  }
  100% {
    opacity: 0;
    top: 119%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(93) {
  -webkit-animation-name: rain-93;
          animation-name: rain-93;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 4%;
  opacity: 0.48;
  top: -91%;
}

@-webkit-keyframes rain-93 {
  0% {
    opacity: 0.48;
    top: -91%;
  }
  100% {
    opacity: 0;
    top: 131%;
  }
}

@keyframes rain-93 {
  0% {
    opacity: 0.48;
    top: -91%;
  }
  100% {
    opacity: 0;
    top: 131%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(94) {
  -webkit-animation-name: rain-94;
          animation-name: rain-94;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 43%;
  opacity: 0.34;
  top: -81%;
}

@-webkit-keyframes rain-94 {
  0% {
    opacity: 0.34;
    top: -81%;
  }
  100% {
    opacity: 0;
    top: 121%;
  }
}

@keyframes rain-94 {
  0% {
    opacity: 0.34;
    top: -81%;
  }
  100% {
    opacity: 0;
    top: 121%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(95) {
  -webkit-animation-name: rain-95;
          animation-name: rain-95;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 8%;
  opacity: 0.41;
  top: -61%;
}

@-webkit-keyframes rain-95 {
  0% {
    opacity: 0.41;
    top: -61%;
  }
  100% {
    opacity: 0;
    top: 101%;
  }
}

@keyframes rain-95 {
  0% {
    opacity: 0.41;
    top: -61%;
  }
  100% {
    opacity: 0;
    top: 101%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(96) {
  -webkit-animation-name: rain-96;
          animation-name: rain-96;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 68%;
  opacity: 0.51;
  top: -69%;
}

@-webkit-keyframes rain-96 {
  0% {
    opacity: 0.51;
    top: -69%;
  }
  100% {
    opacity: 0;
    top: 109%;
  }
}

@keyframes rain-96 {
  0% {
    opacity: 0.51;
    top: -69%;
  }
  100% {
    opacity: 0;
    top: 109%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(97) {
  -webkit-animation-name: rain-97;
          animation-name: rain-97;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 61%;
  opacity: 0.6;
  top: -96%;
}

@-webkit-keyframes rain-97 {
  0% {
    opacity: 0.6;
    top: -96%;
  }
  100% {
    opacity: 0;
    top: 136%;
  }
}

@keyframes rain-97 {
  0% {
    opacity: 0.6;
    top: -96%;
  }
  100% {
    opacity: 0;
    top: 136%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(98) {
  -webkit-animation-name: rain-98;
          animation-name: rain-98;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 11%;
  opacity: 0.41;
  top: -79%;
}

@-webkit-keyframes rain-98 {
  0% {
    opacity: 0.41;
    top: -79%;
  }
  100% {
    opacity: 0;
    top: 119%;
  }
}

@keyframes rain-98 {
  0% {
    opacity: 0.41;
    top: -79%;
  }
  100% {
    opacity: 0;
    top: 119%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(99) {
  -webkit-animation-name: rain-99;
          animation-name: rain-99;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 55%;
  opacity: 0.52;
  top: -62%;
}

@-webkit-keyframes rain-99 {
  0% {
    opacity: 0.52;
    top: -62%;
  }
  100% {
    opacity: 0;
    top: 102%;
  }
}

@keyframes rain-99 {
  0% {
    opacity: 0.52;
    top: -62%;
  }
  100% {
    opacity: 0;
    top: 102%;
  }
}
.weather-block.rain .rain-drop:nth-of-type(100) {
  -webkit-animation-name: rain-100;
          animation-name: rain-100;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 37%;
  opacity: 0.38;
  top: -76%;
}

@-webkit-keyframes rain-100 {
  0% {
    opacity: 0.38;
    top: -76%;
  }
  100% {
    opacity: 0;
    top: 116%;
  }
}

@keyframes rain-100 {
  0% {
    opacity: 0.38;
    top: -76%;
  }
  100% {
    opacity: 0;
    top: 116%;
  }
}
.weather-block.mist {
  background-color: #003c6c;
}
.weather-block.mist .circle1 {
  z-index: 100;
  position: absolute;
  height: 80px;
  width: 80px;
  right: -20px;
  top: -30px;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.3;
  -webkit-animation: enlarge;
          animation: enlarge;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.weather-block.mist .circle2 {
  z-index: 80;
  position: absolute;
  height: 150px;
  width: 150px;
  right: -50px;
  top: -70px;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.2;
  -webkit-animation: enlarge;
          animation: enlarge;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.weather-block.mist .circle3 {
  z-index: 50;
  position: absolute;
  height: 200px;
  width: 200px;
  right: -50px;
  top: -100px;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.1;
  -webkit-animation: enlarge;
          animation: enlarge;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.weather-block.mist .rain-drops {
  display: block;
}
.weather-block.mist .condition::before {
  font-family: "Font Awesome 5 Free";
  content: "\f043";
  font-weight: 900;
  margin-right: 6px;
  font-size: 16px;
}
.weather-block.mist.nighttime {
  background-color: #070b0e;
}

.mist .rain-drop {
  background: white;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  height: 5px;
  position: absolute;
  width: 1px;
}

.mist .rain-drop:nth-of-type(1) {
  -webkit-animation-name: mist-1;
          animation-name: mist-1;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 4%;
  opacity: 0.31;
  top: -52%;
}

@-webkit-keyframes mist-1 {
  0% {
    left: 4%;
    opacity: 0.31;
    top: -52%;
  }
  100% {
    left: 24%;
    opacity: 0;
    top: 92%;
  }
}

@keyframes mist-1 {
  0% {
    left: 4%;
    opacity: 0.31;
    top: -52%;
  }
  100% {
    left: 24%;
    opacity: 0;
    top: 92%;
  }
}
.mist .rain-drop:nth-of-type(2) {
  -webkit-animation-name: mist-2;
          animation-name: mist-2;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 5%;
  opacity: 0.39;
  top: -78%;
}

@-webkit-keyframes mist-2 {
  0% {
    left: 5%;
    opacity: 0.39;
    top: -78%;
  }
  100% {
    left: 98%;
    opacity: 0;
    top: 118%;
  }
}

@keyframes mist-2 {
  0% {
    left: 5%;
    opacity: 0.39;
    top: -78%;
  }
  100% {
    left: 98%;
    opacity: 0;
    top: 118%;
  }
}
.mist .rain-drop:nth-of-type(3) {
  -webkit-animation-name: mist-3;
          animation-name: mist-3;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 35%;
  opacity: 0.31;
  top: -62%;
}

@-webkit-keyframes mist-3 {
  0% {
    left: 35%;
    opacity: 0.31;
    top: -62%;
  }
  100% {
    left: 70%;
    opacity: 0;
    top: 102%;
  }
}

@keyframes mist-3 {
  0% {
    left: 35%;
    opacity: 0.31;
    top: -62%;
  }
  100% {
    left: 70%;
    opacity: 0;
    top: 102%;
  }
}
.mist .rain-drop:nth-of-type(4) {
  -webkit-animation-name: mist-4;
          animation-name: mist-4;
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 50%;
  opacity: 0.45;
  top: -65%;
}

@-webkit-keyframes mist-4 {
  0% {
    left: 50%;
    opacity: 0.45;
    top: -65%;
  }
  100% {
    left: 24%;
    opacity: 0;
    top: 105%;
  }
}

@keyframes mist-4 {
  0% {
    left: 50%;
    opacity: 0.45;
    top: -65%;
  }
  100% {
    left: 24%;
    opacity: 0;
    top: 105%;
  }
}
.mist .rain-drop:nth-of-type(5) {
  -webkit-animation-name: mist-5;
          animation-name: mist-5;
  -webkit-animation-delay: 14s;
          animation-delay: 14s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 60%;
  opacity: 0.45;
  top: -67%;
}

@-webkit-keyframes mist-5 {
  0% {
    left: 60%;
    opacity: 0.45;
    top: -67%;
  }
  100% {
    left: 49%;
    opacity: 0;
    top: 107%;
  }
}

@keyframes mist-5 {
  0% {
    left: 60%;
    opacity: 0.45;
    top: -67%;
  }
  100% {
    left: 49%;
    opacity: 0;
    top: 107%;
  }
}
.mist .rain-drop:nth-of-type(6) {
  -webkit-animation-name: mist-6;
          animation-name: mist-6;
  -webkit-animation-delay: 19s;
          animation-delay: 19s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 34%;
  opacity: 0.44;
  top: -53%;
}

@-webkit-keyframes mist-6 {
  0% {
    left: 34%;
    opacity: 0.44;
    top: -53%;
  }
  100% {
    left: 82%;
    opacity: 0;
    top: 93%;
  }
}

@keyframes mist-6 {
  0% {
    left: 34%;
    opacity: 0.44;
    top: -53%;
  }
  100% {
    left: 82%;
    opacity: 0;
    top: 93%;
  }
}
.mist .rain-drop:nth-of-type(7) {
  -webkit-animation-name: mist-7;
          animation-name: mist-7;
  -webkit-animation-delay: 16s;
          animation-delay: 16s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 17%;
  opacity: 0.48;
  top: -98%;
}

@-webkit-keyframes mist-7 {
  0% {
    left: 17%;
    opacity: 0.48;
    top: -98%;
  }
  100% {
    left: 89%;
    opacity: 0;
    top: 138%;
  }
}

@keyframes mist-7 {
  0% {
    left: 17%;
    opacity: 0.48;
    top: -98%;
  }
  100% {
    left: 89%;
    opacity: 0;
    top: 138%;
  }
}
.mist .rain-drop:nth-of-type(8) {
  -webkit-animation-name: mist-8;
          animation-name: mist-8;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 39%;
  opacity: 0.52;
  top: -65%;
}

@-webkit-keyframes mist-8 {
  0% {
    left: 39%;
    opacity: 0.52;
    top: -65%;
  }
  100% {
    left: 69%;
    opacity: 0;
    top: 105%;
  }
}

@keyframes mist-8 {
  0% {
    left: 39%;
    opacity: 0.52;
    top: -65%;
  }
  100% {
    left: 69%;
    opacity: 0;
    top: 105%;
  }
}
.mist .rain-drop:nth-of-type(9) {
  -webkit-animation-name: mist-9;
          animation-name: mist-9;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 63%;
  opacity: 0.45;
  top: -56%;
}

@-webkit-keyframes mist-9 {
  0% {
    left: 63%;
    opacity: 0.45;
    top: -56%;
  }
  100% {
    left: 65%;
    opacity: 0;
    top: 96%;
  }
}

@keyframes mist-9 {
  0% {
    left: 63%;
    opacity: 0.45;
    top: -56%;
  }
  100% {
    left: 65%;
    opacity: 0;
    top: 96%;
  }
}
.mist .rain-drop:nth-of-type(10) {
  -webkit-animation-name: mist-10;
          animation-name: mist-10;
  -webkit-animation-delay: 17s;
          animation-delay: 17s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 31%;
  opacity: 0.53;
  top: -61%;
}

@-webkit-keyframes mist-10 {
  0% {
    left: 31%;
    opacity: 0.53;
    top: -61%;
  }
  100% {
    left: 2%;
    opacity: 0;
    top: 101%;
  }
}

@keyframes mist-10 {
  0% {
    left: 31%;
    opacity: 0.53;
    top: -61%;
  }
  100% {
    left: 2%;
    opacity: 0;
    top: 101%;
  }
}
.mist .rain-drop:nth-of-type(11) {
  -webkit-animation-name: mist-11;
          animation-name: mist-11;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 9%;
  opacity: 0.56;
  top: -95%;
}

@-webkit-keyframes mist-11 {
  0% {
    left: 9%;
    opacity: 0.56;
    top: -95%;
  }
  100% {
    left: 10%;
    opacity: 0;
    top: 135%;
  }
}

@keyframes mist-11 {
  0% {
    left: 9%;
    opacity: 0.56;
    top: -95%;
  }
  100% {
    left: 10%;
    opacity: 0;
    top: 135%;
  }
}
.mist .rain-drop:nth-of-type(12) {
  -webkit-animation-name: mist-12;
          animation-name: mist-12;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 34%;
  opacity: 0.31;
  top: -77%;
}

@-webkit-keyframes mist-12 {
  0% {
    left: 34%;
    opacity: 0.31;
    top: -77%;
  }
  100% {
    left: 62%;
    opacity: 0;
    top: 117%;
  }
}

@keyframes mist-12 {
  0% {
    left: 34%;
    opacity: 0.31;
    top: -77%;
  }
  100% {
    left: 62%;
    opacity: 0;
    top: 117%;
  }
}
.mist .rain-drop:nth-of-type(13) {
  -webkit-animation-name: mist-13;
          animation-name: mist-13;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 52%;
  opacity: 0.47;
  top: -98%;
}

@-webkit-keyframes mist-13 {
  0% {
    left: 52%;
    opacity: 0.47;
    top: -98%;
  }
  100% {
    left: 82%;
    opacity: 0;
    top: 138%;
  }
}

@keyframes mist-13 {
  0% {
    left: 52%;
    opacity: 0.47;
    top: -98%;
  }
  100% {
    left: 82%;
    opacity: 0;
    top: 138%;
  }
}
.mist .rain-drop:nth-of-type(14) {
  -webkit-animation-name: mist-14;
          animation-name: mist-14;
  -webkit-animation-delay: 17s;
          animation-delay: 17s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 34%;
  opacity: 0.59;
  top: -91%;
}

@-webkit-keyframes mist-14 {
  0% {
    left: 34%;
    opacity: 0.59;
    top: -91%;
  }
  100% {
    left: 6%;
    opacity: 0;
    top: 131%;
  }
}

@keyframes mist-14 {
  0% {
    left: 34%;
    opacity: 0.59;
    top: -91%;
  }
  100% {
    left: 6%;
    opacity: 0;
    top: 131%;
  }
}
.mist .rain-drop:nth-of-type(15) {
  -webkit-animation-name: mist-15;
          animation-name: mist-15;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 21%;
  opacity: 0.53;
  top: -88%;
}

@-webkit-keyframes mist-15 {
  0% {
    left: 21%;
    opacity: 0.53;
    top: -88%;
  }
  100% {
    left: 83%;
    opacity: 0;
    top: 128%;
  }
}

@keyframes mist-15 {
  0% {
    left: 21%;
    opacity: 0.53;
    top: -88%;
  }
  100% {
    left: 83%;
    opacity: 0;
    top: 128%;
  }
}
.mist .rain-drop:nth-of-type(16) {
  -webkit-animation-name: mist-16;
          animation-name: mist-16;
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 37%;
  opacity: 0.36;
  top: -89%;
}

@-webkit-keyframes mist-16 {
  0% {
    left: 37%;
    opacity: 0.36;
    top: -89%;
  }
  100% {
    left: 94%;
    opacity: 0;
    top: 129%;
  }
}

@keyframes mist-16 {
  0% {
    left: 37%;
    opacity: 0.36;
    top: -89%;
  }
  100% {
    left: 94%;
    opacity: 0;
    top: 129%;
  }
}
.mist .rain-drop:nth-of-type(17) {
  -webkit-animation-name: mist-17;
          animation-name: mist-17;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 63%;
  opacity: 0.57;
  top: -53%;
}

@-webkit-keyframes mist-17 {
  0% {
    left: 63%;
    opacity: 0.57;
    top: -53%;
  }
  100% {
    left: 18%;
    opacity: 0;
    top: 93%;
  }
}

@keyframes mist-17 {
  0% {
    left: 63%;
    opacity: 0.57;
    top: -53%;
  }
  100% {
    left: 18%;
    opacity: 0;
    top: 93%;
  }
}
.mist .rain-drop:nth-of-type(18) {
  -webkit-animation-name: mist-18;
          animation-name: mist-18;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 32%;
  opacity: 0.51;
  top: -59%;
}

@-webkit-keyframes mist-18 {
  0% {
    left: 32%;
    opacity: 0.51;
    top: -59%;
  }
  100% {
    left: 41%;
    opacity: 0;
    top: 99%;
  }
}

@keyframes mist-18 {
  0% {
    left: 32%;
    opacity: 0.51;
    top: -59%;
  }
  100% {
    left: 41%;
    opacity: 0;
    top: 99%;
  }
}
.mist .rain-drop:nth-of-type(19) {
  -webkit-animation-name: mist-19;
          animation-name: mist-19;
  -webkit-animation-delay: 18s;
          animation-delay: 18s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 92%;
  opacity: 0.48;
  top: -59%;
}

@-webkit-keyframes mist-19 {
  0% {
    left: 92%;
    opacity: 0.48;
    top: -59%;
  }
  100% {
    left: 90%;
    opacity: 0;
    top: 99%;
  }
}

@keyframes mist-19 {
  0% {
    left: 92%;
    opacity: 0.48;
    top: -59%;
  }
  100% {
    left: 90%;
    opacity: 0;
    top: 99%;
  }
}
.mist .rain-drop:nth-of-type(20) {
  -webkit-animation-name: mist-20;
          animation-name: mist-20;
  -webkit-animation-delay: 19s;
          animation-delay: 19s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 60%;
  opacity: 0.55;
  top: -59%;
}

@-webkit-keyframes mist-20 {
  0% {
    left: 60%;
    opacity: 0.55;
    top: -59%;
  }
  100% {
    left: 3%;
    opacity: 0;
    top: 99%;
  }
}

@keyframes mist-20 {
  0% {
    left: 60%;
    opacity: 0.55;
    top: -59%;
  }
  100% {
    left: 3%;
    opacity: 0;
    top: 99%;
  }
}
.mist .rain-drop:nth-of-type(21) {
  -webkit-animation-name: mist-21;
          animation-name: mist-21;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 63%;
  opacity: 0.33;
  top: -74%;
}

@-webkit-keyframes mist-21 {
  0% {
    left: 63%;
    opacity: 0.33;
    top: -74%;
  }
  100% {
    left: 6%;
    opacity: 0;
    top: 114%;
  }
}

@keyframes mist-21 {
  0% {
    left: 63%;
    opacity: 0.33;
    top: -74%;
  }
  100% {
    left: 6%;
    opacity: 0;
    top: 114%;
  }
}
.mist .rain-drop:nth-of-type(22) {
  -webkit-animation-name: mist-22;
          animation-name: mist-22;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 73%;
  opacity: 0.32;
  top: -97%;
}

@-webkit-keyframes mist-22 {
  0% {
    left: 73%;
    opacity: 0.32;
    top: -97%;
  }
  100% {
    left: 48%;
    opacity: 0;
    top: 137%;
  }
}

@keyframes mist-22 {
  0% {
    left: 73%;
    opacity: 0.32;
    top: -97%;
  }
  100% {
    left: 48%;
    opacity: 0;
    top: 137%;
  }
}
.mist .rain-drop:nth-of-type(23) {
  -webkit-animation-name: mist-23;
          animation-name: mist-23;
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 53%;
  opacity: 0.49;
  top: -88%;
}

@-webkit-keyframes mist-23 {
  0% {
    left: 53%;
    opacity: 0.49;
    top: -88%;
  }
  100% {
    left: 55%;
    opacity: 0;
    top: 128%;
  }
}

@keyframes mist-23 {
  0% {
    left: 53%;
    opacity: 0.49;
    top: -88%;
  }
  100% {
    left: 55%;
    opacity: 0;
    top: 128%;
  }
}
.mist .rain-drop:nth-of-type(24) {
  -webkit-animation-name: mist-24;
          animation-name: mist-24;
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 64%;
  opacity: 0.36;
  top: -81%;
}

@-webkit-keyframes mist-24 {
  0% {
    left: 64%;
    opacity: 0.36;
    top: -81%;
  }
  100% {
    left: 40%;
    opacity: 0;
    top: 121%;
  }
}

@keyframes mist-24 {
  0% {
    left: 64%;
    opacity: 0.36;
    top: -81%;
  }
  100% {
    left: 40%;
    opacity: 0;
    top: 121%;
  }
}
.mist .rain-drop:nth-of-type(25) {
  -webkit-animation-name: mist-25;
          animation-name: mist-25;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 92%;
  opacity: 0.54;
  top: -65%;
}

@-webkit-keyframes mist-25 {
  0% {
    left: 92%;
    opacity: 0.54;
    top: -65%;
  }
  100% {
    left: 14%;
    opacity: 0;
    top: 105%;
  }
}

@keyframes mist-25 {
  0% {
    left: 92%;
    opacity: 0.54;
    top: -65%;
  }
  100% {
    left: 14%;
    opacity: 0;
    top: 105%;
  }
}
.mist .rain-drop:nth-of-type(26) {
  -webkit-animation-name: mist-26;
          animation-name: mist-26;
  -webkit-animation-delay: 13s;
          animation-delay: 13s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 18%;
  opacity: 0.35;
  top: -51%;
}

@-webkit-keyframes mist-26 {
  0% {
    left: 18%;
    opacity: 0.35;
    top: -51%;
  }
  100% {
    left: 91%;
    opacity: 0;
    top: 91%;
  }
}

@keyframes mist-26 {
  0% {
    left: 18%;
    opacity: 0.35;
    top: -51%;
  }
  100% {
    left: 91%;
    opacity: 0;
    top: 91%;
  }
}
.mist .rain-drop:nth-of-type(27) {
  -webkit-animation-name: mist-27;
          animation-name: mist-27;
  -webkit-animation-delay: 16s;
          animation-delay: 16s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 68%;
  opacity: 0.47;
  top: -83%;
}

@-webkit-keyframes mist-27 {
  0% {
    left: 68%;
    opacity: 0.47;
    top: -83%;
  }
  100% {
    left: 71%;
    opacity: 0;
    top: 123%;
  }
}

@keyframes mist-27 {
  0% {
    left: 68%;
    opacity: 0.47;
    top: -83%;
  }
  100% {
    left: 71%;
    opacity: 0;
    top: 123%;
  }
}
.mist .rain-drop:nth-of-type(28) {
  -webkit-animation-name: mist-28;
          animation-name: mist-28;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 26%;
  opacity: 0.38;
  top: -63%;
}

@-webkit-keyframes mist-28 {
  0% {
    left: 26%;
    opacity: 0.38;
    top: -63%;
  }
  100% {
    left: 3%;
    opacity: 0;
    top: 103%;
  }
}

@keyframes mist-28 {
  0% {
    left: 26%;
    opacity: 0.38;
    top: -63%;
  }
  100% {
    left: 3%;
    opacity: 0;
    top: 103%;
  }
}
.mist .rain-drop:nth-of-type(29) {
  -webkit-animation-name: mist-29;
          animation-name: mist-29;
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 97%;
  opacity: 0.33;
  top: -55%;
}

@-webkit-keyframes mist-29 {
  0% {
    left: 97%;
    opacity: 0.33;
    top: -55%;
  }
  100% {
    left: 98%;
    opacity: 0;
    top: 95%;
  }
}

@keyframes mist-29 {
  0% {
    left: 97%;
    opacity: 0.33;
    top: -55%;
  }
  100% {
    left: 98%;
    opacity: 0;
    top: 95%;
  }
}
.mist .rain-drop:nth-of-type(30) {
  -webkit-animation-name: mist-30;
          animation-name: mist-30;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 77%;
  opacity: 0.42;
  top: -75%;
}

@-webkit-keyframes mist-30 {
  0% {
    left: 77%;
    opacity: 0.42;
    top: -75%;
  }
  100% {
    left: 56%;
    opacity: 0;
    top: 115%;
  }
}

@keyframes mist-30 {
  0% {
    left: 77%;
    opacity: 0.42;
    top: -75%;
  }
  100% {
    left: 56%;
    opacity: 0;
    top: 115%;
  }
}
.mist .rain-drop:nth-of-type(31) {
  -webkit-animation-name: mist-31;
          animation-name: mist-31;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 54%;
  opacity: 0.39;
  top: -61%;
}

@-webkit-keyframes mist-31 {
  0% {
    left: 54%;
    opacity: 0.39;
    top: -61%;
  }
  100% {
    left: 100%;
    opacity: 0;
    top: 101%;
  }
}

@keyframes mist-31 {
  0% {
    left: 54%;
    opacity: 0.39;
    top: -61%;
  }
  100% {
    left: 100%;
    opacity: 0;
    top: 101%;
  }
}
.mist .rain-drop:nth-of-type(32) {
  -webkit-animation-name: mist-32;
          animation-name: mist-32;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 84%;
  opacity: 0.52;
  top: -59%;
}

@-webkit-keyframes mist-32 {
  0% {
    left: 84%;
    opacity: 0.52;
    top: -59%;
  }
  100% {
    left: 21%;
    opacity: 0;
    top: 99%;
  }
}

@keyframes mist-32 {
  0% {
    left: 84%;
    opacity: 0.52;
    top: -59%;
  }
  100% {
    left: 21%;
    opacity: 0;
    top: 99%;
  }
}
.mist .rain-drop:nth-of-type(33) {
  -webkit-animation-name: mist-33;
          animation-name: mist-33;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 97%;
  opacity: 0.59;
  top: -60%;
}

@-webkit-keyframes mist-33 {
  0% {
    left: 97%;
    opacity: 0.59;
    top: -60%;
  }
  100% {
    left: 44%;
    opacity: 0;
    top: 100%;
  }
}

@keyframes mist-33 {
  0% {
    left: 97%;
    opacity: 0.59;
    top: -60%;
  }
  100% {
    left: 44%;
    opacity: 0;
    top: 100%;
  }
}
.mist .rain-drop:nth-of-type(34) {
  -webkit-animation-name: mist-34;
          animation-name: mist-34;
  -webkit-animation-delay: 16s;
          animation-delay: 16s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 38%;
  opacity: 0.31;
  top: -91%;
}

@-webkit-keyframes mist-34 {
  0% {
    left: 38%;
    opacity: 0.31;
    top: -91%;
  }
  100% {
    left: 87%;
    opacity: 0;
    top: 131%;
  }
}

@keyframes mist-34 {
  0% {
    left: 38%;
    opacity: 0.31;
    top: -91%;
  }
  100% {
    left: 87%;
    opacity: 0;
    top: 131%;
  }
}
.mist .rain-drop:nth-of-type(35) {
  -webkit-animation-name: mist-35;
          animation-name: mist-35;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 81%;
  opacity: 0.52;
  top: -94%;
}

@-webkit-keyframes mist-35 {
  0% {
    left: 81%;
    opacity: 0.52;
    top: -94%;
  }
  100% {
    left: 96%;
    opacity: 0;
    top: 134%;
  }
}

@keyframes mist-35 {
  0% {
    left: 81%;
    opacity: 0.52;
    top: -94%;
  }
  100% {
    left: 96%;
    opacity: 0;
    top: 134%;
  }
}
.mist .rain-drop:nth-of-type(36) {
  -webkit-animation-name: mist-36;
          animation-name: mist-36;
  -webkit-animation-delay: 19s;
          animation-delay: 19s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 15%;
  opacity: 0.44;
  top: -85%;
}

@-webkit-keyframes mist-36 {
  0% {
    left: 15%;
    opacity: 0.44;
    top: -85%;
  }
  100% {
    left: 40%;
    opacity: 0;
    top: 125%;
  }
}

@keyframes mist-36 {
  0% {
    left: 15%;
    opacity: 0.44;
    top: -85%;
  }
  100% {
    left: 40%;
    opacity: 0;
    top: 125%;
  }
}
.mist .rain-drop:nth-of-type(37) {
  -webkit-animation-name: mist-37;
          animation-name: mist-37;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 45%;
  opacity: 0.56;
  top: -54%;
}

@-webkit-keyframes mist-37 {
  0% {
    left: 45%;
    opacity: 0.56;
    top: -54%;
  }
  100% {
    left: 32%;
    opacity: 0;
    top: 94%;
  }
}

@keyframes mist-37 {
  0% {
    left: 45%;
    opacity: 0.56;
    top: -54%;
  }
  100% {
    left: 32%;
    opacity: 0;
    top: 94%;
  }
}
.mist .rain-drop:nth-of-type(38) {
  -webkit-animation-name: mist-38;
          animation-name: mist-38;
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 42%;
  opacity: 0.6;
  top: -63%;
}

@-webkit-keyframes mist-38 {
  0% {
    left: 42%;
    opacity: 0.6;
    top: -63%;
  }
  100% {
    left: 92%;
    opacity: 0;
    top: 103%;
  }
}

@keyframes mist-38 {
  0% {
    left: 42%;
    opacity: 0.6;
    top: -63%;
  }
  100% {
    left: 92%;
    opacity: 0;
    top: 103%;
  }
}
.mist .rain-drop:nth-of-type(39) {
  -webkit-animation-name: mist-39;
          animation-name: mist-39;
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 48%;
  opacity: 0.37;
  top: -92%;
}

@-webkit-keyframes mist-39 {
  0% {
    left: 48%;
    opacity: 0.37;
    top: -92%;
  }
  100% {
    left: 80%;
    opacity: 0;
    top: 132%;
  }
}

@keyframes mist-39 {
  0% {
    left: 48%;
    opacity: 0.37;
    top: -92%;
  }
  100% {
    left: 80%;
    opacity: 0;
    top: 132%;
  }
}
.mist .rain-drop:nth-of-type(40) {
  -webkit-animation-name: mist-40;
          animation-name: mist-40;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 73%;
  opacity: 0.53;
  top: -88%;
}

@-webkit-keyframes mist-40 {
  0% {
    left: 73%;
    opacity: 0.53;
    top: -88%;
  }
  100% {
    left: 5%;
    opacity: 0;
    top: 128%;
  }
}

@keyframes mist-40 {
  0% {
    left: 73%;
    opacity: 0.53;
    top: -88%;
  }
  100% {
    left: 5%;
    opacity: 0;
    top: 128%;
  }
}
.mist .rain-drop:nth-of-type(41) {
  -webkit-animation-name: mist-41;
          animation-name: mist-41;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 68%;
  opacity: 0.48;
  top: -64%;
}

@-webkit-keyframes mist-41 {
  0% {
    left: 68%;
    opacity: 0.48;
    top: -64%;
  }
  100% {
    left: 95%;
    opacity: 0;
    top: 104%;
  }
}

@keyframes mist-41 {
  0% {
    left: 68%;
    opacity: 0.48;
    top: -64%;
  }
  100% {
    left: 95%;
    opacity: 0;
    top: 104%;
  }
}
.mist .rain-drop:nth-of-type(42) {
  -webkit-animation-name: mist-42;
          animation-name: mist-42;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 67%;
  opacity: 0.53;
  top: -78%;
}

@-webkit-keyframes mist-42 {
  0% {
    left: 67%;
    opacity: 0.53;
    top: -78%;
  }
  100% {
    left: 13%;
    opacity: 0;
    top: 118%;
  }
}

@keyframes mist-42 {
  0% {
    left: 67%;
    opacity: 0.53;
    top: -78%;
  }
  100% {
    left: 13%;
    opacity: 0;
    top: 118%;
  }
}
.mist .rain-drop:nth-of-type(43) {
  -webkit-animation-name: mist-43;
          animation-name: mist-43;
  -webkit-animation-delay: 16s;
          animation-delay: 16s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 16%;
  opacity: 0.33;
  top: -55%;
}

@-webkit-keyframes mist-43 {
  0% {
    left: 16%;
    opacity: 0.33;
    top: -55%;
  }
  100% {
    left: 70%;
    opacity: 0;
    top: 95%;
  }
}

@keyframes mist-43 {
  0% {
    left: 16%;
    opacity: 0.33;
    top: -55%;
  }
  100% {
    left: 70%;
    opacity: 0;
    top: 95%;
  }
}
.mist .rain-drop:nth-of-type(44) {
  -webkit-animation-name: mist-44;
          animation-name: mist-44;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 15%;
  opacity: 0.45;
  top: -78%;
}

@-webkit-keyframes mist-44 {
  0% {
    left: 15%;
    opacity: 0.45;
    top: -78%;
  }
  100% {
    left: 50%;
    opacity: 0;
    top: 118%;
  }
}

@keyframes mist-44 {
  0% {
    left: 15%;
    opacity: 0.45;
    top: -78%;
  }
  100% {
    left: 50%;
    opacity: 0;
    top: 118%;
  }
}
.mist .rain-drop:nth-of-type(45) {
  -webkit-animation-name: mist-45;
          animation-name: mist-45;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 96%;
  opacity: 0.36;
  top: -82%;
}

@-webkit-keyframes mist-45 {
  0% {
    left: 96%;
    opacity: 0.36;
    top: -82%;
  }
  100% {
    left: 72%;
    opacity: 0;
    top: 122%;
  }
}

@keyframes mist-45 {
  0% {
    left: 96%;
    opacity: 0.36;
    top: -82%;
  }
  100% {
    left: 72%;
    opacity: 0;
    top: 122%;
  }
}
.mist .rain-drop:nth-of-type(46) {
  -webkit-animation-name: mist-46;
          animation-name: mist-46;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 100%;
  opacity: 0.59;
  top: -85%;
}

@-webkit-keyframes mist-46 {
  0% {
    left: 100%;
    opacity: 0.59;
    top: -85%;
  }
  100% {
    left: 26%;
    opacity: 0;
    top: 125%;
  }
}

@keyframes mist-46 {
  0% {
    left: 100%;
    opacity: 0.59;
    top: -85%;
  }
  100% {
    left: 26%;
    opacity: 0;
    top: 125%;
  }
}
.mist .rain-drop:nth-of-type(47) {
  -webkit-animation-name: mist-47;
          animation-name: mist-47;
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 57%;
  opacity: 0.46;
  top: -71%;
}

@-webkit-keyframes mist-47 {
  0% {
    left: 57%;
    opacity: 0.46;
    top: -71%;
  }
  100% {
    left: 64%;
    opacity: 0;
    top: 111%;
  }
}

@keyframes mist-47 {
  0% {
    left: 57%;
    opacity: 0.46;
    top: -71%;
  }
  100% {
    left: 64%;
    opacity: 0;
    top: 111%;
  }
}
.mist .rain-drop:nth-of-type(48) {
  -webkit-animation-name: mist-48;
          animation-name: mist-48;
  -webkit-animation-delay: 18s;
          animation-delay: 18s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 94%;
  opacity: 0.34;
  top: -76%;
}

@-webkit-keyframes mist-48 {
  0% {
    left: 94%;
    opacity: 0.34;
    top: -76%;
  }
  100% {
    left: 82%;
    opacity: 0;
    top: 116%;
  }
}

@keyframes mist-48 {
  0% {
    left: 94%;
    opacity: 0.34;
    top: -76%;
  }
  100% {
    left: 82%;
    opacity: 0;
    top: 116%;
  }
}
.mist .rain-drop:nth-of-type(49) {
  -webkit-animation-name: mist-49;
          animation-name: mist-49;
  -webkit-animation-delay: 17s;
          animation-delay: 17s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 57%;
  opacity: 0.4;
  top: -51%;
}

@-webkit-keyframes mist-49 {
  0% {
    left: 57%;
    opacity: 0.4;
    top: -51%;
  }
  100% {
    left: 73%;
    opacity: 0;
    top: 91%;
  }
}

@keyframes mist-49 {
  0% {
    left: 57%;
    opacity: 0.4;
    top: -51%;
  }
  100% {
    left: 73%;
    opacity: 0;
    top: 91%;
  }
}
.mist .rain-drop:nth-of-type(50) {
  -webkit-animation-name: mist-50;
          animation-name: mist-50;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 21%;
  opacity: 0.51;
  top: -60%;
}

@-webkit-keyframes mist-50 {
  0% {
    left: 21%;
    opacity: 0.51;
    top: -60%;
  }
  100% {
    left: 38%;
    opacity: 0;
    top: 100%;
  }
}

@keyframes mist-50 {
  0% {
    left: 21%;
    opacity: 0.51;
    top: -60%;
  }
  100% {
    left: 38%;
    opacity: 0;
    top: 100%;
  }
}
.mist .rain-drop:nth-of-type(51) {
  -webkit-animation-name: mist-51;
          animation-name: mist-51;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 32%;
  opacity: 0.45;
  top: -92%;
}

@-webkit-keyframes mist-51 {
  0% {
    left: 32%;
    opacity: 0.45;
    top: -92%;
  }
  100% {
    left: 78%;
    opacity: 0;
    top: 132%;
  }
}

@keyframes mist-51 {
  0% {
    left: 32%;
    opacity: 0.45;
    top: -92%;
  }
  100% {
    left: 78%;
    opacity: 0;
    top: 132%;
  }
}
.mist .rain-drop:nth-of-type(52) {
  -webkit-animation-name: mist-52;
          animation-name: mist-52;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 42%;
  opacity: 0.56;
  top: -56%;
}

@-webkit-keyframes mist-52 {
  0% {
    left: 42%;
    opacity: 0.56;
    top: -56%;
  }
  100% {
    left: 94%;
    opacity: 0;
    top: 96%;
  }
}

@keyframes mist-52 {
  0% {
    left: 42%;
    opacity: 0.56;
    top: -56%;
  }
  100% {
    left: 94%;
    opacity: 0;
    top: 96%;
  }
}
.mist .rain-drop:nth-of-type(53) {
  -webkit-animation-name: mist-53;
          animation-name: mist-53;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 88%;
  opacity: 0.45;
  top: -80%;
}

@-webkit-keyframes mist-53 {
  0% {
    left: 88%;
    opacity: 0.45;
    top: -80%;
  }
  100% {
    left: 62%;
    opacity: 0;
    top: 120%;
  }
}

@keyframes mist-53 {
  0% {
    left: 88%;
    opacity: 0.45;
    top: -80%;
  }
  100% {
    left: 62%;
    opacity: 0;
    top: 120%;
  }
}
.mist .rain-drop:nth-of-type(54) {
  -webkit-animation-name: mist-54;
          animation-name: mist-54;
  -webkit-animation-delay: 19s;
          animation-delay: 19s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 21%;
  opacity: 0.54;
  top: -88%;
}

@-webkit-keyframes mist-54 {
  0% {
    left: 21%;
    opacity: 0.54;
    top: -88%;
  }
  100% {
    left: 43%;
    opacity: 0;
    top: 128%;
  }
}

@keyframes mist-54 {
  0% {
    left: 21%;
    opacity: 0.54;
    top: -88%;
  }
  100% {
    left: 43%;
    opacity: 0;
    top: 128%;
  }
}
.mist .rain-drop:nth-of-type(55) {
  -webkit-animation-name: mist-55;
          animation-name: mist-55;
  -webkit-animation-delay: 16s;
          animation-delay: 16s;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 46%;
  opacity: 0.33;
  top: -98%;
}

@-webkit-keyframes mist-55 {
  0% {
    left: 46%;
    opacity: 0.33;
    top: -98%;
  }
  100% {
    left: 7%;
    opacity: 0;
    top: 138%;
  }
}

@keyframes mist-55 {
  0% {
    left: 46%;
    opacity: 0.33;
    top: -98%;
  }
  100% {
    left: 7%;
    opacity: 0;
    top: 138%;
  }
}
.mist .rain-drop:nth-of-type(56) {
  -webkit-animation-name: mist-56;
          animation-name: mist-56;
  -webkit-animation-delay: 18s;
          animation-delay: 18s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 83%;
  opacity: 0.47;
  top: -78%;
}

@-webkit-keyframes mist-56 {
  0% {
    left: 83%;
    opacity: 0.47;
    top: -78%;
  }
  100% {
    left: 16%;
    opacity: 0;
    top: 118%;
  }
}

@keyframes mist-56 {
  0% {
    left: 83%;
    opacity: 0.47;
    top: -78%;
  }
  100% {
    left: 16%;
    opacity: 0;
    top: 118%;
  }
}
.mist .rain-drop:nth-of-type(57) {
  -webkit-animation-name: mist-57;
          animation-name: mist-57;
  -webkit-animation-delay: 14s;
          animation-delay: 14s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 34%;
  opacity: 0.49;
  top: -71%;
}

@-webkit-keyframes mist-57 {
  0% {
    left: 34%;
    opacity: 0.49;
    top: -71%;
  }
  100% {
    left: 53%;
    opacity: 0;
    top: 111%;
  }
}

@keyframes mist-57 {
  0% {
    left: 34%;
    opacity: 0.49;
    top: -71%;
  }
  100% {
    left: 53%;
    opacity: 0;
    top: 111%;
  }
}
.mist .rain-drop:nth-of-type(58) {
  -webkit-animation-name: mist-58;
          animation-name: mist-58;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 87%;
  opacity: 0.59;
  top: -60%;
}

@-webkit-keyframes mist-58 {
  0% {
    left: 87%;
    opacity: 0.59;
    top: -60%;
  }
  100% {
    left: 17%;
    opacity: 0;
    top: 100%;
  }
}

@keyframes mist-58 {
  0% {
    left: 87%;
    opacity: 0.59;
    top: -60%;
  }
  100% {
    left: 17%;
    opacity: 0;
    top: 100%;
  }
}
.mist .rain-drop:nth-of-type(59) {
  -webkit-animation-name: mist-59;
          animation-name: mist-59;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 73%;
  opacity: 0.58;
  top: -75%;
}

@-webkit-keyframes mist-59 {
  0% {
    left: 73%;
    opacity: 0.58;
    top: -75%;
  }
  100% {
    left: 30%;
    opacity: 0;
    top: 115%;
  }
}

@keyframes mist-59 {
  0% {
    left: 73%;
    opacity: 0.58;
    top: -75%;
  }
  100% {
    left: 30%;
    opacity: 0;
    top: 115%;
  }
}
.mist .rain-drop:nth-of-type(60) {
  -webkit-animation-name: mist-60;
          animation-name: mist-60;
  -webkit-animation-delay: 13s;
          animation-delay: 13s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  left: 96%;
  opacity: 0.45;
  top: -93%;
}

@-webkit-keyframes mist-60 {
  0% {
    left: 96%;
    opacity: 0.45;
    top: -93%;
  }
  100% {
    left: 37%;
    opacity: 0;
    top: 133%;
  }
}

@keyframes mist-60 {
  0% {
    left: 96%;
    opacity: 0.45;
    top: -93%;
  }
  100% {
    left: 37%;
    opacity: 0;
    top: 133%;
  }
}
.weather-block.cloudsLight {
  background-color: #688eac;
}
.weather-block.cloudsLight .circle1 {
  z-index: 100;
  position: absolute;
  height: 80px;
  width: 80px;
  right: -20px;
  top: -30px;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.2;
  -webkit-animation: enlarge;
          animation: enlarge;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.weather-block.cloudsLight .circle2 {
  z-index: 80;
  position: absolute;
  height: 150px;
  width: 150px;
  right: -50px;
  top: -70px;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.1;
  -webkit-animation: enlarge;
          animation: enlarge;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.weather-block.cloudsLight .circle3 {
  z-index: 50;
  position: absolute;
  height: 200px;
  width: 200px;
  right: -50px;
  top: -100px;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.1;
  -webkit-animation: enlarge;
          animation: enlarge;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.weather-block.cloudsLight .condition::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0c2";
  font-weight: 900;
  margin-right: 6px;
  font-size: 16px;
}
.weather-block.cloudsLight.nighttime {
  background-color: #000;
}
.weather-block.cloudsLight.nighttime .circle1 {
  background-color: #666666;
}
.weather-block.cloudsLight.nighttime .circle2 {
  background-color: #4d4d4d;
}
.weather-block.cloudsLight.nighttime .circle3 {
  background-color: #666666;
}

.weather-block.cloudsDark {
  background-color: #4f6c83;
}
.weather-block.cloudsDark .circle1 {
  z-index: 100;
  position: absolute;
  height: 80px;
  width: 80px;
  right: -20px;
  top: -30px;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.3;
  -webkit-animation: enlarge;
          animation: enlarge;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.weather-block.cloudsDark .circle2 {
  z-index: 80;
  position: absolute;
  height: 150px;
  width: 150px;
  right: -50px;
  top: -70px;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.2;
  -webkit-animation: enlarge;
          animation: enlarge;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.weather-block.cloudsDark .circle3 {
  z-index: 50;
  position: absolute;
  height: 200px;
  width: 200px;
  right: -50px;
  top: -100px;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.1;
  -webkit-animation: enlarge;
          animation: enlarge;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.weather-block.cloudsDark .condition::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0c2";
  font-weight: 900;
  margin-right: 6px;
  font-size: 16px;
}
.weather-block.cloudsDark.nighttime {
  background-color: #000;
}
.weather-block.cloudsDark.nighttime .circle1 {
  background-color: #1a1a1a;
}
.weather-block.cloudsDark.nighttime .circle2 {
  background-color: #1a1a1a;
}
.weather-block.cloudsDark.nighttime .circle3 {
  background-color: #333333;
}

.weather-block.clear {
  background-color: #20A9FE;
}
.weather-block.clear .circle1 {
  z-index: 100;
  position: absolute;
  height: 80px;
  width: 80px;
  right: -20px;
  top: -30px;
  border-radius: 50%;
  background-color: #E7D24B;
  opacity: 1;
  -webkit-animation: enlarge;
          animation: enlarge;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.weather-block.clear .circle2 {
  z-index: 80;
  position: absolute;
  height: 150px;
  width: 150px;
  right: -50px;
  top: -70px;
  border-radius: 50%;
  background-color: #C2E7FE;
  opacity: 0.7;
  -webkit-animation: enlarge;
          animation: enlarge;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.weather-block.clear .circle3 {
  z-index: 50;
  position: absolute;
  height: 200px;
  width: 200px;
  right: -50px;
  top: -100px;
  border-radius: 50%;
  background-color: #85D0FE;
  opacity: 0.7;
  -webkit-animation: enlarge;
          animation: enlarge;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.weather-block.clear .condition, .weather-block.clear .time, .weather-block.clear .temp, .weather-block.clear .location {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.weather-block.clear.nighttime {
  background-color: #000;
}
.weather-block.clear.nighttime .circle1 {
  background-color: #FFF;
}
.weather-block.clear.nighttime .circle2 {
  background-color: #b3b3b3;
}
.weather-block.clear.nighttime .circle3 {
  background-color: #4d4d4d;
}
.weather-block.clear.nighttime .time {
  color: #000;
}

.weather-card {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #CEE7F4;
  color: #0080c5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem 3rem;
}
@media screen and (min-width: 768px) {
  .weather-card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.weather-card #temp {
  font-size: 40px;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .weather-card #temp {
    font-size: 26px;
  }
}
.weather-card #condition {
  font-size: 19px;
  font-weight: 600;
}
.weather-card .condition-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.weather-card #condition-image {
  width: 60px;
}

.video-container {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0 0 20px;
  z-index: 0;
}
.video-container:hover .video-container__poster:before {
  opacity: 0.6;
}
.video-container:hover .video-container__poster:after {
  height: 100px;
  width: 100px;
}
.video-container iframe, .video-container video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  margin: 0;
  z-index: 0;
}
.video-container__poster {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 1;
}
.video-container__poster img {
  border-radius: 0;
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  pointer-events: none;
  z-index: 0;
}
.video-container__poster:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0080c5;
  pointer-events: none;
  opacity: 0.7;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 1;
}
.video-container__poster:after {
  background-color: #5d9632;
  content: "";
  position: absolute;
  top: calc(50% - 0rem);
  left: calc(50% - 0rem);
  background-image: url(https://prod.speakcdn.com/sitefiles/3011/images/icons/play-button.svg);
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: 56% center;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 90px;
  width: 90px;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  padding: 0px;
}

/* ===============
   HOME JUMP NAV
   =============== */
.home-jumps {
  position: fixed;
  z-index: 999999;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -100px;
}
@media (max-width: 767px) {
  .home-jumps {
    display: none;
  }
}
.home-jumps ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.home-jumps ul li {
  line-height: 3;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  width: 100px;
}
.home-jumps ul li:hover {
  margin-left: -85px;
}
.home-jumps ul li a {
  position: relative;
  color: #bf311a;
}
.home-jumps ul li a i {
  font-size: 9px;
  color: #bf311a;
  position: absolute;
  top: -15px;
  left: -50px;
  padding: 20px;
}

/* ===============
   VIDEO COMPONENTS
   =============== */
.bgVideo-wrapper {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: inherit;
  pointer-events: none;
  overflow: hidden;
  opacity: 0.9;
}
.bgVideo-wrapper iframe {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0.15;
}

#bgvid {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 10;
}

@media screen {
  #bgmobile {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: inherit;
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: 73% 50% !important;
  }
}

/* Flex Nav */
#hero-nav {
  visibility: visible;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -webkit-padding-start: 0;
  -webkit-transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
  bottom: 30px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  list-style: none;
  min-width: 100%;
  overflow: hidden;
  padding: 0.5rem;
  position: absolute;
  z-index: 1;
}

#hero-nav .portal-tile {
  background: white;
  position: relative;
  padding: 4%;
  margin-top: 0;
  -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0);
          box-shadow: 0 30px 50px rgba(0, 0, 0, 0);
  -webkit-transform: scale(1);
          transform: scale(1);
  z-index: inherit;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#hero-nav .portal-tile:hover {
  background: white;
  -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.55);
          box-shadow: 0 30px 50px rgba(0, 0, 0, 0.55);
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
  z-index: 10;
}

#hero-nav .portal-tile span {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#hero-nav .portal-tile:hover span {
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#hours {
  position: absolute;
  top: 120px;
  right: 40px;
  z-index: 19;
  padding: 10px 30px;
}
#hours h5 {
  color: #5d9632;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.8em;
  margin-bottom: 10px;
}
#hours p {
  font-size: 1em;
  text-transform: uppercase;
  display: table;
  color: white;
  font-family: "Roboto", sans-serif;
  margin-bottom: 0;
  font-weight: 300;
  letter-spacing: 1.5px;
}
#hours span {
  display: none;
}
@media (max-width: 767px) {
  #hours {
    display: none;
  }
}

/* ======================
Scroll Down Indicator
====================== */
.scroll-down {
  position: absolute;
  bottom: 30px;
  left: 50%;
  padding: 20px 35px;
  opacity: 1;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  z-index: 100;
}
@media (max-width: 600px) {
  .scroll-down {
    left: 40%;
    bottom: 100px;
  }
}

.scroll-down-fade {
  opacity: 0 !important;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.scroll-down span {
  display: block;
  width: 10px;
  height: 10px;
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  margin: 0 0 3px;
}

.unu {
  margin-top: 6px;
}

.doi,
.trei,
.unu {
  -webkit-animation: mouse-scroll 1s infinite;
  -moz-animation: mouse-scroll 1s infinite;
}

.unu {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -webkit-animation-direction: alternate;
}

.doi {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -webkit-animation-direction: alternate;
}

.trei {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -webkit-animation-direction: alternate;
}

.mouse {
  height: 31px;
  width: 20px;
  border-radius: 10px;
  margin-bottom: 10px;
  margin-left: -2px;
  -webkit-transform: none;
  transform: none;
  border: 2px solid white;
  background: white;
  top: 170px;
}

.wheel {
  height: 5px;
  width: 2px;
  display: block;
  margin: 2px auto;
  background: transparent;
  position: relative;
}

.wheel {
  -webkit-animation: mouse-wheel 1.2s ease infinite;
  -moz-animation: mouse-wheel 1.2s ease infinite;
}

@-webkit-keyframes mouse-wheel {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-webkit-keyframes mouse-scroll {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mouse-scroll {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.jump-nav {
  position: fixed;
  right: -95px;
  top: 40%;
  z-index: 9999;
  line-height: 2;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.jump-nav:hover {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  margin-right: 115px;
}
.jump-nav ul {
  list-style: none;
}
.jump-nav ul span {
  margin-left: 10px;
  display: inline-block;
}

/* ====================== Homepage Template ====================== */
/* Loaded image container */
.loaded .background {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 12.5s -webkit-transform;
  transition: 12.5s -webkit-transform;
  transition: 12.5s transform;
  transition: 12.5s transform, 12.5s -webkit-transform;
}

.background {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0) scale(1.15);
          transform: translate3d(0, 0, 0) scale(1.15);
  background: none;
  background-size: cover;
  background-position: top right;
  z-index: 10;
}
.background:before {
  content: "";
  background: rgba(0, 0, 0, 0.15);
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
}

section.home-slider {
  position: relative;
  overflow: hidden;
  height: 100vh;
}
section.home-slider .hero-message {
  width: 100%;
  max-width: 60%;
  padding: 35px 0 0;
  z-index: 99;
}
section.home-slider .hero-message:before {
  content: "";
  position: absolute;
  height: 80px;
  width: 4px;
  background: #e6a514;
  display: block;
  left: -50px;
  margin-top: 35px;
}
section.home-slider .hero-message h2 {
  color: white;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 3px;
}
section.home-slider .hero-message h1 {
  color: #fff;
  font-size: 6rem;
  font-weight: 700;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  /* HERO TEXT ANIMATION (OPTIONAL) */
}
@media screen and (max-width: 768px) {
  section.home-slider .hero-message h1 {
    font-size: 4.5rem;
  }
}
section.home-slider .hero-message h1 span:nth-of-type(1) {
  -webkit-animation-delay: 2.8s;
  animation-delay: 2.8s;
}
section.home-slider .hero-message h1 span:nth-of-type(2) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
section.home-slider .hero-message h1 span:nth-of-type(3) {
  -webkit-animation-delay: 3.2s;
  animation-delay: 3.2s;
}
section.home-slider .hero-message p {
  color: white;
  font-size: 1em;
  width: 550px;
}
@media (max-width: 767px) {
  section.home-slider .hero-message p {
    width: auto;
  }
}
section.home-slider .hero-message i.demo-icon.icon-right.down-arrow {
  display: inline-block;
  font-size: 4rem;
  color: #fff;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  position: relative;
  cursor: pointer;
}

section.home-main {
  position: relative;
  background: url(images/halftone.png), #FCD21F;
  background-blend-mode: multiply;
  z-index: 9;
  padding-bottom: 5%;
}
section.home-main .swSlider {
  /*@media (max-width: 767px) {
    img {
      display: none;
    }
    .title {
      font-size: 3.5rem !important;
      line-height: 1;
    }
    .caption {
      width: 77%;
      margin-left: 5%;
    }
  }*/
}
section.home-main .swSlider img {
  position: relative;
  width: 50%;
  margin-top: 5%;
  z-index: 100;
  -webkit-box-shadow: -1px 30px 105px -25px #000;
          box-shadow: -1px 30px 105px -25px #000;
}
section.home-main .swSlider .caption {
  width: 43%;
  margin-left: 53%;
  bottom: inherit !important;
  top: 9% !important;
}
section.home-main .swSlider .caption .title {
  color: #0080c5 !important;
  font-size: 5rem !important;
}
section.home-main .swSlider .caption .description {
  color: #333 !important;
  font-size: 1.75rem !important;
  line-height: 1.9em;
  font-weight: 100;
  letter-spacing: 0.5px;
  font-weight: 500 !important;
}
section.home-main .swSlider .prev {
  margin-top: -100px;
  position: absolute;
  right: 10%;
  color: #0080c5;
  -webkit-transform: scale(1.7);
          transform: scale(1.7);
  font-size: 0;
}
section.home-main .swSlider .prev:before {
  content: "\f177";
  font-size: 16px;
  font-family: "FontAwesome";
}
section.home-main .swSlider .next {
  margin-top: -100px;
  position: absolute;
  right: 7%;
  color: #0080c5;
  -webkit-transform: scale(1.7);
          transform: scale(1.7);
  font-size: 0;
}
section.home-main .swSlider .next:before {
  content: "\f178";
  font-size: 16px;
  font-family: "FontAwesome";
}
@media (max-width: 1000px) {
  section.home-main .swSlider .scrollable {
    height: 700px !important;
  }
}
@media (max-width: 920px) {
  section.home-main .swSlider img {
    width: 35%;
  }
  section.home-main .swSlider .caption {
    width: 55%;
    margin-left: 40%;
  }
}
@media (max-width: 767px) {
  section.home-main .swSlider img {
    display: none;
  }
  section.home-main .swSlider .caption {
    width: 88%;
    margin-left: 5%;
  }
  section.home-main .swSlider .caption .title {
    font-size: 3.5rem !important;
    line-height: 1;
  }
}
@media (max-width: 450px) {
  section.home-main .swSlider .scrollable {
    height: 775px !important;
  }
}
@media (max-width: 400px) {
  section.home-main .swSlider .scrollable {
    height: 850px !important;
  }
  section.home-main .swSlider .scrollable .title {
    font-size: 35px !important;
  }
}

section.home-portals {
  position: relative;
  z-index: 1000;
  background: url(images/halftone.png), #231f20;
  background-blend-mode: multiply;
}
section.home-portals .templatecontent {
  padding: 0;
}
section.home-portals .portal-tile {
  position: relative;
  padding: 55px;
  margin-top: 0;
  -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0);
          box-shadow: 0 30px 50px rgba(0, 0, 0, 0);
  -webkit-transform: scale(1);
          transform: scale(1);
  z-index: inherit;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background-size: cover;
  background-position: 50% 50%;
  height: 100%;
  background-repeat: no-repeat;
}
section.home-portals .portal-tile:hover {
  margin-top: -10px;
  -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.55);
          box-shadow: 0 30px 50px rgba(0, 0, 0, 0.55);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  z-index: 10;
}
section.home-portals .portal-tile:hover h2 {
  margin-top: 20px;
  font-weight: 700;
}
section.home-portals .portal-tile:hover .yellow-btn {
  opacity: 1;
  margin-top: 0;
}
section.home-portals .portal-tile h2 {
  margin-top: 20px;
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-size: 2em;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  font-family: "Oswald", sans-serif;
}
section.home-portals .portal-tile .yellow-btn {
  opacity: 0;
  margin-top: 15px;
}

.events-wrapper {
  padding: 10% 7%;
}
.events-wrapper:after {
  content: "Come Explore";
  display: block;
  position: absolute;
  left: 7%;
  font-size: 7.25em;
  font-family: "Amatic SC", cursive;
  -webkit-transform: rotate(-8deg);
          transform: rotate(-8deg);
  bottom: 20%;
}
.events-wrapper h4 {
  color: #bf311a;
  font-size: 3rem;
  font-weight: 700;
}

/* --------------------------------

Home Tabs Block

-------------------------------- */
.home-tabs {
  padding-top: 5%;
  padding-bottom: 10%;
  text-align: center;
  position: relative;
  background-color: #fff;
}
.home-tabs .flex-container-fluid {
  width: 100%;
  display: inline-block;
}
.home-tabs .rip-border {
  width: 100%;
  z-index: 999;
  margin-top: -60px;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 700px) {
  .home-tabs .rip-border {
    margin-top: -35px;
  }
}
.home-tabs .small-intro {
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: 11px;
  margin: 0;
  z-index: 999;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -25%);
          transform: translate(-50%, -25%);
  width: 100%;
  background: #fff;
  padding-top: 50px;
  margin-top: -50px;
}
.home-tabs ul {
  list-style-type: none;
}
.home-tabs ul li .cbp-content {
  margin-right: 10%;
  margin-left: 10%;
}
.home-tabs ul li .thin-width {
  margin-right: 15%;
  margin-left: 15%;
  height: 100%;
}
.home-tabs ul li h1 {
  font-family: "Amatic SC", cursive;
  font-size: 10rem;
  text-align: center;
  margin-top: 5px;
}
@media (max-width: 700px) {
  .home-tabs ul li h1 {
    font-size: 6.5rem;
  }
}
.home-tabs .event-btn {
  margin-top: -10px;
}

.cbp-contentslider {
  width: 100%;
  height: 475px;
  margin: 1em auto;
  position: relative;
  border: none;
  margin-top: -20px;
}

.cbp-contentslider > ul {
  list-style: none;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 0;
  margin: 0;
}

.cbp-contentslider > ul > li {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 15px;
  padding: 1em;
  background: #fff;
  overflow: scroll;
}

.cbp-contentslider > ul > li:target {
  z-index: 100;
}

.cbp-contentslider nav {
  margin-top: 50px;
  margin-bottom: 50px;
  display: inline-block;
}
.cbp-contentslider nav a {
  background-color: #0080c5;
  border: 2px solid #0080c5;
  padding: 15px 30px;
  margin-bottom: 10px;
  display: inline-block;
  color: #fff;
  -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.cbp-contentslider nav a:first-child {
  border-radius: 50px 0 0 50px;
}
.cbp-contentslider nav a:last-child {
  border-radius: 0 50px 50px 0;
}
.cbp-contentslider nav a:hover {
  background-color: transparent;
  color: #0080c5;
}
.cbp-contentslider nav a i {
  margin-right: 7px;
}
.cbp-contentslider nav a.rc-active {
  background: #fff;
  color: #0080c5;
}
.cbp-contentslider #slide3 .flex-col-sm-6 p {
  text-align: left;
}
.cbp-contentslider #slide3 .btn {
  margin-top: 30px;
}
.cbp-contentslider #slide4 .flex-row {
  width: 130%;
  margin-left: -15%;
}
.cbp-contentslider #slide4 .flex-row strong {
  color: #0080c5;
}
.cbp-contentslider #slide5 {
  text-align: center;
}
.cbp-contentslider #slide5 .flex-row {
  text-align: left;
}
.cbp-contentslider #slide5 .flex-row strong {
  color: #0080c5;
}
.cbp-contentslider #slide5 .btn {
  text-align: center;
}

/* --------------------------------

Slider

-------------------------------- */
.cd-hero {
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cd-hero-slider {
  position: relative;
  height: 360px;
  overflow: hidden;
}

.cd-hero-slider li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.cd-hero-slider li.selected {
  /* this is the visible slide */
  position: relative;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.cd-hero-slider li.move-left {
  /* slide hidden on the left */
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.cd-hero-slider li.is-moving,
.cd-hero-slider li.selected {
  /* the is-moving class is assigned to the slide which is moving outside the viewport */
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

@media only screen and (min-width: 768px) {
  .cd-hero-slider {
    height: 500px;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-hero-slider {
    height: 680px;
  }
}
/* --------------------------------

Single slide style

-------------------------------- */
.cd-hero-slider li {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.cd-hero-slider li:first-of-type {
  background-color: #2c343b;
}

.cd-hero-slider li:nth-of-type(2) {
  background-color: #3d4952;
  background-image: url("../assets/tech-1-mobile.jpg");
}

.cd-hero-slider li:nth-of-type(3) {
  background-color: #586775;
  background-image: url("../assets/tech-2-mobile.jpg");
}

.cd-hero-slider li:nth-of-type(4) {
  background-color: #2c343b;
  background-image: url("../assets/video-replace-mobile.jpg");
}

.cd-hero-slider li:nth-of-type(5) {
  background-color: #2c343b;
  background-image: url("../assets/img.jpg");
}

.cd-hero-slider .cd-full-width,
.cd-hero-slider .cd-half-width {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  /* this padding is used to align the text */
  padding-top: 100px;
  text-align: center;
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.cd-hero-slider .cd-img-container {
  /* hide image on mobile device */
  display: none;
}

.cd-hero-slider .cd-img-container img {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.cd-hero-slider .cd-bg-video-wrapper {
  /* hide video on mobile device */
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.cd-hero-slider .cd-bg-video-wrapper video {
  /* you won't see this element in the html, but it will be injected using js */
  display: block;
  min-height: 100%;
  min-width: 100%;
  max-width: none;
  height: auto;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.cd-hero-slider h2,
.cd-hero-slider p {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  line-height: 1.2;
  margin: 0 auto 14px;
  color: #ffffff;
  width: 90%;
  max-width: 400px;
}

.cd-hero-slider h2 {
  font-size: 2.4rem;
  font-weight: 700;
}

.cd-hero-slider p {
  font-size: 1.4rem;
  line-height: 1.4;
}

.cd-hero-slider .cd-btn {
  display: inline-block;
  padding: 1.2em 1.4em;
  margin-top: 0.8em;
  background-color: rgba(212, 68, 87, 0.9);
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.cd-hero-slider .cd-btn.secondary {
  background-color: rgba(22, 26, 30, 0.8);
}

.cd-hero-slider .cd-btn:nth-of-type(2) {
  margin-left: 1em;
}

.no-touch .cd-hero-slider .cd-btn:hover {
  background-color: #d44457;
}

.no-touch .cd-hero-slider .cd-btn.secondary:hover {
  background-color: #161a1e;
}

@media only screen and (min-width: 768px) {
  .cd-hero-slider li:nth-of-type(2) {
    background-image: none;
  }
  .cd-hero-slider li:nth-of-type(3) {
    background-image: none;
  }
  .cd-hero-slider li:nth-of-type(4) {
    background-image: none;
  }
  .cd-hero-slider .cd-full-width,
  .cd-hero-slider .cd-half-width {
    padding-top: 150px;
  }
  .cd-hero-slider .cd-bg-video-wrapper {
    display: block;
  }
  .cd-hero-slider .cd-half-width {
    width: 45%;
  }
  .cd-hero-slider .cd-half-width:first-of-type {
    left: 5%;
  }
  .cd-hero-slider .cd-half-width:nth-of-type(2) {
    right: 5%;
    left: auto;
  }
  .cd-hero-slider .cd-img-container {
    display: block;
  }
  .cd-hero-slider h2,
  .cd-hero-slider p {
    max-width: 520px;
  }
  .cd-hero-slider h2 {
    font-size: 2.4em;
    font-weight: 300;
  }
  .cd-hero-slider .cd-btn {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-hero-slider .cd-full-width,
  .cd-hero-slider .cd-half-width {
    padding-top: 220px;
  }
  .cd-hero-slider h2,
  .cd-hero-slider p {
    margin-bottom: 20px;
  }
  .cd-hero-slider h2 {
    font-size: 3.2em;
    font-weight: 700;
  }
  .cd-hero-slider p {
    font-size: 1.6rem;
  }
}
/* --------------------------------

Single slide animation

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-hero-slider .cd-half-width {
    opacity: 0;
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
  }
  .cd-hero-slider .move-left .cd-half-width {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  .cd-hero-slider .selected .cd-half-width {
    /* this is the visible slide */
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-hero-slider .is-moving .cd-half-width {
    /* this is the slide moving outside the viewport
    wait for the end of the transition on the <li> parent before set opacity to 0 and translate to 40px/-40px */
    -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s, -webkit-transform 0s 0.5s;
  }
  .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2),
  .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type {
    /* this is the selected slide - different animation if it's entering from left or right */
    -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s, -webkit-transform 0.5s 0.2s;
  }
  .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type,
  .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) {
    /* this is the selected slide - different animation if it's entering from left or right */
    -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
    transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
  }
  .cd-hero-slider .cd-full-width .cd-btn,
  .cd-hero-slider .cd-full-width h2,
  .cd-hero-slider .cd-full-width p {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
  .cd-hero-slider .move-left .cd-full-width .cd-btn,
  .cd-hero-slider .move-left .cd-full-width h2,
  .cd-hero-slider .move-left .cd-full-width p {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  .cd-hero-slider .selected .cd-full-width .cd-btn,
  .cd-hero-slider .selected .cd-full-width h2,
  .cd-hero-slider .selected .cd-full-width p {
    /* this is the visible slide */
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-hero-slider li.is-moving .cd-full-width .cd-btn,
  .cd-hero-slider li.is-moving .cd-full-width h2,
  .cd-hero-slider li.is-moving .cd-full-width p {
    /* this is the slide moving outside the viewport
    wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */
    -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s, -webkit-transform 0s 0.5s;
  }
  .cd-hero-slider li.selected h2 {
    -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s, -webkit-transform 0.5s 0.2s;
  }
  .cd-hero-slider li.selected p {
    -webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s;
    transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s;
    transition: opacity 0.4s 0.3s, transform 0.5s 0.3s;
    transition: opacity 0.4s 0.3s, transform 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
  }
  .cd-hero-slider li.selected .cd-btn {
    -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s;
    -webkit-transition: opacity 0.4s 0.4s, background-color 0.2s 0s, -webkit-transform 0.5s 0.4s;
    transition: opacity 0.4s 0.4s, background-color 0.2s 0s, -webkit-transform 0.5s 0.4s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s, -webkit-transform 0.5s 0.4s;
  }
}
/* --------------------------------

Slider navigation

-------------------------------- */
.cd-slider-nav {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 2;
  text-align: center;
  height: 55px;
  background-color: rgba(0, 1, 1, 0.5);
}

.cd-slider-nav a,
.cd-slider-nav li,
.cd-slider-nav nav,
.cd-slider-nav ul {
  height: 100%;
}

.cd-slider-nav nav {
  display: inline-block;
  position: relative;
}

.cd-slider-nav .cd-marker {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 100%;
  color: #d44457;
  background-color: #ffffff;
  -webkit-box-shadow: inset 0 2px 0 currentColor;
          box-shadow: inset 0 2px 0 currentColor;
  -webkit-transition: -webkit-transform 0.2s, box-shadow 0.2s;
  -webkit-transition: -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
  transition: -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
}

.cd-slider-nav .cd-marker.item-2 {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.cd-slider-nav .cd-marker.item-3 {
  -webkit-transform: translateX(200%);
  transform: translateX(200%);
}

.cd-slider-nav .cd-marker.item-4 {
  -webkit-transform: translateX(300%);
  transform: translateX(300%);
}

.cd-slider-nav .cd-marker.item-5 {
  -webkit-transform: translateX(400%);
  transform: translateX(400%);
}

.cd-slider-nav ul::after {
  clear: both;
  content: "";
  display: table;
}

.cd-slider-nav li {
  display: inline-block;
  width: 60px;
  float: left;
}

.cd-slider-nav li.selected a {
  color: #2c343b;
}

.no-touch .cd-slider-nav li.selected a:hover {
  background-color: transparent;
}

.cd-slider-nav a {
  display: block;
  position: relative;
  padding-top: 35px;
  font-size: 1rem;
  font-weight: 700;
  color: #a8b4be;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.cd-slider-nav a::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  top: 8px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url("../assets/cd-icon-navigation.svg") no-repeat 0 0;
}

.no-touch .cd-slider-nav a:hover {
  background-color: rgba(0, 1, 1, 0.5);
}

.cd-slider-nav li:first-of-type a::before {
  background-position: 0 0;
}

.cd-slider-nav li.selected:first-of-type a::before {
  background-position: 0 -24px;
}

.cd-slider-nav li:nth-of-type(2) a::before {
  background-position: -24px 0;
}

.cd-slider-nav li.selected:nth-of-type(2) a::before {
  background-position: -24px -24px;
}

.cd-slider-nav li:nth-of-type(3) a::before {
  background-position: -48px 0;
}

.cd-slider-nav li.selected:nth-of-type(3) a::before {
  background-position: -48px -24px;
}

.cd-slider-nav li:nth-of-type(4) a::before {
  background-position: -72px 0;
}

.cd-slider-nav li.selected:nth-of-type(4) a::before {
  background-position: -72px -24px;
}

.cd-slider-nav li:nth-of-type(5) a::before {
  background-position: -96px 0;
}

.cd-slider-nav li.selected:nth-of-type(5) a::before {
  background-position: -96px -24px;
}

@media only screen and (min-width: 768px) {
  .cd-slider-nav {
    height: 80px;
  }
  .cd-slider-nav .cd-marker,
  .cd-slider-nav li {
    width: 95px;
  }
  .cd-slider-nav a {
    padding-top: 48px;
    font-size: 1.1rem;
    text-transform: uppercase;
  }
  .cd-slider-nav a::before {
    top: 18px;
  }
}
/* --------------------------------

Main content

-------------------------------- */
.cd-main-content {
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
  padding: 2em 0;
}

.cd-main-content p {
  font-size: 1.4rem;
  line-height: 1.8;
  color: #999999;
  margin: 2em 0;
}

@media only screen and (min-width: 1170px) {
  .cd-main-content {
    padding: 3em 0;
  }
  .cd-main-content p {
    font-size: 1.6rem;
  }
}
/* --------------------------------

Javascript disabled

-------------------------------- */
.no-js .cd-hero-slider li {
  display: none;
}

.no-js .cd-hero-slider li.selected {
  display: block;
}

.no-js .cd-slider-nav {
  display: none;
}

section.home-exhibits {
  background: url("images/blots.png"), #0080c5;
  background-blend-mode: multiply;
  padding: 7%;
}
section.home-exhibits h3.section-title {
  color: #fff;
  font-size: 9rem;
  text-align: center;
  margin-bottom: -1em;
}
section.home-exhibits h2 {
  color: #5d9632;
  font-size: 5rem;
  font-weight: 700;
}
section.home-exhibits .portal-tile {
  position: relative;
  padding: 55px;
  margin-top: 0;
  -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0);
          box-shadow: 0 30px 50px rgba(0, 0, 0, 0);
  -webkit-transform: scale(1);
          transform: scale(1);
  z-index: inherit;
}
section.home-exhibits .portal-tile:hover {
  margin-top: -10px;
  -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.55);
          box-shadow: 0 30px 50px rgba(0, 0, 0, 0.55);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  z-index: 10;
}
section.home-exhibits .portal-tile:hover h2 {
  margin-top: 20px;
}
section.home-exhibits .portal-tile:hover .yellow-btn {
  opacity: 1;
  margin-top: 0;
}
section.home-exhibits .portal-tile h2 {
  margin-top: 20px;
  color: white;
  text-transform: uppercase;
  font-size: 2em;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  font-family: "Oswald", sans-serif;
}
section.home-exhibits .portal-tile .yellow-btn {
  opacity: 0;
  margin-top: 15px;
}
section.home-exhibits .portal-tile:nth-of-type(1) {
  background: url("images/portal-tile-1.jpg") no-repeat;
  background-size: cover;
}
section.home-exhibits .portal-tile:nth-of-type(2) {
  background: url("images/portal-tile-2.jpg") no-repeat;
  background-size: cover;
}
section.home-exhibits .portal-tile:nth-of-type(3) {
  background: url("images/portal-tile-3.jpg") no-repeat;
  background-size: cover;
}
section.home-exhibits .portal-tile:nth-of-type(4) {
  background: url("images/portal-tile-4.jpg") no-repeat;
  background-size: cover;
}

/* --------------------------------

Home Interest Block

-------------------------------- */
.home-interest {
  padding-top: 5%;
  padding-bottom: 6%;
  background: url(images/halftone.png), #0080c5;
  background-blend-mode: multiply;
  z-index: 9;
  position: relative;
}
.home-interest .flex-row {
  margin-right: 5%;
  margin-left: 5%;
}
.home-interest .section-title {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: 11px;
  font-weight: 100;
}
.home-interest .right-image {
  width: 700px;
  position: relative;
  right: -10px;
  -webkit-box-shadow: -12px 12px 91px -16px #000;
          box-shadow: -12px 12px 91px -16px #000;
}
.home-interest h1 {
  color: #fcd21f;
  font-family: "Amatic SC", cursive;
  font-size: 65px;
  margin-top: -5px;
}
.home-interest p {
  color: #fff;
  font-weight: 100;
  letter-spacing: 0.5px;
}
.home-interest .left-image {
  width: 550px;
  position: relative;
  margin-top: -120px;
  margin-left: 230px;
  -webkit-box-shadow: -12px 12px 91px -16px #000;
          box-shadow: -12px 12px 91px -16px #000;
}
.home-interest h4 {
  margin-left: 200px;
  margin-top: 5%;
  font-family: "Amatic SC", cursive;
  color: #fff;
  font-size: 43px;
  -webkit-transform: rotate(-14deg);
          transform: rotate(-14deg);
}
.home-interest .swSlider img {
  width: 50%;
  float: right;
  -webkit-box-shadow: -1px 30px 105px -25px #000;
          box-shadow: -1px 30px 105px -25px #000;
}
.home-interest .swSlider .caption {
  bottom: inherit;
  top: 0 !important;
  margin-left: 5%;
  width: 43%;
}
.home-interest .swSlider .caption:before {
  content: "How We Help";
  font-size: 11px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: 3px;
}
.home-interest .swSlider .caption .title {
  font-family: "Amatic SC", cursive;
  color: #fcd21f !important;
  font-size: 65px !important;
  margin-top: 0;
  padding: 10px 4px 12px;
  line-height: 1;
}
.home-interest .swSlider .caption .description {
  color: #fff;
  font-size: 1.75rem !important;
  line-height: 1.9em;
  font-weight: 100;
  letter-spacing: 0.5px;
}
@media (max-width: 800px) {
  .home-interest .swSlider img {
    display: none;
  }
  .home-interest .swSlider .caption {
    width: 88%;
  }
}
.home-interest .prev {
  margin-top: -50px;
  position: absolute;
  margin-left: 5%;
  color: #fff;
  -webkit-transform: scale(1.7);
          transform: scale(1.7);
  font-size: 0;
}
.home-interest .prev:before {
  content: "\f177";
  font-size: 16px;
  font-family: "FontAwesome";
}
.home-interest .next {
  margin-top: -50px;
  position: absolute;
  margin-left: 8%;
  color: #fff;
  -webkit-transform: scale(1.7);
          transform: scale(1.7);
  font-size: 0;
}
.home-interest .next:before {
  content: "\f178";
  font-size: 16px;
  font-family: "FontAwesome";
}
@media (max-width: 1300px) {
  .home-interest {
    padding-bottom: 10%;
  }
  .home-interest .next,
  .home-interest .prev {
    margin-top: 0;
  }
}
@media (max-width: 1200px) {
  .home-interest .swSlider .scrollable {
    height: 700px !important;
  }
}
@media (max-width: 980px) {
  .home-interest .swSlider .scrollable {
    height: 800px !important;
  }
}
@media (max-width: 800px) {
  .home-interest .swSlider .scrollable {
    height: 600px !important;
  }
}
@media (max-width: 630px) {
  .home-interest .swSlider .scrollable {
    height: 700px !important;
  }
}
@media (max-width: 475px) {
  .home-interest .swSlider .scrollable {
    height: 800px !important;
  }
}
@media (max-width: 375px) {
  .home-interest {
    padding-bottom: 15%;
  }
  .home-interest .swSlider .scrollable {
    height: 900px !important;
  }
  .home-interest .swSlider .scrollable .title {
    font-size: 45px !important;
  }
}

/* --------------------------------

Home Membership Block

-------------------------------- */
.home-membership {
  height: 400px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.home-membership:before {
  background: rgba(0, 0, 0, 0.2);
  z-index: 9;
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
}
.home-membership .cta-content {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 9;
  width: 95%;
}
.home-membership .cta-content .cta-small {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: 11px;
  font-weight: 100;
}
.home-membership .cta-content h1 {
  color: #fff;
}
@media (max-width: 700px) {
  .home-membership .cta-content h1 {
    font-size: 3.5rem;
  }
}
.home-membership #bgvid {
  background-repeat: no-repeat;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  z-index: 0;
  position: absolute;
  height: auto;
}
@media (max-width: 767px) {
  .home-membership #bgvid {
    width: auto;
  }
}

/* --------------------------------

Home Wildlife Safari CTA Block

-------------------------------- */
.home-safari-cta {
  height: 400px;
  position: relative;
}
.home-safari-cta:before {
  background: rgba(0, 0, 0, 0.2);
  z-index: 9;
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
}
.home-safari-cta .cta-content {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 9;
  width: 95%;
}
.home-safari-cta .cta-content h4 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: 11px;
  font-weight: 100;
}
.home-safari-cta .cta-content h1 {
  color: #fff;
  margin-top: 0;
}
.home-safari-cta .background-img {
  width: 100%;
  height: 400px;
  background-size: cover;
  background-position: 50% 50%;
}
.home-safari-cta #bgvid {
  background-repeat: no-repeat;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  z-index: 0;
  position: absolute;
}

/* --------------------------------

Home Special Events Block

-------------------------------- */
.home-special-events {
  padding: 6% 0;
  background: url(images/halftone.png), #FCD21F;
}
.home-special-events .rip-border {
  width: 100%;
  margin-top: -55px;
  z-index: 9;
  position: relative;
}
.home-special-events h1 {
  text-align: center;
  font-family: "Amatic SC", cursive;
  font-size: 70px;
  margin-bottom: 45px;
  color: #0080c5;
  margin-top: 0;
}
.home-special-events .upcoming-events-wrapper {
  text-align: center;
}
.home-special-events .upcoming-events-wrapper ul {
  list-style: none;
  display: inline-block;
  padding: 0;
  width: 100%;
}
.home-special-events .upcoming-events-wrapper ul li.tag-Featured {
  width: 250px;
  margin-right: 2.5% !important;
  margin-left: 2.5% !important;
  background-color: #0080c5;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  display: inherit;
  vertical-align: top;
  margin-bottom: 20px;
}
.home-special-events .upcoming-events-wrapper ul li.tag-Featured:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-box-shadow: 6px 6px 30px #8e8e8e;
          box-shadow: 6px 6px 30px #8e8e8e;
}
.home-special-events .upcoming-events-wrapper ul li.tag-Featured .upcoming-events-image {
  margin-bottom: 10px;
}
.home-special-events .upcoming-events-wrapper ul li.tag-Featured .upcoming-events-image img {
  width: auto;
}
.home-special-events .upcoming-events-wrapper ul li.tag-Featured .upcoming-events-date {
  color: #fff;
  font-size: 1.2rem;
}
.home-special-events .upcoming-events-wrapper ul li.tag-Featured .upcoming-events-name {
  font-size: 12px;
  margin-bottom: 0;
  margin-right: 10px;
  margin-left: 10px;
  padding-bottom: 10px;
}
.home-special-events .upcoming-events-wrapper ul li.tag-Featured .upcoming-events-name a {
  font-size: 2rem !important;
  color: #fff;
}
.home-special-events .center {
  text-align: center;
}
.home-special-events .center .flex-row .green-btn {
  display: inline-block;
  margin-bottom: 10px;
}
.home-special-events .event-portal {
  width: 20% !important;
  -webkit-box-flex: 20% !important;
      -ms-flex: 20% !important;
          flex: 20% !important;
  height: 175px;
  background-size: cover;
  background-position: 50% 50%;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.home-special-events .event-portal:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 10;
  -webkit-box-shadow: 3px 6px 20px #2b2929;
          box-shadow: 3px 6px 20px #2b2929;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.home-special-events .event-portal .flex-center {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.home-special-events .event-portal .flex-center h2 {
  color: #fff;
  font-size: 23px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  font-weight: 700;
}

/* --------------------------------

Home Special Events Block

-------------------------------- */
.home-education {
  position: relative;
  background: url(images/halftone.png), #FCD21F;
  background-blend-mode: multiply;
  z-index: 9;
  -webkit-box-shadow: 10px 10px 30px #312d2d;
          box-shadow: 10px 10px 30px #312d2d;
}
.home-education .content-block {
  padding: 5%;
}
.home-education .content-block .education-cta {
  display: none;
}
.home-education .content-block h1 {
  font-family: "Amatic SC", cursive;
  font-size: 70px;
  color: #0080c5;
  margin: 0;
}
.home-education .content-block .sw-accordion {
  margin-bottom: 4rem;
}
.home-education .content-block .sw-accordion .tabbedcontent-header {
  background: #fff;
  cursor: pointer;
  font-size: 2rem !important;
  letter-spacing: 1px;
  outline: none;
  margin-bottom: 0;
  padding: 2rem 4rem;
  position: relative;
  text-transform: uppercase;
  color: #0080c5;
}
.home-education .content-block .sw-accordion .tabbedcontent-header:hover {
  color: #428bca;
}
.home-education .content-block .sw-accordion .tabbedcontent-header:before {
  content: "\f067";
  font-family: "fontawesome";
  font-size: 1.6rem;
  position: absolute;
  top: 2.5rem;
  left: 1.5rem;
}
.home-education .content-block .sw-accordion .tabbedcontent-header.ui-state-active {
  background: #0080c5;
  color: white;
}
.home-education .content-block .sw-accordion .tabbedcontent-header.ui-state-active:before {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.home-education .content-block .sw-accordion .tabbedcontent-content {
  background: #fff;
  padding: 2rem;
}
.home-education .content-block .sw-accordion .tabbedcontent-content p:first-child {
  display: none !important;
}
.home-education .content-block .sw-accordion .tabbedcontent-content p:last-child {
  display: none !important;
}
.home-education .photo-block {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
}
.home-education .photo-block .education-cta {
  height: 100%;
  margin-right: -15px;
  position: relative;
}
.home-education .photo-block .education-cta:before {
  background: rgba(0, 0, 0, 0.2);
  z-index: 9;
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
}
.home-education .photo-block .education-cta .cta-content {
  position: absolute;
  z-index: 9;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90%;
}
.home-education .photo-block .education-cta .cta-content h4 {
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-weight: 100;
}
.home-education .photo-block .education-cta .cta-content h1 {
  color: #fff;
}
.home-education .photo-block .education-cta .background-img {
  background-size: cover;
  background-position: 50% 50%;
  height: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  .home-education .photo-block .education-cta {
    height: 550px;
    margin-left: -15px;
  }
}
@media (max-width: 767px) {
  .home-education .photo-block {
    position: initial;
  }
}

/* --------------------------------

no-js

-------------------------------- */
.no-js .cd-nav-trigger {
  display: none;
}

.no-js .cd-vertical-nav {
  position: static;
  height: auto;
  width: 100%;
  max-width: none;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.no-js .cd-vertical-nav::before {
  display: none;
}

.no-js .cd-vertical-nav ul::after {
  clear: both;
  content: "";
  display: table;
}

.no-js .cd-vertical-nav li {
  display: inline-block;
  float: left;
}

.no-js .cd-vertical-nav a {
  padding: 0 1em;
  margin: 1.5em 1em;
  color: #bf311a;
}

.no-js .cd-vertical-nav a.active {
  color: #bf311a;
}

.no-js .cd-vertical-nav a::after,
.no-js .cd-vertical-nav a::before {
  display: none;
}

.no-js .cd-vertical-nav .label {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.weather-widget div.blurb iframe {
  height: 60px;
  overflow: hidden;
}

section {
  position: relative;
}

section.home-slider .video-container {
  background-position: center;
  background-size: cover;
  height: 100vh;
  -webkit-transition: all 0.75s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
  transition: all 0.75s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
  position: fixed;
  width: 100%;
}
section.home-slider .video-container iframe {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
section.home-slider .video-container iframe.loaded {
  opacity: 1;
  z-index: 1;
}
section.home-slider #bgvid2 {
  pointer-events: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  min-width: 100vw;
  min-height: 100vh;
}

.daily-hours-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
}

#today-button {
  margin: 10px 0 0 0;
}

.default .video-banner {
  position: relative;
  height: 400px;
}
.default .video-banner:before {
  content: "";
  background: rgba(0, 0, 0, 0.2);
  height: 100%;
  width: 100%;
  z-index: 9;
}
.default .video-banner video#bgvid {
  width: 100%;
  z-index: 0;
}
@media (max-width: 767px) {
  .default .video-banner video#bgvid {
    width: auto;
  }
}
.default .bg-image {
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.default .inner-banner {
  position: relative;
  display: block;
  height: 400px;
  background-position: 50%, 20%;
  overflow: hidden;
  margin-top: 65px;
}
.default .inner-banner .templatecontent {
  height: 100%;
  width: 100%;
}
.default .inner-banner .templatecontent p {
  height: 100%;
  width: 100%;
}
.default .inner-banner .templatecontent p img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.default .inner-banner .page-title {
  text-align: center;
  z-index: 99;
}
.default .inner-banner .page-title h1 {
  font-size: 65px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: 800;
  line-height: 1;
  font-family: "Amatic SC", cursive;
}
.default .swRotator {
  position: relative !important;
}
.default .swRotator .scrollable {
  position: relative !important;
  overflow: visible !important;
  width: 100% !important;
  height: auto !important;
}
.default .swRotator .scrollable:before {
  content: "";
  width: 100%;
  height: 400px;
  position: absolute;
  z-index: 9;
  background: rgba(0, 0, 0, 0.15);
}
.default .swRotator .scrollable .items {
  width: 100% !important;
  position: relative !important;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-inline-box;
}
.default .swRotator .scrollable .items .item {
  position: relative !important;
  display: block;
  width: 100% !important;
  height: 400px !important;
}
.default .swRotator .scrollable .items .item img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.default .default-main {
  padding-top: 5%;
  margin-bottom: 5%;
  background: #fff;
  position: relative;
}
.default .default-main .sidebar h2 {
  font-family: "Amatic SC", cursive;
  font-size: 55px;
  letter-spacing: 1px;
  margin-bottom: 5px;
}
.default .default-main .sidebar h2 a {
  color: #5d9632;
}
.default .default-main .sidebar #subnav, .default .default-main .sidebar > ul {
  list-style: none;
  padding: 0;
  line-height: 2;
}
.default .default-main .sidebar #subnav a, .default .default-main .sidebar > ul a {
  color: #5d9632;
  font-weight: 100;
  letter-spacing: 0.5px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.default .default-main .sidebar #subnav a:hover, .default .default-main .sidebar > ul a:hover {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  color: #6abd2c;
}
@media (max-width: 415px) {
  .default .default-main .sidebar {
    display: none;
  }
}
.default .default-cta {
  background: #bf311a;
  padding-top: 3%;
  padding-bottom: 5%;
  position: relative;
  text-align: center;
  margin-top: 5%;
}
.default .default-cta h3 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 15px;
}
.default footer .rip-border {
  display: none;
}
.default .page-break-yellow {
  padding: 50px;
  margin-top: 50px;
  margin-bottom: 50px;
  background: url(images/halftone.png), #FCD21F;
  background-blend-mode: multiply;
}
.default .page-break-yellow h1, .default .page-break-yellow h2, .default .page-break-yellow h3, .default .page-break-yellow h4, .default .page-break-yellow h5, .default .page-break-yellow h6 {
  color: #5d9632 !important;
}
@media (max-width: 767px) {
  .default .page-break-yellow {
    margin-left: -15px;
    margin-right: -15px;
    padding: 30px;
  }
}
.default .page-break-blue {
  padding: 50px;
  margin-top: 50px;
  margin-bottom: 50px;
  background: url(images/halftone.png), #0080c5;
  background-blend-mode: multiply;
}
.default .page-break-blue h1, .default .page-break-blue h2, .default .page-break-blue h3, .default .page-break-blue h4, .default .page-break-blue h5, .default .page-break-blue h6 {
  color: #fcd21f !important;
}
.default .page-break-blue p, .default .page-break-blue ol, .default .page-break-blue ul {
  color: #fff;
}
@media (max-width: 767px) {
  .default .page-break-blue {
    margin-left: -15px;
    margin-right: -15px;
    padding: 30px;
  }
}
.default .page-break-green {
  padding: 50px;
  margin-top: 50px;
  margin-bottom: 50px;
  background: url(images/halftone.png), #5d9632;
  background-blend-mode: multiply;
}
.default .page-break-green h1, .default .page-break-green h2, .default .page-break-green h3, .default .page-break-green h4, .default .page-break-green h5, .default .page-break-green h6, .default .page-break-green p, .default .page-break-green ul, .default .page-break-green ol {
  color: #fff !important;
}
@media (max-width: 767px) {
  .default .page-break-green {
    margin-left: -15px;
    margin-right: -15px;
    padding: 30px;
  }
}
.default .page-break-red {
  padding: 50px;
  margin-top: 50px;
  margin-bottom: 50px;
  background: url(images/halftone.png), #bf311a;
  background-blend-mode: multiply;
}
.default .page-break-red h1, .default .page-break-red h2, .default .page-break-red h3, .default .page-break-red h4, .default .page-break-red h5, .default .page-break-red h6, .default .page-break-red p, .default .page-break-red ol, .default .page-break-red ul {
  color: #fff !important;
}
@media (max-width: 767px) {
  .default .page-break-red {
    margin-left: -15px;
    margin-right: -15px;
    padding: 30px;
  }
}

div.button-row span {
  white-space: nowrap;
  line-height: 3em;
  text-align: center;
}

.todayatthezoo h2 {
  color: #5d9632;
  font-size: 45px;
  font-weight: 600;
  margin: 0 0 2rem;
}
.todayatthezoo .default-main {
  margin-bottom: 0;
  padding-top: 0;
}

@media screen and (min-width: 1080px) {
  .portals {
    margin: 9rem 0 0 0;
  }
}

/* ====================== FORM STYLING ====================== */
.formmodule {
  display: block;
  position: relative;
  /* ====== Keyframes ====== */
  /* Tada */
  /* Shake */
  /* .formmodule-form */
  /* .form-bot-stopper */
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
}
.formmodule div#ctl00_cphPageBody_public_partctrl_cphPageBody_1_pnlMessage,
.formmodule div#ctl00_cphPageBody_public_partctrl_cphPageBody_2_pnlMessage {
  position: relative;
  font-size: 1rem;
  color: #fff !important;
  background: #4EB75E;
  border: 1px solid #419c4f;
  border-radius: 2px;
  padding: 8px;
  margin: 0 0 30px 0;
  overflow: hidden;
  padding-left: 45px !important;
  -webkit-animation: tada 1s ease-out 0.3s normal 1;
  animation: tada 1s ease-out 0.3s normal 1;
}
@media (min-width: 768px) {
  .formmodule div#ctl00_cphPageBody_public_partctrl_cphPageBody_1_pnlMessage,
  .formmodule div#ctl00_cphPageBody_public_partctrl_cphPageBody_2_pnlMessage {
    padding: 12px;
  }
}
.formmodule div#ctl00_cphPageBody_public_partctrl_cphPageBody_1_pnlMessage:before, .formmodule div#ctl00_cphPageBody_public_partctrl_cphPageBody_1_pnlMessage:after,
.formmodule div#ctl00_cphPageBody_public_partctrl_cphPageBody_2_pnlMessage:before,
.formmodule div#ctl00_cphPageBody_public_partctrl_cphPageBody_2_pnlMessage:after {
  content: "";
  display: block;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 24px;
  border-radius: 1px;
}
.formmodule div#ctl00_cphPageBody_public_partctrl_cphPageBody_1_pnlMessage:before,
.formmodule div#ctl00_cphPageBody_public_partctrl_cphPageBody_2_pnlMessage:before {
  width: 4px;
  height: 20px;
  margin: -10px 0 0 0px;
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
}
.formmodule div#ctl00_cphPageBody_public_partctrl_cphPageBody_1_pnlMessage:after,
.formmodule div#ctl00_cphPageBody_public_partctrl_cphPageBody_2_pnlMessage:after {
  width: 4px;
  height: 10px;
  margin: -1px 0 0 -8px;
  -webkit-transform: rotate(-47deg);
  transform: rotate(-47deg);
}
.formmodule h3:first-of-type {
  display: none;
}
.formmodule .formmodule-form {
  /* table */
}
.formmodule .formmodule-form table, .formmodule .formmodule-form tbody, .formmodule .formmodule-form tr, .formmodule .formmodule-form td {
  display: inline-block;
  width: 100%;
}
.formmodule .formmodule-form table {
  /* tbody */
}
.formmodule .formmodule-form table tbody {
  /* tr */
}
.formmodule .formmodule-form table tbody tr {
  /* td */
  /* td.formmodule-column2 */
}
.formmodule .formmodule-form table tbody tr.formmodule-row, .formmodule .formmodule-form table tbody tr.formmodule-altrow {
  margin: 0 0 10px 0;
}
@media (min-width: 768px) {
  .formmodule .formmodule-form table tbody tr.formmodule-row, .formmodule .formmodule-form table tbody tr.formmodule-altrow {
    margin: 0 0 15px 0;
  }
}
.formmodule .formmodule-form table tbody tr td {
  padding: 0;
  /* CheckBox & RadioButton */
}
.formmodule .formmodule-form table tbody tr td span, .formmodule .formmodule-form table tbody tr td label {
  font-weight: normal;
  font-style: normal;
  font-size: 1rem;
}
.formmodule .formmodule-form table tbody tr td input[type=text],
.formmodule .formmodule-form table tbody tr td input[type=file],
.formmodule .formmodule-form table tbody tr td textarea {
  font-size: 16px;
  background: #fff;
  color: #222;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  padding: 4px 8px;
  width: 100%;
}
.formmodule .formmodule-form table tbody tr td input[type=text]:-moz-placeholder, .formmodule .formmodule-form table tbody tr td input[type=text]::-moz-placeholder, .formmodule .formmodule-form table tbody tr td input[type=text]:-ms-input-placeholder, .formmodule .formmodule-form table tbody tr td input[type=text]::-webkit-input-placeholder,
.formmodule .formmodule-form table tbody tr td input[type=file]:-moz-placeholder,
.formmodule .formmodule-form table tbody tr td input[type=file]::-moz-placeholder,
.formmodule .formmodule-form table tbody tr td input[type=file]:-ms-input-placeholder,
.formmodule .formmodule-form table tbody tr td input[type=file]::-webkit-input-placeholder,
.formmodule .formmodule-form table tbody tr td textarea:-moz-placeholder,
.formmodule .formmodule-form table tbody tr td textarea::-moz-placeholder,
.formmodule .formmodule-form table tbody tr td textarea:-ms-input-placeholder,
.formmodule .formmodule-form table tbody tr td textarea::-webkit-input-placeholder {
  color: #999;
  opacity: 1;
}
@media (min-width: 768px) {
  .formmodule .formmodule-form table tbody tr td input[type=text],
  .formmodule .formmodule-form table tbody tr td input[type=file],
  .formmodule .formmodule-form table tbody tr td textarea {
    padding: 8px 12px;
  }
}
.formmodule .formmodule-form table tbody tr td input.formmodule-phone {
  width: 32%;
  margin: 0 2% 0 0;
  text-align: center;
}
.formmodule .formmodule-form table tbody tr td input.formmodule-phone:nth-of-type(3) {
  margin-right: 0;
}
.formmodule .formmodule-form table tbody tr td select,
.formmodule .formmodule-form table tbody tr td input[type=file] {
  display: block;
  clear: both;
}
.formmodule .formmodule-form table tbody tr td input[type=file] {
  background: #f7f7f7;
}
.formmodule .formmodule-form table tbody tr td table.formmodule-checkboxlist tbody tr td input[type=checkbox],
.formmodule .formmodule-form table tbody tr td table.formmodule-checkboxlist tbody tr td input[type=radio],
.formmodule .formmodule-form table tbody tr td table.formmodule-radiobuttonlist tbody tr td input[type=checkbox],
.formmodule .formmodule-form table tbody tr td table.formmodule-radiobuttonlist tbody tr td input[type=radio] {
  margin: 2px 0;
}
.formmodule .formmodule-form table tbody tr td table.formmodule-checkboxlist tbody tr td label,
.formmodule .formmodule-form table tbody tr td table.formmodule-radiobuttonlist tbody tr td label {
  font-size: 0.85rem;
  margin: 0 0 0 6px;
  padding: 4px 0;
}
.formmodule .formmodule-form table tbody tr td.formmodule-column1 {
  margin: 0;
}
.formmodule .formmodule-form table tbody tr td.formmodule-column2 {
  /* error message */
}
.formmodule .formmodule-form table tbody tr td.formmodule-column2 span[style*="color: red;"] {
  padding: 5px 8px;
  position: relative;
  font-size: 13px;
  color: #fff !important;
  background: #E63A3A;
  border: 1px solid #ce2233;
  border-radius: 2px;
}
.formmodule .formmodule-form table tbody tr td.formmodule-column2 span[style*="color: red;"]:before {
  content: "";
  display: block;
  position: absolute;
  top: -6px;
  left: 8px;
  height: 10px;
  width: 10px;
  background: #E63A3A;
  border-top: 1px solid #ce2233;
  border-left: 1px solid #ce2233;
  border-top-left-radius: 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.formmodule .form-bot-stopper {
  margin: 0 0 15px 0;
}
.formmodule .form-bot-stopper .form-bot-stopper-info {
  font-size: 0.85rem;
}
.formmodule .form-bot-stopper .form-bot-stopper-question {
  font-size: 0.85rem;
}
.formmodule .form-bot-stopper .form-bot-stopper-question input.form-bot-stopper-value {
  height: 32px;
  width: 40px !important;
  text-align: center;
  font-size: 16px;
  background: #fff;
  color: #222;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  padding: 4px;
}
.formmodule .formmodule-errors {
  margin: 15px 0 0 0;
}
.formmodule .formmodule-errors div {
  position: relative;
  font-size: 0.85rem;
  color: #fff !important;
  background: #e63a3a;
  border: 1px solid #ce2233;
  border-radius: 2px;
  padding: 8px;
  padding-left: 38px !important;
  -webkit-animation: shake 1s ease-out 0.3s normal 1;
  animation: shake 1s ease-out 0.3s normal 1;
}
@media (min-width: 768px) {
  .formmodule .formmodule-errors div {
    padding: 12px;
  }
}
.formmodule .formmodule-errors div:before, .formmodule .formmodule-errors div:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 18px;
  height: 18px;
  width: 4px;
  margin: -9px 0 0 -2px;
  background: #fff;
  border-radius: 1px;
}
.formmodule .formmodule-errors div:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.formmodule .formmodule-errors div:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* .formmodule */
/* ====================== FORM STYLING END ====================== */