@charset "UTF-8";
/**
 * Vendor libraries
 *
 * Bourbon is a lightweight SASS mixin library.
 * Neat is a grid system based on Bourbon.
 * Slick is the stylesheet for a JavaScript carousel plugin.
 * Remodal is a modal window solution.
 */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  outline: none;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow {
  cursor: pointer;
  outline: none; }

.slick-arrow.slick-hidden {
  display: none; }

/*
 *  Remodal - v1.0.3
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden; }
  html.remodal-is-locked body {
    left: 0;
    overflow: hidden;
    right: 0; }

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none; }

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none; }

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  text-align: center;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: ""; }

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; }

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block; }

/*
 *  Remodal - v1.0.3
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px); }

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(43, 46, 56, 0.9); }

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.remodal-overlay.remodal-is-opening {
  -webkit-animation: remodal-overlay-opening-keyframes 0.3s;
  animation: remodal-overlay-opening-keyframes 0.3s; }

.remodal-overlay.remodal-is-closing {
  -webkit-animation: remodal-overlay-closing-keyframes 0.3s;
  animation: remodal-overlay-closing-keyframes 0.3s; }

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0; }

/* Default theme styles of the modal dialog */
.remodal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff; }

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.remodal.remodal-is-opening {
  -webkit-animation: remodal-opening-keyframes 0.3s;
  animation: remodal-opening-keyframes 0.3s; }

.remodal.remodal-is-closing {
  -webkit-animation: remodal-closing-keyframes 0.3s;
  animation: remodal-closing-keyframes 0.3s; }

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle; }

/* Close button */
.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent; }

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38; }

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center; }

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0; }

.remodal-confirm {
  color: #fff;
  background: #81c784; }

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a; }

.remodal-cancel {
  color: #fff;
  background: #e57373; }

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350; }

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; } }

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; } }

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px; } }

/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38; }

.lt-ie9 .remodal {
  width: 700px; }

.rangeslider,
.rangeslider__fill {
  background: #FFF;
  display: block;
  height: 8px;
  width: 100%; }

.rangeslider {
  position: relative; }

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4; }

.rangeslider__fill {
  background: #00ff00;
  position: absolute;
  top: 0; }

.rangeslider__handle {
  background: white;
  cursor: pointer;
  display: inline-block;
  border-radius: 50%; }

.rangeslider__handle:active {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); }

input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); }

.s-b .s-b-button {
  background: transparent;
  color: #fff; }

.s-b .s-b-s {
  background-color: #4a9442; }

.s-b .s-b-count {
  background-color: #6fb26d; }

.s-b .s-b-count-arrow-left {
  fill: #4a9442; }

.s-b .s-b-count-arrow-right {
  fill: #6fb26d; }

.s-b:hover span.s-b-s, .s-b .s-b-button:focus span.s-b-s {
  background-color: #6bbd45; }

.s-b:hover .s-b-count-arrow-left, .s-b .s-b-button:focus .s-b-count-arrow-left {
  fill: #6bbd45; }

.s-b:hover .s-b-count-arrow-right, .s-b .s-b-button:focus .s-b-count-arrow-right {
  fill: #6bbd45; }

.s-b .s-b-labels {
  background: none transparent; }

.s-b.s-b-light-green span {
  color: #4a9442; }

.s-b.s-b-light-green span.s-b-s {
  background-color: #fff; }

.s-b.s-b-light-green span.s-b-count {
  background-color: #fff; }

.s-b.s-b-light-green .s-b-count-arrow-left {
  fill: #fff; }

.s-b.s-b-light-green .s-b-count-arrow-right {
  fill: #fff; }

.s-b.s-b-light-green:hover span.s-b-s, .s-b.s-b-light-green .s-b-button:focus span.s-b-s {
  background-color: #6bbd45;
  color: #fff; }

.s-b.s-b-light-green:hover span.s-b-s .s-b-count-arrow-left, .s-b.s-b-light-green .s-b-button:focus span.s-b-s .s-b-count-arrow-left {
  fill: #6bbd45; }

.s-b.s-b-light-green:hover span.s-b-s .s-b-count-arrow-right, .s-b.s-b-light-green .s-b-button:focus span.s-b-s .s-b-count-arrow-right {
  fill: #6bbd45; }

.s-b.s-b-light-grey span {
  color: #525252; }

.s-b.s-b-light-grey span.s-b-s {
  background-color: #fff; }

.s-b.s-b-light-grey span.s-b-count {
  background-color: #fff; }

.s-b.s-b-light-grey .s-b-count-arrow-left {
  fill: #fff; }

.s-b.s-b-light-grey .s-b-count-arrow-right {
  fill: #fff; }

.s-b.s-b-light-grey:hover span.s-b-s, .s-b.s-b-light-grey .s-b-button:focus span.s-b-s {
  background-color: #fff;
  color: #4a9442; }

.s-b.s-b-light-grey:hover span.s-b-s .s-b-count-arrow-left, .s-b.s-b-light-grey .s-b-button:focus span.s-b-s .s-b-count-arrow-left {
  fill: #fff; }

.s-b.s-b-light-grey:hover span.s-b-s .s-b-count-arrow-right, .s-b.s-b-light-grey .s-b-button:focus span.s-b-s .s-b-count-arrow-right {
  fill: #fff; }

.s-b.s-b-dark-white span {
  color: #fff; }

.s-b.s-b-dark-white span.s-b-s {
  background-color: #000; }

.s-b.s-b-dark-white span.s-b-count {
  background-color: #000; }

.s-b.s-b-dark-white .s-b-count-arrow-left {
  fill: #000; }

.s-b.s-b-dark-white .s-b-count-arrow-right {
  fill: #000; }

.s-b.s-b-dark-white:hover span.s-b-s, .s-b.s-b-dark-white .s-b-button:focus span.s-b-s {
  background-color: #000;
  color: #6bbd45; }

.s-b.s-b-dark-white:hover .s-b-count-arrow-left, .s-b.s-b-dark-white .s-b-button:focus .s-b-count-arrow-left {
  fill: #000; }

.s-b.s-b-dark-white:hover .s-b-count-arrow-right, .s-b.s-b-dark-white .s-b-button:focus .s-b-count-arrow-right {
  fill: #000; }

.s-b.s-b-transparent span {
  color: #fff; }

.s-b.s-b-transparent span.s-b-s {
  background-color: transparent; }

.s-b.s-b-transparent span.s-b-count {
  background-color: transparent; }

.s-b.s-b-transparent .s-b-count-arrow-left {
  display: none; }

.s-b.s-b-transparent .s-b-count-arrow-right {
  display: none; }

.s-b.s-b-transparent:hover span.s-b-s, .s-b.s-b-transparent .s-b-button:focus span.s-b-s {
  background-color: transparent;
  color: #6bbd45; }

.s-b.s-b-transparent:hover .s-b-count-arrow-left, .s-b.s-b-transparent .s-b-button:focus .s-b-count-arrow-left {
  display: none; }

.s-b.s-b-transparent:hover .s-b-count-arrow-right, .s-b.s-b-transparent .s-b-button:focus .s-b-count-arrow-right {
  display: none; }

.s-b.s-b-transparent-green span {
  color: #4a9442; }

.s-b.s-b-transparent-green span.s-b-s {
  background-color: transparent; }

.s-b.s-b-transparent-green span.s-b-count {
  background-color: transparent; }

.s-b.s-b-transparent-green .s-b-count-arrow-left {
  display: none; }

.s-b.s-b-transparent-green .s-b-count-arrow-right {
  display: none; }

.s-b.s-b-transparent-green:hover span.s-b-s, .s-b.s-b-transparent-green .s-b-button:focus span.s-b-s {
  background-color: transparent;
  color: #6bbd45; }

.s-b.s-b-transparent-green:hover .s-b-count-arrow-left, .s-b.s-b-transparent-green .s-b-button:focus .s-b-count-arrow-left {
  display: none; }

.s-b.s-b-transparent-green:hover .s-b-count-arrow-right, .s-b.s-b-transparent-green .s-b-button:focus .s-b-count-arrow-right {
  display: none; }

.s-b.s-b-iplayer span {
  color: #fff;
  transition: all .4s;
  -webkit-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  -moz-transistion: all .4s; }

.s-b.s-b-iplayer span.s-b-s {
  background-color: transparent; }

.s-b.s-b-iplayer span.s-b-count {
  background-color: transparent;
  margin-left: 2px; }

.s-b.s-b-iplayer span.s-b-count span.s-b-count-arrow {
  display: none; }

.s-b.s-b-iplayer:hover span.s-b-s, .s-b.s-b-iplayer .s-b-button:focus span.s-b-s {
  background-color: transparent;
  color: #6bbd45; }

.s-b.s-b-iplayer .s-b-button span.s-b-label {
  padding-left: .6em; }

.s-b.s-b-iplayer .s-b-button span.s-b-icon {
  padding: 0;
  position: absolute; }

.s-b.s-b-count-on.s-b-iplayer .s-b-button .s-b-label-long, .s-b.s-b-count-on.s-b-iplayer .s-b-button .s-b-count {
  display: none; }

.s-b-panel {
  border: 1px solid #b3b3b3;
  color: #525252;
  background-color: #fff; }

.s-b-panel .gelicon {
  color: #525252; }

.s-b-panel .s-b-p-close .l-b-p-closeicon {
  background-color: #f6f5f9; }

.s-b-panel .s-b-p-close:hover .s-b-p-closeicon, .s-b-panel .s-b-p-close:focus .s-b-p-closeicon, .s-b-panel .s-b-p-close:active .s-b-p-closeicon {
  background-color: #525252; }

.s-b-panel .s-b-p-close:hover .gelicon, .s-b-panel .s-b-p-close:focus .gelicon, .s-b-panel .s-b-p-close:active .gelicon {
  color: #fff;
  font-weight: 400; }

.s-b-panel .s-b-p-networks li:hover:hover {
  background-color: #f6f5f9; }

.s-b-panel .s-b-p-networks li a {
  color: #525252; }

.s-b-panel .s-b-p-networks li a:focus, .s-b-panel .s-b-p-networks li a:active {
  background-color: #f6f5f9; }

.s-b-panel .s-b-p-networks li a .gelicon--digg {
  color: #005794;
  font-size: .85em; }

.s-b-panel .s-b-p-networks li a .gelicon--twitter {
  color: #1baee5; }

.s-b-panel .s-b-p-networks li a .gelicon--facebook {
  color: #3472ab; }

.s-b-panel .s-b-p-networks li a .gelicon--google-plus {
  color: #dc4b37; }

.s-b-panel .s-b-p-networks li a .gelicon--linkedin {
  color: #0980bc; }

.s-b-panel .s-b-p-networks li a .gelicon--pinterest {
  color: #cb2128; }

.s-b-panel .s-b-p-networks li a .gelicon--reddit {
  color: #000; }

.s-b-panel .s-b-p-networks li a .gelicon--stumbleupon {
  color: #ef502c; }

.s-b-panel .s-b-p-networks li a .gelicon--tumblr {
  color: #34465d; }

.s-b-panel .s-b-p-networks li span {
  background-color: #f6f5f9; }

.s-b-panel .s-b-copy-text {
  color: #525252; }

.s-b-panel .s-b-copy-link {
  color: #4a9442; }

.s-b-panel .s-b-copy-text {
  color: #525252; }

.s-b-panel .s-b-copy-input {
  border: 1px solid #4a9442; }

.s-b-panel .s-b-copy-input .s-b-copy-link {
  color: #6bbd45; }

.s-b-panel .s-b-read-more {
  color: #525252; }

.s-b-panel .s-b-read-more:hover {
  color: #2d2d2d;
  text-decoration: underline; }

.s-b-panel .s-b-pointer {
  border-color: transparent transparent #b3b3b3 transparent; }

.s-b-panel.s-b-p-top span.s-b-pointer {
  border-color: #b3b3b3 transparent transparent transparent; }

.s-b-panel.s-b-dark {
  border: 1px solid #5b5c5c;
  background-color: #2d2d2d; }

.s-b-panel.s-b-dark p {
  color: #fff; }

.s-b-panel.s-b-dark .gelicon {
  color: #fff; }

.s-b-panel.s-b-dark .s-b-p-close .s-b-p-closeicon {
  background-color: #000; }

.s-b-panel.s-b-dark .s-b-p-close .s-b-p-closeicon:hover, .s-b-panel.s-b-dark .s-b-p-close .s-b-p-closeicon:focus, .s-b-panel.s-b-dark .s-b-p-close .s-b-p-closeicon:active {
  background-color: #f6f5f9; }

.s-b-panel.s-b-dark .s-b-p-close .s-b-p-closeicon:hover .gelicon, .s-b-panel.s-b-dark .s-b-p-close .s-b-p-closeicon:focus .gelicon, .s-b-panel.s-b-dark .s-b-p-close .s-b-p-closeicon:active .gelicon {
  color: #525252;
  font-weight: 400; }

.s-b-panel.s-b-dark .s-b-p-networks li:hover {
  background-color: #000; }

.s-b-panel.s-b-dark .s-b-p-networks li a {
  color: #fff; }

.s-b-panel.s-b-dark .s-b-p-networks li a:focus, .s-b-panel.s-b-dark .s-b-p-networks li a:active {
  background-color: #000; }

.s-b-panel.s-b-dark .s-b-p-networks li a .gelicon--twitter {
  color: #1baee5; }

.s-b-panel.s-b-dark .s-b-p-networks li a .gelicon--facebook {
  color: #3472ab; }

.s-b-panel.s-b-dark .s-b-p-networks li a .gelicon--google-plus {
  color: #dc4b37; }

.s-b-panel.s-b-dark .s-b-p-networks li span {
  background-color: #fff; }

.s-b-panel.s-b-dark .s-b-copy-text {
  color: #fff; }

.s-b-panel.s-b-dark .s-b-copy-input {
  background-color: #2d2d2d;
  border-color: #5b5c5c; }

.s-b-panel.s-b-dark .s-b-copy-input .s-b-copy-link {
  color: #6bbd45; }

.s-b-panel.s-b-dark .s-b-read-more {
  color: #fff; }

.s-b-panel.s-b-dark .s-b-read-more:hover {
  color: #fff;
  text-decoration: underline; }

.s-b-panel.s-b-dark .s-b-pointer {
  border-color: transparent transparent #5b5c5c transparent; }

.s-b-panel.s-b-dark.s-b-p-top span.s-b-pointer {
  border-color: #5b5c5c transparent transparent transparent; }

#emp.s-b-hidePlayer object {
  visibility: hidden; }

.s-b-hidePlayer, .player-hide {
  left: -999em;
  position: relative; }

div.s-b-container {
  position: relative;
  overflow: visible;
  display: inline-block;
  font-family: arial;
  text-decoration: none;
  text-align: left; }

.s-b-hidden {
  text-indent: -99999em;
  position: absolute;
  width: 0;
  overflow: hidden;
  height: 0; }

.scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px; }

.s-b {
  position: relative;
  overflow: hidden; }

.s-b .s-b-button {
  font-family: arial;
  line-height: 2.250em;
  font-size: inherit;
  height: 2.200em;
  outline: 0;
  overflow: hidden;
  text-align: left;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent; }

.s-b .s-b-button .s-b-gelicon {
  color: inherit;
  display: inline; }

.s-b .s-b-button .s-b-icon, .s-b .s-b-button .s-b-count {
  text-align: center; }

.s-b .s-b-button .s-b-icon {
  padding: 0 .605em;
  line-height: inherit;
  height: inherit; }

.s-b .s-b-button .s-b-icon i {
  top: 0;
  position: relative; }

.s-b .s-b-button .s-b-icon i.gelicon--share::before {
  vertical-align: top; }

.s-b .s-b-button .s-b-icon, .s-b .s-b-button .s-b-label, .s-b .s-b-button .s-b-label-long {
  float: left;
  line-height: inherit;
  height: auto; }

.s-b .s-b-button .s-b-count {
  clear: both;
  display: none;
  line-height: inherit;
  height: 2.7em;
  margin-left: 2px;
  margin-left: 2px\9;
  float: none;
  position: relative;
  padding: 0 .6em;
  vertical-align: top; }

.s-b .s-b-button .s-b-count-arrow {
  margin-left: -0.498em;
  position: absolute;
  left: 0;
  width: .6em;
  vertical-align: top; }

.s-b .s-b-button .s-b-labels {
  clear: none;
  display: inline;
  float: none;
  line-height: inherit;
  height: inherit; }

.s-b .s-b-button .s-b-label {
  padding-right: .67em; }

.s-b .s-b-button .s-b-label-long {
  padding-right: .5em;
  margin-left: -0.4em; }

div.s-b-container.s-b-cy-gb .s-b-label, div.s-b-container.s-b-cy .s-b-label {
  padding-right: .4em; }

.s-b, .s-b * {
  border: 0 none;
  cursor: pointer;
  letter-spacing: 0;
  margin: 0;
  padding: 0;
  vertical-align: middle; }

.s-b-count-true .s-b-button {
  width: 103%; }

.s-b.s-b-count-on .s-b-button .s-b-count {
  display: inherit; }

.s-b-ie8 .s-b .s-b-button .s-b-icon i {
  top: -0.15em; }

.s-b-panel {
  position: absolute;
  clear: both;
  display: none;
  font-family: arial;
  opacity: hide;
  z-index: 9999;
  left: 0;
  top: 2.25em;
  width: 302px;
  min-width: 238px; }

.s-b-panel.s-b-p-open-true {
  display: inline-block;
  opacity: 1;
  margin-top: 11px;
  margin-bottom: 11px; }

.s-b-panel.s-b-p-hidden {
  display: block;
  opacity: 0; }

.s-b-panel p {
  padding: .6em 16px .4em 16px;
  margin: 0; }

.s-b-panel .s-b-p-networks {
  list-style: none;
  padding: 0;
  margin: 0; }

.s-b-panel .s-b-p-networks li {
  clear: both;
  overflow: hidden;
  margin-top: 0;
  padding-top: 0;
  display: block; }

.s-b-panel .s-b-p-networks li a {
  text-decoration: none;
  padding: .45em 16px;
  display: block;
  font-weight: normal; }

.s-b-panel .s-b-p-networks li span {
  display: block;
  float: left;
  height: 1.667em;
  line-height: 1.5em;
  margin-right: .444em;
  text-align: center;
  width: 1.667em; }

.s-b-panel .s-b-p-networks li span.s-b-panel-counter {
  float: right;
  margin: 0;
  height: auto;
  width: auto;
  background: 0;
  opacity: 1;
  overflow: visible;
  line-height: 1.7em; }

.s-b-panel .s-b-p-networks li span.s-b-panel-counter.s-b-hidden {
  height: 0;
  width: 0;
  opacity: 0;
  overflow: hidden; }

.s-b-panel .s-b-p-networks li span.s-b-panel-counter .s-b-panel-counter-val {
  background-color: transparent;
  display: inline;
  float: none;
  margin-right: 0;
  width: auto;
  line-height: auto; }

.s-b-panel .s-b-p-networks li .gelicon {
  vertical-align: middle; }

.s-b-panel .s-b-copy-text {
  display: block;
  padding: 1.4em 16px 0 16px;
  text-decoration: none; }

.s-b-panel .s-b-copy-input {
  display: block;
  margin: .4em 0 .4em 16px;
  width: 79%;
  max-width: 79%;
  white-space: nowrap;
  overflow: hidden; }

.s-b-panel .s-b-copy-input .s-b-copy-link {
  display: block;
  padding: 0 0 0 5px; }

.s-b-panel .s-b-read-more {
  display: block;
  padding: .8em 16px 1em 16px;
  text-decoration: none; }

.s-b-panel .s-b-read-more:hover, .s-b-panel .s-b-read-more:active, .s-b-panel .s-b-read-more:focus {
  background-color: transparent; }

.s-b-panel .s-b-p-close {
  text-align: center;
  cursor: pointer;
  float: right;
  text-decoration: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99999; }

.s-b-panel .s-b-p-close .s-b-p-closeicon {
  margin: 8px;
  width: 1.6em;
  height: 1.6em;
  display: block; }

.s-b-panel .s-b-p-close .gelicon {
  line-height: 1.6em; }

.s-b-panel .s-b-p-close:hover, .s-b-panel .s-b-p-close:active, .s-b-panel .s-b-p-close:focus {
  text-decoration: none;
  background-color: transparent; }

.s-b-panel .s-b-pointer {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 13px 13px 13px;
  line-height: 0;
  left: .45em;
  position: absolute;
  top: -13px;
  z-index: 200000000; }

.s-b-panel.s-b-p-top {
  bottom: auto;
  top: auto;
  margin: 0; }

.s-b-panel.s-b-p-top span.s-b-pointer {
  border-width: 12px 12px 0 12px;
  bottom: -13px;
  top: auto;
  left: .45em; }

.s-b-panel.s-p-test {
  left: auto; }

.s-b-panel.s-p-test span.s-b-pointer {
  border-width: 12px 12px 0 12px;
  bottom: -13px;
  top: auto;
  left: .9em; }

.s-b-panel.s-b-p-left {
  left: auto; }

.s-b-panel.s-b-p-left span.s-b-pointer {
  right: .45em;
  left: auto; }

.s-b-panel.s-b-p-auto {
  top: 2.25em; }

.s-b-panel.s-b-count-on .s-b-p-networks li span.s-b-panel-counter {
  display: block; }

.s-b-panel span.s-b-pointer {
  display: inline-block;
  width: auto;
  height: auto;
  border: 0;
  line-height: 1em; }

.s-b-panel.s-b-p-bottom .s-b-pointer {
  top: 0; }

.s-b-panel.s-b-p-top span.s-b-pointer {
  bottom: 0; }

.s-b-panel.s-b-p-bottom .s-b-pointer:after, .s-b-panel.s-b-p-bottom .s-b-pointer:before {
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 11px solid white;
  top: -11px;
  content: '';
  left: 50%;
  margin-left: 1px;
  position: absolute; }

.s-b-panel.s-b-p-bottom .s-b-pointer:before {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid;
  border-bottom-color: inherit;
  top: -12px;
  margin-left: 0; }

.s-b-panel.s-b-p-top .s-b-pointer:after, .s-b-panel.s-b-p-top .s-b-pointer:before {
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid white;
  content: '';
  left: 50%;
  margin-left: 1px;
  position: absolute; }

.s-b-panel.s-b-p-top .s-b-pointer:before {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid;
  border-top-color: inherit;
  margin-left: 0; }

.s-b-panel.s-b-dark.s-b-p-bottom .s-b-pointer:after, .s-b-panel.s-b-dark.s-b-p-bottom .s-b-pointer:before {
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 11px solid #2d2d2d; }

.s-b-panel.s-b-dark.s-b-p-bottom .s-b-pointer:before {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid; }

.s-b-panel.s-b-dark.s-b-p-top .s-b-pointer:after, .s-b-panel.s-b-dark.s-b-p-top .s-b-pointer:before {
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid #2d2d2d; }

.s-b-panel.s-b-dark.s-b-p-top .s-b-pointer:before {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid; }

.s-b-container * {
  font-family: arial;
  color: auto;
  text-transform: none;
  margin: auto; }

.s-b .s-b-button {
  font-size: 1em;
  font-weight: 400; }

.s-b .s-b-button .s-b-icon i {
  font-size: 1.05em; }

.s-b .s-b-button .s-b-labels {
  font-size: 1em; }

.s-b .s-b-button .s-b-count {
  font-size: .889em; }

.s-b-panel {
  font-size: 1em; }

.s-b-panel p {
  font-size: 1.25em;
  line-height: 1.25;
  font-weight: 400; }

.s-b-panel p .gelicon {
  font-size: .6em; }

.s-b-panel .s-b-p-networks {
  font-size: 1em; }

.s-b-panel .s-b-p-networks li a {
  font-size: 1em;
  line-height: 1.667; }

.s-b-panel .s-b-p-networks .s-b-panel-counter {
  font-size: .875em;
  line-height: 1; }

.s-b-panel .s-b-copy-text {
  font-size: .875em;
  line-height: 1; }

.s-b-panel .s-b-copy-link {
  font-size: 1em;
  line-height: 2.2em;
  text-decoration: none; }

.s-b-panel .s-b-read-more {
  font-size: .875em;
  line-height: 1; }

.s-b-panel {
  transition: opacity .2s;
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -ms-transition: opacity .2s;
  -o-transition: opacity .2s;
  -webkit-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.1);
  box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.1); }

@media (max-width: 240px) {
  .s-b {
    font-size: 1.5em; } }

@media (max-width: 240px) {
  .s-b-panel {
    width: 238px;
    max-width: 238px;
    font-size: .875em; } }

@media (min-width: 240px) and (max-width: 600px) {
  .s-b-panel {
    width: 302px;
    max-width: 302px;
    font-size: 1em; }
  .s-b-panel p {
    font-size: 1.3em;
    line-height: 1.3em;
    padding: .6em 8px .4em 8px; }
  .s-b-panel .s-b-p-networks li a {
    font-size: .937em;
    line-height: 1.6em;
    padding: .5em 8px; }
  .s-b-panel .s-b-copy-text {
    padding: 1.4em 8px 0 8px; }
  .s-b-panel .s-b-copy-input {
    margin: .4em 0 .4em 8px; }
  .s-b-panel .s-b-read-more {
    display: block;
    padding: .8em 8px 1em 8px;
    text-decoration: none; }
  .s-b-panel .s-b-p-close .s-b-p-closeicon {
    margin: 6px;
    width: 2.3em;
    height: 2.3em; }
  .s-b-panel .s-b-p-close .gelicon {
    line-height: 2.3em; } }

@media only screen and (min-width: 600px) and (max-width: 1007px) {
  .s-b-panel {
    width: 302px;
    max-width: 302px;
    font-size: 1em; }
  .s-b-panel p {
    font-size: 1.3em;
    line-height: 1.3em; }
  .s-b-panel .s-b-p-networks li a {
    font-size: 1.125em; }
  .s-b-panel .s-b-p-networks .s-b-panel-counter {
    font-size: .875em;
    line-height: 1; }
  .s-b-panel .s-b-read-more {
    font-size: .875em;
    line-height: 1; }
  .s-b-panel .s-b-p-close .s-b-p-closeicon {
    margin: 6px;
    width: 2.1em;
    height: 2.1em; }
  .s-b-panel .s-b-p-close .gelicon {
    line-height: 2.1em; } }

@media only screen and (min-width: 1007px) {
  .s-b-panel {
    width: 302px;
    max-width: 302px;
    font-size: 1em; } }

.ui-timepicker-wrapper {
  overflow-y: auto;
  height: 150px;
  width: 6.5em;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  outline: none;
  z-index: 10001;
  margin: 0; }

.ui-timepicker-wrapper.ui-timepicker-with-duration {
  width: 13em; }

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
  width: 11em; }

.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.ui-timepicker-duration {
  margin-left: 5px;
  color: #888; }

.ui-timepicker-list:hover .ui-timepicker-duration {
  color: #888; }

.ui-timepicker-list li {
  padding: 3px 0 3px 5px;
  cursor: pointer;
  white-space: nowrap;
  color: #000;
  list-style: none;
  margin: 0; }

.ui-timepicker-list:hover .ui-timepicker-selected {
  background: #fff;
  color: #000; }

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #1980EC;
  color: #fff; }

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #ccc; }

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  color: #888;
  cursor: default; }

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background: #f2f2f2; }

/*! Flickity v1.1.1
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

/* ---- previous/next buttons ---- */
/* color & size if no SVG - IE8 and Android 2.3 */
/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1; }

.flickity-rtl .flickity-page-dots {
  direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  filter: alpha(opacity=25);
  /* IE8 */
  opacity: 0.25;
  cursor: pointer; }

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100);
  /* IE8 */
  opacity: 1; }

/*!
 * roundSlider v1.1 | (c) 2015, Soundar
 * MIT license | http://roundsliderui.com/licence.html
 */
.rs-control {
  position: relative;
  outline: 0 none; }

.rs-container {
  position: relative; }

.rs-control *, .rs-control *:before, .rs-control *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.rs-animation .rs-transition {
  -webkit-transition: transform 0.5s linear 0s;
  -moz-transition: transform 0.5s linear 0s;
  -o-transition: transform 0.5s linear 0s;
  transition: transform 0.5s linear 0s; }

.rs-bar {
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%; }

.rs-control .rs-split .rs-path,
.rs-control .rs-overlay1,
.rs-control .rs-overlay2 {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%; }

.rs-control .rs-overlay {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

.rs-control.rs-error {
  border: 1px dotted;
  text-align: center; }

.rs-readonly {
  height: 100%;
  width: 100%;
  top: 0;
  position: absolute;
  z-index: 100; }

.rs-disabled {
  opacity: 0.35; }

.rs-inner-container {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden; }

.quarter div.rs-block {
  height: 200%;
  width: 200%; }

.half.top div.rs-block, .half.bottom div.rs-block {
  height: 200%;
  width: 100%; }

.half.left div.rs-block, .half.right div.rs-block {
  height: 100%;
  width: 200%; }

.bottom > .rs-inner-container > .rs-block {
  top: auto;
  bottom: 0; }

.right .rs-inner-container > .rs-block {
  right: 0; }

div.rs-block {
  -webkit-border-radius: 100%;
  border-radius: 100%; }

.rs-block {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  overflow: hidden;
  z-index: 3; }

.rs-block .rs-inner {
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  display: block;
  height: 100%;
  width: 100%;
  position: relative; }

.rs-overlay {
  width: 50%; }

.rs-overlay1, .rs-overlay2 {
  width: 100%; }

.rs-overlay, .rs-overlay1, .rs-overlay2 {
  position: absolute;
  background-color: white;
  z-index: 3;
  top: 0;
  height: 50%; }

.rs-bar {
  position: absolute;
  height: 0;
  z-index: 10; }

.rs-bar.rs-rounded {
  z-index: 5; }

.rs-bar .rs-seperator {
  height: 0px;
  display: block;
  float: left; }

.rs-bar:not(.rs-rounded) .rs-seperator {
  border-left: none;
  border-right: none; }

.rs-bar.rs-start .rs-seperator {
  border-top: none; }

.rs-bar.rs-end .rs-seperator {
  border-bottom: none; }

.rs-bar.rs-start.rs-rounded .rs-seperator {
  border-radius: 0 0 1000px 1000px; }

.rs-bar.rs-end.rs-rounded .rs-seperator {
  border-radius: 1000px 1000px 0 0; }

.full .rs-bar, .half .rs-bar {
  width: 50%; }

.half.left .rs-bar, .half.right .rs-bar, .quarter .rs-bar {
  width: 100%; }

.full .rs-bar, .half.left .rs-bar, .half.right .rs-bar {
  top: 50%; }

.bottom .rs-bar {
  top: 0; }

.half.right .rs-bar, .quarter.right .rs-bar {
  right: 100%; }

.rs-handle.rs-move {
  cursor: move; }

.rs-readonly .rs-handle.rs-move {
  cursor: default; }

.rs-path {
  display: block;
  height: 100%;
  width: 100%; }

.rs-split .rs-path {
  -webkit-border-radius: 1000px 1000px 0 0;
  border-radius: 1000px 1000px 0 0;
  overflow: hidden;
  height: 50%;
  position: absolute;
  top: 0;
  z-index: 2; }

/*** tooltip styles ***/
.rs-tooltip {
  text-align: center;
  position: absolute;
  cursor: default;
  border: 1px solid transparent;
  z-index: 10; }

.full .rs-tooltip {
  top: 50%;
  left: 50%; }

.bottom .rs-tooltip {
  top: 0; }

.top .rs-tooltip {
  bottom: 0; }

.right .rs-tooltip {
  left: 0; }

.left .rs-tooltip {
  right: 0; }

.half.top .rs-tooltip, .half.bottom .rs-tooltip {
  left: 50%; }

.half.left .rs-tooltip, .half.right .rs-tooltip {
  top: 50%; }

.rs-tooltip .rs-input {
  outline: 0 none;
  border: none; }

.rs-tooltip-text {
  font-family: verdana;
  font-size: 13px;
  border-radius: 7px; }

.rs-tooltip.edit, .rs-tooltip .rs-input {
  padding: 5px 8px; }

.rs-tooltip.hover, .rs-tooltip.edit:hover {
  border: 1px solid #AAAAAA;
  cursor: pointer; }

.rs-readonly .rs-tooltip.edit:hover {
  border-color: transparent;
  cursor: default; }

/*** handle types ***/
.rs-handle {
  border-radius: 1000px;
  outline: 0 none;
  float: left; }

.rs-handle.rs-handle-square {
  border-radius: 0px; }

.rs-handle-dot {
  border: 1px solid #AAAAAA;
  padding: 6px; }

.rs-handle-dot:after {
  display: block;
  content: "";
  border: 1px solid #AAAAAA;
  height: 100%;
  width: 100%;
  border-radius: 100%; }

/*** theming - colors ***/
.rs-seperator {
  border: 1px solid #AAAAAA; }

.rs-border {
  border: 1px solid #AAAAAA; }

.rs-path-color {
  background-color: #FFFFFF; }

.rs-range-color {
  background-color: #54BBE0; }

.rs-bg-color {
  background-color: #FFFFFF; }

.rs-handle {
  background-color: #838383; }

.rs-handle-dot {
  background-color: #FFFFFF; }

.rs-handle-dot:after {
  background-color: #838383; }

/** Renatos */
.wrapper {
  width: 100%;
  margin-top: 100px;
  border: 1px solid #000;
  overflow: hidden;
  padding: 10px; }

#slider {
  margin: 0 auto; }

/*styling*/
.rs-control .rs-path-color {
  background-color: white; }

.rs-control .rs-handle {
  background-color: #e55c14;
  position: relative; }
  .rs-control .rs-handle:empty:before {
    content: " ";
    padding: 20px;
    display: block;
    position: absolute;
    top: -5px;
    left: -7px; }

.rs-control .rs-bg-color {
  background-color: #37709D; }

.rs-border {
  border-color: transparent; }

.rs-control .rs-range-color {
  background-color: #e55c14; }

/*tooltip style*/
.rs-tooltip.edit {
  padding: 18px 8px; }

.full .rs-tooltip {
  top: 50%;
  left: 50%; }

.rs-tooltip-text {
  font-family: helvetica;
  font-size: 30px;
  border-radius: 15px;
  color: white; }

.rs-tooltip {
  background-color: #9E1714;
  width: 80px;
  height: 80px; }

.gel-canon {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 32px;
  line-height: 2rem; }

@media (min-width: 20em) {
  .gel-canon {
    font-size: 32px;
    font-size: 2rem;
    line-height: 36px;
    line-height: 2.25rem; } }

@media (min-width: 37.5em) {
  .gel-canon {
    font-size: 52px;
    font-size: 3.25rem;
    line-height: 56px;
    line-height: 3.5rem; }
  .no-touch .gel-canon {
    font-size: 44px;
    font-size: 2.75rem;
    line-height: 48px;
    line-height: 3rem; } }

.gel-canon-bold {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 32px;
  line-height: 2rem;
  font-weight: bold;
  letter-spacing: -1px;
  letter-spacing: -0.0625rem; }

@media (min-width: 20em) {
  .gel-canon-bold {
    font-size: 32px;
    font-size: 2rem;
    line-height: 36px;
    line-height: 2.25rem; } }

@media (min-width: 37.5em) {
  .gel-canon-bold {
    font-size: 52px;
    font-size: 3.25rem;
    line-height: 56px;
    line-height: 3.5rem; }
  .no-touch .gel-canon-bold {
    font-size: 44px;
    font-size: 2.75rem;
    line-height: 48px;
    line-height: 3rem; } }

.gel-trafalgar {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem; }

@media (min-width: 20em) {
  .gel-trafalgar {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 1.75rem; } }

@media (min-width: 37.5em) {
  .gel-trafalgar {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 40px;
    line-height: 2.5rem; }
  .no-touch .gel-trafalgar {
    font-size: 32px;
    font-size: 2rem;
    line-height: 36px;
    line-height: 2.25rem; } }

.gel-trafalgar-bold, .settings__heading {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-weight: bold;
  letter-spacing: -1px;
  letter-spacing: -0.0625rem; }

@media (min-width: 20em) {
  .gel-trafalgar-bold, .settings__heading {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 1.75rem; } }

@media (min-width: 37.5em) {
  .gel-trafalgar-bold, .settings__heading {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 40px;
    line-height: 2.5rem; }
  .no-touch .gel-trafalgar-bold, .no-touch .settings__heading {
    font-size: 32px;
    font-size: 2rem;
    line-height: 36px;
    line-height: 2.25rem; } }

.gel-double-pica, .authentication__cta--ww {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem; }

@media (min-width: 37.5em) {
  .gel-double-pica, .authentication__cta--ww {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 30px;
    line-height: 1.875rem; }
  .no-touch .gel-double-pica, .no-touch .authentication__cta--ww {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 1.75rem; } }

.gel-double-pica-bold, .settings__subheading {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-weight: bold;
  letter-spacing: -1px;
  letter-spacing: -0.0625rem; }

@media (min-width: 37.5em) {
  .gel-double-pica-bold, .settings__subheading {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 30px;
    line-height: 1.875rem; }
  .no-touch .gel-double-pica-bold, .no-touch .settings__subheading {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 1.75rem; } }

.gel-great-primer, .banner__text {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  line-height: 1.375rem; }

@media (min-width: 37.5em) {
  .gel-great-primer, .banner__text {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 24px;
    line-height: 1.5rem; }
  .no-touch .gel-great-primer, .no-touch .banner__text {
    font-size: 20px;
    font-size: 1.25rem; } }

.gel-great-primer-bold {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  line-height: 1.375rem;
  font-weight: bold; }

@media (min-width: 20em) {
  .gel-great-primer-bold {
    letter-spacing: -1px;
    letter-spacing: -0.0625rem; } }

@media (min-width: 37.5em) {
  .gel-great-primer-bold {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 24px;
    line-height: 1.5rem; }
  .no-touch .gel-great-primer-bold {
    font-size: 20px;
    font-size: 1.25rem; } }

.gel-pica, .button, .settings__input {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 20px;
  line-height: 1.25rem; }

@media (min-width: 20em) {
  .gel-pica, .button, .settings__input {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem; } }

@media (min-width: 37.5em) {
  .gel-pica, .button, .settings__input {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem; }
  .no-touch .gel-pica, .no-touch .button, .no-touch .settings__input {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem; } }

.gel-pica-bold, .settings__saved span {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-weight: bold; }

@media (min-width: 20em) {
  .gel-pica-bold, .settings__saved span {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem; } }

@media (min-width: 37.5em) {
  .gel-pica-bold, .settings__saved span {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem; }
  .no-touch .gel-pica-bold, .no-touch .settings__saved span, .settings__saved .no-touch span {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem; } }

.gel-long-primer, .settings__hint, .settings__notice, .settings__error {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 18px;
  line-height: 1.125rem; }

@media (min-width: 37.5em) {
  .gel-long-primer, .settings__hint, .settings__notice, .settings__error {
    line-height: 20px;
    line-height: 1.25rem; }
  .no-touch .gel-long-primer, .no-touch .settings__hint, .no-touch .settings__notice, .no-touch .settings__error {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem; } }

.gel-long-primer-bold {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-weight: bold; }

@media (min-width: 37.5em) {
  .gel-long-primer-bold {
    line-height: 20px;
    line-height: 1.25rem; }
  .no-touch .gel-long-primer-bold {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem; } }

.gel-brevier {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16px;
  line-height: 1rem; }

@media (min-width: 20em) {
  .gel-brevier {
    line-height: 18px;
    line-height: 1.125rem; } }

@media (min-width: 37.5em) {
  .no-touch .gel-brevier {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 16px;
    line-height: 1rem; } }

.gel-brevier-bold {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16px;
  line-height: 1rem;
  font-weight: bold; }

@media (min-width: 20em) {
  .gel-brevier-bold {
    line-height: 18px;
    line-height: 1.125rem; } }

@media (min-width: 37.5em) {
  .no-touch .gel-brevier-bold {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 16px;
    line-height: 1rem; } }

.gel-minion {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16px;
  line-height: 1rem;
  text-transform: uppercase; }

@media (min-width: 37.5em) {
  .gel-minion {
    font-size: 13px;
    font-size: 0.8125rem; }
  .no-touch .gel-minion {
    font-size: 12px;
    font-size: 0.75rem; } }

.gel-minion-bold {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16px;
  line-height: 1rem;
  text-transform: uppercase;
  font-weight: bold; }

@media (min-width: 37.5em) {
  .gel-minion-bold {
    font-size: 13px;
    font-size: 0.8125rem; }
  .no-touch .gel-minion-bold {
    font-size: 12px;
    font-size: 0.75rem; } }

.gel-body-copy {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 20px;
  line-height: 1.25rem; }

@media (min-width: 20em) {
  .gel-body-copy {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem; } }

@media (min-width: 37.5em) {
  .gel-body-copy {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem; }
  .no-touch .gel-body-copy {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem; } }

/**
 * Settings
 */
/* ===========================
   Settings: Color
   =========================== */
.bg-color-white {
  background: #FFF; }

.bg-color-light {
  background: #F3F3F3; }

.bg-color-mid {
  background: #DBDBD8; }

.bg-color-dark {
  background: #767676;
  color: #FFF; }
  .bg-color-dark a, .bg-color-dark li, .bg-color-dark p {
    color: #FFF; }

.bg-color-black {
  background: #1D1D1D;
  color: #FFF; }
  .bg-color-black a, .bg-color-black li, .bg-color-black p {
    color: #FFF; }

/* ===========================
   Settings: Fonts
   =========================== */
@font-face {
  font-family: "Bligh";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Bligh_W_Rg.eot?#iefix") format("embedded-opentype"), url("../fonts/Bligh_W_Rg.woff") format("woff"), url("../fonts/Bligh_W_Rg.ttf") format("truetype"); }

@font-face {
  font-family: "Bligh";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/Bligh_W_Bd.eot?#iefix") format("embedded-opentype"), url("../fonts/Bligh_W_Bd.woff") format("woff"), url("../fonts/Bligh_W_Bd.ttf") format("truetype"); }

.ww {
  font-family: Helvetica, Arial, sans-serif; }

/* ===========================
   Settings: Grid
   =========================== */
/* ===========================
   Settings: Spacing
   =========================== */
/**
 * Base
 */
/* ===========================
   Reset
   =========================== */
h1, h2, .story .description p, h3, h4 {
  margin: 0;
  padding: 0; }

/* ===========================
   Base
   =========================== */
.ww, .remodal-wrapper {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box; }
  .ww *, .ww *::after, .ww *::before, .remodal-wrapper *, .remodal-wrapper *::after, .remodal-wrapper *::before {
    box-sizing: inherit; }

p,
li {
  color: #767676;
  font-size: 1rem;
  line-height: 1.375rem; }
  @media screen and (min-width: 1008px) {
    p,
    li {
      font-size: 1.125rem;
      line-height: 1.5rem; } }

label {
  font-size: 1rem;
  line-height: 1.375rem; }

small {
  font-size: 0.875rem;
  line-height: 1.25rem; }

a {
  color: #767676;
  text-decoration: none; }

p a {
  text-decoration: underline; }
  p a:active, p a:focus, p a:hover {
    text-decoration: none; }

/* ===========================
   Headings
   =========================== */
h1, h2, .story .description p, h3, h4 {
  font-family: "Bligh"; }

/**
 * Helpers
 *
 * Visibility classes used for accessibility and by JavaScript.
 */
/* ===========================
   Helpers: Alignment
   =========================== */
.block-center-vertical {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.block-center-horizontal {
  margin-left: auto;
  margin-right: auto; }

/* ===========================
   Helpers: Dev
   =========================== */
.selenium-hidden {
  display: none; }

/* ===========================
   Helpers: Percentages
   =========================== */
@media screen and (min-width: 768px) {
  .percent-1 {
    width: 1% !important; }
  .percent-2 {
    width: 2% !important; }
  .percent-3 {
    width: 3% !important; }
  .percent-4 {
    width: 4% !important; }
  .percent-5 {
    width: 5% !important; }
  .percent-6 {
    width: 6% !important; }
  .percent-7 {
    width: 7% !important; }
  .percent-8 {
    width: 8% !important; }
  .percent-9 {
    width: 9% !important; }
  .percent-10 {
    width: 10% !important; }
  .percent-11 {
    width: 11% !important; }
  .percent-12 {
    width: 12% !important; }
  .percent-13 {
    width: 13% !important; }
  .percent-14 {
    width: 14% !important; }
  .percent-15 {
    width: 15% !important; }
  .percent-16 {
    width: 16% !important; }
  .percent-17 {
    width: 17% !important; }
  .percent-18 {
    width: 18% !important; }
  .percent-19 {
    width: 19% !important; }
  .percent-20 {
    width: 20% !important; }
  .percent-21 {
    width: 21% !important; }
  .percent-22 {
    width: 22% !important; }
  .percent-23 {
    width: 23% !important; }
  .percent-24 {
    width: 24% !important; }
  .percent-25 {
    width: 25% !important; }
  .percent-26 {
    width: 26% !important; }
  .percent-27 {
    width: 27% !important; }
  .percent-28 {
    width: 28% !important; }
  .percent-29 {
    width: 29% !important; }
  .percent-30 {
    width: 30% !important; }
  .percent-31 {
    width: 31% !important; }
  .percent-32 {
    width: 32% !important; }
  .percent-33 {
    width: 33% !important; }
  .percent-34 {
    width: 34% !important; }
  .percent-35 {
    width: 35% !important; }
  .percent-36 {
    width: 36% !important; }
  .percent-37 {
    width: 37% !important; }
  .percent-38 {
    width: 38% !important; }
  .percent-39 {
    width: 39% !important; }
  .percent-40 {
    width: 40% !important; }
  .percent-41 {
    width: 41% !important; }
  .percent-42 {
    width: 42% !important; }
  .percent-43 {
    width: 43% !important; }
  .percent-44 {
    width: 44% !important; }
  .percent-45 {
    width: 45% !important; }
  .percent-46 {
    width: 46% !important; }
  .percent-47 {
    width: 47% !important; }
  .percent-48 {
    width: 48% !important; }
  .percent-49 {
    width: 49% !important; }
  .percent-50 {
    width: 50% !important; }
  .percent-51 {
    width: 51% !important; }
  .percent-52 {
    width: 52% !important; }
  .percent-53 {
    width: 53% !important; }
  .percent-54 {
    width: 54% !important; }
  .percent-55 {
    width: 55% !important; }
  .percent-56 {
    width: 56% !important; }
  .percent-57 {
    width: 57% !important; }
  .percent-58 {
    width: 58% !important; }
  .percent-59 {
    width: 59% !important; }
  .percent-60 {
    width: 60% !important; }
  .percent-61 {
    width: 61% !important; }
  .percent-62 {
    width: 62% !important; }
  .percent-63 {
    width: 63% !important; }
  .percent-64 {
    width: 64% !important; }
  .percent-65 {
    width: 65% !important; }
  .percent-66 {
    width: 66% !important; }
  .percent-67 {
    width: 67% !important; }
  .percent-68 {
    width: 68% !important; }
  .percent-69 {
    width: 69% !important; }
  .percent-70 {
    width: 70% !important; }
  .percent-71 {
    width: 71% !important; }
  .percent-72 {
    width: 72% !important; }
  .percent-73 {
    width: 73% !important; }
  .percent-74 {
    width: 74% !important; }
  .percent-75 {
    width: 75% !important; }
  .percent-76 {
    width: 76% !important; }
  .percent-77 {
    width: 77% !important; }
  .percent-78 {
    width: 78% !important; }
  .percent-79 {
    width: 79% !important; }
  .percent-80 {
    width: 80% !important; }
  .percent-81 {
    width: 81% !important; }
  .percent-82 {
    width: 82% !important; }
  .percent-83 {
    width: 83% !important; }
  .percent-84 {
    width: 84% !important; }
  .percent-85 {
    width: 85% !important; }
  .percent-86 {
    width: 86% !important; }
  .percent-87 {
    width: 87% !important; }
  .percent-88 {
    width: 88% !important; }
  .percent-89 {
    width: 89% !important; }
  .percent-90 {
    width: 90% !important; }
  .percent-91 {
    width: 91% !important; }
  .percent-92 {
    width: 92% !important; }
  .percent-93 {
    width: 93% !important; }
  .percent-94 {
    width: 94% !important; }
  .percent-95 {
    width: 95% !important; }
  .percent-96 {
    width: 96% !important; }
  .percent-97 {
    width: 97% !important; }
  .percent-98 {
    width: 98% !important; }
  .percent-99 {
    width: 99% !important; }
  .percent-100 {
    width: 100% !important; } }

/* ===========================
   Helpers: Typography
   =========================== */
.text-center {
  text-align: center; }

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

/* ===========================
   Helpers: Visibility
   =========================== */
/**
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden; }

/**
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visually-hidden {
  height: 1px;
  width: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute; }

.not-visually-hidden {
  height: auto;
  width: auto;
  border: 0;
  clip: auto;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: static; }

/**
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden; }

/**
 * Layout
 */
/* ===========================
   Layout: Grid
   =========================== */
.grid,
.grid-row {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  max-width: 61rem;
  padding: 0 0.5rem; }
  .grid::after,
  .grid-row::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 768px) {
    .grid,
    .grid-row {
      padding: 0 1rem; } }

.omega {
  margin-right: 0 !important; }

.small-only {
  display: block; }
  @media screen and (min-width: 768px) {
    .small-only {
      display: none; } }

.medium-up {
  display: none; }
  @media screen and (min-width: 768px) {
    .medium-up {
      display: block; } }

.no-padding-bottom {
  padding-bottom: 0 !important; }

.margin-top-default {
  margin-top: 1.5rem; }

.margin-top-double {
  margin-top: 3rem; }

.margin-vertical-default {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem; }

.margin-vertical-double {
  margin-bottom: 3rem;
  margin-top: 3rem; }

@media screen and (min-width: 768px) {
  .grid-shift-1-med {
    margin-left: 8.5298042998%; } }

.grid-col-1 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 6.1721527019%; }
  .grid-col-1:last-child {
    margin-right: 0; }

.grid-col-2 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 14.7019570017%; }
  .grid-col-2:last-child {
    margin-right: 0; }

.grid-col-3 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%; }
  .grid-col-3:last-child {
    margin-right: 0; }

@media screen and (min-width: 1008px) {
  .grid-col-3-med {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 23.2317613015%; }
    .grid-col-3-med:last-child {
      margin-right: 0; } }

.grid-col-4 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%; }
  .grid-col-4:last-child {
    margin-right: 0; }

@media screen and (min-width: 600px) {
  .grid-col-4-med {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%; }
    .grid-col-4-med:last-child {
      margin-right: 0; } }

.grid-col-6 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%; }
  .grid-col-6:last-child {
    margin-right: 0; }

@media screen and (min-width: 400px) {
  .grid-col-6-med {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%; }
    .grid-col-6-med:last-child {
      margin-right: 0; } }

.grid-col-8 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%; }
  .grid-col-8:last-child {
    margin-right: 0; }

.grid-col-9 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 74.4105871005%; }
  .grid-col-9:last-child {
    margin-right: 0; }

@media screen and (min-width: 768px) {
  .grid-col-10-med {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 82.9403914003%; }
    .grid-col-10-med:last-child {
      margin-right: 0; } }

.grid-col-12 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%; }
  .grid-col-12:last-child {
    margin-right: 0; }

@media screen and (max-width: 399px) {
  .grid-col-12-med {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%; }
    .grid-col-12-med:last-child {
      margin-right: 0; } }

/**
 * Theme
 * Temporary while I work this out - may be reorganised
 */
/* ===========================
   Theme Loader
   =========================== */
/*
 * Sprite styles
 */
.icon-alert:before, .settings__nickname--error .settings__input:before, .settings__error-icon:before {
  width: 3.2em;
  height: 3.2em;
  background-position: -0em 0; }

.icon-arrow-left:before {
  width: 1.6em;
  height: 1.6em;
  background-position: -5em 0; }

.icon-arrow-up:before {
  width: 1.6em;
  height: 1.6em;
  background-position: -8em 0; }

.icon-arrow-up-hover:before {
  width: 1.6em;
  height: 1.6em;
  background-position: -11em 0; }

.icon-avg-temp:before {
  width: 1.7578em;
  height: 3.8377000000000003em;
  background-position: -14em 0; }

.icon-back-to-top:before, .back-to-top__icon:before {
  width: 1.6em;
  height: 1.6em;
  background-position: -17em 0; }

.icon-bbcid:before {
  width: 2.1em;
  height: 1.9em;
  background-position: -20em 0; }

.icon-calendar:before {
  width: 3.7494em;
  height: 3.7494em;
  background-position: -24em 0; }

.icon-calendar-33:before, .date-picker__date-label:before {
  width: 3.2em;
  height: 3.2em;
  background-position: -29em 0; }

.icon-calendar-33-hover:before, .date-picker__date.active .date-picker__date-label:before {
  width: 3.2em;
  height: 3.2em;
  background-position: -34em 0; }

.icon-calendar-arrow-left:before {
  width: 1.2em;
  height: 1.5em;
  background-position: -39em 0; }

.icon-calendar-arrow-left-hover:before {
  width: 1.2em;
  height: 1.4em;
  background-position: -42em 0; }

.icon-calendar-arrow-right:before {
  width: 1.2em;
  height: 1.5em;
  background-position: -45em 0; }

.icon-calendar-arrow-right-hover:before {
  width: 1.2em;
  height: 1.4em;
  background-position: -48em 0; }

.icon-camera:before, .image-upload__heading:before {
  width: 3.2em;
  height: 2.4em;
  background-position: -51em 0; }

.icon-camera-red:before {
  width: 3.2em;
  height: 2.6em;
  background-position: -56em 0; }

.icon-card-arrow-down:before {
  width: 1.6em;
  height: 1.6em;
  background-position: -61em 0; }

.icon-card-arrow-up:before {
  width: 1.6em;
  height: 1.6em;
  background-position: -64em 0; }

.icon-check-circle:before, .settings__saved:before {
  width: 3.4em;
  height: 3.4em;
  background-position: -67em 0; }

.icon-checkmark:before {
  width: 5em;
  height: 5em;
  background-position: -72em 0; }

.icon-checkmark-large:before {
  width: 7em;
  height: 7em;
  background-position: -78em 0; }

.icon-clock:before, .date-picker__time-label:before {
  width: 3.2em;
  height: 3.2em;
  background-position: -86em 0; }

.icon-clock-hover:before, .date-picker__time.active .date-picker__time-label:before {
  width: 3.2em;
  height: 3.2em;
  background-position: -91em 0; }

.icon-close:before, .close-button:before, .image-upload__remove-button:before {
  width: 2.6em;
  height: 2.6em;
  background-position: -96em 0; }

.icon-close-hover:before, .map-wrapper .map-reports .btn-close:hover:before, .image-upload__remove-button:active:before, .image-upload__remove-button:focus:before, .image-upload__remove-button:hover:before {
  width: 2.6em;
  height: 2.6em;
  background-position: -100em 0; }

.icon-create-report:before {
  width: 4.8189em;
  height: 4.8189em;
  background-position: -104em 0; }

.icon-dial-temperature:before {
  width: 1.7578em;
  height: 3.8377000000000003em;
  background-position: -110em 0; }

.icon-email:before {
  width: 3.2em;
  height: 2.6em;
  background-position: -113em 0; }

.icon-email-hover:before {
  width: 3.2em;
  height: 2.6em;
  background-position: -118em 0; }

.icon-expires:before {
  width: 3.2em;
  height: 3.2em;
  background-position: -123em 0; }

.icon-external-link:before {
  width: 1.3em;
  height: 1.3em;
  background-position: -128em 0; }

.icon-external-link-white:before, .advanced-options__help-link-icon:before {
  width: 1.3em;
  height: 1.3em;
  background-position: -131em 0; }

.icon-hand:before {
  width: 2.8em;
  height: 3.6em;
  background-position: -134em 0; }

.icon-high-temp:before {
  width: 1.7576em;
  height: 3.8377000000000003em;
  background-position: -138em 0; }

.icon-humidity:before, .dropdown__label--humidity:before {
  width: 3.2em;
  height: 3.2em;
  background-position: -141em 0; }

.icon-humidity-45:before {
  width: 2em;
  height: 2em;
  background-position: -146em 0; }

.icon-info:before {
  width: 3.2em;
  height: 3.2em;
  background-position: -149em 0; }

.icon-info-hover:before {
  width: 3.2em;
  height: 3.2em;
  background-position: -154em 0; }

.icon-list:before, .navigation__menu-icon:before {
  width: 1.3em;
  height: 1.3em;
  background-position: -159em 0; }

.icon-list-hover:before, .navigation__menu--active .navigation__menu-icon:before {
  width: 1.3em;
  height: 1.3em;
  background-position: -162em 0; }

.icon-loading:before, .button__spinner:before {
  width: 3.2em;
  height: 3.2em;
  background-position: -165em 0; }

.icon-low-temp:before {
  width: 1.7578em;
  height: 3.8377000000000003em;
  background-position: -170em 0; }

.icon-medal-table:before {
  width: 1.2em;
  height: 1.6em;
  background-position: -173em 0; }

.icon-navigate-left:before {
  width: 2em;
  height: 2.4em;
  background-position: -176em 0; }

.icon-navigate-left-hover:before, .map-wrapper .map-reports .slick-prev:active:before, .map-wrapper .map-reports .slick-prev:hover:before, .map-wrapper .map-reports .slick-prev:focus:before, .weather-carousel__slider .flickity-prev-next-button.previous:active:before, .weather-carousel__slider .flickity-prev-next-button.previous:focus:before, .weather-carousel__slider .flickity-prev-next-button.previous:hover:before {
  width: 2em;
  height: 2.4em;
  background-position: -179em 0; }

.icon-navigate-right:before {
  width: 2.6em;
  height: 2.6em;
  background-position: -182em 0; }

.icon-navigate-right-hover:before, .map-wrapper .map-reports .slick-next:active:before, .map-wrapper .map-reports .slick-next:hover:before, .map-wrapper .map-reports .slick-next:focus:before, .weather-carousel__slider .flickity-prev-next-button.next:active:before, .weather-carousel__slider .flickity-prev-next-button.next:focus:before, .weather-carousel__slider .flickity-prev-next-button.next:hover:before {
  width: 2.6em;
  height: 2.6em;
  background-position: -186em 0; }

.icon-no:before {
  width: 3.2em;
  height: 3.2em;
  background-position: -190em 0; }

.icon-notes:before, .report-notes-input__label:before {
  width: 3.2em;
  height: 3.2em;
  background-position: -195em 0; }

.icon-notes-48:before {
  width: 2em;
  height: 2em;
  background-position: -200em 0; }

.icon-pressure:before, .dropdown__label--pressure:before {
  width: 3.2em;
  height: 3.2em;
  background-position: -203em 0; }

.icon-pressure-46:before {
  width: 2em;
  height: 2em;
  background-position: -208em 0; }

.icon-question:before {
  width: 3.2em;
  height: 3.2em;
  background-position: -211em 0; }

.icon-question-hover:before {
  width: 3.2em;
  height: 3.2em;
  background-position: -216em 0; }

.icon-rainfall:before, .dropdown__label--rainfall:before {
  width: 3.2em;
  height: 3.2em;
  background-position: -221em 0; }

.icon-rainfall-44:before {
  width: 2em;
  height: 2em;
  background-position: -226em 0; }

.icon-range-slider-handle:before {
  width: 5.9em;
  height: 4em;
  background-position: -229em 0; }

.icon-settings:before {
  width: 3.2em;
  height: 3.2em;
  background-position: -236em 0; }

.icon-settings-hover:before {
  width: 3.2em;
  height: 3.2em;
  background-position: -241em 0; }

.icon-share:before {
  width: 1.2em;
  height: 1.4em;
  background-position: -246em 0; }

.icon-share-hover:before {
  width: 1.6em;
  height: 1.6em;
  background-position: -249em 0; }

.icon-special-content:before {
  width: 1.6em;
  height: 1.6em;
  background-position: -252em 0; }

.icon-tandc:before {
  width: 2.6em;
  height: 3.2em;
  background-position: -255em 0; }

.icon-thermometer:before {
  width: 2em;
  height: 4em;
  background-position: -259em 0; }

.icon-triangle:before {
  width: 1.6em;
  height: 0.8em;
  background-position: -262em 0; }

.icon-white-arrow-down:before, .advanced-options__header:before {
  width: 1.4em;
  height: 1.2em;
  background-position: -265em 0; }

.icon-white-arrow-up:before, .advanced-options__header--active:before {
  width: 1.4em;
  height: 1.2em;
  background-position: -268em 0; }

.icon-wind:before, .dropdown__label--wind-speed:before {
  width: 3.2em;
  height: 3.2em;
  background-position: -271em 0; }

.icon-wind-47:before {
  width: 2em;
  height: 2em;
  background-position: -276em 0; }

.icon-yes:before {
  width: 3.2em;
  height: 3.2em;
  background-position: -279em 0; }

.icon-zoom-in:before, .map-wrapper .map-zoom-in:before {
  width: 1.6em;
  height: 1.6em;
  background-position: -284em 0; }

.icon-zoom-in-hover:before, .map-wrapper .map-zoom-in:hover:before {
  width: 1.6em;
  height: 1.6em;
  background-position: -287em 0; }

.icon-zoom-out:before, .map-wrapper .map-zoom-out:before {
  width: 1.6em;
  height: 1.6em;
  background-position: -290em 0; }

.icon-zoom-out-hover:before, .map-wrapper .map-zoom-out:hover:before {
  width: 1.6em;
  height: 1.6em;
  background-position: -293em 0; }

.icon-alert, .settings__nickname--error .settings__input:before, .settings__error-icon,
.icon-arrow-left,
.icon-arrow-up,
.icon-arrow-up-hover,
.icon-avg-temp,
.icon-back-to-top,
.back-to-top__icon,
.icon-bbcid,
.icon-calendar,
.icon-calendar-33,
.date-picker__date-label,
.icon-calendar-33-hover,
.icon-calendar-arrow-left,
.icon-calendar-arrow-left-hover,
.icon-calendar-arrow-right,
.icon-calendar-arrow-right-hover,
.icon-camera,
.image-upload__heading,
.icon-camera-red,
.icon-card-arrow-down,
.icon-card-arrow-up,
.icon-check-circle,
.settings__saved,
.icon-checkmark,
.icon-checkmark-large,
.icon-clock,
.date-picker__time-label,
.icon-clock-hover,
.icon-close,
.close-button,
.image-upload__remove-button,
.icon-close-hover,
.icon-create-report,
.icon-dial-temperature,
.icon-email,
.icon-email-hover,
.icon-expires,
.icon-external-link,
.icon-external-link-white,
.advanced-options__help-link-icon,
.icon-hand,
.icon-high-temp,
.icon-humidity,
.dropdown__label--humidity,
.icon-humidity-45,
.icon-info,
.icon-info-hover,
.icon-list,
.navigation__menu-icon,
.icon-list-hover,
.navigation__menu--active .navigation__menu-icon,
.icon-loading,
.button__spinner,
.icon-low-temp,
.icon-medal-table,
.icon-navigate-left,
.icon-navigate-left-hover,
.icon-navigate-right,
.icon-navigate-right-hover,
.icon-no,
.icon-notes,
.report-notes-input__label,
.icon-notes-48,
.icon-pressure,
.dropdown__label--pressure,
.icon-pressure-46,
.icon-question,
.icon-question-hover,
.icon-rainfall,
.dropdown__label--rainfall,
.icon-rainfall-44,
.icon-range-slider-handle,
.icon-settings,
.icon-settings-hover,
.icon-share,
.icon-share-hover,
.icon-special-content,
.icon-tandc,
.icon-thermometer,
.icon-triangle,
.icon-white-arrow-down,
.advanced-options__header,
.icon-white-arrow-up,
.icon-wind,
.dropdown__label--wind-speed,
.icon-wind-47,
.icon-yes,
.icon-zoom-in,
.map-wrapper .map-zoom-in,
.icon-zoom-in-hover,
.icon-zoom-out,
.map-wrapper .map-zoom-out,
.icon-zoom-out-hover {
  font-size: 10px; }

.no-svg .icon-alert:before, .no-svg .settings__nickname--error .settings__input:before, .settings__nickname--error .no-svg .settings__input:before, .no-svg .settings__error-icon:before,
.no-svg .icon-arrow-left:before,
.no-svg .icon-arrow-up:before,
.no-svg .icon-arrow-up-hover:before,
.no-svg .icon-avg-temp:before,
.no-svg .icon-back-to-top:before,
.no-svg .back-to-top__icon:before,
.no-svg .icon-bbcid:before,
.no-svg .icon-calendar:before,
.no-svg .icon-calendar-33:before,
.no-svg .date-picker__date-label:before,
.no-svg .icon-calendar-33-hover:before,
.no-svg .date-picker__date.active .date-picker__date-label:before, .date-picker__date.active
.no-svg .date-picker__date-label:before,
.no-svg .icon-calendar-arrow-left:before,
.no-svg .icon-calendar-arrow-left-hover:before,
.no-svg .icon-calendar-arrow-right:before,
.no-svg .icon-calendar-arrow-right-hover:before,
.no-svg .icon-camera:before,
.no-svg .image-upload__heading:before,
.no-svg .icon-camera-red:before,
.no-svg .icon-card-arrow-down:before,
.no-svg .icon-card-arrow-up:before,
.no-svg .icon-check-circle:before,
.no-svg .settings__saved:before,
.no-svg .icon-checkmark:before,
.no-svg .icon-checkmark-large:before,
.no-svg .icon-clock:before,
.no-svg .date-picker__time-label:before,
.no-svg .icon-clock-hover:before,
.no-svg .date-picker__time.active .date-picker__time-label:before, .date-picker__time.active
.no-svg .date-picker__time-label:before,
.no-svg .icon-close:before,
.no-svg .close-button:before,
.no-svg .image-upload__remove-button:before,
.no-svg .icon-close-hover:before,
.no-svg .map-wrapper .map-reports .btn-close:hover:before, .map-wrapper .map-reports
.no-svg .btn-close:hover:before,
.no-svg .image-upload__remove-button:active:before,
.no-svg .image-upload__remove-button:focus:before,
.no-svg .image-upload__remove-button:hover:before,
.no-svg .icon-create-report:before,
.no-svg .icon-dial-temperature:before,
.no-svg .icon-email:before,
.no-svg .icon-email-hover:before,
.no-svg .icon-expires:before,
.no-svg .icon-external-link:before,
.no-svg .icon-external-link-white:before,
.no-svg .advanced-options__help-link-icon:before,
.no-svg .icon-hand:before,
.no-svg .icon-high-temp:before,
.no-svg .icon-humidity:before,
.no-svg .dropdown__label--humidity:before,
.no-svg .icon-humidity-45:before,
.no-svg .icon-info:before,
.no-svg .icon-info-hover:before,
.no-svg .icon-list:before,
.no-svg .navigation__menu-icon:before,
.no-svg .icon-list-hover:before,
.no-svg .navigation__menu--active .navigation__menu-icon:before, .navigation__menu--active
.no-svg .navigation__menu-icon:before,
.no-svg .icon-loading:before,
.no-svg .button__spinner:before,
.no-svg .icon-low-temp:before,
.no-svg .icon-medal-table:before,
.no-svg .icon-navigate-left:before,
.no-svg .icon-navigate-left-hover:before,
.no-svg .map-wrapper .map-reports .slick-prev:active:before, .map-wrapper .map-reports
.no-svg .slick-prev:active:before,
.no-svg .map-wrapper .map-reports .slick-prev:hover:before, .map-wrapper .map-reports
.no-svg .slick-prev:hover:before,
.no-svg .map-wrapper .map-reports .slick-prev:focus:before, .map-wrapper .map-reports
.no-svg .slick-prev:focus:before,
.no-svg .weather-carousel__slider .flickity-prev-next-button.previous:active:before, .weather-carousel__slider
.no-svg .flickity-prev-next-button.previous:active:before,
.no-svg .weather-carousel__slider .flickity-prev-next-button.previous:focus:before, .weather-carousel__slider
.no-svg .flickity-prev-next-button.previous:focus:before,
.no-svg .weather-carousel__slider .flickity-prev-next-button.previous:hover:before, .weather-carousel__slider
.no-svg .flickity-prev-next-button.previous:hover:before,
.no-svg .icon-navigate-right:before,
.no-svg .icon-navigate-right-hover:before,
.no-svg .map-wrapper .map-reports .slick-next:active:before, .map-wrapper .map-reports
.no-svg .slick-next:active:before,
.no-svg .map-wrapper .map-reports .slick-next:hover:before, .map-wrapper .map-reports
.no-svg .slick-next:hover:before,
.no-svg .map-wrapper .map-reports .slick-next:focus:before, .map-wrapper .map-reports
.no-svg .slick-next:focus:before,
.no-svg .weather-carousel__slider .flickity-prev-next-button.next:active:before, .weather-carousel__slider
.no-svg .flickity-prev-next-button.next:active:before,
.no-svg .weather-carousel__slider .flickity-prev-next-button.next:focus:before, .weather-carousel__slider
.no-svg .flickity-prev-next-button.next:focus:before,
.no-svg .weather-carousel__slider .flickity-prev-next-button.next:hover:before, .weather-carousel__slider
.no-svg .flickity-prev-next-button.next:hover:before,
.no-svg .icon-no:before,
.no-svg .icon-notes:before,
.no-svg .report-notes-input__label:before,
.no-svg .icon-notes-48:before,
.no-svg .icon-pressure:before,
.no-svg .dropdown__label--pressure:before,
.no-svg .icon-pressure-46:before,
.no-svg .icon-question:before,
.no-svg .icon-question-hover:before,
.no-svg .icon-rainfall:before,
.no-svg .dropdown__label--rainfall:before,
.no-svg .icon-rainfall-44:before,
.no-svg .icon-range-slider-handle:before,
.no-svg .icon-settings:before,
.no-svg .icon-settings-hover:before,
.no-svg .icon-share:before,
.no-svg .icon-share-hover:before,
.no-svg .icon-special-content:before,
.no-svg .icon-tandc:before,
.no-svg .icon-thermometer:before,
.no-svg .icon-triangle:before,
.no-svg .icon-white-arrow-down:before,
.no-svg .advanced-options__header:before,
.no-svg .icon-white-arrow-up:before,
.no-svg .advanced-options__header--active:before,
.no-svg .icon-wind:before,
.no-svg .dropdown__label--wind-speed:before,
.no-svg .icon-wind-47:before,
.no-svg .icon-yes:before,
.no-svg .icon-zoom-in:before,
.no-svg .map-wrapper .map-zoom-in:before, .map-wrapper
.no-svg .map-zoom-in:before,
.no-svg .icon-zoom-in-hover:before,
.no-svg .map-wrapper .map-zoom-in:hover:before, .map-wrapper
.no-svg .map-zoom-in:hover:before,
.no-svg .icon-zoom-out:before,
.no-svg .map-wrapper .map-zoom-out:before, .map-wrapper
.no-svg .map-zoom-out:before,
.no-svg .icon-zoom-out-hover:before,
.no-svg .map-wrapper .map-zoom-out:hover:before, .map-wrapper
.no-svg .map-zoom-out:hover:before {
  background-image: url("../sprites/gel/summer/sprites/png-sprite.png"); }

.icon-alert:before, .settings__nickname--error .settings__input:before, .settings__error-icon:before,
.icon-arrow-left:before,
.icon-arrow-up:before,
.icon-arrow-up-hover:before,
.icon-avg-temp:before,
.icon-back-to-top:before,
.back-to-top__icon:before,
.icon-bbcid:before,
.icon-calendar:before,
.icon-calendar-33:before,
.date-picker__date-label:before,
.icon-calendar-33-hover:before,
.date-picker__date.active .date-picker__date-label:before,
.icon-calendar-arrow-left:before,
.icon-calendar-arrow-left-hover:before,
.icon-calendar-arrow-right:before,
.icon-calendar-arrow-right-hover:before,
.icon-camera:before,
.image-upload__heading:before,
.icon-camera-red:before,
.icon-card-arrow-down:before,
.icon-card-arrow-up:before,
.icon-check-circle:before,
.settings__saved:before,
.icon-checkmark:before,
.icon-checkmark-large:before,
.icon-clock:before,
.date-picker__time-label:before,
.icon-clock-hover:before,
.date-picker__time.active .date-picker__time-label:before,
.icon-close:before,
.close-button:before,
.image-upload__remove-button:before,
.icon-close-hover:before,
.map-wrapper .map-reports .btn-close:hover:before,
.image-upload__remove-button:active:before,
.image-upload__remove-button:focus:before,
.image-upload__remove-button:hover:before,
.icon-create-report:before,
.icon-dial-temperature:before,
.icon-email:before,
.icon-email-hover:before,
.icon-expires:before,
.icon-external-link:before,
.icon-external-link-white:before,
.advanced-options__help-link-icon:before,
.icon-hand:before,
.icon-high-temp:before,
.icon-humidity:before,
.dropdown__label--humidity:before,
.icon-humidity-45:before,
.icon-info:before,
.icon-info-hover:before,
.icon-list:before,
.navigation__menu-icon:before,
.icon-list-hover:before,
.navigation__menu--active .navigation__menu-icon:before,
.icon-loading:before,
.button__spinner:before,
.icon-low-temp:before,
.icon-medal-table:before,
.icon-navigate-left:before,
.icon-navigate-left-hover:before,
.map-wrapper .map-reports .slick-prev:active:before,
.map-wrapper .map-reports .slick-prev:hover:before,
.map-wrapper .map-reports .slick-prev:focus:before,
.weather-carousel__slider .flickity-prev-next-button.previous:active:before,
.weather-carousel__slider .flickity-prev-next-button.previous:focus:before,
.weather-carousel__slider .flickity-prev-next-button.previous:hover:before,
.icon-navigate-right:before,
.icon-navigate-right-hover:before,
.map-wrapper .map-reports .slick-next:active:before,
.map-wrapper .map-reports .slick-next:hover:before,
.map-wrapper .map-reports .slick-next:focus:before,
.weather-carousel__slider .flickity-prev-next-button.next:active:before,
.weather-carousel__slider .flickity-prev-next-button.next:focus:before,
.weather-carousel__slider .flickity-prev-next-button.next:hover:before,
.icon-no:before,
.icon-notes:before,
.report-notes-input__label:before,
.icon-notes-48:before,
.icon-pressure:before,
.dropdown__label--pressure:before,
.icon-pressure-46:before,
.icon-question:before,
.icon-question-hover:before,
.icon-rainfall:before,
.dropdown__label--rainfall:before,
.icon-rainfall-44:before,
.icon-range-slider-handle:before,
.icon-settings:before,
.icon-settings-hover:before,
.icon-share:before,
.icon-share-hover:before,
.icon-special-content:before,
.icon-tandc:before,
.icon-thermometer:before,
.icon-triangle:before,
.icon-white-arrow-down:before,
.advanced-options__header:before,
.icon-white-arrow-up:before,
.advanced-options__header--active:before,
.icon-wind:before,
.dropdown__label--wind-speed:before,
.icon-wind-47:before,
.icon-yes:before,
.icon-zoom-in:before,
.map-wrapper .map-zoom-in:before,
.icon-zoom-in-hover:before,
.map-wrapper .map-zoom-in:hover:before,
.icon-zoom-out:before,
.map-wrapper .map-zoom-out:before,
.icon-zoom-out-hover:before,
.map-wrapper .map-zoom-out:hover:before {
  content: ' ';
  vertical-align: middle;
  display: inline-block;
  background-image: url("../sprites/gel/summer/sprites/svg-sprite.svg");
  background-repeat: no-repeat;
  background-size: 296em 7em; }

.clear-night:before {
  width: 7.9995em;
  height: 8em;
  background-position: -0em 0; }

.drizzle:before {
  width: 8em;
  height: 8em;
  background-position: -9em 0; }

.fog:before {
  width: 8em;
  height: 8em;
  background-position: -18em 0; }

.hail:before {
  width: 8em;
  height: 8em;
  background-position: -27em 0; }

.hail-showers:before {
  width: 8em;
  height: 8.0001em;
  background-position: -36em 0; }

.hail-showers-night:before {
  width: 8em;
  height: 8em;
  background-position: -45em 0; }

.hazy:before {
  width: 8em;
  height: 8em;
  background-position: -54em 0; }

.heavy-cloud:before {
  width: 8em;
  height: 8em;
  background-position: -63em 0; }

.heavy-rain:before {
  width: 8em;
  height: 8em;
  background-position: -72em 0; }

.heavy-showers:before {
  width: 8.0001em;
  height: 7.9998000000000005em;
  background-position: -81em 0; }

.heavy-showers-night:before {
  width: 8.0002em;
  height: 7.9997em;
  background-position: -91em 0; }

.heavy-snow:before {
  width: 8em;
  height: 8em;
  background-position: -101em 0; }

.heavy-snow-showers:before {
  width: 7.9998000000000005em;
  height: 8.0001em;
  background-position: -110em 0; }

.heavy-snow-showers-night:before {
  width: 8em;
  height: 8em;
  background-position: -119em 0; }

.light-cloud:before {
  width: 8em;
  height: 8em;
  background-position: -128em 0; }

.light-rain:before {
  width: 8em;
  height: 8em;
  background-position: -137em 0; }

.light-showers-night:before {
  width: 8em;
  height: 8em;
  background-position: -146em 0; }

.light-snow:before {
  width: 8em;
  height: 8em;
  background-position: -155em 0; }

.light-snow-showers:before {
  width: 8.0001em;
  height: 8.0001em;
  background-position: -164em 0; }

.light-snow-showers-night:before {
  width: 8.0006em;
  height: 8.0004em;
  background-position: -174em 0; }

.mist:before {
  width: 8em;
  height: 8em;
  background-position: -184em 0; }

.partly-cloudy-night:before {
  width: 8em;
  height: 7.9998000000000005em;
  background-position: -193em 0; }

.sand-storm:before {
  width: 8em;
  height: 8em;
  background-position: -202em 0; }

.sleet:before {
  width: 7.9998000000000005em;
  height: 8em;
  background-position: -211em 0; }

.sleet-showers:before {
  width: 8em;
  height: 8.0001em;
  background-position: -220em 0; }

.sleet-showers-night:before {
  width: 8.0006em;
  height: 8.0002em;
  background-position: -229em 0; }

.sunny:before {
  width: 7.999899999999999em;
  height: 8em;
  background-position: -239em 0; }

.sunny-intervals:before {
  width: 8.0008em;
  height: 7.999899999999999em;
  background-position: -248em 0; }

.sunshine-and-showers:before {
  width: 8em;
  height: 7.999899999999999em;
  background-position: -258em 0; }

.thunder-storm:before {
  width: 8em;
  height: 8em;
  background-position: -267em 0; }

.thundery-showers:before {
  width: 8.0008em;
  height: 7.9998000000000005em;
  background-position: -276em 0; }

.thundery-showers-night:before {
  width: 8em;
  height: 8.0002em;
  background-position: -286em 0; }

.tropical-storm:before {
  width: 8em;
  height: 8em;
  background-position: -295em 0; }

.clear-night,
.drizzle,
.fog,
.hail,
.hail-showers,
.hail-showers-night,
.hazy,
.heavy-cloud,
.heavy-rain,
.heavy-showers,
.heavy-showers-night,
.heavy-snow,
.heavy-snow-showers,
.heavy-snow-showers-night,
.light-cloud,
.light-rain,
.light-showers-night,
.light-snow,
.light-snow-showers,
.light-snow-showers-night,
.mist,
.partly-cloudy-night,
.sand-storm,
.sleet,
.sleet-showers,
.sleet-showers-night,
.sunny,
.sunny-intervals,
.sunshine-and-showers,
.thunder-storm,
.thundery-showers,
.thundery-showers-night,
.tropical-storm {
  font-size: 10px; }

.no-svg .clear-night:before,
.no-svg .drizzle:before,
.no-svg .fog:before,
.no-svg .hail:before,
.no-svg .hail-showers:before,
.no-svg .hail-showers-night:before,
.no-svg .hazy:before,
.no-svg .heavy-cloud:before,
.no-svg .heavy-rain:before,
.no-svg .heavy-showers:before,
.no-svg .heavy-showers-night:before,
.no-svg .heavy-snow:before,
.no-svg .heavy-snow-showers:before,
.no-svg .heavy-snow-showers-night:before,
.no-svg .light-cloud:before,
.no-svg .light-rain:before,
.no-svg .light-showers-night:before,
.no-svg .light-snow:before,
.no-svg .light-snow-showers:before,
.no-svg .light-snow-showers-night:before,
.no-svg .mist:before,
.no-svg .partly-cloudy-night:before,
.no-svg .sand-storm:before,
.no-svg .sleet:before,
.no-svg .sleet-showers:before,
.no-svg .sleet-showers-night:before,
.no-svg .sunny:before,
.no-svg .sunny-intervals:before,
.no-svg .sunshine-and-showers:before,
.no-svg .thunder-storm:before,
.no-svg .thundery-showers:before,
.no-svg .thundery-showers-night:before,
.no-svg .tropical-storm:before {
  background-image: url("../sprites/weather/sprites/png-sprite.png"); }

.clear-night:before,
.drizzle:before,
.fog:before,
.hail:before,
.hail-showers:before,
.hail-showers-night:before,
.hazy:before,
.heavy-cloud:before,
.heavy-rain:before,
.heavy-showers:before,
.heavy-showers-night:before,
.heavy-snow:before,
.heavy-snow-showers:before,
.heavy-snow-showers-night:before,
.light-cloud:before,
.light-rain:before,
.light-showers-night:before,
.light-snow:before,
.light-snow-showers:before,
.light-snow-showers-night:before,
.mist:before,
.partly-cloudy-night:before,
.sand-storm:before,
.sleet:before,
.sleet-showers:before,
.sleet-showers-night:before,
.sunny:before,
.sunny-intervals:before,
.sunshine-and-showers:before,
.thunder-storm:before,
.thundery-showers:before,
.thundery-showers-night:before,
.tropical-storm:before {
  content: ' ';
  vertical-align: middle;
  display: inline-block;
  background-image: url("../sprites/weather/sprites/svg-sprite.svg");
  background-repeat: no-repeat;
  background-size: 304em 8.0004em; }

/**
 * Modules
 */
/* ===========================
   Modules: Banner
   =========================== */
.banner {
  padding: 1.5rem 0 0;
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }
  @media screen and (max-width: 320px) {
    .banner {
      min-height: 30rem; } }
  @media screen and (min-width: 321px) {
    .banner {
      min-height: 30rem; } }
  @media screen and (min-width: 768px) {
    .banner {
      min-height: 45rem;
      padding: 3rem 0 0; } }
  @media screen and (min-width: 1008px) {
    .banner {
      min-height: 45rem;
      padding: 5rem 0 0; } }

.banner__header {
  text-align: center; }

.banner__text, .banner__title {
  color: #FFF; }

.banner__text {
  margin: 0; }

.banner__title {
  margin-bottom: 0.5rem; }
  @media screen and (max-width: 320px) {
    .banner__title {
      font-size: 1.5rem; } }
  @media screen and (min-width: 321px) {
    .banner__title {
      font-size: 2.5rem; } }
  @media screen and (min-width: 768px) {
    .banner__title {
      font-size: 3rem; } }

.authentication__link {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none; }

.authentication__link:hover,
.authentication__link:active {
  color: #f5f5f5;
  padding-bottom: 3px;
  border-bottom: 1px solid #f5f5f5; }

.authentication__cta--bbc-id {
  font-size: 0.9375rem;
  line-height: 34px; }
  @media screen and (min-width: 768px) {
    .authentication__cta--bbc-id {
      font-size: 1.25rem;
      line-height: 38px; } }

.authentication__cta--bbc-id + .authentication__cta--bbc-id {
  margin-top: 0.5em; }

.authentication__button {
  cursor: pointer;
  font-weight: bold;
  position: relative;
  text-decoration: none; }

.authentication__button--bbc-id {
  background-color: #006def;
  color: #FFF;
  display: inline-block;
  padding: 0 10px 0 34px; }
  @media screen and (min-width: 768px) {
    .authentication__button--bbc-id {
      padding: 0 12px 0 42px; } }

.authentication__button--bbc-id:hover,
.authentication__button--bbc-id:active {
  background-color: #005bc8; }

.authentication__icon {
  position: absolute;
  font-size: 7px;
  left: 10px;
  top: -1px; }
  @media screen and (min-width: 768px) {
    .authentication__icon {
      font-size: 9px;
      left: 12px;
      top: -2px; } }

.authentication__button--ww {
  background-color: #DBDBD8;
  color: #920B11;
  padding: 0.75rem 1.5rem;
  display: block;
  margin: 0 0.5rem;
  text-align: center; }
  @media screen and (min-width: 600px) {
    .authentication__button--ww {
      display: inline;
      margin: 0;
      padding: 0.75rem 2rem; } }
  @media screen and (min-width: 1280px) {
    .authentication__button--ww {
      display: inline;
      margin: 0;
      padding: 0.75rem 5.75rem; } }

.authentication__button--ww:hover,
.authentication__button--ww:active {
  background-color: #F3F3F3;
  color: #920B11; }

@media screen and (min-width: 321px) {
  .authentication__watcher-text {
    white-space: nowrap; } }

.banner--intro-signed-out .banner__text {
  text-shadow: 2px 2px 11px rgba(0, 0, 0, 0.4); }

.authentication--intro-signed-out {
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  margin-bottom: 36px;
  width: 100%; }
  .authentication--intro-signed-out .authentication__cta--bbc-id {
    margin: 1rem auto; }
    @media screen and (min-width: 768px) {
      .authentication--intro-signed-out .authentication__cta--bbc-id {
        margin: 1rem auto 4rem; } }
  .authentication--intro-signed-out .authentication__cta--ww {
    margin: 1rem auto; }
    @media screen and (min-width: 600px) {
      .authentication--intro-signed-out .authentication__cta--ww {
        margin: 1rem auto 4rem; } }
    @media screen and (min-width: 1280px) {
      .authentication--intro-signed-out .authentication__cta--ww {
        margin: 1rem auto 6rem; } }
  .authentication--intro-signed-out .authentication__watcher-text {
    white-space: nowrap; }

.authentication--community-signed-out {
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: 36px;
  width: 100%; }
  @media screen and (min-width: 600px) {
    .authentication--community-signed-out {
      position: static;
      margin: 0;
      text-align: start;
      width: auto; } }
  .authentication--community-signed-out .authentication__cta--ww {
    margin: 1rem auto; }
    @media screen and (min-width: 600px) {
      .authentication--community-signed-out .authentication__cta--ww {
        margin: 1rem auto 6rem; } }
  .authentication--community-signed-out .authentication__cta--bbc-id {
    margin: 0 0.5rem; }

@media screen and (min-width: 768px) {
  .banner--community .banner__title {
    margin-bottom: 1rem; } }

.banner--community .banner__header {
  text-align: left; }
  @media screen and (max-width: 320px) {
    .banner--community .banner__header {
      margin: 1rem 0; } }
  @media screen and (min-width: 321px) {
    .banner--community .banner__header {
      margin: 2rem 0; } }
  @media screen and (min-width: 768px) {
    .banner--community .banner__header {
      margin: 6rem 0 3rem; } }

@media screen and (max-width: 320px) {
  .banner--community .banner__section {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%; }
    .banner--community .banner__section:last-child {
      margin-right: 0; } }

@media screen and (min-width: 321px) {
  .banner--community .banner__section {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 53.0860763509%; }
    .banner--community .banner__section:last-child {
      margin-right: 0; } }

@media screen and (min-width: 1008px) {
  .banner--community .banner__section {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%; }
    .banner--community .banner__section:last-child {
      margin-right: 0; } }

.intro-signed-in {
  background-image: url("../images/summer/intro/intro-signed-in-320.jpg"); }
  @media screen and (min-width: 321px) {
    .intro-signed-in {
      background-image: url("../images/summer/intro/intro-signed-in-600.jpg"); } }
  @media screen and (min-width: 768px) {
    .intro-signed-in {
      background-image: url("../images/summer/intro/intro-signed-in-768.jpg"); } }
  @media screen and (min-width: 1008px) {
    .intro-signed-in {
      background-image: url("../images/summer/intro/intro-signed-in-1280.jpg"); } }

.intro-signed-out {
  background-image: url("../images/summer/intro/intro-signed-out-320.jpg"); }
  @media screen and (min-width: 321px) {
    .intro-signed-out {
      background-image: url("../images/summer/intro/intro-signed-out-600.jpg"); } }
  @media screen and (min-width: 768px) {
    .intro-signed-out {
      background-image: url("../images/summer/intro/intro-signed-out-768.jpg"); } }
  @media screen and (min-width: 1008px) {
    .intro-signed-out {
      background-image: url("../images/summer/intro/intro-signed-out-1280.jpg"); } }

.banner--weather {
  background-image: url("../images/summer/banners/banner-weather-320.jpg"); }
  @media screen and (min-width: 321px) {
    .banner--weather {
      background-image: url("../images/summer/banners/banner-weather-600.jpg"); } }
  @media screen and (min-width: 768px) {
    .banner--weather {
      background-image: url("../images/summer/banners/banner-weather-768.jpg"); } }
  @media screen and (min-width: 1008px) {
    .banner--weather {
      background-image: url("../images/summer/banners/banner-weather-1280.jpg"); } }

.banner--map {
  background-image: url("../images/summer/banners/banner-map-320.jpg"); }
  @media screen and (min-width: 321px) {
    .banner--map {
      background-image: url("../images/summer/banners/banner-map-600.jpg"); } }
  @media screen and (min-width: 768px) {
    .banner--map {
      background-image: url("../images/summer/banners/banner-map-768.jpg"); } }
  @media screen and (min-width: 1008px) {
    .banner--map {
      background-image: url("../images/summer/banners/banner-map-1280.jpg"); } }

.banner--community {
  background-image: url("../images/summer/banners/banner-community-320.jpg"); }
  @media screen and (min-width: 321px) {
    .banner--community {
      background-image: url("../images/summer/banners/banner-community-600.jpg"); } }
  @media screen and (min-width: 768px) {
    .banner--community {
      background-image: url("../images/summer/banners/banner-community-768.jpg"); } }
  @media screen and (min-width: 1008px) {
    .banner--community {
      background-image: url("../images/summer/banners/banner-community-1280.jpg"); } }

/* ===========================
   Modules: Browser notification
   =========================== */
.device-notification {
  display: none; }

.device-notification,
.browser-notification {
  background-color: #DF272F;
  padding: 16px 0; }
  .device-notification p,
  .browser-notification p {
    color: #FFF;
    font-size: 16px;
    line-height: 1.35;
    margin: 0;
    padding: 0; }
  .device-notification a,
  .browser-notification a {
    color: #FFF; }
    .device-notification a:active, .device-notification a:hover, .device-notification a:focus,
    .browser-notification a:active,
    .browser-notification a:hover,
    .browser-notification a:focus {
      text-decoration: none; }

/* ===========================
   Modules: Button
   =========================== */
.btn, .create-report__submit-button, .image-upload__upload-button, .image-upload__cancel-button {
  border: none;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  padding: 1rem 1.5rem;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .btn, .create-report__submit-button, .image-upload__upload-button, .image-upload__cancel-button {
      padding: 1rem; } }
  .btn.btn-light, .btn-light.create-report__submit-button, .btn-light.image-upload__upload-button, .btn-light.image-upload__cancel-button {
    background: #F3F3F3;
    color: #1D1D1D; }
  .btn.btn-dark, .btn-dark.create-report__submit-button, .btn-dark.image-upload__upload-button, .btn-dark.image-upload__cancel-button {
    background: #767676;
    color: #FFF; }
  .btn.btn-black, .btn-black.create-report__submit-button, .btn-black.image-upload__upload-button, .btn-black.image-upload__cancel-button {
    background: #1D1D1D;
    color: #FFF; }

/* ===========================
   Modules: Card
   =========================== */
.card-background {
  background: #ededed; }

.card {
  background: #FFF;
  position: relative; }
  .card a {
    outline: none; }
  .card .photo {
    overflow: hidden;
    position: relative; }
    .card .photo img {
      width: 100%; }
  .card .report {
    position: relative; }
  .card .location {
    color: #1D1D1D;
    font-family: "Bligh";
    padding: 0.5rem 5.3125rem 0.5rem 0.5rem; }
    .card .location .town {
      display: block;
      font-size: 1.25rem;
      line-height: 1.5rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .card .location .county {
      display: block;
      font-size: 1.125rem;
      line-height: 1.3125rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .card .user {
    color: #1D1D1D;
    font-size: 0.875rem;
    padding: 0 0.5rem;
    display: block;
    line-height: 1.375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .card .user--pending {
      color: #767676; }
  .card .report-time {
    color: #1D1D1D;
    display: block;
    padding: 0.5rem; }
    .card .report-time .date {
      font-size: 0.875rem; }
    .card .report-time .time {
      font-size: 0.875rem; }
  .card .report-summary {
    position: absolute;
    top: -2.5rem;
    right: 0.5rem;
    bottom: auto;
    left: auto;
    height: 68px;
    width: 68px;
    background: #DF272F;
    border-radius: 0.9375rem;
    padding: 0.25rem;
    text-align: center; }
    .card .report-summary .icon {
      display: block; }
      .card .report-summary .icon:before {
        font-size: 0.3125rem; }
    .card .report-summary .temp {
      color: #FFF;
      display: block;
      font-size: 1.25rem; }
    .card .report-summary .tail {
      position: absolute;
      top: auto;
      right: auto;
      bottom: -0.625rem;
      left: 50%;
      height: 0;
      width: 0;
      border-left: 0.625rem solid transparent;
      border-right: 0.625rem solid transparent;
      border-top: 0.625rem solid #DF272F;
      margin-left: -0.625rem; }
  .card .controls {
    height: auto;
    width: 100%;
    border-top: 1px solid #DBDBD8; }
    .card .controls::after {
      clear: both;
      content: "";
      display: table; }
    .card .controls li {
      float: right;
      width: 65%;
      line-height: 1rem;
      white-space: nowrap; }
      .card .controls li.more-control {
        width: 35%;
        float: left;
        margin-left: 0; }
        .card .controls li.more-control .btn, .card .controls li.more-control .create-report__submit-button, .card .controls li.more-control .image-upload__upload-button, .card .controls li.more-control .image-upload__cancel-button {
          text-align: left; }
      .card .controls li.share-control {
        text-align: right;
        width: 50%; }
    .card .controls .btn, .card .controls .create-report__submit-button, .card .controls .image-upload__upload-button, .card .controls .image-upload__cancel-button {
      background-color: transparent;
      color: #767676;
      font-size: 0.8125rem;
      outline: none;
      padding: 0.5625rem 0.5rem 0.5rem 0.5rem;
      text-align: right;
      width: 100%; }
      .card .controls .btn:hover, .card .controls .create-report__submit-button:hover, .card .controls .image-upload__upload-button:hover, .card .controls .image-upload__cancel-button:hover {
        color: #1D1D1D; }
    .card .controls .btn-report-photo,
    .card .controls .btn-delete-card {
      position: absolute;
      top: auto;
      right: 0;
      bottom: -2rem;
      left: auto;
      color: #1D1D1D;
      padding-right: 0;
      width: auto; }
    .card .controls .btn-additional-info:before {
      font-size: 0.75rem;
      margin: -0.375rem 3px 0 0; }
    .card .controls .btn-additional-info.active {
      background-color: #DBDBD8;
      border-right: 1px solid #FFF;
      color: #1D1D1D; }
    .card .controls .share-report-card {
      margin: 0.125rem 0 0 0;
      width: auto; }
      .card .controls .share-report-card .s-b-button .s-b-s {
        background: transparent !important; }
      .card .controls .share-report-card .s-b-button:active span.s-b-s, .card .controls .share-report-card .s-b-button:focus span.s-b-s {
        background: transparent !important; }
      .card .controls .share-report-card .s-b-button:hover .s-b-s,
      .card .controls .share-report-card .s-b-button:hover .s-b-icon {
        color: #498A43 !important; }
      .card .controls .share-report-card .s-b-label,
      .card .controls .share-report-card .s-b-label-long,
      .card .controls .share-report-card .s-b-icon {
        color: #767676; }
    .card .controls .btn-modal-only {
      display: none; }
  .card .notice {
    position: absolute;
    background: #DF272F;
    z-index: 2;
    padding: 0.5rem;
    width: 100%; }
    .card .notice p {
      display: inline-block;
      color: #FFF;
      font-size: 0.9375rem;
      line-height: 1.25;
      margin: 0;
      width: calc(100% - 42px);
      vertical-align: top; }
    .card .notice a {
      color: #FFF; }
    .card .notice .icon-info {
      display: inline-block;
      width: 32px;
      margin-right: 10px; }
    .card .notice .icon-special-content {
      display: inline-block;
      position: relative;
      top: 1px;
      width: 16px;
      margin-right: 5px; }
  .card .notice--editors-pick {
    width: auto;
    text-transform: uppercase; }
    .card .notice--editors-pick p {
      width: auto; }
    .card .notice--editors-pick span {
      margin-right: 4px; }
  .card .card-layer {
    display: none; }
    .card .card-layer.active {
      display: block; }
  .card .report-photo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #FFF;
    padding: 1rem 0.5rem; }
    .card .report-photo h2, .card .report-photo .story .description p, .story .description .card .report-photo p {
      color: #1D1D1D;
      font-size: 1.125rem;
      margin-bottom: 1rem; }
    .card .report-photo p {
      color: #1D1D1D;
      font-size: 0.9375rem;
      line-height: 1.35; }
    .card .report-photo ul {
      position: absolute;
      top: auto;
      right: 0;
      bottom: 0;
      left: 0; }
    .card .report-photo li {
      display: block;
      margin-bottom: 0.5rem;
      text-align: center; }
    .card .report-photo .btn, .card .report-photo .create-report__submit-button, .card .report-photo .image-upload__upload-button, .card .report-photo .image-upload__cancel-button {
      color: #920B11;
      font-size: 0.9375rem;
      font-weight: bold;
      padding: 0.5rem; }
    .card .report-photo .btn-report-photo {
      background-color: #F18819; }
      .card .report-photo .btn-report-photo:hover {
        background-color: #DBDBD8;
        color: #920B11; }
    .card .report-photo .btn-cancel {
      color: #1D1D1D;
      background-color: transparent; }
  .card .additional-info {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 2.5rem;
    left: 0;
    border-bottom: 1px solid #FFF; }
    .card .additional-info .report-notes {
      background: #DBDBD8;
      padding: 1rem;
      min-height: 10.625rem; }
      .card .additional-info .report-notes h3 {
        color: #1D1D1D;
        font-size: 0.875rem;
        line-height: 1.125rem;
        margin-bottom: 0.25rem; }
        .card .additional-info .report-notes h3:before {
          font-size: 0.125rem;
          margin-right: 0.1875rem; }
      .card .additional-info .report-notes p {
        color: #1D1D1D;
        font-size: 0.875rem;
        line-height: 1.125rem;
        margin: 0.5rem 0;
        margin-top: 1.875rem; }
        .card .additional-info .report-notes p:last-child {
          margin-bottom: 0; }
    .card .additional-info .report-details li {
      height: auto;
      width: 50%;
      background: #DBDBD8;
      border-right: 1px solid #FFF;
      border-top: 1px solid #FFF;
      display: block;
      float: left;
      padding: 0.5rem;
      padding-top: 2rem;
      padding-bottom: 2rem; }
      .card .additional-info .report-details li * {
        opacity: 0.5; }
      .card .additional-info .report-details li.active * {
        opacity: 1; }
      .card .additional-info .report-details li h3 {
        color: #1D1D1D;
        font-size: 0.875rem;
        line-height: 1.125rem;
        margin-bottom: 0.25rem; }
        .card .additional-info .report-details li h3:before {
          font-size: 0.125rem;
          margin-right: 0.1875rem; }
        .card .additional-info .report-details li h3.icon-pressure-46 {
          margin-left: -0.3125rem; }
      .card .additional-info .report-details li p {
        color: #1D1D1D;
        font-size: 0.875rem;
        line-height: 1.125rem;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .card .additional-info .report-details li:nth-child(even) {
        border-right: none; }
  .card .delete-card {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: auto;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.95); }
    .card .delete-card .message {
      position: absolute;
      top: 30%;
      right: 0;
      bottom: auto;
      left: 0;
      text-align: center;
      width: 100%; }
      .card .delete-card .message:before {
        margin-top: -1.875rem; }
      .card .delete-card .message strong {
        color: #1D1D1D;
        display: block;
        font-size: 1.125rem;
        margin: 1.875rem 0 3.75rem;
        width: 100%; }
      .card .delete-card .message a {
        color: #1D1D1D;
        display: block;
        font-size: 1rem;
        text-decoration: underline; }
    .card .delete-card .btn-undo-delete-card {
      background-color: transparent;
      color: #1D1D1D;
      font-size: 1rem;
      text-decoration: underline; }
  .card.card-in-stream .report-time {
    display: block;
    padding: 0.5rem; }
  @media screen and (min-width: 768px) {
    .card.card-big .report-photo {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 5rem 6rem; }
      .card.card-big .report-photo h2, .card.card-big .report-photo .story .description p, .story .description .card.card-big .report-photo p {
        margin-bottom: 2rem; }
      .card.card-big .report-photo ul {
        position: absolute;
        top: auto;
        right: 0;
        bottom: 1.5rem;
        left: 0; }
    .card.card-big .delete-card .message strong {
      font-size: 1.5rem; }
    .card.card-big .additional-info .report-details li {
      height: auto;
      width: 50%;
      padding-top: 2rem;
      padding-bottom: 2rem; }
      .card.card-big .additional-info .report-details li:nth-child(even) {
        border-right: 1px solid #FFF; }
      .card.card-big .additional-info .report-details li:last-child {
        border-right: none; } }

/* ===========================
   Modules: Tile Stream
   =========================== */
.editorial-stream {
  background: #DBDBD8;
  padding: 1.5rem 0; }
  @media screen and (min-width: 768px) {
    .editorial-stream {
      padding: 2rem 0; } }
  .editorial-stream header h2, .editorial-stream header .story .description p, .story .description .editorial-stream header p {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin-bottom: 0.5rem; }
    @media screen and (min-width: 768px) {
      .editorial-stream header h2, .editorial-stream header .story .description p, .story .description .editorial-stream header p {
        font-size: 2.25rem;
        line-height: 2.5rem; } }
  .editorial-stream header p {
    color: #1D1D1D;
    margin-top: 0; }
    @media screen and (min-width: 768px) {
      .editorial-stream header p {
        font-size: 1.25rem; } }
  .editorial-stream article {
    margin-bottom: 1rem;
    min-height: 22.5rem; }
    @media screen and (min-width: 600px) and (max-width: 1007px) {
      .editorial-stream article {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
        min-height: 25rem; }
        .editorial-stream article:last-child {
          margin-right: 0; }
        .editorial-stream article:nth-child(2n) {
          margin-right: 0; }
        .editorial-stream article:nth-child(2n+1) {
          clear: left; }
        .editorial-stream article:nth-last-child(1) {
          display: none; } }
    @media screen and (min-width: 1008px) {
      .editorial-stream article {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
        min-height: 22.1875rem; }
        .editorial-stream article:last-child {
          margin-right: 0; }
        .editorial-stream article:nth-child(3n) {
          margin-right: 0; }
        .editorial-stream article:nth-child(3n+1) {
          clear: left; } }
    .editorial-stream article.advert {
      background-color: #DF272F; }
      @media screen and (min-width: 600px) and (max-width: 1007px) {
        .editorial-stream article.advert {
          float: left;
          display: block;
          margin-right: 2.3576515979%;
          width: 48.821174201%; }
          .editorial-stream article.advert:last-child {
            margin-right: 0; }
          .editorial-stream article.advert:nth-child(2n) {
            margin-right: 0; }
          .editorial-stream article.advert:nth-child(2n+1) {
            clear: left; } }
      @media screen and (min-width: 1008px) {
        .editorial-stream article.advert {
          float: left;
          display: block;
          margin-right: 2.3576515979%;
          width: 31.7615656014%; }
          .editorial-stream article.advert:last-child {
            margin-right: 0; } }
      .editorial-stream article.advert .photo {
        overflow: hidden;
        position: relative; }
        .editorial-stream article.advert .photo img {
          width: 100%; }
      .editorial-stream article.advert .description p {
        color: #FFF;
        font-family: "Bligh";
        font-size: 1.75rem;
        line-height: 1.75rem;
        margin: 0;
        padding: 0.5rem; }

/* ===========================
   Modules: Circle
   =========================== */
.circle {
  border-radius: 50%; }
  .circle.bg-color-dark {
    background: #767676;
    color: #FFF;
    display: inline-block; }

/* ===========================
   Modules: Error + warnings
   =========================== */
.warning {
  background: #F18819;
  padding: 1rem 0; }
  .warning p {
    color: #FFF;
    margin: 0; }

.validation_error {
  color: #FFF;
  background: #F18819;
  padding: 1rem;
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875rem; }
  .validation_error strong {
    font-weight: bold; }

.error {
  background: #DF272F; }
  .error .error-message {
    padding: 1.5rem 0 3rem;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .error .error-message {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 82.9403914003%;
        margin-left: 8.5298042998%;
        padding: 2rem 0 12rem; }
        .error .error-message:last-child {
          margin-right: 0; } }
    .error .error-message:before {
      font-size: 1rem; }
      @media screen and (min-width: 768px) {
        .error .error-message:before {
          font-size: 1.875rem; } }
  .error p {
    color: #FFF;
    font-size: 1rem;
    line-height: 1.2; }
    @media screen and (min-width: 768px) {
      .error p {
        font-size: 1.25rem; } }
    .error p b {
      display: block;
      font-size: 1.625rem;
      margin-bottom: 0.5rem; }
      @media screen and (min-width: 768px) {
        .error p b {
          font-size: 2.25rem;
          margin-bottom: 1.5rem; } }

.unauthorized {
  background-color: #F3F3F3;
  padding: 1rem; }

/* ===========================
   Modules: Footer
   =========================== */
.footer {
  background: #DF272F;
  padding: 1rem 0; }
  .footer a {
    color: #FFF;
    font-size: 0.875rem;
    margin-left: 0.5rem; }
    .footer a:hover, .footer a:focus {
      text-decoration: underline; }
  .footer .description {
    display: block;
    color: #FFF; }
  .footer li {
    margin-bottom: 1rem; }
  @media screen and (min-width: 600px) and (max-width: 1007px) {
    .footer li {
      margin-bottom: 0; } }
  @media screen and (min-width: 768px) {
    .footer {
      padding: 1.5rem 0; }
      .footer li {
        margin-bottom: 0; }
      .footer .description {
        margin-top: 20px; } }

/* ===========================
   Modules: Form
   =========================== */
.form-registration label {
  display: block; }

.form-registration fieldset {
  border: none;
  margin: 0;
  padding: 0; }

.form-registration input[type="text"] {
  border: none;
  font-size: 1.125rem;
  padding: 0.75rem; }

.form-registration button[type="submit"]:hover {
  background: #FFF;
  color: #920B11; }

.form-registration button[type="submit"]:disabled {
  background: #DBDBD8 !important;
  color: #767676 !important; }

.form-control-select {
  height: auto;
  width: auto;
  background: #1D1D1D;
  display: block;
  line-height: 1.6875rem;
  overflow: hidden;
  vertical-align: top; }
  .form-control-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: none;
    border: none;
    box-shadow: none;
    color: #FFF;
    font-size: 0.875rem;
    line-height: 1.6875rem; }
  .form-control-select option {
    color: #FFF; }

.form-control-textarea textarea {
  font-size: 1.125rem;
  padding: 1rem;
  resize: vertical; }

.form-control-date {
  float: left; }
  @media screen and (min-width: 321px) {
    .form-control-date input[type="date"],
    .form-control-date input[type="text"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      background: #1D1D1D;
      border: none;
      border-radius: 0;
      color: #FFF;
      display: inline-block;
      font-size: 0.875rem;
      line-height: 1.6875rem;
      min-width: 200px;
      padding: 0.5rem 1rem;
      vertical-align: top;
      width: auto; } }
  @media screen and (min-width: 768px) {
    .form-control-date .btr-dateinput-value {
      background: #1D1D1D !important;
      color: #FFF !important;
      display: inline-block !important;
      font-size: 0.875rem !important;
      line-height: 1.6875rem !important;
      min-width: 200px;
      padding: 0.5rem 1rem !important;
      vertical-align: top !important;
      width: auto !important; }
      .form-control-date .btr-dateinput-value span {
        color: #FFF !important;
        font-size: 0.875rem !important; }
    .form-control-date input[type="text"] {
      background: transparent;
      padding: 0; } }

.form-control-time {
  float: right; }
  .form-control-time::after {
    clear: both;
    content: "";
    display: table; }
  .form-control-time .hours {
    float: left;
    position: relative; }
    .form-control-time .hours:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: auto;
      left: auto;
      background: #1D1D1D;
      color: #FFF;
      content: ':';
      display: block;
      line-height: 1.6875rem;
      padding: 0.5rem 0; }
    .form-control-time .hours .select {
      padding: 0.5rem 0.5rem 0.5rem 1rem; }
  .form-control-time .minutes {
    float: left; }
    .form-control-time .minutes .select {
      padding: 0.5rem 1rem 0.5rem 0.5rem; }

/* ===========================
   Form: Registration
   =========================== */
.form-registration {
  background-color: #DF272F;
  padding-top: 1rem; }
  .form-registration p {
    color: #FFF;
    font-size: 0.8125rem;
    line-height: 1.25;
    margin: 0.25rem 0; }
    @media screen and (min-width: 768px) {
      .form-registration p {
        font-size: 1rem; } }
    .form-registration p a {
      color: #FFF;
      font-weight: bold;
      text-decoration: none; }
  .form-registration label {
    color: #FFF;
    cursor: pointer;
    font-size: 1.25rem;
    font-weight: bold;
    position: relative; }
    @media screen and (min-width: 768px) {
      .form-registration label {
        margin-bottom: 0.5rem; } }
  .form-registration .input-wrapper {
    position: relative; }
    .form-registration .input-wrapper::after {
      clear: both;
      content: "";
      display: table; }
  .form-registration .form-control-text,
  .form-registration .form-control-location {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 0;
    margin-bottom: 1.5rem; }
    .form-registration .form-control-text::after,
    .form-registration .form-control-location::after {
      clear: both;
      content: "";
      display: table; }
    .form-registration .form-control-text.nickname,
    .form-registration .form-control-location.nickname {
      margin-bottom: 1rem; }
    @media screen and (min-width: 768px) {
      .form-registration .form-control-text,
      .form-registration .form-control-location {
        margin-right: 0 !important;
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 65.8807828007%; }
        .form-registration .form-control-text:last-child,
        .form-registration .form-control-location:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 1008px) {
      .form-registration .form-control-text,
      .form-registration .form-control-location {
        margin-right: 0 !important;
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%; }
        .form-registration .form-control-text:last-child,
        .form-registration .form-control-location:last-child {
          margin-right: 0; } }
    .form-registration .form-control-text .ls-ui-input,
    .form-registration .form-control-location .ls-ui-input {
      background: #FFF; }
    .form-registration .form-control-text .ls-ui-comp-geolocation,
    .form-registration .form-control-location .ls-ui-comp-geolocation {
      background-color: #F18819; }
    .form-registration .form-control-text p,
    .form-registration .form-control-location p {
      color: #FFF;
      font-size: 0.8125rem;
      line-height: 1.25;
      margin: 0.25rem 0; }
      @media screen and (min-width: 768px) {
        .form-registration .form-control-text p,
        .form-registration .form-control-location p {
          font-size: 1rem; } }
  .form-registration #reg-display-name {
    padding-right: 3rem;
    width: 100%; }
  .form-registration .tip,
  .form-registration .validation-warning-tip {
    background: #920B11;
    padding: 1rem; }
    @media screen and (min-width: 321px) {
      .form-registration .tip,
      .form-registration .validation-warning-tip {
        display: none; } }
    @media screen and (min-width: 768px) {
      .form-registration .tip,
      .form-registration .validation-warning-tip {
        position: absolute;
        top: 0.3125rem;
        right: auto;
        bottom: auto;
        left: 100%;
        height: auto;
        width: 14.6875rem;
        display: block;
        margin-left: 0.9375rem; }
        .form-registration .tip:before,
        .form-registration .validation-warning-tip:before {
          position: absolute;
          top: 50%;
          right: auto;
          bottom: auto;
          left: -0.625rem;
          height: 0;
          width: 0;
          border-top: 0.625rem solid transparent;
          border-bottom: 0.625rem solid transparent;
          border-right: 0.625rem solid #920B11;
          content: '';
          display: block;
          margin-top: -0.625rem; } }
    @media screen and (min-width: 1008px) {
      .form-registration .tip,
      .form-registration .validation-warning-tip {
        position: absolute;
        top: 0.3125rem;
        right: auto;
        bottom: auto;
        left: 100%;
        height: auto;
        width: 18.75rem;
        display: block;
        margin-left: 0.9375rem; } }
  .form-registration .validation-warning-tip {
    background-color: #920B11;
    display: none; }
    @media screen and (min-width: 768px) {
      .form-registration .validation-warning-tip {
        display: none; } }
    .form-registration .validation-warning-tip:before {
      border-right: 0.625rem solid #920B11; }
  @media screen and (min-width: 1008px) {
    .form-registration .registration-terms {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 82.9403914003%; }
      .form-registration .registration-terms:last-child {
        margin-right: 0; } }
  .form-registration .registration-terms .small-print {
    background: #920B11;
    margin-top: 1rem;
    padding: 1rem; }
  .form-registration .registration-terms ul {
    list-style-type: disc;
    margin-left: 1rem; }
    .form-registration .registration-terms ul.list-no-style-margins {
      list-style-type: none;
      margin-left: 0;
      margin-top: 0;
      margin-bottom: 2rem; }
  .form-registration .registration-terms li {
    color: #FFF;
    font-size: 0.8125rem;
    line-height: 1.25;
    margin: 0 0 1rem; }
    .form-registration .registration-terms li:last-child {
      margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      .form-registration .registration-terms li {
        font-size: 1rem; } }
  .form-registration .registration-terms small {
    font-size: 0.8125rem; }
    @media screen and (min-width: 768px) {
      .form-registration .registration-terms small {
        font-size: 1rem; } }
  .form-registration .form-controls p {
    margin: 1.5rem 0; }
  @media screen and (min-width: 768px) {
    .form-registration .form-controls {
      margin-right: 0 !important;
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 65.8807828007%; }
      .form-registration .form-controls:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 1008px) {
    .form-registration .form-controls {
      margin-right: 0 !important;
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%; }
      .form-registration .form-controls:last-child {
        margin-right: 0; } }
  .form-registration .btn-submit {
    background: #F18819;
    color: #920B11;
    display: block;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
    text-shadow: none;
    width: 100%; }
    .form-registration .btn-submit:disabled {
      background: #DBDBD8;
      color: #767676;
      text-shadow: none; }
    .form-registration .btn-submit:hover {
      color: #920B11; }
  .form-registration .autocomplete-container {
    padding: 0;
    position: relative; }
    .form-registration .autocomplete-container .ls-ui-ctrl-primary-search {
      margin-top: 1rem; }
    .form-registration .autocomplete-container .ls-ui-comp-search .ls-ui-input {
      font-size: 1.125rem; }
    .form-registration .autocomplete-container.ls-ui-ctrl-active {
      background: transparent; }
      .form-registration .autocomplete-container.ls-ui-ctrl-active .ls-ui-input {
        background: #FFF; }
    .form-registration .autocomplete-container .ls-ui-comp-geolocation {
      top: 0;
      width: 2.75rem; }
    .form-registration .autocomplete-container .ls-ui-comp-close_button {
      top: 0 !important; }
    .form-registration .autocomplete-container .ls-ui-comp-dialog {
      margin-right: 6.5rem; }
    .form-registration .autocomplete-container .ls-ui-comp-dialog p {
      color: #1D1D1D;
      padding: 11px 6px 13px 6px; }
    .form-registration .autocomplete-container .ls-ui-comp-dialog-buttons {
      position: static; }
      .form-registration .autocomplete-container .ls-ui-comp-dialog-buttons span {
        position: static; }
      .form-registration .autocomplete-container .ls-ui-comp-dialog-buttons button {
        font-size: 0.875rem;
        height: auto;
        padding: 0.5rem; }
    .form-registration .autocomplete-container .ls-ui-comp-user_locations-heading,
    .form-registration .autocomplete-container .ls-ui-comp-user_locations-message {
      color: #1D1D1D;
      font-size: 0.875rem;
      margin: 0; }
    .form-registration .autocomplete-container .ls-ui-comp-user_locations-name {
      font-size: 0.875rem; }
    .form-registration .autocomplete-container .ls-ui-comp-user_locations {
      background: #FFF;
      margin-right: 6.5rem; }
    .form-registration .autocomplete-container .ls-ui-comp-user_locations-recent,
    .form-registration .autocomplete-container .ls-ui-comp-user_locations-preferred {
      margin: 0; }
    .form-registration .autocomplete-container .ls-ui-comp-user_locations-action,
    .form-registration .autocomplete-container .ls-ui-comp-user_locations-remove {
      padding-bottom: 0.25rem;
      padding-top: 0.25rem; }
    .form-registration .autocomplete-container .ls-ui-comp-user_locations-location {
      padding-bottom: 0.375rem;
      padding-top: 0.375rem; }
    .form-registration .autocomplete-container .ls-ui-comp-user_locations-location-with-dialog {
      padding: 0; }
      .form-registration .autocomplete-container .ls-ui-comp-user_locations-location-with-dialog .ls-ui-comp-dialog {
        margin-right: 0; }
    .form-registration .autocomplete-container .ls-ui-comp-message {
      background: #F18819; }
      .form-registration .autocomplete-container .ls-ui-comp-message p {
        margin: 0; }
    .form-registration .autocomplete-container .ls-ui-comp-search_results {
      margin-top: 0; }
  .form-registration .validation-warning #reg-display-name {
    background-image: url("../images/global/bg-validation-warning.png");
    background-repeat: no-repeat;
    background-position: right 8px center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      .form-registration .validation-warning #reg-display-name {
        background-image: url("../images/global/bg-validation-warning_2x.png");
        background-size: 32px 32px; } }
  .form-registration .validation-warning .tip {
    display: none; }

.temperature-dial__background-pin {
  background-image: url("../images/summer/dial/bubble.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .temperature-dial__background-pin {
      background-image: url("../images/summer/dial/bubble_2x.png");
      background-size: 111px 128px; } }

/* ===========================
   Modules: Icon
   =========================== */
.icon {
  display: inline-block; }
  .icon.icon-size-small {
    font-size: 5px; }
  .icon.icon-size-med {
    font-size: 8px; }
  .icon.icon-size-big {
    font-size: 12px; }

.icon-navigate-left:before,
.icon-navigate-right:before {
  height: 1.625rem !important;
  width: 1.625rem !important; }

/* ===========================
   Modules: Header
   =========================== */
.intro {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 13.375rem;
  padding: 1.5rem 0; }
  @media screen and (min-width: 768px) {
    .intro {
      min-height: 18.75rem;
      padding: 3rem 0; } }
  .intro h2, .intro .story .description p, .story .description .intro p {
    color: #FFF;
    font-family: "Bligh";
    font-size: 1.5rem;
    line-height: 1.75rem; }
    @media screen and (min-width: 768px) {
      .intro h2, .intro .story .description p, .story .description .intro p {
        font-size: 2.625rem;
        line-height: 3.1875rem;
        margin-right: 0 !important;
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 82.9403914003%; }
        .intro h2:last-child, .intro .story .description p:last-child, .story .description .intro p:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 1008px) {
      .intro h2, .intro .story .description p, .story .description .intro p {
        margin-right: 0 !important;
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 74.4105871005%; }
        .intro h2:last-child, .intro .story .description p:last-child, .story .description .intro p:last-child {
          margin-right: 0; } }
  .intro p {
    color: #FFF;
    font-size: 1rem;
    line-height: 1.125rem; }
    @media screen and (min-width: 768px) {
      .intro p {
        font-size: 1.25rem;
        line-height: 1.5rem; } }
  .intro a {
    color: #FFF; }
  @media screen and (min-width: 768px) {
    .intro .intro-message {
      margin-right: 0 !important;
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 74.4105871005%; }
      .intro .intro-message:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 1008px) {
    .intro .intro-message {
      margin-right: 0 !important;
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 65.8807828007%; }
      .intro .intro-message:last-child {
        margin-right: 0; } }
  .intro .authentication {
    margin-right: 0 !important;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%; }
    .intro .authentication:last-child {
      margin-right: 0; }
  .intro.intro-registration {
    background-color: #DF272F;
    min-height: 0;
    padding: 1rem 0; }
    @media screen and (min-width: 768px) {
      .intro.intro-registration {
        padding: 1rem 0 2.5rem; } }
    .intro.intro-registration h2, .intro.intro-registration .story .description p, .story .description .intro.intro-registration p {
      font-size: 1.625rem;
      margin-bottom: 0.5rem; }
      @media screen and (min-width: 768px) {
        .intro.intro-registration h2, .intro.intro-registration .story .description p, .story .description .intro.intro-registration p {
          font-size: 2.25rem; } }
    .intro.intro-registration p {
      font-size: 1rem;
      line-height: 1.125rem;
      margin: 0; }
      @media screen and (min-width: 768px) {
        .intro.intro-registration p {
          font-size: 1rem;
          line-height: 1.125rem; } }
  .intro.intro-signed-in h2, .intro.intro-signed-in .story .description p, .story .description .intro.intro-signed-in p,
  .intro.intro-signed-in p {
    text-shadow: 2px 2px 11px rgba(0, 0, 0, 0.4); }

/* ===========================
   Modules: List
   =========================== */
.list-plain {
  list-style: none;
  margin: 0;
  padding: 0; }

.list-horizontal li {
  display: inline-block;
  margin-right: 1rem;
  padding-right: 1rem; }
  .list-horizontal li:last-child {
    margin-right: 0;
    padding-right: 0; }

/* ===========================
   Modules: Map
   =========================== */
.map-header {
  background: #DF272F;
  padding: 2rem 0 1.5rem; }
  .map-header h2, .map-header .story .description p, .story .description .map-header p {
    color: #FFF;
    font-size: 1.75rem;
    margin: 0; }
    @media screen and (min-width: 768px) {
      .map-header h2, .map-header .story .description p, .story .description .map-header p {
        font-size: 2.25rem; } }

.map-wrapper {
  overflow: hidden;
  position: relative; }
  .map-wrapper #map {
    height: 75vh;
    width: 100%;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .map-wrapper #map {
        height: 32rem;
        width: 100%; } }
  .map-wrapper .map-zoom-controls {
    position: absolute;
    top: 0.5rem;
    right: auto;
    bottom: auto;
    left: 0.5rem; }
    .map-wrapper .map-zoom-controls .map-zoom {
      height: 2rem;
      width: 2rem;
      background: #920B11;
      display: block;
      margin-bottom: 0.0625rem;
      padding: 0.5rem;
      position: relative;
      cursor: pointer; }
      .map-wrapper .map-zoom-controls .map-zoom span {
        overflow: hidden;
        text-indent: 101%;
        white-space: nowrap;
        display: block; }
  .map-wrapper .map-zoom-in:hover {
    background-color: #FFF; }
  .map-wrapper .map-zoom-out:hover {
    background-color: #FFF; }
  .map-wrapper .map__time-controls {
    position: absolute;
    bottom: 20px;
    left: 8px; }
  .map-wrapper .map__report-controls {
    position: absolute;
    bottom: 20px;
    left: 148px; }
    .map-wrapper .map__report-controls .option-selector__current-value {
      display: inline-block;
      padding-left: 0.5rem; }
    .map-wrapper .map__report-controls .icon-camera, .map-wrapper .map__report-controls .image-upload__heading {
      top: 2px;
      left: 2px; }
  .map-wrapper .map-reports {
    position: relative;
    position: absolute;
    top: 0;
    right: -28.5rem;
    bottom: 0;
    left: auto;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    background: rgba(0, 0, 0, 0.6);
    padding: 3rem; }
    @media screen and (max-width: 599px) {
      .map-wrapper .map-reports {
        height: 1px;
        width: 1px;
        border: 0;
        clip: rect(0 0 0 0);
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        background: rgba(0, 0, 0, 0.8); }
        .map-wrapper .map-reports.open {
          height: auto;
          width: auto;
          border: 0;
          clip: auto;
          margin: 0;
          overflow: visible;
          padding: 0;
          position: static;
          overflow: scroll;
          position: fixed;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
        .map-wrapper .map-reports.open.modal {
          z-index: 1000; }
        .map-wrapper .map-reports .slider {
          height: auto;
          width: 90vw;
          margin: 3rem auto; } }
    .map-wrapper .map-reports .slick-slide {
      height: auto;
      width: 100%;
      margin: 0 0.5rem; }
    @media screen and (min-width: 768px) {
      .map-wrapper .map-reports .photo {
        min-height: 16.125rem; } }
    .map-wrapper .map-reports.open {
      margin-top: 0;
      right: 0; }
    .map-wrapper .map-reports .slider {
      height: auto;
      width: 22.5rem; }
    .map-wrapper .map-reports .slick-arrow {
      display: none !important; }
      @media screen and (min-width: 768px) {
        .map-wrapper .map-reports .slick-arrow {
          height: 3rem;
          width: 3rem;
          background: #F18819;
          border: none;
          color: #FFF;
          display: block !important;
          font-size: 0.625rem;
          line-height: 3rem;
          padding: 0;
          text-align: center;
          z-index: 1; }
          .map-wrapper .map-reports .slick-arrow:active, .map-wrapper .map-reports .slick-arrow:focus, .map-wrapper .map-reports .slick-arrow:hover {
            background: #FFF;
            color: #F18819; }
          .map-wrapper .map-reports .slick-arrow span {
            overflow: hidden;
            text-indent: 101%;
            white-space: nowrap;
            height: 1px;
            width: 1px;
            display: block; } }
    .map-wrapper .map-reports .slick-next {
      position: absolute;
      top: 50%;
      right: -3rem;
      bottom: auto;
      left: auto; }
    .map-wrapper .map-reports .slick-prev {
      position: absolute;
      top: 50%;
      right: auto;
      bottom: auto;
      left: -3rem; }
    .map-wrapper .map-reports .btn-close {
      position: absolute;
      top: 0;
      right: 0;
      bottom: auto;
      left: auto;
      height: 2.625rem;
      width: 2.625rem;
      display: block;
      padding: 0.5rem;
      background: #F18819; }
      .map-wrapper .map-reports .btn-close span {
        overflow: hidden;
        text-indent: 101%;
        white-space: nowrap;
        display: block; }
      .map-wrapper .map-reports .btn-close:hover {
        background-color: #FFF; }

.bbcGoogleAttribution {
  width: 56px;
  height: 22px;
  background: transparent url(../images/google_attribution_logo.png) no-repeat; }

.bbcGoogleLegalNotices {
  background: transparent url(../images/1px_google_attribution_bg.png);
  padding: 0 6px;
  color: #444;
  font-size: 10px; }

.bbcGoogleLegalNotices a {
  color: #444;
  font-size: 10px; }

/* ===========================
   Modules: Option Selector
   =========================== */
/* Time filter displayed on map */
.option-selector {
  font-size: 16px; }

.option-selector--open {
  background: #920B11; }
  .option-selector--open:hover, .option-selector--open:focus {
    background: #FFF; }
  .option-selector--open .option-selector__options {
    display: block; }

.option-selector__button {
  position: relative;
  background: #920B11;
  color: #FFF;
  padding: 8px 8px 8px 32px;
  cursor: pointer; }

.option-selector__icon {
  position: absolute;
  top: 0;
  left: 0; }

.option-selector__options {
  display: none;
  position: absolute;
  left: 0px;
  bottom: 44px;
  padding-top: 34px;
  background: #920B11;
  z-index: 200;
  width: 150px; }

.option-selector__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  color: #FFF;
  background: none;
  border: none;
  cursor: pointer;
  overflow: hidden; }
  .option-selector__close span {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    display: block; }

.option-selector__list {
  margin: 0;
  padding: 0 0 6px 0;
  list-style-type: none; }

.option-selector__option {
  position: relative;
  padding-right: 8px;
  background: #920B11;
  color: #FFF;
  cursor: pointer;
  font-size: 16px; }
  .option-selector__option span {
    display: block;
    padding: 12px 0px 12px 15px; }
  .option-selector__option .option-selector__icon--option {
    display: none;
    position: absolute;
    top: 8px;
    right: 0;
    padding: 0; }
  .option-selector__option:hover {
    background: rgba(0, 0, 0, 0.15); }

.option-selector__option--selected {
  background: #FFF;
  color: #920B11; }
  .option-selector__option--selected .option-selector__icon--option {
    display: block; }
  .option-selector__option--selected:hover {
    background: #FFF; }

.option-selector__arrow {
  width: 16px;
  height: 8px;
  position: absolute;
  bottom: -6px;
  left: 8px; }

/* ===========================
   Modules: Modal
   =========================== */
.remodal-wrapper {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0; }
  @media screen and (min-width: 768px) {
    .remodal-wrapper {
      padding-left: 0;
      padding-right: 0; } }
  .remodal-wrapper .controls .btn-report-photo,
  .remodal-wrapper .controls .btn-delete-card {
    color: #FFF; }
    .remodal-wrapper .controls .btn-report-photo:hover,
    .remodal-wrapper .controls .btn-delete-card:hover {
      color: #FFF;
      text-decoration: underline; }

#card-overlay {
  margin-top: 2.625rem;
  padding: 0;
  text-align: left; }
  @media screen and (min-width: 321px) and (orientation: landscape) {
    #card-overlay {
      max-width: 25rem; } }
  @media screen and (min-width: 768px) {
    #card-overlay {
      max-width: 40.3125rem; } }
  #card-overlay .btn-remodal-close {
    position: absolute;
    top: -2.625rem;
    right: 0;
    bottom: auto;
    left: auto;
    height: 2.625rem;
    width: 2.625rem;
    background-color: transparent;
    cursor: pointer;
    outline: none; }
    #card-overlay .btn-remodal-close:before {
      position: absolute;
      top: 8px;
      right: auto;
      bottom: auto;
      left: 16px; }
    #card-overlay .btn-remodal-close span {
      overflow: hidden;
      text-indent: 101%;
      white-space: nowrap;
      display: block; }
  #card-overlay .btn-modal-only {
    display: block; }

/* ===========================
   Modules: Report Confirmation
   =========================== */
.report-confirmation {
  background: #DF272F;
  padding: 1.5rem 0;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .report-confirmation section {
      margin-left: 8.5298042998%;
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 82.9403914003%; }
      .report-confirmation section:last-child {
        margin-right: 0; } }
  .report-confirmation h1 {
    color: #FFF;
    font-family: "Bligh";
    font-size: 1.5rem; }
    .report-confirmation h1:before {
      font-size: 0.625rem;
      margin-right: 0.5rem; }
  .report-confirmation .card {
    margin: 1.5rem auto;
    text-align: left;
    max-width: 22.375rem; }
  .report-confirmation a {
    color: #FFF;
    display: inline-block;
    font-size: 1rem;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .report-confirmation a {
        margin: 0 auto;
        width: auto; } }
  .report-confirmation .s-b-button:active span.s-b-s, .report-confirmation .s-b-button:focus span.s-b-s {
    background: #FFF !important; }
  .report-confirmation .s-b-button:hover .s-b-s,
  .report-confirmation .s-b-button:hover .s-b-icon {
    background: #FFF !important;
    color: #498A43 !important; }
  .report-confirmation .s-b-label,
  .report-confirmation .s-b-label-long,
  .report-confirmation .s-b-icon {
    color: #FFF; }

/* ===========================
   Modules: Report summary
   =========================== */
.report-summary {
  background: #DF272F; }
  .report-summary header {
    margin-bottom: 2rem; }
    .report-summary header h2, .report-summary header .story .description p, .story .description .report-summary header p {
      color: #FFF;
      font-size: 1.75rem; }
      @media screen and (min-width: 768px) {
        .report-summary header h2, .report-summary header .story .description p, .story .description .report-summary header p {
          font-size: 2.25rem; } }
  .report-summary .report-statistics {
    display: block; }
    .report-summary .report-statistics::after {
      clear: both;
      content: "";
      display: table; }
    .report-summary .report-statistics .statistic {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%;
      color: #FFF;
      position: relative; }
      .report-summary .report-statistics .statistic:last-child {
        margin-right: 0; }
      .report-summary .report-statistics .statistic:before {
        margin-left: 0.5rem; }
      @media screen and (min-width: 768px) {
        .report-summary .report-statistics .statistic {
          float: left;
          display: block;
          margin-right: 2.3576515979%;
          width: 23.2317613015%; }
          .report-summary .report-statistics .statistic:last-child {
            margin-right: 0; }
          .report-summary .report-statistics .statistic:before {
            position: absolute;
            top: 0;
            right: 0;
            bottom: auto;
            left: auto; } }
      .report-summary .report-statistics .statistic.most-reported:before {
        display: none; }
        @media screen and (min-width: 768px) {
          .report-summary .report-statistics .statistic.most-reported:before {
            display: block; } }
      .report-summary .report-statistics .statistic.most-reported .type {
        font-size: 1rem;
        margin-bottom: 0.25rem; }
        @media screen and (min-width: 768px) {
          .report-summary .report-statistics .statistic.most-reported .type {
            font-size: 1.125rem;
            margin: 0 0 0.5rem 0; } }
      .report-summary .report-statistics .statistic.most-reported .weather-type {
        display: block;
        font-size: 1rem;
        margin-left: 4.0625rem; }
        @media screen and (min-width: 768px) {
          .report-summary .report-statistics .statistic.most-reported .weather-type {
            font-size: 0.8125rem;
            margin-bottom: 0.5rem;
            margin-left: 0; } }
      .report-summary .report-statistics .statistic.most-reported .icon {
        position: absolute;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        font-size: 7px; }
        @media screen and (min-width: 768px) {
          .report-summary .report-statistics .statistic.most-reported .icon {
            font-size: 5px;
            position: static; } }
      .report-summary .report-statistics .statistic.temperature-lowest, .report-summary .report-statistics .statistic.temperature-highest {
        display: none; }
        @media screen and (min-width: 768px) {
          .report-summary .report-statistics .statistic.temperature-lowest, .report-summary .report-statistics .statistic.temperature-highest {
            display: block; } }
      .report-summary .report-statistics .statistic.temperature-average:before {
        margin-left: 1rem; }
    .report-summary .report-statistics .type {
      font-size: 1.25rem;
      margin-left: 4.0625rem; }
      @media screen and (min-width: 768px) {
        .report-summary .report-statistics .type {
          border-bottom: 1px solid #920B11;
          font-size: 1.25rem;
          margin: 0 0 0.5rem 0;
          padding: 1rem 0 0.5rem; } }
    .report-summary .report-statistics .icon {
      display: block; }
    .report-summary .report-statistics .date {
      display: none; }
      @media screen and (min-width: 768px) {
        .report-summary .report-statistics .date {
          display: block;
          font-size: 0.8125rem;
          margin-bottom: 0.5rem; } }
    .report-summary .report-statistics .figure {
      position: absolute;
      top: 0;
      right: auto;
      bottom: auto;
      left: 4.0625rem;
      font-size: 2.25rem; }
      @media screen and (min-width: 768px) {
        .report-summary .report-statistics .figure {
          position: static; } }
    .report-summary .report-statistics .mobile-visually-hidden {
      height: 1px;
      width: 1px;
      border: 0;
      clip: rect(0 0 0 0);
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute; }
      @media screen and (min-width: 768px) {
        .report-summary .report-statistics .mobile-visually-hidden {
          height: auto;
          width: auto;
          border: 0;
          clip: auto;
          margin: 0;
          overflow: visible;
          padding: 0;
          position: static; } }
    .report-summary .report-statistics .tablet-visually-hidden {
      height: 1px;
      width: 1px;
      border: 0;
      clip: rect(0 0 0 0);
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute; }
      @media screen and (min-width: 1008px) {
        .report-summary .report-statistics .tablet-visually-hidden {
          height: auto;
          width: auto;
          border: 0;
          clip: auto;
          margin: 0;
          overflow: visible;
          padding: 0;
          position: static; } }
  .report-summary .report-chart {
    border-top: 1px solid #920B11;
    padding-top: 2rem; }
    @media screen and (min-width: 768px) {
      .report-summary .report-chart {
        border-top: none;
        padding-top: 0; } }
    .report-summary .report-chart ul {
      display: block;
      margin: 0 auto;
      text-align: center; }
      .report-summary .report-chart ul::after {
        clear: both;
        content: "";
        display: table; }
    .report-summary .report-chart li {
      text-align: left;
      min-height: 5rem;
      position: relative; }
      .report-summary .report-chart li::after {
        clear: both;
        content: "";
        display: table; }
      @media screen and (max-width: 320px) {
        .report-summary .report-chart li {
          float: left;
          display: block;
          margin-right: 2.3576515979%;
          width: 48.821174201%; }
          .report-summary .report-chart li:last-child {
            margin-right: 0; }
          .report-summary .report-chart li:nth-child(odd) {
            margin-right: 0 !important; } }
      @media screen and (min-width: 321px) {
        .report-summary .report-chart li {
          float: left;
          display: block;
          margin-right: 2.3576515979%;
          width: 48.821174201%; }
          .report-summary .report-chart li:last-child {
            margin-right: 0; }
          .report-summary .report-chart li:nth-child(odd) {
            margin-right: 0 !important; } }
      @media screen and (min-width: 768px) {
        .report-summary .report-chart li {
          border-top-style: solid;
          border-top-width: 0.3125rem;
          float: left;
          margin-top: 4.0625rem;
          margin-right: 0 !important;
          position: relative; }
          .report-summary .report-chart li.weather-type-first {
            border-color: #F18819; }
          .report-summary .report-chart li.weather-type-second {
            border-color: #920B11; }
          .report-summary .report-chart li.weather-type-third {
            border-color: #30BFD6; }
          .report-summary .report-chart li.weather-type-other {
            border-color: #920B11; } }
      .report-summary .report-chart li b {
        color: #FFF;
        display: block;
        font-size: 2.25rem;
        margin: 0 0 0.5rem 4.375rem; }
        @media screen and (min-width: 768px) {
          .report-summary .report-chart li b {
            margin: 1rem 0 0 0; } }
      .report-summary .report-chart li .icon {
        position: absolute;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        display: block;
        margin-bottom: 1rem; }
        @media screen and (min-width: 768px) {
          .report-summary .report-chart li .icon {
            position: absolute;
            top: -4.0625rem;
            right: auto;
            bottom: auto;
            left: 0; } }
      .report-summary .report-chart li p {
        color: #FFF;
        font-size: 0.8125rem;
        margin: 0 0 0 4.375rem; }
        @media screen and (min-width: 768px) {
          .report-summary .report-chart li p {
            margin: 0; } }

/* ===========================
   Modules: Report view
   =========================== */
.report-view .card {
  max-width: 40.3125rem;
  margin: auto; }

/* ===========================
   Modules: Row
   =========================== */
.old-row {
  padding: 3rem 0;
  position: relative; }
  .old-row.min-height-large {
    min-height: 33.75rem; }
  .old-row.has-bg-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* These are temporary until I know full requirements of bg images */ }
    .old-row.has-bg-image.bg-image-dark {
      background-image: url("../images/placeholder-dark-600x1012.png"); }
    .old-row.has-bg-image.bg-image-light {
      background-image: url("../images/placeholder-600x1012.png"); }
  @media screen and (min-width: 1008px) {
    .old-row.min-height-large {
      min-height: 28.125rem; }
    .old-row.has-bg-image {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      /* These are temporary until I know full requirements of bg images */ }
      .old-row.has-bg-image.bg-image-dark {
        background-color: #BBB; }
      .old-row.has-bg-image.bg-image-light {
        background-color: #DDD; } }

/* ===========================
   Modules: Share
   =========================== */
.share-report-card {
  font-size: 0.8125rem;
  margin: 0 auto 1rem;
  width: 12.5rem; }

.s-b-panel {
  z-index: 100000; }

/* ===========================
   Modules: Story
   =========================== */
.story {
  background: #FFF; }
  .story .photo {
    overflow: hidden;
    position: relative; }
    .story .photo img {
      width: 100%; }
  .story .description p {
    color: #1D1D1D;
    font-size: 1.75rem;
    font-family: "Bligh";
    padding: 0.5rem;
    font-weight: normal; }

/* ===========================
   Modules: Terms
   =========================== */
@media screen and (min-width: 1008px) {
  .terms section {
    margin-left: 8.5298042998%;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 82.9403914003%; }
    .terms section:last-child {
      margin-right: 0; } }

.terms ul {
  padding: 1.5rem 3rem; }
  .terms ul li {
    margin-bottom: 1.5rem; }

/* ===========================
   Modules: Tile
   =========================== */
.tile {
  margin-bottom: 1.5rem;
  margin-left: 0;
  position: relative;
  text-align: left; }
  .tile.tile-weather header, .tile.tile-editorial header {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    color: #767676;
    padding: 1.5rem 0.5rem;
    min-height: 3.4375rem; }
  .tile.tile-banner {
    background: #666;
    border: 5px solid #FFF;
    position: relative; }
    .tile.tile-banner header {
      height: auto;
      width: 100%;
      position: absolute;
      top: 50%;
      right: auto;
      bottom: auto;
      left: auto;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      text-align: center; }
      .tile.tile-banner header h2, .tile.tile-banner header .story .description p, .story .description .tile.tile-banner header p {
        font-size: 1.25rem;
        line-height: 1.5rem; }
  .tile.tile-editorial {
    background: #E6E6E6;
    border: 5px solid #FFF; }
  .tile.tile-weather {
    background: #808080; }
    .tile.tile-weather header {
      background: #FFF;
      text-align: right; }

/* ===========================
   Modules: Time Picker
   =========================== */
.time-picker h2, .time-picker .story .description p, .story .description .time-picker p {
  display: inline-block;
  margin-right: 0.5rem; }

.time-picker .tag {
  background: #767676;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-size: 1.125rem;
  margin-right: 0.5rem;
  padding: 0.5rem; }

/**
 * Components
 */
.create-report {
  background: #DBDBD8; }
  .create-report .grid {
    padding: 0; }

.create-report__form {
  position: relative; }

.create-report__header {
  background: #DF272F;
  padding: 1.875rem 0 2rem 0;
  position: relative; }

.create-report__heading {
  color: #FFF;
  font: bold 1.5rem Helvetica, Arial, sans-serif;
  letter-spacing: -0.03em;
  margin-right: 52px; }

.create-report__close-button {
  position: absolute;
  top: 1rem;
  right: 0.75rem;
  bottom: auto;
  left: auto;
  z-index: 2;
  background: #F18819; }

.create-report__location {
  background: #DF272F;
  margin: 1rem 0 1.5rem; }

.create-report__date,
.create-report__heading,
.create-report__location {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.create-report__temperature-slider {
  display: none; }

.create-report__submit {
  margin: 0 0.5rem; }

.create-report__submit-button {
  background: #F18819;
  color: #920B11;
  display: block;
  font-size: 1rem;
  font-weight: bold;
  width: 100%; }
  .create-report__submit-button:active, .create-report__submit-button:hover {
    background: #FFF;
    color: #920B11; }
  .create-report__submit-button:disabled {
    background: #F3F3F3;
    color: #767676;
    cursor: auto; }

.create-report__user-content {
  border: none;
  padding: 0;
  margin-left: 1rem;
  margin-right: 1rem;
  z-index: 10; }

.create-report__advanced-options {
  border: none;
  margin: 0;
  padding: 0; }

@media screen and (min-width: 768px) {
  .create-report {
    padding-bottom: 1rem; }
  .create-report__form {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 82.9403914003%;
    margin-left: 8.5298042998%; }
    .create-report__form:last-child {
      margin-right: 0; }
  .create-report__close-button {
    position: absolute;
    top: 1.5rem;
    right: 1.25rem;
    bottom: auto;
    left: auto; }
  .create-report__date,
  .create-report__heading,
  .create-report__location {
    padding-left: 1rem;
    padding-right: 1rem; }
  .create-report__temperature-dial {
    display: none; }
  .create-report__temperature-slider {
    display: block; } }

@media screen and (min-width: 600px) {
  .create-report__heading {
    font-size: 2.25rem; }
  .create-report__location {
    margin: 1.5rem 0 1.25rem; } }

@media screen and (min-width: 1008px) {
  .create-report__heading {
    font-size: 2rem; }
  .create-report__location {
    margin-top: 1rem; } }

.ambience {
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 2rem; }

.ambience--clear-night {
  background-color: #244355;
  background-image: url(../images/ambient/backgrounds/clear-night.jpg); }
  .ambience--clear-night .rs-control .rs-bg-color {
    background-color: #244355; }

.ambience--drizzle {
  background-color: #5086B4;
  background-image: url(../images/ambient/backgrounds/drizzle.jpg); }
  .ambience--drizzle .rs-control .rs-bg-color {
    background-color: #5086B4; }

.ambience--fog {
  background-color: #75797A;
  background-image: url(../images/ambient/backgrounds/fog.jpg); }
  .ambience--fog .rs-control .rs-bg-color {
    background-color: #75797A; }

.ambience--hail-showers-night {
  background-color: #436894;
  background-image: url(../images/ambient/backgrounds/hail-showers-night.jpg); }
  .ambience--hail-showers-night .rs-control .rs-bg-color {
    background-color: #436894; }

.ambience--hail-showers {
  background-color: #5084B3;
  background-image: url(../images/ambient/backgrounds/hail-showers.jpg); }
  .ambience--hail-showers .rs-control .rs-bg-color {
    background-color: #5084B3; }

.ambience--hail {
  background-color: #5084B3;
  background-image: url(../images/ambient/backgrounds/hail.jpg); }
  .ambience--hail .rs-control .rs-bg-color {
    background-color: #5084B3; }

.ambience--hazy {
  background-color: #75797A;
  background-image: url(../images/ambient/backgrounds/hazy.jpg); }
  .ambience--hazy .rs-control .rs-bg-color {
    background-color: #75797A; }

.ambience--heavy-cloud {
  background-color: #687784;
  background-image: url(../images/ambient/backgrounds/heavy-cloud.jpg); }
  .ambience--heavy-cloud .rs-control .rs-bg-color {
    background-color: #687784; }

.ambience--heavy-rain {
  background-color: #60676D;
  background-image: url(../images/ambient/backgrounds/heavy-rain.jpg); }
  .ambience--heavy-rain .rs-control .rs-bg-color {
    background-color: #60676D; }

.ambience--heavy-showers {
  background-color: #60676D;
  background-image: url(../images/ambient/backgrounds/heavy-showers.jpg); }
  .ambience--heavy-showers .rs-control .rs-bg-color {
    background-color: #60676D; }

.ambience--heavy-showers-night {
  background-color: #436894;
  background-image: url(../images/ambient/backgrounds/heavy-showers-night.jpg); }
  .ambience--heavy-showers-night .rs-control .rs-bg-color {
    background-color: #436894; }

.ambience--heavy-snow-showers-night {
  background-color: #2B3E4E;
  background-image: url(../images/ambient/backgrounds/heavy-snow-showers-night.jpg); }
  .ambience--heavy-snow-showers-night .rs-control .rs-bg-color {
    background-color: #2B3E4E; }

.ambience--heavy-snow-showers {
  background-color: #A0A0A0;
  background-image: url(../images/ambient/backgrounds/heavy-snow-showers.jpg); }
  .ambience--heavy-snow-showers .rs-control .rs-bg-color {
    background-color: #A0A0A0; }

.ambience--heavy-snow {
  background-color: #A0A0A0;
  background-image: url(../images/ambient/backgrounds/heavy-snow.jpg); }
  .ambience--heavy-snow .rs-control .rs-bg-color {
    background-color: #A0A0A0; }

.ambience--light-cloud {
  background-color: #50596A;
  background-image: url(../images/ambient/backgrounds/light-cloud.jpg); }
  .ambience--light-cloud .rs-control .rs-bg-color {
    background-color: #50596A; }

.ambience--light-rain {
  background-color: #5084B3;
  background-image: url(../images/ambient/backgrounds/light-rain.jpg); }
  .ambience--light-rain .rs-control .rs-bg-color {
    background-color: #5084B3; }

.ambience--light-showers-night {
  background-color: #224D75;
  background-image: url(../images/ambient/backgrounds/light-showers-night.jpg); }
  .ambience--light-showers-night .rs-control .rs-bg-color {
    background-color: #224D75; }

.ambience--light-snow {
  background-color: #A0A0A0;
  background-image: url(../images/ambient/backgrounds/light-snow.jpg); }
  .ambience--light-snow .rs-control .rs-bg-color {
    background-color: #A0A0A0; }

.ambience--light-snow-showers-night {
  background-color: #2B3E4E;
  background-image: url(../images/ambient/backgrounds/light-snow-showers-night.jpg); }
  .ambience--light-snow-showers-night .rs-control .rs-bg-color {
    background-color: #2B3E4E; }

.ambience--light-snow-showers {
  background-color: #A0A0A0;
  background-image: url(../images/ambient/backgrounds/light-snow-showers.jpg); }
  .ambience--light-snow-showers .rs-control .rs-bg-color {
    background-color: #A0A0A0; }

.ambience--mist {
  background-color: #75797A;
  background-image: url(../images/ambient/backgrounds/light-mist.jpg); }
  .ambience--mist .rs-control .rs-bg-color {
    background-color: #75797A; }

.ambience--partly-cloudy-night {
  background-color: #3C5E7A;
  background-image: url(../images/ambient/backgrounds/partly-cloudy-night.jpg); }
  .ambience--partly-cloudy-night .rs-control .rs-bg-color {
    background-color: #3C5E7A; }

.ambience--sleet-showers-night {
  background-color: #224D75;
  background-image: url(../images/ambient/backgrounds/sleet-showers-night.jpg); }
  .ambience--sleet-showers-night .rs-control .rs-bg-color {
    background-color: #224D75; }

.ambience--sleet-showers {
  background-color: #5084B3;
  background-image: url(../images/ambient/backgrounds/sleet-showers.jpg); }
  .ambience--sleet-showers .rs-control .rs-bg-color {
    background-color: #5084B3; }

.ambience--sleet {
  background-color: #5084B3;
  background-image: url(../images/ambient/backgrounds/sleet.jpg); }
  .ambience--sleet .rs-control .rs-bg-color {
    background-color: #5084B3; }

.ambience--sunny {
  background-color: #37709D;
  background-image: url(../images/ambient/backgrounds/sunny.jpg); }
  .ambience--sunny .rs-control .rs-bg-color {
    background-color: #37709D; }

.ambience--sunny-intervals {
  background-color: #3A6EA7;
  background-image: url(../images/ambient/backgrounds/sunny-intervals.jpg); }
  .ambience--sunny-intervals .rs-control .rs-bg-color {
    background-color: #3A6EA7; }

.ambience--sunshine-and-showers {
  background-color: #5084B3;
  background-image: url(../images/ambient/backgrounds/sunshine-and-showers.jpg); }
  .ambience--sunshine-and-showers .rs-control .rs-bg-color {
    background-color: #5084B3; }

.ambience--thunder-storm {
  background-color: #868CA6;
  background-image: url(../images/ambient/backgrounds/thunder-storm.jpg); }
  .ambience--thunder-storm .rs-control .rs-bg-color {
    background-color: #868CA6; }

.ambience--thundery-showers-night {
  background-color: #868CA6;
  background-image: url(../images/ambient/backgrounds/thundery-showers-night.jpg); }
  .ambience--thundery-showers-night .rs-control .rs-bg-color {
    background-color: #868CA6; }

.ambience--thundery-showers {
  background-color: #868CA6;
  background-image: url(../images/ambient/backgrounds/thundery-showers.jpg); }
  .ambience--thundery-showers .rs-control .rs-bg-color {
    background-color: #868CA6; }

@media screen and (min-width: 768px) {
  .ambience {
    padding-bottom: 1rem; } }

.date-picker {
  min-height: 2.625rem;
  width: 100%;
  outline: none; }
  .date-picker::after {
    clear: both;
    content: "";
    display: table; }

.date-picker__heading {
  color: #FFF;
  display: block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: normal;
  padding: 0.5rem 0 1rem;
  width: 100%; }

.date-picker__date {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  width: 50%;
  border: 1px solid #920B11;
  border-right: none;
  float: left;
  position: relative;
  z-index: 6; }
  .date-picker__date.active {
    border: 1px solid #F18819;
    border-right: none; }
    .date-picker__date.active .date-picker__date-label,
    .date-picker__date.active .date-picker__date-input {
      background: #F18819; }
  .date-picker__date .icon-calendar-arrow-left, .date-picker__date .icon-calendar-arrow-right {
    font-size: 1em; }
  .date-picker__date .icon-calendar-arrow-left {
    padding-right: 8px; }

.date-picker__date-label {
  height: 48px;
  width: 48px;
  background: #DF272F;
  cursor: pointer;
  display: inline-block;
  padding: 0.5rem;
  z-index: 1; }
  .date-picker__date-label span {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    display: block; }

.date-picker__date-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: #DF272F;
  border: none;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1rem;
  height: 3rem;
  line-height: 1.5rem;
  padding: 0.75rem 0.25rem;
  width: 100%; }
  .date-picker__date-input::-webkit-input-placeholder {
    color: #FFF; }
  .date-picker__date-input::-moz-placeholder {
    color: #FFF; }
  .date-picker__date-input:-moz-placeholder {
    color: #FFF; }
  .date-picker__date-input:-ms-input-placeholder {
    color: #FFF; }

.date-picker__time {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  width: 50%;
  border: 1px solid #920B11;
  border-left: none;
  float: left;
  position: relative; }
  .date-picker__time.active {
    border: 1px solid #F18819;
    border-right: none; }
    .date-picker__time.active .date-picker__time-label {
      border-left: 1px solid #F18819; }
    .date-picker__time.active .date-picker__time-label,
    .date-picker__time.active .date-picker__time-input {
      background: #F18819; }

.date-picker__time-label {
  height: 48px;
  width: 48px;
  background: #DF272F;
  border-left: 1px solid #920B11;
  cursor: pointer;
  display: inline-block;
  padding: 0.5rem; }
  .date-picker__time-label span {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    display: block; }

.date-picker__time-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: #DF272F;
  border: none;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1rem;
  height: 3rem;
  line-height: 1.5rem;
  padding: 0.75rem 0.25rem;
  width: 100%; }
  .date-picker__time-input::-webkit-input-placeholder {
    color: #FFF; }
  .date-picker__time-input::-moz-placeholder {
    color: #FFF; }
  .date-picker__time-input:-moz-placeholder {
    color: #FFF; }
  .date-picker__time-input:-ms-input-placeholder {
    color: #FFF; }
  .date-picker__time-input::-ms-clear, .date-picker__time-input::-webkit-clear-button {
    display: none; }
  .date-picker__time-input::-webkit-inner-spin-button, .date-picker__time-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }

@media screen and (min-width: 768px) {
  .date-picker__heading {
    height: 3.125rem;
    width: auto;
    float: left;
    margin: 1px 0;
    padding: 1rem 1rem 1rem 0;
    width: auto; }
  .date-picker__date {
    height: auto;
    width: 40%; }
  .date-picker__time {
    height: auto;
    width: 8.75rem; }
  .date-picker__time-input {
    width: 90px !important; } }

@media screen and (min-width: 600px) {
  .date-picker__heading,
  .date-picker__date-input,
  .date-picker__time-input {
    font-size: 1.125rem; } }

@media screen and (min-width: 1008px) {
  .date-picker__heading,
  .date-picker__date-input,
  .date-picker__time-input {
    font-size: 1rem; } }

.ui-timepicker-wrapper {
  left: 0 !important;
  width: 100%; }

.date-picker .btr-dateinput-calendar {
  position: absolute;
  top: 3.125rem;
  right: auto;
  bottom: auto;
  left: 0;
  height: auto;
  width: 100%;
  box-shadow: none;
  margin-top: 0 !important;
  z-index: 3 !important; }

.date-picker .btr-dateinput-calendar-header {
  background: #920B11;
  border-bottom: 1px solid #767676;
  color: #FFF;
  font-size: 1.125rem;
  font-weight: normal; }
  .date-picker .btr-dateinput-calendar-header::after {
    clear: both;
    content: "";
    display: table; }
  .date-picker .btr-dateinput-calendar-header a {
    height: 2.8125rem;
    width: 2.8125rem;
    text-decoration: none; }
    .date-picker .btr-dateinput-calendar-header a:before {
      content: ' '; }
    .date-picker .btr-dateinput-calendar-header a:first-child {
      position: absolute;
      top: 0;
      right: 2.8125rem;
      bottom: auto;
      left: auto; }
    .date-picker .btr-dateinput-calendar-header a:hover {
      background-color: #F18819; }

.date-picker .btr-dateinput-calendar-caption {
  float: left;
  margin: 0;
  padding-left: 0.5rem;
  padding-right: 6.125rem; }

.date-picker .btr-dateinput-calendar-days {
  border: none; }
  .date-picker .btr-dateinput-calendar-days thead {
    background: #920B11;
    border: none; }
  .date-picker .btr-dateinput-calendar-days th {
    color: #FFF;
    font-size: 1.125rem;
    font-weight: normal; }
  .date-picker .btr-dateinput-calendar-days td {
    color: #920B11;
    font-size: 1.125rem; }
    .date-picker .btr-dateinput-calendar-days td.btr-dateinput-calendar-out, .date-picker .btr-dateinput-calendar-days td.btr-dateinput-calendar-past, .date-picker .btr-dateinput-calendar-days td.btr-dateinput-calendar-future {
      color: #DBDBD8; }
    .date-picker .btr-dateinput-calendar-days td.btr-dateinput-calendar-today {
      background: #F18819;
      color: #920B11; }

.close-button {
  height: 2rem;
  width: 2rem;
  cursor: pointer;
  display: block;
  font-size: 0.5625rem;
  padding: 0.25rem;
  background: #DF272F; }
  .close-button:active, .close-button:focus, .close-button:hover {
    background-color: #F18819; }
  .close-button .close-button__text {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    display: block; }

.location-search {
  position: relative; }

.location-search__heading {
  color: #FFF;
  display: block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: normal;
  padding: 1rem 0 1rem; }

.location-search--active {
  padding-top: 92px; }
  .location-search--active .location-search__inner {
    background: #FFF;
    position: absolute;
    z-index: 8;
    top: 0;
    right: 0;
    left: 0;
    padding: 0 0.5rem 1rem; }
  .location-search--active .location-search__heading {
    color: #525252; }

.location-search .ls-ui-ctrl-primary {
  padding: 0; }
  .location-search .ls-ui-ctrl-primary .ls-ui-ctrl-primary-search {
    margin-top: 0; }

.location-search .ls-ui-comp-search .ls-ui-input {
  background-color: rgba(255, 255, 255, 0.2);
  color: #FFF;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 18px;
  text-overflow: ellipsis; }
  .location-search .ls-ui-comp-search .ls-ui-input::-webkit-input-placeholder {
    color: #FFF;
    font-size: 16px;
    padding-top: 2px;
    text-overflow: ellipsis; }
  .location-search .ls-ui-comp-search .ls-ui-input::-moz-placeholder {
    color: #FFF;
    font-size: 16px;
    padding-top: 2px;
    text-overflow: ellipsis; }
  .location-search .ls-ui-comp-search .ls-ui-input:-moz-placeholder {
    color: #FFF;
    font-size: 16px;
    padding-top: 2px;
    text-overflow: ellipsis; }
  .location-search .ls-ui-comp-search .ls-ui-input:-ms-input-placeholder {
    color: #FFF;
    font-size: 16px;
    padding-top: 2px;
    text-overflow: ellipsis; }

.location-search .ls-ui-comp-search .ls-ui-submit {
  background-color: rgba(255, 255, 255, 0.2);
  background-position: 0 -506px; }

.location-search .ls-ui-comp-geolocation {
  background-color: rgba(255, 255, 255, 0.2); }

.location-search .ls-ui-ctrl-geolocation.ls-ui-ctrl-primary .ls-ui-ctrl-primary-search {
  margin-right: 52px; }

.location-search .ls-ui-ctrl-geolocation.ls-ui-ctrl-active .ls-ui-ctrl-primary-search,
.location-search .ls-ui-ctrl-geolocation.ls-ui-ctrl-active .ls-ui-comp-auto_complete,
.location-search .ls-ui-ctrl-geolocation.ls-ui-ctrl-active .ls-ui-comp-search_results,
.location-search .ls-ui-ctrl-geolocation.ls-ui-ctrl-active .ls-ui-comp-message {
  margin-right: 52px; }

.location-search .ls-ui-ctrl-geolocation.ls-ui-ctrl-active .ls-ui-comp-geolocation {
  right: 0; }

.location-search .ls-ui-ctrl-geolocation .ls-ui-comp-geolocation {
  width: 44px;
  height: 44px;
  top: 0;
  right: 0; }

.location-search .ls-ui-ctrl-primary .ls-ui-ctrl-primary-search {
  margin-right: 0; }

.location-search .ls-ui-ctrl-primary .ls-ui-comp-close_button {
  top: -44px; }

.location-search--active .ls-ui-comp-search .ls-ui-input {
  color: #525252; }
  .location-search--active .ls-ui-comp-search .ls-ui-input::-webkit-input-placeholder {
    color: #767676; }
  .location-search--active .ls-ui-comp-search .ls-ui-input::-moz-placeholder {
    color: #767676; }
  .location-search--active .ls-ui-comp-search .ls-ui-input:-moz-placeholder {
    color: #767676; }
  .location-search--active .ls-ui-comp-search .ls-ui-input:-ms-input-placeholder {
    color: #767676; }

.location-search--active .ls-ui-comp-search .ls-ui-submit {
  background-position: 0 -460px; }

.location-search--active .ls-ui-comp-geolocation {
  background-color: #333635; }

@media screen and (min-width: 768px) {
  .location-search--active .location-search__inner {
    padding: 0 1rem 1rem; } }

@media screen and (min-width: 600px) {
  .location-search--active {
    padding-top: 94px; }
  .location-search__heading {
    font-size: 1.125rem; }
  .location-search .ls-ui-comp-search .ls-ui-input {
    font-size: 21px; }
    .location-search .ls-ui-comp-search .ls-ui-input::-webkit-input-placeholder {
      font-size: inherit;
      padding-top: 0; }
    .location-search .ls-ui-comp-search .ls-ui-input::-moz-placeholder {
      font-size: inherit;
      padding-top: 0; }
    .location-search .ls-ui-comp-search .ls-ui-input:-moz-placeholder {
      font-size: inherit;
      padding-top: 0; }
    .location-search .ls-ui-comp-search .ls-ui-input:-ms-input-placeholder {
      font-size: inherit;
      padding-top: 0; }
  .location-search .ls-ui-ctrl-geolocation.ls-ui-ctrl-primary.ls-ui-ctrl-active .ls-ui-ctrl-primary-search {
    margin-right: 104px; }
  .location-search .ls-ui-ctrl-geolocation.ls-ui-ctrl-active .ls-ui-comp-auto_complete,
  .location-search .ls-ui-ctrl-geolocation.ls-ui-ctrl-active .ls-ui-comp-search_results,
  .location-search .ls-ui-ctrl-geolocation.ls-ui-ctrl-active .ls-ui-comp-message {
    margin-right: 104px; }
  .location-search .ls-ui-ctrl-geolocation.ls-ui-ctrl-active .ls-ui-comp-geolocation {
    right: 50px; }
  .location-search .ls-ui-ctrl-primary.ls-ui-ctrl-active .ls-ui-ctrl-primary-search {
    margin-right: 52px; }
  .location-search .ls-ui-ctrl-primary .ls-ui-comp-auto_complete,
  .location-search .ls-ui-ctrl-primary .ls-ui-comp-search_results,
  .location-search .ls-ui-ctrl-primary .ls-ui-comp-message {
    margin-right: 52px; }
  .location-search .ls-ui-ctrl-primary .ls-ui-comp-close_button {
    top: 0px; } }

@media screen and (min-width: 1008px) {
  .location-search--active {
    padding-top: 92px; }
  .location-search__heading {
    font-size: 1rem; }
  .location-search .ls-ui-comp-search .ls-ui-input {
    font-size: 20px; } }

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 1.3dppx) {
  .location-search .ls-ui-comp-search .ls-ui-submit {
    background-position: 0 -495px; }
  .location-search--active .ls-ui-comp-search .ls-ui-submit {
    background-position: 0 -450px; } }

.weather-carousel {
  -webkit-transition: opacity 0.25s ease-in;
  -moz-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in;
  opacity: 0; }
  .weather-carousel::after {
    clear: both;
    content: "";
    display: table; }
  .weather-carousel.show {
    opacity: 1; }

.weather-carousel__slider {
  overflow: hidden;
  padding: 2rem 0 0; }

.weather-carousel__icon {
  height: 6.75rem;
  width: 8rem;
  background: rgba(255, 255, 255, 0.1);
  display: inline-block;
  font-size: 12px;
  margin-right: 0.0625rem;
  padding: 1rem;
  position: relative;
  text-align: center; }
  .weather-carousel__icon:before {
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    margin-bottom: -1.25rem; }
  .weather-carousel__icon:active, .weather-carousel__icon:hover, .weather-carousel__icon:focus {
    background: rgba(255, 255, 255, 0.05); }
  .weather-carousel__icon.is-clicked {
    background: rgba(255, 255, 255, 0); }
    .weather-carousel__icon.is-clicked:before {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2); }

.weather-carousel__tip {
  color: #FFF;
  font-size: 1rem;
  margin: 0;
  padding-bottom: 1rem;
  text-align: center; }

.weather-carousel__slider .flickity-viewport {
  padding-bottom: 1rem; }

.weather-carousel__slider .flickity-prev-next-button {
  display: none;
  height: 3rem;
  width: 3rem;
  background: #F18819;
  border: none;
  color: #FFF;
  font-size: 0.625rem;
  line-height: 3rem;
  padding: 0;
  text-align: center;
  z-index: 1; }
  .weather-carousel__slider .flickity-prev-next-button svg {
    display: none; }
  .weather-carousel__slider .flickity-prev-next-button:active, .weather-carousel__slider .flickity-prev-next-button:focus, .weather-carousel__slider .flickity-prev-next-button:hover {
    background: #FFF;
    color: #F18819; }
  .weather-carousel__slider .flickity-prev-next-button span {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    display: block; }
  .weather-carousel__slider .flickity-prev-next-button.next {
    position: absolute;
    top: 4rem;
    right: 0;
    bottom: auto;
    left: auto; }
  .weather-carousel__slider .flickity-prev-next-button.previous {
    position: absolute;
    top: 4rem;
    right: auto;
    bottom: auto;
    left: 0; }

@media screen and (min-width: 768px) {
  .weather-carousel__slider .flickity-prev-next-button {
    display: block; }
  .weather-carousel__tip {
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    padding: 0.5rem 0 1rem; } }

.temperature-dial {
  padding: 1.5rem 0;
  text-align: center; }

.temperature-dial__dial {
  height: 13.75rem;
  width: 18.75rem;
  margin: 0 auto;
  position: relative; }
  .temperature-dial__dial.active .temperature-dial__placeholder {
    opacity: 0; }
  .temperature-dial__dial.active .temperature-dial__value {
    opacity: 1; }
  .temperature-dial__dial.active .temperature-dial__description {
    opacity: 1; }
  .temperature-dial__dial.active #rep-temperature-dial {
    color: #FFF;
    opacity: 1; }

.temperature-dial__label {
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  color: #FFF;
  font-size: 0.8125rem;
  opacity: 0.1; }
  .temperature-dial__label.highlighted {
    opacity: 1; }
  .temperature-dial__label.fade {
    opacity: 0.1; }

.temperature-dial__label--cold {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 1.25rem;
  left: 1.25rem; }

.temperature-dial__label--hot {
  position: absolute;
  top: auto;
  right: 1.25rem;
  bottom: 1.25rem;
  left: auto; }

.temperature-dial__placeholder {
  position: absolute;
  top: 3.75rem;
  right: auto;
  bottom: auto;
  left: 50%;
  height: 100px;
  width: 100px;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  color: #FFF;
  font-size: 1rem;
  line-height: 1.1;
  margin-left: -3.125rem;
  text-align: center;
  z-index: 5; }
  .temperature-dial__placeholder:before {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 12px;
    left: 39%;
    font-size: 0.75rem; }

.temperature-dial__value {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 5.625rem;
  left: 50%;
  height: auto;
  width: 100px;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  color: #FFF;
  font-size: 2.25rem;
  line-height: 1.1;
  margin-left: -3.125rem;
  opacity: 0;
  text-align: center;
  z-index: 10; }

.temperature-dial__description {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 8.75rem;
  left: 50%;
  height: auto;
  width: 100px;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  color: #FFF;
  font-size: 1rem;
  line-height: 1.1;
  margin-left: -3.125rem;
  opacity: 0;
  text-align: center;
  z-index: 6; }

.temperature-dial__background {
  z-index: 4;
  position: absolute;
  top: 25px;
  left: 75px;
  width: 150px;
  height: 150px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 100px; }

.temperature-dial__background-pin {
  display: block;
  width: 111px;
  height: 128px;
  position: absolute;
  top: 18px;
  left: 19px; }

.temperature-dial__dial .rs-control {
  margin: 0 auto; }

.temperature-dial__dial .rs-handle {
  background-color: #F18819; }

.temperature-dial__dial .rs-range-color {
  background-color: #F18819; }

.rs-control {
  margin: 0 auto; }

#rep-temperature-dial {
  position: absolute;
  top: 25px;
  right: auto;
  bottom: auto;
  left: 65px;
  background-color: rgba(255, 255, 255, 0.2);
  background-position: center 25px;
  background-repeat: no-repeat;
  color: #DF272F;
  font-size: 2.25rem !important;
  font-weight: normal !important;
  border-radius: 100% !important;
  height: 170px !important;
  margin: 0 auto !important;
  width: 170px !important; }
  #rep-temperature-dial.active {
    color: #FFF; }

.temperature-slider {
  padding: 2rem; }

.temperature-slider__label {
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  color: #FFF;
  display: block;
  text-align: center; }

.temperature-slider__scale::after {
  clear: both;
  content: "";
  display: table; }

.temperature-slider__scale.highlighted .temperature-slider__range {
  opacity: 1; }

.temperature-slider__range {
  position: relative;
  float: left;
  font-size: 0.8125rem;
  text-align: center;
  list-style: none;
  padding-left: 1px; }
  .temperature-slider__range:before {
    position: absolute;
    top: -6px;
    left: 0;
    height: 24px;
    content: "";
    border-left: 1px solid #fff;
    opacity: 0.2; }
  .temperature-slider__range span {
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    color: #FFF;
    cursor: pointer;
    opacity: 0.1; }
    .temperature-slider__range span.active, .temperature-slider__range span:hover {
      opacity: 1; }

.temperature-slider__scale--winter .temperature-slider__range--arctic,
.temperature-slider__scale--spring .temperature-slider__range--arctic {
  width: 30%; }
  .temperature-slider__scale--winter .temperature-slider__range--arctic:before,
  .temperature-slider__scale--spring .temperature-slider__range--arctic:before {
    border: 0; }

.temperature-slider__scale--winter .temperature-slider__range--freezing,
.temperature-slider__scale--spring .temperature-slider__range--freezing {
  width: 15%; }

.temperature-slider__scale--winter .temperature-slider__range--cold,
.temperature-slider__scale--spring .temperature-slider__range--cold {
  width: 9%; }

.temperature-slider__scale--winter .temperature-slider__range--chilly,
.temperature-slider__scale--spring .temperature-slider__range--chilly {
  width: 9%; }

.temperature-slider__scale--winter .temperature-slider__range--mild,
.temperature-slider__scale--spring .temperature-slider__range--mild {
  width: 8%; }

.temperature-slider__scale--winter .temperature-slider__range--warm,
.temperature-slider__scale--spring .temperature-slider__range--warm {
  width: 8%; }

.temperature-slider__scale--winter .temperature-slider__range--hot,
.temperature-slider__scale--spring .temperature-slider__range--hot {
  width: 17%; }

.temperature-slider__scale--summer .temperature-slider__range--arctic,
.temperature-slider__scale--autumn .temperature-slider__range--arctic {
  width: 18%; }
  .temperature-slider__scale--summer .temperature-slider__range--arctic:before,
  .temperature-slider__scale--autumn .temperature-slider__range--arctic:before {
    border: 0; }

.temperature-slider__scale--summer .temperature-slider__range--freezing,
.temperature-slider__scale--autumn .temperature-slider__range--freezing {
  width: 17%; }

.temperature-slider__scale--summer .temperature-slider__range--cold,
.temperature-slider__scale--autumn .temperature-slider__range--cold {
  width: 8%; }

.temperature-slider__scale--summer .temperature-slider__range--chilly,
.temperature-slider__scale--autumn .temperature-slider__range--chilly {
  width: 8%; }

.temperature-slider__scale--summer .temperature-slider__range--mild,
.temperature-slider__scale--autumn .temperature-slider__range--mild {
  width: 8%; }

.temperature-slider__scale--summer .temperature-slider__range--warm,
.temperature-slider__scale--autumn .temperature-slider__range--warm {
  width: 8%; }

.temperature-slider__scale--summer .temperature-slider__range--hot,
.temperature-slider__scale--autumn .temperature-slider__range--hot {
  width: 17%; }

.temperature-slider__scale--summer .temperature-slider__range--scorching,
.temperature-slider__scale--autumn .temperature-slider__range--scorching {
  width: 16%; }

.rangeslider {
  border-radius: 0.625rem;
  margin: 1.5625rem 0 0.5rem; }

.rangeslider__fill {
  background: #F18819;
  border-radius: 0.625rem; }
  .rangeslider__fill:after {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #F18819;
    position: absolute;
    right: 0;
    content: ""; }

.rangeslider__handle {
  position: absolute;
  top: -5.4rem;
  right: auto;
  bottom: auto;
  left: auto;
  height: 68px;
  width: 68px;
  background: #F18819;
  border-radius: 0.9375rem;
  padding: 0.25rem;
  text-align: center; }
  .rangeslider__handle .initial-state {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    height: 60px;
    width: 60px;
    background: inherit;
    z-index: 2; }
    .rangeslider__handle .initial-state:before {
      margin-top: 0.75rem; }
  .rangeslider__handle .temp {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    height: 60px;
    width: 60px;
    color: #920B11;
    font-size: 2rem;
    letter-spacing: -0.03em;
    line-height: 3.75rem;
    z-index: 1; }
    .rangeslider__handle .temp:after {
      content: '°'; }
  .rangeslider__handle .icon-avg-temp {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    height: 68px;
    width: 68px; }
  .rangeslider__handle .tail {
    position: absolute;
    top: auto;
    right: auto;
    bottom: -0.625rem;
    left: 50%;
    height: 0;
    width: 0;
    border-left: 0.625rem solid transparent;
    border-right: 0.625rem solid transparent;
    border-top: 0.625rem solid #F18819;
    margin-left: -0.625rem; }
  .rangeslider__handle:active {
    background-image: none; }

.image-upload {
  margin-bottom: 1rem;
  position: relative; }

.image-upload__control {
  background: rgba(255, 255, 255, 0.2);
  padding: 0.5rem;
  position: relative; }

.image-upload__heading {
  color: #FFF;
  cursor: pointer;
  font-size: 1rem;
  font-weight: normal;
  line-height: 2rem;
  min-height: 2rem;
  padding: 0; }
  .image-upload__heading a {
    color: white;
    font-family: Helvetica, Arial, sans-serif; }
  .image-upload__heading:before {
    font-size: 0.625rem;
    margin-right: 0.5rem; }

.image-upload__heading--has-photo {
  float: left;
  height: auto;
  width: 50%; }
  .image-upload__heading--has-photo .image-upload__remove {
    display: block; }
  @media screen and (max-width: 400px) {
    .image-upload__heading--has-photo {
      width: 100%;
      margin-bottom: 0.625rem; } }

.image-upload__remove {
  display: none;
  padding-right: 8px;
  position: absolute;
  top: 16px;
  left: 48px;
  width: calc(50% - 48px);
  line-height: 1.2; }
  @media screen and (max-width: 400px) {
    .image-upload__remove {
      width: 100%; } }

.image-upload__preview {
  height: 6.75rem;
  width: 9rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 62px 50px;
  display: none;
  margin: 0.5rem auto 0;
  position: relative; }

.image-upload__preview--inactive {
  display: inline-block;
  overflow: hidden; }
  .image-upload__preview--inactive .image-upload__image {
    display: block;
    width: 100%;
    border: 2px solid #FFF; }
  @media screen and (max-width: 400px) {
    .image-upload__preview--inactive {
      display: block; } }

.image-upload__remove-button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  height: 2.25rem;
  width: 2.25rem;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  font-size: 0.625rem;
  padding: 0.25rem;
  border: 2px solid #FFF; }
  .image-upload__remove-button:active, .image-upload__remove-button:focus, .image-upload__remove-button:hover {
    background-color: #FFF; }
  .image-upload__remove-button span {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    display: block; }

.image-upload__modal {
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  z-index: 10; }

.image-upload__modal-inner {
  background: #FFF;
  padding: 1rem; }

.image-upload__upload-button {
  background: #F18819;
  color: #920B11;
  font-size: 1rem;
  padding: 0.5rem 1rem; }
  .image-upload__upload-button:active, .image-upload__upload-button:focus, .image-upload__upload-button:hover {
    background: #DBDBD8;
    color: #920B11; }

.image-upload__cancel-button {
  background: #F3F3F3;
  color: #1D1D1D;
  display: inline-block;
  float: right;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 0.5rem 1rem; }
  .image-upload__cancel-button:active, .image-upload__cancel-button:focus, .image-upload__cancel-button:hover {
    background: #1D1D1D;
    color: #FFF; }

.image-upload__modal-list {
  padding-left: 1rem; }
  .image-upload__modal-list li {
    font-size: 0.8125rem;
    margin-bottom: 0.5rem; }

.image-upload__modal-heading {
  color: #DF272F;
  font-size: 1.25rem; }

@media screen and (min-width: 768px) {
  .image-upload {
    position: static;
    margin-right: 1.2%;
    width: 49.4%;
    float: left; }
  .image-upload__control {
    min-height: 11.0625rem; }
  .image-upload__heading {
    height: auto;
    width: 100%; }
  .image-upload__heading--has-photo {
    height: auto;
    width: 100%;
    float: none;
    white-space: nowrap; }
  .image-upload__preview {
    background-image: url("../images/global/photo-preview-default.png");
    display: block;
    text-align: center; } }
  @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 768px) and (min-resolution: 125dpi), only screen and (min-width: 768px) and (min-resolution: 1.3dppx) {
    .image-upload__preview {
      background-image: url("../images/global/photo-preview-default_2x.png");
      background-size: 62px 50px; } }

@media screen and (min-width: 768px) {
  .image-upload__preview--active {
    opacity: 0.3;
    cursor: pointer; }
    .image-upload__preview--active:hover {
      opacity: 1; }
  .image-upload__preview--inactive {
    display: block; }
  .image-upload__modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #DF272F;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    width: auto; }
  .image-upload__modal-inner {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%;
    margin-left: 17.0596085997%;
    margin-top: 2rem; }
    .image-upload__modal-inner:last-child {
      margin-right: 0; }
  .image-upload__modal-heading {
    font-size: 1.75rem; }
  .image-upload__modal-list li {
    font-size: 1rem; } }

.report-notes-input {
  background: rgba(255, 255, 255, 0.2);
  margin-bottom: 1rem;
  overflow: hidden;
  padding: 0.5rem; }

.report-notes-input__label {
  color: #FFF;
  font-size: 1rem;
  line-height: 2rem;
  min-height: 2rem; }
  .report-notes-input__label:before {
    font-size: 0.625rem;
    margin-right: 0.5rem; }
  .report-notes-input__label .has-value {
    display: none; }

.report-notes-input__input {
  height: auto;
  width: 100%;
  background: #FFF;
  border: none;
  border-radius: 0;
  font-size: 1rem;
  margin-top: 0.5rem;
  min-height: 7.5rem;
  padding: 0.5rem;
  resize: none; }
  .report-notes-input__input--hide {
    display: none; }

@media screen and (min-width: 768px) {
  .report-notes-input {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%; }
    .report-notes-input:last-child {
      margin-right: 0; }
  .report-notes-input__input {
    display: block; } }

.dropdown {
  position: relative;
  margin-bottom: 0.5rem;
  background: #FFF;
  color: #767676; }
  .dropdown__label {
    display: table-cell;
    vertical-align: middle;
    background: #DF272F;
    padding: 0.5rem;
    pointer-events: none; }
  .dropdown__hidden-input {
    display: none; }
  .dropdown__field {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    display: table-cell;
    vertical-align: middle;
    height: 3.375rem;
    width: 100%;
    margin: 0;
    padding: 0.5rem;
    border: none;
    border-radius: 0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1rem;
    overflow: hidden;
    text-overflow: ellipsis; }
  .dropdown__units {
    display: table-cell;
    vertical-align: middle;
    background: #FFF;
    color: #DF272F;
    line-height: 2rem;
    height: 2rem;
    padding: 0.5rem 1rem 0.5rem 0.5rem;
    width: 10%;
    height: auto;
    line-height: 1;
    padding: 0 1rem 0 0.5rem;
    vertical-align: middle;
    text-align: right; }
  .dropdown__wrapper {
    display: none;
    position: absolute;
    top: 54px;
    left: 0;
    width: 100%;
    background-color: #FFF;
    z-index: 1;
    overflow-y: auto;
    height: 9.375rem;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    outline: none;
    margin: 0; }
    .dropdown__wrapper--active {
      display: block; }
  .dropdown__list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .dropdown__list-item {
    background-color: #FFF;
    color: #DF272F;
    padding: 0.1875rem 0 0.1875rem 0.3125rem;
    margin: 0;
    cursor: pointer;
    white-space: nowrap;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1rem; }
    .dropdown__list-item:hover {
      background: #DBDBD8; }
    .dropdown__list-item--selected {
      color: #FFF;
      background: #F18819; }
  .dropdown--wind-direction {
    display: table-cell;
    vertical-align: middle;
    background: #DF272F;
    color: #FFF;
    min-width: 6.5625rem;
    width: 6.5625rem; }
    .dropdown--wind-direction:after {
      top: 50%;
      right: 0.5rem;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(136, 183, 213, 0);
      border-top-color: #ffffff;
      border-width: 10px;
      margin-top: -5px; }
    .dropdown--wind-direction.dropdown--active:after {
      border-top-color: transparent;
      border-bottom-color: #ffffff;
      margin-top: -15px; }
  .dropdown--active .dropdown__wrapper {
    display: block; }

.advanced-options {
  background: rgba(255, 255, 255, 0.2);
  margin: 0 0.5rem 1rem;
  z-index: 10; }
  .advanced-options__header {
    color: #FFF;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1rem;
    line-height: 2rem;
    min-height: 2rem;
    padding: 0.5rem;
    width: 100%; }
    .advanced-options__header:before {
      margin: -0.25rem 0.5rem 0 0; }
    .advanced-options__header--active:before {
      color: green; }
  .advanced-options__content {
    position: relative;
    font-size: 1rem;
    clear: both;
    display: none;
    padding: 1em 0.5rem 0; }
    .advanced-options__content--open {
      display: block; }
      .advanced-options__content--open::after {
        clear: both;
        content: "";
        display: table; }
  .advanced-options__wind-container {
    display: table;
    margin-bottom: 0.5rem;
    width: 100%; }
  .advanced-options__wind-speed {
    width: 100%;
    margin: 0; }
  .advanced-options__help-link {
    color: #FFF;
    display: block;
    float: left;
    margin: 0.5rem 0 1rem; }
    .advanced-options__help-link:active, .advanced-options__help-link:hover {
      text-decoration: underline; }
  .advanced-options__help-link-icon {
    float: left;
    margin-right: 6px; }

/* ===========================
   Modules: Card stream
   =========================== */
.map-stream .card {
  margin-bottom: 2.5rem; }
  .map-stream .card .btn-report-photo {
    color: #FFF; }
    .map-stream .card .btn-report-photo:hover {
      color: #FFF;
      text-decoration: underline; }

.card-stream--nearby h2, .card-stream--nearby .story .description p, .story .description .card-stream--nearby p {
  color: #FFF;
  font-size: 1.75rem;
  padding: 1.5rem 0; }
  @media screen and (min-width: 768px) {
    .card-stream--nearby h2, .card-stream--nearby .story .description p, .story .description .card-stream--nearby p {
      font-size: 2.25rem; } }

@media screen and (min-width: 600px) and (max-width: 1007px) {
  .card-stream--nearby .card:nth-child(3) {
    margin-right: 0; }
  .card-stream--nearby .card:nth-child(4) {
    display: none; } }

.card-stream {
  background: #DF272F;
  overflow: hidden;
  padding: 1rem 0; }
  .card-stream .grid .notice {
    display: none; }
  .card-stream .grid .notice--editors-pick {
    display: block; }
  @media screen and (min-width: 768px) {
    .card-stream {
      padding: 1rem 0; } }
  .card-stream .cards {
    position: relative;
    padding: 0; }
  .card-stream .card {
    margin-bottom: 1rem; }
    .card-stream .card .photo {
      width: 100%; }
      @media screen and (min-width: 1008px) {
        .card-stream .card .photo {
          height: 11rem;
          width: 100%; } }
      @media screen and (min-width: 1008px) {
        .card-stream .card .photo img {
          position: relative;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          height: 100%;
          width: 100%;
          -webkit-transition: all 0.25s ease-in-out;
          -moz-transition: all 0.25s ease-in-out;
          transition: all 0.25s ease-in-out; } }
      @media screen and (min-width: 1008px) {
        .card-stream .card .photo:hover img {
          position: relative;
          top: -5%;
          right: -5%;
          bottom: -5%;
          left: -5%;
          height: 110%;
          width: 110%; } }
    .card-stream .card .btn-report-photo {
      display: none; }
    @media screen and (max-width: 399px) {
      .card-stream .card {
        margin-left: 0%;
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%; }
        .card-stream .card:last-child {
          margin-right: 0; }
        .card-stream .card:nth-child(n+4) {
          display: none; }
          .card-stream .card:nth-child(n+4):not(.card--placeholder):not(.btn-create-report) {
            display: block; } }
    @media screen and (min-width: 400px) and (max-width: 599px) {
      .card-stream .card {
        margin-left: 0%;
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%; }
        .card-stream .card:last-child {
          margin-right: 0; }
        .card-stream .card:nth-child(2n) {
          margin-right: 0; }
        .card-stream .card:nth-child(2n+1) {
          clear: left; }
        .card-stream .card:nth-child(n+5) {
          display: none; }
          .card-stream .card:nth-child(n+5):not(.card--placeholder):not(.btn-create-report) {
            display: block; }
        .card-stream .card:nth-child(4).card--placeholder-special {
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          min-height: 0px; }
        .card-stream .card:nth-child(6).card--placeholder-special {
          display: block;
          position: absolute;
          right: 0;
          top: 50%;
          bottom: 0;
          min-height: 0px; }
        .card-stream .card--empty {
          display: none; } }
    @media screen and (min-width: 600px) and (max-width: 1007px) {
      .card-stream .card {
        margin-left: 0%;
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%; }
        .card-stream .card:last-child {
          margin-right: 0; }
        .card-stream .card:nth-child(4n) {
          margin-right: 0; }
        .card-stream .card:nth-child(4n+1) {
          clear: left; }
        .card-stream .card:nth-child(n+5) {
          display: none; }
        .card-stream .card:nth-child(4).card--placeholder-special {
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          min-height: 0px; } }
    @media screen and (min-width: 1008px) {
      .card-stream .card {
        margin-left: 0%;
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
        min-height: 18.9375rem; }
        .card-stream .card:last-child {
          margin-right: 0; }
        .card-stream .card:nth-child(5n) {
          margin-right: 0; }
        .card-stream .card:nth-child(5n+1) {
          clear: left; }
        .card-stream .card:nth-child(n+6) {
          display: none; }
        .card-stream .card--empty {
          min-height: 0px; } }
    .card-stream .card--placeholder {
      min-height: 18.9375rem;
      border: 1px dashed #000;
      background-color: transparent; }
  .card-stream .btn-my-reports {
    background: #F18819;
    color: #920B11;
    display: block;
    float: none !important;
    margin: 1rem auto 2rem auto;
    font-size: 1rem; }
    .card-stream .btn-my-reports:hover, .card-stream .btn-my-reports:active {
      background: #FFF;
      color: #920B11; }
    @media screen and (min-width: 1008px) {
      .card-stream .btn-my-reports {
        float: left;
        display: block;
        width: 25.5894128995%; }
        .card-stream .btn-my-reports:last-child {
          width: 23.2317613015%; } }
    @media screen and (min-width: 600px) and (max-width: 1007px) {
      .card-stream .btn-my-reports {
        float: left;
        display: block;
        width: 34.1192171993%; }
        .card-stream .btn-my-reports:last-child {
          width: 31.7615656014%; } }
    @media screen and (min-width: 400px) and (max-width: 599px) {
      .card-stream .btn-my-reports {
        float: left;
        display: block;
        width: 51.178825799%; }
        .card-stream .btn-my-reports:last-child {
          width: 48.821174201%; } }
    @media screen and (max-width: 399px) {
      .card-stream .btn-my-reports {
        float: left;
        display: block;
        width: 102.357651598%; }
        .card-stream .btn-my-reports:last-child {
          width: 100%; } }
  .card-stream .btn-create-report {
    background: #F18819;
    color: #920B11;
    display: block;
    margin-bottom: 1rem;
    clear: none !important; }
    .card-stream .btn-create-report:active, .card-stream .btn-create-report:focus, .card-stream .btn-create-report:hover {
      background: #FFF;
      color: #920B11; }
    .card-stream .btn-create-report.btn-create-report-small {
      font-size: 1.25rem;
      min-height: 3.75rem;
      padding: 1.5rem;
      display: block; }
      @media screen and (min-width: 600px) {
        .card-stream .btn-create-report.btn-create-report-small {
          display: none; } }
      .card-stream .btn-create-report.btn-create-report-small:before {
        font-size: 0.5rem;
        margin-top: -0.5rem; }
    .card-stream .btn-create-report.btn-create-report-med {
      display: none;
      margin-bottom: 1rem; }
      @media screen and (min-width: 600px) {
        .card-stream .btn-create-report.btn-create-report-med {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0; } }
      .card-stream .btn-create-report.btn-create-report-med:before {
        position: absolute;
        top: 38%;
        right: auto;
        bottom: auto;
        left: 50%;
        font-size: 0.5rem;
        margin-left: -1.1875rem;
        text-align: center; }
      .card-stream .btn-create-report.btn-create-report-med span {
        position: absolute;
        top: 54%;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        font-size: 1.25rem;
        text-align: center; }

.masthead {
  min-height: 3.375rem;
  padding-top: 1.125rem; }
  .masthead__brand {
    display: block;
    margin-bottom: 1.1875rem;
    background-image: url("../images/summer/logo/logo-small.png");
    height: 20px;
    width: 208px;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      .masthead__brand {
        background-image: url("../images/summer/logo/logo-small_2x.png");
        background-size: 208px 20px; } }
  @media screen and (min-width: 400px) {
    .masthead__brand {
      margin-left: 0.5rem; } }
  @media screen and (min-width: 768px) {
    .masthead {
      min-height: 5.625rem;
      padding-top: 1.75rem; }
      .masthead__brand {
        background-image: url("../images/summer/logo/logo.gif");
        height: 76px;
        width: 450px;
        margin-top: -28px;
        margin-left: -7px; } }
    @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 768px) and (min-resolution: 125dpi), only screen and (min-width: 768px) and (min-resolution: 1.3dppx) {
      .masthead__brand {
        background-image: url("../images/summer/logo/logo_2x.gif");
        background-size: 450px 90px; } }

.navigation {
  display: none;
  background: #DF272F; }
  .navigation .grid {
    padding: 0; }
  .navigation__menu {
    padding: 0.5rem;
    padding-top: 0.6875rem;
    font-size: 1rem;
    background: #FFF;
    border: 1px solid #DBDBD8;
    color: #DF272F;
    position: absolute;
    right: 8px;
    bottom: 11px; }
    .navigation__menu--active {
      padding-right: 1rem;
      padding-bottom: 1.1875rem;
      right: 0;
      bottom: 0;
      background: #DF272F;
      border-color: #DF272F;
      color: #FFF; }
  .navigation__menu-icon {
    display: block;
    float: left;
    width: 13px;
    height: 13px;
    margin-right: 7px; }
  .navigation__list {
    list-style: none;
    margin: 0;
    padding: 0; }
  .navigation__item {
    font-size: 1rem;
    border-bottom: 1px solid rgba(146, 11, 17, 0.6); }
    .navigation__item:last-child {
      border-bottom: 4px solid #F18819; }
    .navigation__item--active .navigation__link {
      padding-left: 12px;
      border-left: 4px solid #920B11; }
  .navigation__link {
    display: block;
    color: #FFF;
    padding: 8px 16px; }
    .navigation__link:hover, .navigation__link:active {
      background-color: rgba(146, 11, 17, 0.3); }
  .navigation--primary {
    margin: 0;
    position: relative;
    display: block; }
  .navigation--active {
    display: block; }
  @media screen and (min-width: 768px) {
    .navigation {
      display: block; }
      .navigation .grid {
        padding: 0 16px; }
      .navigation--primary {
        display: none; }
      .navigation__item {
        display: inline-block;
        border-bottom: 0; }
        .navigation__item:last-child {
          border-bottom: 0; }
        .navigation__item--active .navigation__link {
          padding-left: 0;
          border-left: 0;
          padding-bottom: 4px;
          border-bottom: 4px solid #920B11; }
      .navigation__link {
        padding: 8px 0; }
        .navigation__link span {
          display: inline-block;
          padding: 0 12px;
          border-right: 1px solid rgba(146, 11, 17, 0.6);
          margin-right: -2px; }
        .navigation__link:hover, .navigation__link:active {
          border-bottom: 4px solid #920B11;
          padding-bottom: 4px;
          background-color: transparent; } }

.reports {
  background-color: #F3F3F3; }
  .reports__header {
    position: relative;
    padding-top: 1px; }
  .reports__no-reports {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
    margin-left: 25.5894128995%;
    text-align: center;
    font-size: 0.875rem;
    margin-top: 1.375rem;
    margin-bottom: 1.375rem;
    color: #767676; }
    .reports__no-reports:last-child {
      margin-right: 0; }
  .reports__back-to-top {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
    margin-left: 25.5894128995%; }
    .reports__back-to-top:last-child {
      margin-right: 0; }

.header {
  background: #DF272F;
  font-family: Helvetica, Arial, sans-serif;
  color: #FFF; }
  .header__title {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    margin-top: 1.375rem;
    margin-bottom: -0.25rem; }
  .header__info {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1rem;
    margin-top: 0.75rem;
    margin-bottom: 1rem;
    min-height: 1rem; }
  @media screen and (min-width: 600px) {
    .header__title {
      font-size: 2.25rem;
      margin-top: 1.75rem; }
    .header__info {
      font-size: 1.125rem;
      margin-top: 0.625rem;
      margin-bottom: 2rem; } }
  @media screen and (min-width: 768px) {
    .header {
      margin-top: -1px;
      border-top: 1px solid rgba(146, 11, 17, 0.6); } }
  @media screen and (min-width: 1008px) {
    .header__summary {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 65.8807828007%; }
      .header__summary:last-child {
        margin-right: 0; }
    .header__title {
      font-size: 2rem;
      margin-top: 3rem;
      margin-bottom: -0.3125rem; }
    .header__info {
      font-size: 1rem;
      margin-top: 1.25rem;
      margin-bottom: 3rem; } }

.report-buckets__title {
  position: relative;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  position: relative;
  margin-top: 1.125rem;
  text-align: center;
  height: 3rem; }
  .report-buckets__title:last-child {
    margin-right: 0; }

.report-buckets__label {
  display: inline-block;
  position: relative;
  top: 0.8125rem;
  z-index: 1;
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 1.375rem;
  height: 1.375rem;
  font-size: 1.125rem;
  background-color: #F3F3F3; }

.report-buckets__rule {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  position: relative;
  display: block;
  content: "";
  height: 1px;
  border-bottom: 1px dotted #767676;
  top: 1.5rem; }
  .report-buckets__rule:last-child {
    margin-right: 0; }

.report-buckets__item {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 82.9403914003%;
  margin-left: 8.5298042998%;
  margin-top: 1rem; }
  .report-buckets__item:last-child {
    margin-right: 0; }

.report-buckets__show-more {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  margin-top: 2rem; }
  .report-buckets__show-more:last-child {
    margin-right: 0; }

@media screen and (min-width: 400px) and (max-width: 599px) {
  .report-buckets__item {
    margin-left: 0%;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%; }
    .report-buckets__item:last-child {
      margin-right: 0; }
    .report-buckets__item:nth-child(2n) {
      margin-right: 0; }
    .report-buckets__item:nth-child(2n+1) {
      clear: left; } }

@media screen and (min-width: 600px) and (max-width: 1007px) {
  .report-buckets__title {
    margin-top: 1.5rem; }
  .report-buckets__label {
    font-size: 1.3125rem;
    line-height: 1.5rem;
    top: 0.6875rem; }
  .report-buckets__item {
    margin-left: 0%;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%; }
    .report-buckets__item:last-child {
      margin-right: 0; }
    .report-buckets__item:nth-child(3n) {
      margin-right: 0; }
    .report-buckets__item:nth-child(3n+1) {
      clear: left; }
  .report-buckets__show-more {
    margin-left: 34.1192171993%;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%; }
    .report-buckets__show-more:last-child {
      margin-right: 0; } }

@media screen and (min-width: 1008px) {
  .report-buckets__title {
    margin-top: 2rem; }
  .report-buckets__label {
    font-size: 1.25rem; }
  .report-buckets__item {
    margin-left: 0%;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 23.2317613015%; }
    .report-buckets__item:last-child {
      margin-right: 0; }
    .report-buckets__item:nth-child(4n) {
      margin-right: 0; }
    .report-buckets__item:nth-child(4n+1) {
      clear: left; }
  .report-buckets__show-more {
    margin-left: 34.1192171993%;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%; }
    .report-buckets__show-more:last-child {
      margin-right: 0; } }

.button {
  color: #920B11;
  background: #F18819;
  cursor: pointer;
  padding: 1rem;
  border: 0;
  position: relative;
  text-align: center; }
  .button:hover, .button:active {
    background: #FFF;
    color: #920B11; }
  .button:disabled {
    background: #DBDBD8;
    color: #767676;
    cursor: auto; }
  .button__spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px;
    animation: spin linear 1s infinite;
    -webkit-animation: spin linear 1s infinite;
    -moz-animation: spin linear 1s infinite;
    -o-animation: spin linear 1s infinite; }

.button--loading {
  background: transparent; }
  .button--loading .button__label {
    visibility: hidden; }
  .button--loading .button__spinner {
    display: block; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(360deg); } }

.back-to-top {
  text-align: center;
  font-size: 0.875rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  color: #767676; }
  .back-to-top__icon {
    display: inline-block;
    vertical-align: top;
    margin-right: 0.5rem; }

.settings {
  background: #DF272F;
  color: #FFF;
  padding: 1px 0 2rem 0; }
  .settings__content {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%; }
    .settings__content:last-child {
      margin-right: 0; }
  .settings__heading {
    margin-top: 2rem;
    font-family: Helvetica, Arial, sans-serif; }
  .settings__subheading {
    margin-top: 1.5rem;
    font-family: Helvetica, Arial, sans-serif; }
  .settings__saved {
    margin: 22px 0; }
    .settings__saved span {
      margin-left: 8px; }
    .settings__saved:before {
      margin-top: -6px; }
  .settings__nickname {
    position: relative; }
    .settings__nickname--error .settings__input {
      border-color: #F18819;
      padding-right: 42px; }
    .settings__nickname--error .settings__input:before {
      width: 32px;
      height: 28px;
      content: '';
      display: block; }
    .settings__nickname--error .settings__error-icon,
    .settings__nickname--error .settings__error {
      display: block; }
  .settings__hint {
    color: inherit;
    margin: 0.75rem 0; }
  .settings__notice {
    display: block;
    background: #F18819;
    color: #920B11;
    padding: 8px;
    margin: 8px 0; }
    .settings__notice strong {
      display: block;
      font-weight: bold; }
    .settings__notice--pending {
      margin-top: 0; }
    .settings__notice--error {
      background: #F18819;
      color: #920B11; }
  .settings__label {
    display: none; }
  .settings__input-wrapper {
    background: #FFF;
    position: relative; }
  .settings__input {
    padding: 0.75rem 0.5rem;
    display: block;
    width: 100%;
    border: 2px solid #FFF; }
    .settings__input:disabled {
      background: #DBDBD8;
      border-color: #DBDBD8; }
  .settings__error-icon {
    display: none;
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -15px;
    width: 32px;
    height: 28px; }
  .settings__error {
    display: none;
    background: #F18819;
    color: #920B11;
    padding: 0.5rem; }
    .settings__error strong {
      display: block;
      font-weight: bold; }
  .settings__save {
    margin-top: 1.75rem;
    width: 100%; }
  @media screen and (min-width: 600px) {
    .settings__content {
      position: relative;
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 57.3509785009%; }
      .settings__content:last-child {
        margin-right: 0; }
    .settings__nickname--focus .settings__hint {
      display: block; }
    .settings__nickname--error .settings__hint {
      display: none; }
    .settings__hint {
      display: none;
      background: #920B11;
      position: absolute;
      padding: 8px;
      left: 100%;
      top: 50%;
      width: 230px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      margin: 0 0 0 16px; }
      .settings__hint:before {
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: -0.625rem;
        height: 0;
        width: 0;
        border-top: 0.625rem solid transparent;
        border-bottom: 0.625rem solid transparent;
        border-right: 0.625rem solid #920B11;
        content: '';
        display: block;
        margin-top: -0.625rem; }
    .settings__input {
      margin-top: 12px; }
    .settings__error {
      position: absolute;
      padding: 8px;
      left: 100%;
      top: 50%;
      width: 230px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      margin: 0 0 0 16px; }
      .settings__error:before {
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: -0.625rem;
        height: 0;
        width: 0;
        border-top: 0.625rem solid transparent;
        border-bottom: 0.625rem solid transparent;
        border-right: 0.625rem solid #F18819;
        content: '';
        display: block;
        margin-top: -0.625rem; } }
  @media screen and (min-width: 768px) {
    .settings {
      margin-top: -1px;
      border-top: 1px solid rgba(146, 11, 17, 0.6); }
      .settings__hint, .settings__error {
        width: 300px; } }
  @media screen and (min-width: 1008px) {
    .settings__content {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%; }
      .settings__content:last-child {
        margin-right: 0; } }