@font-face {
    font-family: Interstate;
    src: url(/fonts/newfonts/Interstate-Bold3.woff) format("woff");
    font-weight: 700;
}

@font-face {
    font-family: Interstate;
    src: url(/fonts/newfonts/Interstate-Bold5.woff) format("woff");
    font-weight: 800;
}

@font-face {
    font-family: 'Interstate Mono';
    src: url(/fonts/newfonts/InterstateMono.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Interstate BoldCn';
    src: url(/fonts/newfonts/Interstate-BoldCondensed.woff) format("woff");
    font-weight: 700;
    font-style: bold;
    font-stretch: condensed;
}

@font-face {
    font-family: 'Interstate Cn';
    src: url(/fonts/newfonts/Interstate-RegularCondensed.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: condensed;
}

@font-face {
    font-family: Interstate;
    src: url(/fonts/newfonts/Interstate-Regular.woff) format("woff");
    font-weight: 400 500;
    font-style: normal
}

@font-face {
    font-family: 'Interstate2';
    src: url(/fonts/newfonts/Interstate-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Zemestro Std';
    src: url(/fonts/ZemestroStd.woff2) format("woff2"), url(/fonts/ZemestroStd.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'PressureArrow';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/encodesansexpanded/v8/c4m_1mF4GcnstG_Jh1QH6ac4hNLeNyeYUpolKQZidIAa.woff2) format('woff');
    unicode-range: U+2191,U+2193;
}

@font-face {
    font-family: Frutiger;
    src: url(/fonts/newfonts/Frutiger.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Frutiger;
    src: url(/fonts/newfonts/Frutiger_Bold.woff) format("woff");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Frutiger LT';
    src: url(/fonts/newfonts/FrutigerLT-66BdIt.woff) format("woff");
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger 57 Condensed';
    src: url(/fonts/newfonts/Frutiger-57Cn.woff) format("woff");
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger Bold Cn';
    src: url(/fonts/newfonts/FrutigerBoldCn.woff) format("woff");
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger BQ';
    src: url(/fonts/newfonts/FrutigerCondensedBQ-Black.woff) format("woff");
    font-style: normal;
}

.mapboxgl-ctrl-attrib {
    display: none;
}

.maplibregl-canvas {
    filter: drop-shadow(3px 3px 0px rgba(23, 23, 23, 1));
}

.mapboxgl-ctrl-logo {
    display: none !important;
}

.info-slide .nodata {
    transform-origin: left;
    position: absolute;
    white-space: nowrap;
    font-family: 'Frutiger 57 Condensed';
    padding-top: 34%;
    text-align: center;
    color: #ebebeb;
    font-size: 69px;
    width: 100%;
    text-shadow: #141414 2.33807px 3.00663px 1.33711px;
    z-index: 2000
}

.info-slide .tempunavailable {
    transform-origin: left;
    position: absolute;
    white-space: nowrap;
    font-family: 'Frutiger Bold Cn';
    padding-top: 34%;
    text-align: center;
    color: #ebebeb;
    font-size: 69px;
    width: 100%;
    text-shadow: #141414 2.33807px 3.00663px 1.33711px;
    z-index: 2000
}

.radar-slide .tempunavailable {
    transform: translate(0, 0);
}

.info-slide .noreport {
  transform-origin: left;
  position: absolute;
  white-space: nowrap;
  font-family: 'Frutiger 57 Condensed';
  padding-top: 34%;
  text-align: center;
  color: #ebebeb;
  font-size: 69px;
  width: 100%;
  text-shadow: #141414 2.33807px 3.00663px 1.33711px;
  z-index: 2000
}

.severe-city-info-slide .frost-pane {
    background: url(/images/newbg/severefrostpane.svg);
    background-repeat: no-repeat;
    background-size: 1065px 1164px;
}

.info-slide-content.severe-weatherstatement .frost-pane {
    background-color: rgba(0, 0, 0, 0);
    background: url(/images/newbg/sev_wx_statement.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100.5% 684.5px;
    width: 100%;
    transform: translate(0,0px);
    margin-top: 238px;
    margin-left: 75px;
    z-index: 510;
}

    .info-slide-content.severe-weatherstatement .frost-pane .statement {
        font-family: 'Frutiger 57 Condensed';
        font-size: 57px;
        color: #ebebeb;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
        line-height: 170%;
        text-align: center;
        width: 95%;
        padding-left: 14%;
        padding-right: 8%;
        padding-top: 79px;
        transform: scale(104%,100%);
        z-index: 515;
    }

    .severe-city-info .frost-pane:first-of-type {
        min-width: 50%;
        margin-right: 0.8%;
        background-position: -62px -449px;
        background-size: 1446px 1582px;
        margin-left: 136px;
        margin-top: 243px;
    }

    .severe-city-info .frost-pane.left * {
        position: absolute;
        padding-top: 15px;
        line-height: 95px;
    }

    .severe-frost-pane .labels {
        font-family: 'Frutiger Bold CN';
        top: -16px;
        letter-spacing: 1px;
        color: #ffd40e;
        left: 120.78px;
        transform: scale(97%,100%);
        transform-origin: left;
        font-size: 53.5px;
    }

    .severe-city-info .frost-pane .data {
        font-family: 'Frutiger Bold CN';
        top: -16px;
        letter-spacing: 1px;
        color: #ebebeb;
        left: 64%;
        transform: scale(97%,100%);
        transform-origin: left;
        text-align: right;
        font-size: 53.5px;
    }

    .severe-city-info .frost-pane.right {
        background-position: -795px -449px;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 243px;
        background-size: 1446px 1582px;
    }

    .severe-city-info .frost-pane .icon {
        background-repeat: no-repeat;
        background-size: 3700% 95.65%;
        background-position: 51.35% 77.5%;
        width: 302px;
        height: 302px;
        position: absolute;
        transform: translate(0, -47.5px);
        margin-right: 100px;
        top: 27px;
    }

    .severe-city-info .frost-pane .conditions {
        font-family: Frutiger;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        font-size: 48px;
        font-weight: bold;
        line-height: 110%;
        top: 308px;
        text-align: center;
        text-transform: capitalize;
        overflow-wrap: break-word;
        width: 55%;
        height: 50px;
        transform: translate(-16px, 0px) scale(103%, 100%);
        transform-origin: left;
        margin-right: 100px;
    }

    .severe-city-info .frost-pane .temp {
        font-family: 'Frutiger BQ';
        font-size: 100px;
        font-weight: 100;
        position: absolute;
        top: 441px;
        transform: translate(-8px, -2px) scale(100%, 100%);
        transform-origin: left;
        margin-right: 100px;
    }

    .info-slide-content.severe-daypart {
        flex-direction: row
    }

    .info-slide-content.severe-daypart .frost-pane {
        height: 582px;
        padding-left: 106px;
        display: flex;
        background-position: -62px -494px;
        flex-direction: row;
        transform: translate(0px, 45px);
        margin-top: 253px;
        margin-left: 136px;
        background-size: 1446px 1582px
    }

    .info-slide-content.severe-daypart .hour {
        width: 200px;
        margin-right: 73px;
        height: 90%;
        align-items: center;
    }

    .info-slide-content.severe-daypart .hour.i .thing {
        height: 45px;
        width: 240px;
        padding-left: 30px;
        transform: translate(-40px, -45px);
    }

    .info-slide-content.severe-daypart .hour.i .thingbg {
        position: absolute;
        right: -73px;
        height: 45px;
        width: 122.5%;
        background: #3e3d3e;
        -webkit-mask-image: url(/images/newbg/severefrostpane.svg);
        -webkit-mask-position: -147px -449px;
        -webkit-mask-size: 1446px 1582px;
    }
    .info-slide-content.severe-daypart .hour.ii .thing {
        height: 45px;
        width: 198px;
        transform: translate(0px, -45px);
    }

    .info-slide-content.severe-daypart .hour.ii .thingbg {
        position: absolute;
        height: 45px;
        width: 138%;
        background: #3e3d3e;
        -webkit-mask-image: url(/images/newbg/severefrostpane.svg);
        -webkit-mask-position: -423px -449px;
        -webkit-mask-size: 1446px 1582px;
    }

    .info-slide-content.severe-daypart .hour.iii .thing {
        height: 45px;
        width: 198px;
        transform: translate(0px, -45px);
    }

    .info-slide-content.severe-daypart .hour.iii .thingbg {
        position: absolute;
        height: 45px;
        width: 138%;
        background: #3e3d3e;
        -webkit-mask-image: url(/images/newbg/severefrostpane.svg);
        -webkit-mask-position: -669px -449px;
        -webkit-mask-size: 1446px 1582px;
    }

    .info-slide-content.severe-daypart .hour.iv .thing {
        height: 45px;
        width: 240px;
        transform: translate(0px, -45px);
    }

    .info-slide-content.severe-daypart .hour.iv .thingbg {
        position: absolute;
        height: 45px;
        width: 138%;
        background: #3e3d3e;
        -webkit-mask-image: url(/images/newbg/severefrostpane.svg);
        -webkit-mask-position: -989px -449px;
        -webkit-mask-size: 1446px 1585px;
    }

    .info-slide-content.severe-daypart .hour .thing .thingtext {
        color: #ebebeb;
        font-family: Frutiger;
        font-size: 42px;
        width: 140px;
        height: 100%;
        transform: translate(0px, 1px) scale(100%, 100%);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .info-slide-content.severe-daypart .hour.i .thing .thingtext {
        width: 193px;
        margin-left: 16px;
        text-align: center;
    }

    .info-slide-content.severe-daypart .hour.ii .thing .thingtext {
        width: 187px;
        margin-left: 6px;
    }

    .info-slide-content.severe-daypart .hour.iii .thing .thingtext {
        width: 180px;
        margin-left: 6px;
    }

    .info-slide-content.severe-daypart .hour.iv .thing .thingtext {
        width: 180px;
        margin-left: 6px;
    }

    .info-slide-content.severe-daypart .tempbar {
		position: absolute;
	    width: 200px;
		height: 0px;
		background-color: #fefd5d;
        background: linear-gradient(to top, #ffd40e 0, #CE432E 100%);
        bottom: 40px
    }

    .info-slide-content.severe-daypart .icon {
        width: 150px;
        height: 150px;
        background-repeat: no-repeat;
        background-size: 3700% 95.65%;
        background-position: 51.35% 77.5%;
        position: absolute;
        top: 0px;
        margin-left: 25px;
    }

    .info-slide-content.severe-daypart .condition {
	    color: #ebebeb;
		font-family: 'Frutiger Bold Cn';
		font-size: 37px;
		text-shadow: #141414 2.33807px 3.00663px 1.33711px;
		height: 30px;
		width: 105%;
		text-align: center;
		transform: translate(-14px, 96px) scale(100%, 100%);
		padding: 10px, 0px;
		overflow-wrap: break-word;
		margin-top: 30px;
    }

    .info-slide-content.severe-daypart .tempbar .temp {
        color: #ebebeb;
        font-family: Frutiger;
        font-size: 85px;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
        height: 30px;
        width: 100%;
        text-align: center;
        transform: translate(0px, 15px) scale(102.5%, 100%);
        transform-origin: center;
        opacity: 0;
    }

    .info-slide-content.severe-daypart .tempbar .wind {
        color: #24346f;
        position: absolute;
        font-family: Frutiger;
        font-size: 47px;
        text-shadow: #000 0px 0px 0px;
        height: 30px;
        width: 100%;
        text-align: center;
        bottom: 15px;
        opacity: 0;
        transform: scale(105%, 100%);
    }

    .severe-forecast .frost-pane {
        padding: 1% 0% 1% 8.5%;
        width: 100%;
        height: 607px;
        background-position: -62px -449px;
        margin-top: 243px;
        margin-left: 136px;
        background-size: 1446px 1582px
    }

    .severe-forecast .frost-pane .title {
        font-family: 'Frutiger Bold Cn';
        font-weight: bold;
        font-size: 57px;
        transform: scale(100%,100%);
        transform-origin: left;
        letter-spacing: .5px;
        margin-top: 8px;
        margin-left: -6px;
    }

    .info-slide-content.severe-forecast .content {
        font-family: 'Frutiger Bold Cn';
        font-weight: bold;
        width: 86%;
        height: 500px;
        font-size: 67px;
        transform: translate(-2.5px,-2.5px) scale(100%,100%);
        transform-origin: left;
        letter-spacing: 1.5px;
        overflow: hidden;
    }
    .info-slide-content.severe-forecast .content .innercont {
        font-family: 'Frutiger Bold Cn';
    }
    .info-slide-content.severe-extended-forecast {
        width: 100%;
    }

    .info-slide-content.severe-extended-forecast .frost-pane {
        transform: translate(0px, 45px);
        height: 562px;
        margin-top: 253px;
        background-size: 1446px 1582px;
        max-width: 230px;
        min-width: 230px;
    }

    .info-slide-content.severe-extended-forecast .frost-pane.iw {
        background-position: -62px -494px;
        margin-left: 136px;
        min-width: 250px;
        max-width: 250px;
    }

    .info-slide-content.severe-extended-forecast .frost-pane.iiw {
        background-position: -292px -494px;
    }

    .info-slide-content.severe-extended-forecast .frost-pane.iiiw {
        background-position: -522px -494px;
        transform: translate(0px, 45px);
    }

    .info-slide-content.severe-extended-forecast .frost-pane.ivw {
        background-position: -752px -494px; /*757*/
        transform: translate(0px, 45px);
    }

    .info-slide-content.severe-extended-forecast .lfrost-pane {
        transform: translate(0px, 45px);
        height: 562px;
        margin-top: 253px;
        background-size: 1446px 1582px;
    }

    .info-slide-content.severe-extended-forecast .frost-pane .icon {
        background-repeat: no-repeat;
        background-size: 3700% 95.65%;
        background-position: 51.35% 77.5%;
        height: 160px;
        width: 160px;
        margin: auto;
        transform: translate(0px, 10px);
    }

    .info-slide-content.severe-extended-forecast .lfrost-pane .icon {
        background-repeat: no-repeat;
        background-size: 3700% 95.65%;
        background-position: 51.35% 77.5%;
        height: 160px;
        width: 160px;
        margin-left: 35px;
        transform: translate(0px, 10px);
    }

    .info-slide-content.severe-extended-forecast .frost-pane.iw .icon {
        margin-right: 20px;
    }

    .info-slide-content.severe-extended-forecast .thingg {
        color: #ebebeb;
        font-family: Frutiger;
        font-size: 35px;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
        height: 45px;
        width: 100%;
        position: absolute;
        display: flex;
        margin-top: 253px;
        z-index: 388688;
        text-align: center;
        margin-left: 200px;
    }

    .info-slide-content.severe-extended-forecast .thingbg {
        position: absolute;
        height: 45px;
        width: 100%;
        background: #3e3d3e;
        -webkit-mask-image: url(/images/newbg/severefrostpane.svg);
        -webkit-mask-position: -127px -449px;
        -webkit-mask-size: 1446px 1582px;
    }

    .info-slide-content.severe-extended-forecast .thingg .thingday {
        color: #ebebeb;
        font-family: 'Frutiger 57 condensed';
        font-size: 37px;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
        height: 45px;
        width: 240px;
        line-height: 100%;
        margin-left: 6.5px;
        padding-top: 3.5px;
        z-index: 388690;
        text-align: center;
        justify-content: center;
        transform: scale(115%,100%);
    }

    .info-slide-content.severe-extended-forecast .thingg .thingday.iw {
        margin-left: 0px;
        padding-left: 15px;
        width: 173px;
    }

    .info-slide-content.severe-extended-forecast .thingg .thingday.iiiw {
        width: 202px;
        min-width: 164px;
        margin-left: 36px;
    }

    .info-slide-content.severe-extended-forecast .thingg .thingday.ivw {
        width: 200px;
        min-width: 164px;
        margin-left: 35px;
    }

    .info-slide-content.severe-extended-forecast .thingg .thingday.iiw {
        width: 202px;
        margin-left: 32px;
    }

    .info-slide-content.severe-extended-forecast .thingg .thingday.vw {
        width: 178px;
        margin-left: 36px;
    }

    .info-slide-content.severe-extended-forecast .frost-pane .temphigh {
        color: #ebebeb;
        font-family: Frutiger;
        font-weight: bold;
        font-size: 80px;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
        height: 106px;
        margin-top: 54px;
        padding-top: 10px;
        width: 100%;
        background: #3e3d3e;
        -webkit-mask-image: url(/images/newbg/severefrostpane.svg);
        -webkit-mask-size: 1446px 1582px;
        box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .35);
        display: flex;
        align-items: center;
        justify-content: center;
        transform: translate(0px, 13.5px);
    }

    .info-slide-content.severe-extended-forecast .frost-pane .temphigh span {
        display: block;
        transform: scale(104.5%,100%);
        -webkit-mask-image: none;
    }

    .info-slide-content.severe-extended-forecast .frost-pane.iw .temphigh {
        -webkit-mask-position: -62px -833px;
        padding-left: 35px;
    }

    .info-slide-content.severe-extended-forecast .frost-pane.iiw .temphigh {
        -webkit-mask-position: -292px -833px;
    }

    .info-slide-content.severe-extended-forecast .frost-pane.iiiw .temphigh {
        -webkit-mask-position: -522px -833px;
    }

    .info-slide-content.severe-extended-forecast .frost-pane.ivw .temphigh {
        -webkit-mask-position: -752px -833px;
    }

    .info-slide-content.severe-extended-forecast .lfrost-pane .temphigh {
        height: 106px;
        margin-top: 54px;
        width: 100%;
        padding-right: 55px;
        background: #3e3d3e;
        -webkit-mask-image: url(/images/newbg/severefrostpane.svg);
        -webkit-mask-size: 1446px 1582px;
        -webkit-mask-position: -1029px -833px;
        box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .35);
        transform: translate(0px, 13.5px);
    }

    .info-slide-content.severe-extended-forecast .lfrost-pane .temphightext {
        color: #ebebeb;
        position: absolute;
        font-family: Frutiger;
        font-size: 80px;
        font-weight: bold;
        padding-top: 10px;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
        width: 83.55%;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: scale(104.5%,100%);
        bottom: 125px;
        padding-right: 55px;
    }

    .info-slide-content.severe-extended-forecast .frost-pane .temphightext {
        position: absolute;
        font-weight: bold;
        font-size: 80px;
        width: 100%;
        text-align: center;
        bottom: 125px;
    }

    .info-slide-content.severe-extended-forecast .frost-pane.iw .temphightext {
        padding-left: 35px;
    }

    .info-slide-content.severe-extended-forecast .frost-pane .templow {
        color: #ebebeb;
        font-family: Frutiger;
        font-size: 80px;
        padding-top: 20px;
        font-weight: bold;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
        height: 75px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        transform: translate(0px, 23.5px) scale(104.5%,100%);
    }

    .info-slide-content.severe-extended-forecast .lfrost-pane .templow {
        color: #ebebeb;
        font-family: Frutiger;
        font-size: 80px;
        padding-top: 20px;
        padding-right: 55px;
        font-weight: bold;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
        height: 75px;
        width: 83.55%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        transform: translate(0px, 23.5px);
    }

    .info-slide-content.severe-extended-forecast .frost-pane.iw .templow {
        -webkit-mask-position: -48px -802px;
        padding-left: 35px;
    }

    .info-slide-content.severe-extended-forecast .frost-pane .conditions {
        color: #ebebeb;
        font-family: 'Frutiger 57 Condensed';
        font-size: 37px;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
        height: 113px;
        line-height: 132.5%;
        width: 100%;
        padding: 40px;
        padding-top: 7px;
        text-align: center;
        transform: translate(-2px, 12.5px) scale(100%,100%);
        overflow-wrap: break-word;
    }

    .info-slide-content.severe-extended-forecast .lfrost-pane .conditions {
        color: #ebebeb;
        font-family: 'Frutiger 57 Condensed';
        font-size: 37px;
        line-height: 132.5%;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
        height: 113px;
        width: 230px;
        padding: 40px;
        padding-top: 7px;
        text-align: center;
        transform: translate(-2px, 12.5px) scale(100%,100%);
        overflow-wrap: break-word;
    }

    .info-slide-content.severe-extended-forecast .frost-pane.iw .conditions {
        padding-left: 80px;
    }

    .info-slide-content.severe-extended-forecast .linebreak {
        transform: translate(0px, 10px);
        height: 562px;
        width: 6.5px;
        margin-top: 283px;
    }

    .info-slide-content.severe-extended-forecast .lfrost-pane.vw {
        height: 562px;
        background: url(/images/newbg/severefrostpane.svg);
        background-repeat: no-repeat;
        background-size: 1446px 1582px;
        background-position: -1029px -494px;
        z-index: 388686;
        flex: 1.4
    }

    .info-slide-content.severe-almanac {
        display: flex;
        flex-direction: column;
    }
  
    .info-slide-content.severe-almanac .frost-pane.half {
        max-height: 281px;
        transform: translate(0,45px);
        background-position: -62px -494px;
        background-size: 1446px 1582px;
        margin-top: 253px;
        margin-left: 136px;
    }
  
    .info-slide-content.severe-almanac .frost-pane.half .averagetitle {
        font-family: Frutiger;
        color: #ffd40e;
        font-size: 47px;
        margin-top: 10px;
        padding-left: 80px;
        padding-top: 25px;
        transform: scale(108%,100%);
        transform-origin: left;
    }
  
    .info-slide-content.severe-almanac .frost-pane.half .ahigh {
        position: absolute;
        font-family: Frutiger;
        color: #ebebeb;
        font-size: 42px;
        left: 195px;
        top: 120px;
        transform: scale(108%,100%);
        transform-origin: left;
    }
  
    .info-slide-content.severe-almanac .frost-pane.half .ahightext {
        position: absolute;
        font-family: Frutiger;
        color: #ebebeb;
        font-size: 74px;
        left: 370px;
        top: 105px;
        transform: scale(102.5%,100%);
    }
  
    .info-slide-content.severe-almanac .frost-pane.half .alow {
        position: absolute;
        font-family: Frutiger;
        color: #ebebeb;
        font-size: 42px;
        left: 195px;
        top: 205px;
        transform: scale(108%,100%);
        transform-origin: left;
    }
  
    .info-slide-content.severe-almanac .frost-pane.half .alowtext {
        position: absolute;
        font-family: Frutiger;
        color: #ebebeb;
        font-size: 74px;
        left: 370px;
        top: 190px;
        transform: scale(102.5%,100%);
    }
  
    .info-slide-content.severe-almanac .frost-pane.half .recordtitle {
        font-family: Frutiger;
        position: absolute;
        color: #ffd40e;
        font-size: 47px;
        margin-top: 10px;
        left: 43.5%;
        top: 25px;
        transform: scale(108%,100%);
        transform-origin: left;
    }
  
    .info-slide-content.severe-almanac .frost-pane.half .rhigh {
        position: absolute;
        font-family: Frutiger;
        color: #ebebeb;
        font-size: 42px;
        left: 650px;
        top: 120px;
        transform: scale(106%,100%);
        transform-origin: left;
    }
  
    .info-slide-content.severe-almanac .frost-pane.half .rhightext {
        position: absolute;
        font-family: Frutiger;
        color: #ebebeb;
        font-size: 74px;
        left: 805px;
        top: 105px;
        transform: scale(102.5%,100%);
        transform-origin: left;
    }
  
    .info-slide-content.severe-almanac .frost-pane.half .rhighyear {
        position: absolute;
        font-family: Frutiger;
        color: #ebebeb;
        font-size: 47px;
        left: 945px;
        top: 120px;
    }
  
    .info-slide-content.severe-almanac .frost-pane.half .rlow {
        position: absolute;
        font-family: Frutiger;
        color: #ebebeb;
        font-size: 42px;
        left: 650px;
        top: 205px;
        transform: scale(108%,100%);
        transform-origin: left;
    }
  
    .info-slide-content.severe-almanac .frost-pane.half .rlowtext {
        position: absolute;
        font-family: Frutiger;
        color: #ebebeb;
        font-size: 74px;
        left: 805px;
        top: 190px;
        transform: scale(102.5%,100%);
        transform-origin: left;
    }
  
    .info-slide-content.severe-almanac .frost-pane.half .rlowyear {
        position: absolute;
        font-family: Frutiger;
        color: #ebebeb;
        font-size: 47px;
        left: 945px;
        top: 205px;
    }
  
    .info-slide-content.severe-almanac .thing {
        position: absolute;
        height: 45px;
        margin-top: 253px;
        margin-left: 196px;
        width: 100%;
        transform-origin: left;
        padding-top: 5px;
        padding-left: 65px;
    }
  
    .info-slide-content.severe-almanac .thing .thingtext {
        width: 100%;
        padding-left: 2.5px;
        color: #ebebeb;
        font-family: Frutiger;
        font-size: 37px;
        text-shadow: #000 2px 2px 4px;
        transform: scale(104%,100%);
        transform-origin: left;
    }
  
    .info-slide-content.severe-almanac .thing .thingbg {
        position: absolute;
        right: 0;
        top: 0;
        height: 45px;
        width: 100%;
        background: #3e3d3e;
        -webkit-mask-image: url(/images/newbg/severefrostpane.svg);
        -webkit-mask-position: -127px -449px;
        -webkit-mask-size: 1446px 1582px;
    }
  
      .info-slide-content.severe-almanac .frost-pane.purple {
          transform: translate(0,45px);
          max-height: 281px;
          margin-left: 136px;
          width: 90.5%;
          background-color: rgb(42, 58, 138);
          background: linear-gradient(to right, rgb(62, 61, 62, 0) 0, rgb(62, 61, 62, .75) 100%);
      }
  
      .info-slide-content.severe-almanac .frost-pane.purple .sunrisetitle {
        font-family: Frutiger;
        color: #ffd40e;
        position: absolute;
        font-size: 47px;
        left: 55px;
        top: 75px;
        transform: scale(106.5%,100%);
        transform-origin: left;
    }
  
    .info-slide-content.severe-almanac .frost-pane.purple .sunrisetext {
        font-family: Frutiger;
        color: #ebebeb;
        position: absolute;
        font-size: 50px;
        left: 255px;
        top: 75px;
        transform: scale(105.5%,100%);
        transform-origin: left;
    }
  
    .info-slide-content.severe-almanac .frost-pane.purple .sunsettitle {
        font-family: Frutiger;
        color: #ffd40e;
        position: absolute;
        font-size: 47px;
        left: 55px;
        top: 175px;
        transform: scale(106.5%,100%);
        transform-origin: left;
    }
  
    .info-slide-content.severe-almanac .frost-pane.purple .sunsettext {
        font-family: Frutiger;
        color: #ebebeb;
        position: absolute;
        font-size: 50px;
        left: 255px;
        top: 175px;
        transform: scale(105.5%,100%);
        transform-origin: left;
    }
  
    .info-slide-content.severe-almanac .frost-pane.purple .phase {
        display: flex;
        flex-direction: column;
        width: 180px;
        padding-right: 0px;
        height: 100%;
        top: 0;
        position: absolute;
    }
  
    .info-slide-content.severe-almanac .frost-pane.purple .phase.iv {
        right: 85px;
    }

    .info-slide-content.severe-almanac .frost-pane.purple .phase.iii {
        right: 265px;
    }

    .info-slide-content.severe-almanac .frost-pane.purple .phase.ii {
        right: 445px;
    }

    .info-slide-content.severe-almanac .frost-pane.purple .phase.i {
        right: 625px;
    }
  
    .info-slide-content.severe-almanac .frost-pane.purple .phase .phasetext {
        font-family: Frutiger;
        font-weight: bold;
        color: #ffd40e;
        font-size: 30px;
        padding-top: 27px;
        align-self: center;
        transform: translate(-4.5px, 0px) scale(108%,100%);
    }
  
    .info-slide-content.severe-almanac .frost-pane.purple .phase .icon {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        width: 180px;
        min-height: 180px;
        position: absolute;
        top: 40px;
        align-self: center;
        -webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, .95));
        filter: drop-shadow(0 0 8px rgba(0, 0, 0, .95));
    }
  
    .info-slide-content.severe-almanac .frost-pane.purple .phase.i .icon {
        background-image: url(/images/moonphases/NEW.png);
    }

    .info-slide-content.severe-almanac .frost-pane.purple .phase.ii .icon {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        background-image: url(/images/moonphases/FIRST.png);
    }

    .info-slide-content.severe-almanac .frost-pane.purple .phase.iii .icon {
        background-image: url(/images/moonphases/FUll.png);
    }

    .info-slide-content.severe-almanac .frost-pane.purple .phase.iv .icon {
        background-image: url(/images/moonphases/LAST.png);
    }
  
    .info-slide-content.severe-almanac .frost-pane.purple .phase .date {
        font-family: Frutiger;
        color: #ebebeb;
        font-size: 33px;
        padding-top: 0px;
        align-self: center;
        position: absolute;
        bottom: 25px;
        transform: scale(106%,100%) translate(-2.5px,0px);
    }

              .info-slide-content.severe-aroundcityinfo {
                display: flex;
                flex-direction: column;
            }
            
                .info-slide-content.severe-aroundcityinfo .frost-pane {
                    width: 100%;
                    background-size: 100% 1057%;
                    margin-top: 9px;
                    margin-left: 136px;
                    max-height: 146.75px;
                    display: flex;
                    flex-direction: row;
                    transform: translate(0px, 12px);
                }
            
                    .info-slide-content.severe-aroundcityinfo .frost-pane.city.i {
                      margin-top: 243px;
                        background-position: -62px -439px;
                    }
            
                    .info-slide-content.severe-aroundcityinfo .frost-pane.city.ii {
                        background-position: -62px -594.5px;
                    }
            
                    .info-slide-content.severe-aroundcityinfo .frost-pane.city.iii {
                        background-position: -62px -726.5px;
                    }
            
                    .info-slide-content.severe-aroundcityinfo .frost-pane.city.iv {
                        background-position: -62px -897px;
                        line-height: 115%;
                    }
            
                    .info-slide-content.severe-aroundcityinfo .frost-pane.city .cityname {
                        font-family: 'Frutiger Bold CN';
                        color: #ebebeb;
                        position: absolute;
                        font-size: 45px;
                        left: 40px;
                        top: 43%;
                        width: 40%;
                        transform: translate(0,-23.5%) scale(100%,100%);
                        transform-origin: left;
                        margin: 5px
                    }
            
                    .info-slide-content.severe-aroundcityinfo .frost-pane.city.i .cityname {
                        left: 110px;
                    }
            
                    .info-slide-content.severe-aroundcityinfo .frost-pane.city.iv .cityname {
                        left: 80px;
                    }
            
                    .info-slide-content.severe-aroundcityinfo .frost-pane.city .temp {
                        font-family: 'Frutiger Bold CN';
                        color: #ebebeb;
                        position: absolute;
                        font-size: 67px;
                        left: 38.6%;
                        top: 46%;
                        width: 10.5%;
                        text-align: center;
                        transform: translate(0,-41%) scale(100%,100%);
                    }
            
                    .info-slide-content.severe-aroundcityinfo .frost-pane.city .icon {
                        background-repeat: no-repeat;
                        background-size: 3700% 95.65%;
                        background-position: 51.35% 40%;
                        height: 155px;
                        width: 155px;
                        left: 681px;
                        top: 51%;
                        transform: translate(0,-51%);
                        position: absolute;
                    }
            
                    .info-slide-content.severe-aroundcityinfo .frost-pane.city .wind {
                        font-family: 'Frutiger Bold CN';
                        color: #ebebeb;
                        position: absolute;
                        font-size: 51px;
                        right: 329px;
                        top: 44%;
                        transform: translate(0,-23.5%) scale(100%,100%);
                        transform-origin: right;
                    }
.city-info, .info-slide-content {
    display: flex;
    flex-direction: row;
    width: 100%;
    font-size: 110%
}
.frost-pane {
    color: #ebebeb;
    font-family: Frutiger;
    font-size: 36px;
    text-shadow: #141414 2.33807px 3.00663px 1.33711px;
    background: url(/images/newbg/frostpane.svg);
    background-repeat: no-repeat;
    background-size: 1446px 1582px;
    /*background: linear-gradient(to right, rgba(42, 82, 188, 1) 0, rgba(42, 82, 188, .45) 100%);*/
    transform: translate(0px, 10px);
    z-index: 388686;
    flex: 1
}

.city-info .frost-pane:first-of-type {
    min-width: 50%;
    margin-right: 0.8%;
    background-position: -62px -449px;
    background-size: 1446px 1582px;
    margin-left: 136px;
    margin-top: 243px;
}

.city-info .frost-pane.left * {
    position: absolute;
    padding-top: 15px;
    line-height: 95px;
}

.frost-pane .labels {
    font-family: 'Frutiger Bold CN';
    top: -16px;
    letter-spacing: 1px;
    color: #ffd40e;
    left: 120.78px;
    transform: scale(97%,100%);
    transform-origin: left;
    font-size: 53.5px;
}

.city-info .frost-pane .data {
    font-family: 'Frutiger Bold CN';
    top: -16px;
    letter-spacing: 1px;
    color: #ebebeb;
    left: 64%;
    transform: scale(97%,100%);
    transform-origin: left;
    text-align: right;
    font-size: 53.5px;
}

.city-info .frost-pane.right {
    background-position: -795px -449px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 243px;
    background-size: 1446px 1582px;
}

.city-info .frost-pane .icon {
    background-repeat: no-repeat;
    background-size: 3700% 95.65%;
    background-position: 51.35% 77.5%;
    width: 302px;
    height: 302px;
    position: absolute;
    transform: translate(0, -47.5px);
    margin-right: 100px;
    top: 27px;
}

.city-info .frost-pane .conditions {
    font-family: Frutiger;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    font-size: 48px;
    font-weight: bold;
    line-height: 110%;
    top: 308px;
    text-align: center;
    text-transform: capitalize;
    overflow-wrap: break-word;
    width: 55%;
    height: 50px;
    transform: translate(-16px, 0px) scale(103%, 100%);
    transform-origin: left;
    margin-right: 100px;
}

.city-info .frost-pane .temp {
    font-family: 'Frutiger BQ';
    font-size: 100px;
    font-weight: 100;
    position: absolute;
    top: 441px;
    transform: translate(-8px, -2px) scale(100%, 100%);
    transform-origin: left;
    margin-right: 100px;
}

.frost-pane .title {
    color: #ffd40e;
    font-size: 42px;
    text-transform: capitalize;
}

.frost-pane .content {
    font-size: 50px;
    line-height: 125%
}

.info-slide-content.daypart {
    flex-direction: row
}

    .info-slide-content.daypart .frost-pane {
        height: 582px;
        padding-left: 106px;
        display: flex;
        background-position: -62px -494px;
        flex-direction: row;
        transform: translate(0px, 45px);
        margin-top: 253px;
        margin-left: 136px;
        background-size: 1446px 1582px
    }

    .info-slide-content.daypart .hour {
        width: 200px;
        margin-right: 73px;
        height: 90%;
        align-items: center;
    }

        .info-slide-content.daypart .hour.i .thing {
            height: 45px;
            width: 240px;
            padding-left: 30px;
            transform: translate(-40px, -45px);
        }

        .info-slide-content.daypart .hour.i .thingbg {
            position: absolute;
            right: -73px;
            height: 45px;
            width: 122.5%;
            background: #2a3a8a;
            -webkit-mask-image: url(/images/newbg/frostpane.svg);
            -webkit-mask-position: -147px -449px;
            -webkit-mask-size: 1446px 1582px;
        }

        .info-slide-content.daypart .hour.ii .thing {
            height: 45px;
            width: 198px;
            transform: translate(0px, -45px);
        }

        .info-slide-content.daypart .hour.ii .thingbg {
            position: absolute;
            height: 45px;
            width: 138%;
            background: #2a3a8a;
            -webkit-mask-image: url(/images/newbg/frostpane.svg);
            -webkit-mask-position: -423px -449px;
            -webkit-mask-size: 1446px 1582px;
        }

        .info-slide-content.daypart .hour.iii .thing {
            height: 45px;
            width: 198px;
            transform: translate(0px, -45px);
        }

        .info-slide-content.daypart .hour.iii .thingbg {
            position: absolute;
            height: 45px;
            width: 138%;
            background: #2a3a8a;
            -webkit-mask-image: url(/images/newbg/frostpane.svg);
            -webkit-mask-position: -669px -449px;
            -webkit-mask-size: 1446px 1582px;
        }

        .info-slide-content.daypart .hour.iv .thing {
            height: 45px;
            width: 240px;
            transform: translate(0px, -45px);
        }

        .info-slide-content.daypart .hour.iv .thingbg {
            position: absolute;
            height: 45px;
            width: 138%;
            background: #2a3a8a;
            -webkit-mask-image: url(/images/newbg/frostpane.svg);
            -webkit-mask-position: -989px -449px;
            -webkit-mask-size: 1446px 1585px;
        }

        .info-slide-content.daypart .hour .thing .thingtext {
            color: #ebebeb;
            font-family: Frutiger;
            font-size: 42px;
            width: 140px;
            height: 100%;
            transform: translate(0px, 1px) scale(100%, 100%);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .info-slide-content.daypart .hour.i .thing .thingtext {
            width: 193px;
            margin-left: 16px;
            text-align: center;
        }

        .info-slide-content.daypart .hour.ii .thing .thingtext {
            width: 187px;
            margin-left: 6px;
        }

        .info-slide-content.daypart .hour.iii .thing .thingtext {
            width: 180px;
            margin-left: 6px;
        }

        .info-slide-content.daypart .hour.iv .thing .thingtext {
            width: 180px;
            margin-left: 6px;
        }

    .info-slide-content.daypart .tempbar {
		position: absolute;
	    width: 200px;
		height: 0px;
		background-color: #fefd5d;
        background: linear-gradient(to top, #ffd40e 0, #CE432E 100%);
        bottom: 40px
    }

    .info-slide-content.daypart .icon {
        width: 150px;
        height: 150px;
        background-repeat: no-repeat;
        background-size: 3700% 95.65%;
        background-position: 51.35% 77.5%;
        position: absolute;
        top: 0px;
        margin-left: 25px;
    }

    .info-slide-content.daypart .condition {
	    color: #ebebeb;
		font-family: 'Frutiger Bold Cn';
		font-size: 37px;
		text-shadow: #141414 2.33807px 3.00663px 1.33711px;
		height: 30px;
		width: 105%;
		text-align: center;
		transform: translate(-14px, 96px) scale(100%, 100%);
		padding: 10px, 0px;
		overflow-wrap: break-word;
		margin-top: 30px;
    }

    .info-slide-content.daypart .tempbar .temp {
        color: #ebebeb;
        font-family: Frutiger;
        font-size: 85px;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
        height: 30px;
        width: 100%;
        text-align: center;
        transform: translate(0px, 15px) scale(102.5%, 100%);
        transform-origin: center;
        opacity: 0;
    }

    .info-slide-content.daypart .tempbar .wind {
        color: #24346f;
        position: absolute;
        font-family: Frutiger;
        font-size: 45px;
        text-shadow: #000 0px 0px 0px;
        height: 30px;
        width: 100%;
        text-align: center;
        bottom: 10px;
        opacity: 0;
        transform: scale(105%, 100%);
    }

.forecast .frost-pane {
    padding: 1% 0% 1% 8.5%;
    width: 100%;
    height: 607px;
    background-position: -62px -449px;
    margin-top: 243px;
    margin-left: 136px;
    background-size: 1446px 1582px
}

    .forecast .frost-pane .title {
        font-family: 'Frutiger Bold Cn';
        font-weight: bold;
        font-size: 57px;
        transform: scale(100%,100%);
        transform-origin: left;
        letter-spacing: .5px;
        margin-top: 8px;
        margin-left: -6px;
    }

.info-slide-content.forecast .content {
    font-family: 'Frutiger Bold Cn';
    font-weight: bold;
    font-size: 67px;
    width: 86%;
    height: 500px;
    transform: translate(-2.5px,-2.5px) scale(100%,100%);
    transform-origin: left;
    letter-spacing: 1.5px;
    overflow: hidden;
}
.info-slide-content.forecast .content .innercont {
    font-family: 'Frutiger Bold Cn';
}
.info-slide-content.extended-forecast {
    width: 100%;
}

    .info-slide-content.extended-forecast .frost-pane {
        transform: translate(0px, 45px);
        height: 562px;
        margin-top: 253px;
        background-size: 1446px 1582px;
        max-width: 230px;
        min-width: 230px;
    }

        .info-slide-content.extended-forecast .frost-pane.iw {
            background-position: -62px -494px;
            margin-left: 136px;
            min-width: 250px;
            max-width: 250px;
        }

        .info-slide-content.extended-forecast .frost-pane.iiw {
            background-position: -292px -494px;
        }

        .info-slide-content.extended-forecast .frost-pane.iiiw {
            background-position: -522px -494px;
            transform: translate(0px, 45px);
        }

        .info-slide-content.extended-forecast .frost-pane.ivw {
            background-position: -752px -494px; /*757*/
            transform: translate(0px, 45px);
        }

    .info-slide-content.extended-forecast .lfrost-pane {
        transform: translate(0px, 45px);
        height: 562px;
        margin-top: 253px;
        background-size: 1446px 1582px;
    }

    .info-slide-content.extended-forecast .frost-pane .icon {
        background-repeat: no-repeat;
        background-size: 3700% 95.65%;
        background-position: 51.35% 77.5%;
        height: 160px;
        width: 160px;
        margin: auto;
        transform: translate(0px, 10px);
    }

    .info-slide-content.extended-forecast .lfrost-pane .icon {
        background-repeat: no-repeat;
        background-size: 3700% 95.65%;
        background-position: 51.35% 77.5%;
        height: 160px;
        width: 160px;
        margin-left: 35px;
        transform: translate(0px, 10px);
    }

    .info-slide-content.extended-forecast .frost-pane.iw .icon {
        margin-right: 20px;
    }

    .info-slide-content.extended-forecast .thingg {
        color: #ebebeb;
        font-family: Frutiger;
        font-size: 35px;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
        height: 45px;
        width: 100%;
        position: absolute;
        display: flex;
        margin-top: 253px;
        z-index: 388688;
        text-align: center;
        margin-left: 200px;
    }

    .info-slide-content.extended-forecast .thingbg {
        position: absolute;
        height: 45px;
        width: 100%;
        background: #2a3a8a;
        -webkit-mask-image: url(/images/newbg/frostpane.svg);
        -webkit-mask-position: -127px -449px;
        -webkit-mask-size: 1446px 1582px;
    }

    .info-slide-content.extended-forecast .thingg .thingday {
        color: #ebebeb;
        font-family: 'Frutiger Bold Cn';
        font-size: 37px;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
        height: 45px;
        width: 240px;
        line-height: 100%;
        margin-left: 6.5px;
        padding-top: 3.5px;
        z-index: 388690;
        text-align: center;
        justify-content: center;
    }

        .info-slide-content.extended-forecast .thingg .thingday.iw {
            margin-left: 0px;
            padding-left: 15px;
            width: 173px;
        }

        .info-slide-content.extended-forecast .thingg .thingday.iiiw {
            width: 202px;
            min-width: 164px;
            margin-left: 36px;
        }

        .info-slide-content.extended-forecast .thingg .thingday.ivw {
            width: 200px;
            min-width: 164px;
            margin-left: 35px;
        }

        .info-slide-content.extended-forecast .thingg .thingday.iiw {
            width: 202px;
            margin-left: 32px;
        }

        .info-slide-content.extended-forecast .thingg .thingday.vw {
            width: 178px;
            margin-left: 36px;
        }

    .info-slide-content.extended-forecast .frost-pane .temphigh {
        color: #ebebeb;
        font-family: Frutiger;
        font-weight: bold;
        font-size: 80px;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
        height: 106px;
        margin-top: 54px;
        padding-top: 10px;
        width: 100%;
        background: #5a8aec;
        -webkit-mask-image: url(/images/newbg/frostpane.svg);
        -webkit-mask-size: 1446px 1582px;
        box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .35);
        display: flex;
        align-items: center;
        justify-content: center;
        transform: translate(0px, 13.5px);
    }

        .info-slide-content.extended-forecast .frost-pane .temphigh span {
            display: block;
            transform: scale(104.5%,100%);
            -webkit-mask-image: none;
        }

    .info-slide-content.extended-forecast .frost-pane.iw .temphigh {
        -webkit-mask-position: -62px -833px;
        padding-left: 35px;
    }

    .info-slide-content.extended-forecast .frost-pane.iiw .temphigh {
        -webkit-mask-position: -292px -833px;
    }

    .info-slide-content.extended-forecast .frost-pane.iiiw .temphigh {
        -webkit-mask-position: -522px -833px;
    }

    .info-slide-content.extended-forecast .frost-pane.ivw .temphigh {
        -webkit-mask-position: -752px -833px;
    }

    .info-slide-content.extended-forecast .lfrost-pane .temphigh {
        height: 106px;
        margin-top: 54px;
        width: 100%;
        padding-right: 55px;
        background: #5a8aec;
        -webkit-mask-image: url(/images/newbg/frostpane.svg);
        -webkit-mask-size: 1446px 1582px;
        -webkit-mask-position: -1029px -833px;
        box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .35);
        transform: translate(0px, 13.5px);
    }

    .info-slide-content.extended-forecast .lfrost-pane .temphightext {
        color: #ebebeb;
        position: absolute;
        font-family: Frutiger;
        font-size: 80px;
        font-weight: bold;
        padding-top: 10px;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
        width: 83.55%;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: scale(104.5%,100%);
        bottom: 125px;
        padding-right: 55px;
    }

    .info-slide-content.extended-forecast .frost-pane .temphightext {
        position: absolute;
        font-weight: bold;
        font-size: 80px;
        width: 100%;
        text-align: center;
        bottom: 125px;
    }

    .info-slide-content.extended-forecast .frost-pane.iw .temphightext {
        padding-left: 35px;
    }

    .info-slide-content.extended-forecast .frost-pane .templow {
        color: #ebebeb;
        font-family: Frutiger;
        font-size: 80px;
        padding-top: 20px;
        font-weight: bold;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
        height: 75px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        transform: translate(0px, 23.5px) scale(104.5%,100%);
    }

    .info-slide-content.extended-forecast .lfrost-pane .templow {
        color: #ebebeb;
        font-family: Frutiger;
        font-size: 80px;
        padding-top: 20px;
        padding-right: 55px;
        font-weight: bold;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
        height: 75px;
        width: 83.55%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        transform: translate(0px, 23.5px);
    }

    .info-slide-content.extended-forecast .frost-pane.iw .templow {
        -webkit-mask-position: -48px -802px;
        padding-left: 35px;
    }

    .info-slide-content.extended-forecast .frost-pane .conditions {
        color: #ebebeb;
        font-family: 'Frutiger Bold Cn';
        font-size: 37px;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
        height: 113px;
        line-height: 132.5%;
        width: 100%;
        padding: 40px;
        padding-top: 7px;
        text-align: center;
        transform: translate(-2px, 12.5px) scale(100%,100%);
        overflow-wrap: break-word;
    }

    .info-slide-content.extended-forecast .lfrost-pane .conditions {
        color: #ebebeb;
        font-family: 'Frutiger Bold Cn';
        font-size: 37px;
        line-height: 132.5%;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
        height: 113px;
        width: 230px;
        padding: 40px;
        padding-top: 7px;
        text-align: center;
        transform: translate(-2px, 12.5px) scale(100%,100%);
        overflow-wrap: break-word;
    }

    .info-slide-content.extended-forecast .frost-pane.iw .conditions {
        padding-left: 80px;
    }

    .info-slide-content.extended-forecast .linebreak {
        transform: translate(0px, 10px);
        height: 562px;
        width: 6.5px;
        margin-top: 283px;
    }

    .info-slide-content.extended-forecast .lfrost-pane.vw {
        height: 562px;
        background: url(/images/newbg/frostpane.svg);
        background-repeat: no-repeat;
        background-size: 1446px 1582px;
        background-position: -1029px -494px;
        z-index: 388686;
        flex: 1.4
    }

.info-slide-content.almanac {
    display: flex;
    flex-direction: column;
}

    .info-slide-content.almanac .frost-pane.half {
        max-height: 281px;
        transform: translate(0,45px);
        background-position: -62px -494px;
        background-size: 1446px 1582px;
        margin-top: 253px;
        margin-left: 136px;
    }

        .info-slide-content.almanac .frost-pane.half .averagetitle {
            font-family: Frutiger;
            color: #ffd40e;
            font-size: 47px;
            margin-top: 10px;
            padding-left: 80px;
            padding-top: 25px;
            transform: scale(108%,100%);
            transform-origin: left;
        }

        .info-slide-content.almanac .frost-pane.half .ahigh {
            position: absolute;
            font-family: Frutiger;
            color: #ebebeb;
            font-size: 42px;
            left: 195px;
            top: 120px;
            transform: scale(108%,100%);
            transform-origin: left;
        }

        .info-slide-content.almanac .frost-pane.half .ahightext {
            position: absolute;
            font-family: Frutiger;
            color: #ebebeb;
            font-size: 74px;
            left: 370px;
            top: 105px;
            transform: scale(102.5%,100%);
        }

        .info-slide-content.almanac .frost-pane.half .alow {
            position: absolute;
            font-family: Frutiger;
            color: #ebebeb;
            font-size: 42px;
            left: 195px;
            top: 205px;
            transform: scale(108%,100%);
            transform-origin: left;
        }

        .info-slide-content.almanac .frost-pane.half .alowtext {
            position: absolute;
            font-family: Frutiger;
            color: #ebebeb;
            font-size: 74px;
            left: 370px;
            top: 190px;
            transform: scale(102.5%,100%);
        }

        .info-slide-content.almanac .frost-pane.half .recordtitle {
            font-family: Frutiger;
            position: absolute;
            color: #ffd40e;
            font-size: 47px;
            margin-top: 10px;
            left: 43.5%;
            top: 25px;
            transform: scale(108%,100%);
            transform-origin: left;
        }

        .info-slide-content.almanac .frost-pane.half .rhigh {
            position: absolute;
            font-family: Frutiger;
            color: #ebebeb;
            font-size: 42px;
            left: 650px;
            top: 120px;
            transform: scale(106%,100%);
            transform-origin: left;
        }

        .info-slide-content.almanac .frost-pane.half .rhightext {
            position: absolute;
            font-family: Frutiger;
            color: #ebebeb;
            font-size: 74px;
            left: 805px;
            top: 105px;
            transform: scale(102.5%,100%);
            transform-origin: left;
        }

        .info-slide-content.almanac .frost-pane.half .rhighyear {
            position: absolute;
            font-family: Frutiger;
            color: #ebebeb;
            font-size: 47px;
            left: 945px;
            top: 120px;
        }

        .info-slide-content.almanac .frost-pane.half .rlow {
            position: absolute;
            font-family: Frutiger;
            color: #ebebeb;
            font-size: 42px;
            left: 650px;
            top: 205px;
            transform: scale(108%,100%);
            transform-origin: left;
        }

        .info-slide-content.almanac .frost-pane.half .rlowtext {
            position: absolute;
            font-family: Frutiger;
            color: #ebebeb;
            font-size: 74px;
            left: 805px;
            top: 190px;
            transform: scale(102.5%,100%);
            transform-origin: left;
        }

        .info-slide-content.almanac .frost-pane.half .rlowyear {
            position: absolute;
            font-family: Frutiger;
            color: #ebebeb;
            font-size: 47px;
            left: 945px;
            top: 205px;
        }

    .info-slide-content.almanac .thing {
        position: absolute;
        height: 45px;
        margin-top: 253px;
        margin-left: 196px;
        width: 100%;
        transform-origin: left;
        padding-top: 5px;
        padding-left: 65px;
    }

        .info-slide-content.almanac .thing .thingtext {
            width: 100%;
            padding-left: 2.5px;
            color: #ebebeb;
            font-family: Frutiger;
            font-size: 43px;
            transform: scale(100%,100%);
            transform-origin: left;
        }

        .info-slide-content.almanac .thing .thingbg {
            position: absolute;
            right: 0;
            top: 0;
            background: #2a3a8a;
            height: 45px;
            width: 100%;
            -webkit-mask-image: url(/images/newbg/frostpane.svg);
            -webkit-mask-position: -127px -449px;
            -webkit-mask-size: 1446px 1582px;
        }

    .info-slide-content.almanac .frost-pane.purple {
        transform: translate(0,45px);
        max-height: 281px;
        margin-left: 136px;
        width: 90.5%;
        background-color: rgb(42, 58, 138);
        background: linear-gradient(to right, rgb(42, 58, 138, 0) 0, rgb(42, 58, 138, .75) 100%)
    }

        .info-slide-content.almanac .frost-pane.purple .sunrisetitle {
            font-family: Frutiger;
            color: #ffd40e;
            position: absolute;
            font-size: 47px;
            left: 55px;
            top: 75px;
            transform: scale(106.5%,100%);
            transform-origin: left;
        }

        .info-slide-content.almanac .frost-pane.purple .sunrisetext {
            font-family: Frutiger;
            color: #ebebeb;
            position: absolute;
            font-size: 50px;
            left: 255px;
            top: 75px;
            transform: scale(105.5%,100%);
            transform-origin: left;
        }

        .info-slide-content.almanac .frost-pane.purple .sunsettitle {
            font-family: Frutiger;
            color: #ffd40e;
            position: absolute;
            font-size: 47px;
            left: 55px;
            top: 175px;
            transform: scale(106.5%,100%);
            transform-origin: left;
        }

        .info-slide-content.almanac .frost-pane.purple .sunsettext {
            font-family: Frutiger;
            color: #ebebeb;
            position: absolute;
            font-size: 50px;
            left: 255px;
            top: 175px;
            transform: scale(105.5%,100%);
            transform-origin: left;
        }

        .info-slide-content.almanac .frost-pane.purple .phase {
            display: flex;
            flex-direction: column;
            width: 180px;
            padding-right: 0px;
            height: 100%;
            top: 0;
            position: absolute;
        }

            .info-slide-content.almanac .frost-pane.purple .phase.iv {
                right: 85px;
            }

            .info-slide-content.almanac .frost-pane.purple .phase.iii {
                right: 265px;
            }

            .info-slide-content.almanac .frost-pane.purple .phase.ii {
                right: 445px;
            }

            .info-slide-content.almanac .frost-pane.purple .phase.i {
                right: 625px;
            }

            .info-slide-content.almanac .frost-pane.purple .phase .phasetext {
                font-family: Frutiger;
                font-weight: bold;
                color: #ffd40e;
                font-size: 30px;
                padding-top: 27px;
                align-self: center;
                transform: translate(-4.5px, 0px) scale(108%,100%);
            }

            .info-slide-content.almanac .frost-pane.purple .phase .icon {
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center center;
                width: 180px;
                min-height: 180px;
                position: absolute;
                top: 40px;
                align-self: center;
                -webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, .95));
                filter: drop-shadow(0 0 8px rgba(0, 0, 0, .95));
            }

            .info-slide-content.almanac .frost-pane.purple .phase.i .icon {
                background-image: url(/images/moonphases/NEW.png);
            }

            .info-slide-content.almanac .frost-pane.purple .phase.ii .icon {
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center center;
                background-image: url(/images/moonphases/FIRST.png);
            }

            .info-slide-content.almanac .frost-pane.purple .phase.iii .icon {
                background-image: url(/images/moonphases/FULL.png);
            }

            .info-slide-content.almanac .frost-pane.purple .phase.iv .icon {
                background-image: url(/images/moonphases/LAST.png);
            }

            .info-slide-content.almanac .frost-pane.purple .phase .date {
                font-family: Frutiger;
                color: #ebebeb;
                font-size: 33px;
                padding-top: 0px;
                align-self: center;
                position: absolute;
                bottom: 25px;
                transform: scale(106%,100%) translate(-2.5px,0px);
            }

.info-slide-content.aroundcityinfo {
    display: flex;
    flex-direction: column;
}

    .info-slide-content.aroundcityinfo .frost-pane {
        width: 100%;
        background-size: 100% 1057%;
        margin-top: 9px;
        margin-left: 136px;
        max-height: 146.75px;
        display: flex;
        flex-direction: row;
        transform: translate(0px, 12px);
    }

        .info-slide-content.aroundcityinfo .frost-pane.city.i {
          margin-top: 243px;
            background-position: -62px -439px;
        }

        .info-slide-content.aroundcityinfo .frost-pane.city.ii {
            background-position: -62px -594.5px;
        }

        .info-slide-content.aroundcityinfo .frost-pane.city.iii {
            background-position: -62px -726.5px;
        }

        .info-slide-content.aroundcityinfo .frost-pane.city.iv {
            background-position: -62px -897px;
            line-height: 115%;
        }

        .info-slide-content.aroundcityinfo .frost-pane.city .cityname {
            font-family: 'Frutiger Bold CN';
            color: #ebebeb;
            position: absolute;
            font-size: 45px;
            left: 40px;
            top: 43%;
            width: 40%;
            transform: translate(0,-23.5%) scale(100%,100%);
            transform-origin: left;
            margin: 5px
        }

        .info-slide-content.aroundcityinfo .frost-pane.city.i .cityname {
            left: 110px;
        }

        .info-slide-content.aroundcityinfo .frost-pane.city.iv .cityname {
            left: 80px;
        }

        .info-slide-content.aroundcityinfo .frost-pane.city .temp {
            font-family: 'Frutiger Bold CN';
            color: #ebebeb;
            position: absolute;
            font-size: 67px;
            left: 38.6%;
            top: 46%;
            width: 10.5%;
            text-align: center;
            transform: translate(0,-41%) scale(100%,100%);
        }

        .info-slide-content.aroundcityinfo .frost-pane.city .icon {
            background-repeat: no-repeat;
            background-size: 3700% 95.65%;
            background-position: 51.35% 40%;
            height: 155px;
            width: 155px;
            left: 681px;
            top: 51%;
            transform: translate(0,-51%);
            position: absolute;
        }

        .info-slide-content.aroundcityinfo .frost-pane.city .wind {
            font-family: 'Frutiger Bold CN';
            color: #ebebeb;
            position: absolute;
            font-size: 51px;
            right: 329px;
            top: 44%;
            transform: translate(0,-23.5%) scale(100%,100%);
            transform-origin: right;
        }
        .info-slide-content.airportpanel {
            margin-top: 253px;
            margin-left: 136px;
          }
.info-slide-content.airportpanel .leftpanel {
    position: absolute;
    max-height: 607px;
    min-height: 607px;
    width: 53%;
    margin-right: 10px;
    align-items: center;
}

.info-slide-content.airportpanel .thing {
  height: 45px;
  margin-left: 65px;
  width: 100%;
}

.info-slide-content.airportpanel .thing .thingtext {
  position: absolute;
  width: 100%;
  color: #ebebeb;
  font-family: Frutiger;
  font-size: 37px;
  padding-top: 8px;
  padding-left: 67.5px;
  text-shadow: 2px 2px 1px #000;
  height: 45px;
  text-shadow: #141414 2.33807px 3.00663px 1.33711px;
  transform-origin: left;
}
.info-slide-content.airportpanel .thing .thingbg {
  position: absolute;
  background: #241e95;
  height: 45px;
  width: 100%;
  -webkit-mask-image: url(/images/newbg/frostpane.svg);
  -webkit-mask-position: -127px -449px;
  -webkit-mask-size: 1446px 1582px;
}

.info-slide-content.airportpanel .leftpanel .frost-pane.top {
    margin-bottom: 10px;
    height: 271px;
    width: 100%;
    align-items: center;
    transform: translate(0px, 45px);
    background-size: 1446px 1582px;
    background-position: -62px -494px;
}

    .info-slide-content.airportpanel .leftpanel .frost-pane.top .title {
        position: absolute;
        top: 45px;
        left: 95px;
        font-size: 50px;
        transform: scale(106%, 100%);
        transform-origin: left;
    }

    .info-slide-content.airportpanel .leftpanel .frost-pane.top .delay {
        color: #ebebeb;
        font-family: Frutiger;
        font-size: 35px;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
        position: absolute;
        top: 145px;
        left: 125px;
        transform: scale(104.5%, 100%);
        transform-origin: left;
    }

.info-slide-content.airportpanel .leftpanel em {
    font-family: Frutiger;
    font-style: normal;
    transform-origin: left;
    color: #ebebeb;
    font-size: 39px;
}

.info-slide-content.airportpanel .leftpanel .frost-pane.top .delayfill {
    color: #ebebeb;
    font-family: Frutiger;
    font-size: 42px;
    text-shadow: #141414 2.33807px 3.00663px 1.33711px;
    position: absolute;
    top: 140px;
    left: 370px;
    transform: scale(103%, 100%);
    transform-origin: left;
}

.info-slide-content.airportpanel .leftpanel .frost-pane.top .reason {
    color: #ebebeb;
    font-family: Frutiger;
    font-size: 35px;
    text-shadow: #141414 2.33807px 3.00663px 1.33711px;
    position: absolute;
    top: 225px;
    left: 125px;
    transform: scale(104.5%, 100%);
    transform-origin: left;
}

.info-slide-content.airportpanel .leftpanel .frost-pane.top .reasonfill {
    color: #ebebeb;
    font-family: Frutiger;
    font-size: 42px;
    text-shadow: #141414 2.33807px 3.00663px 1.33711px;
    position: absolute;
    top: 220px;
    left: 370px;
    transform: scale(103%, 100%);
    transform-origin: left;
}

.info-slide-content.airportpanel .leftpanel .frost-pane.bottom .title {
    position: absolute;
    top: 35px;
    left: 70px;
    font-size: 50px;
    transform: scale(106%, 100%);
    transform-origin: left;
}

.info-slide-content.airportpanel .leftpanel .frost-pane.bottom .delay {
    color: #ebebeb;
    font-family: Frutiger;
    font-size: 35px;
    text-shadow: #141414 2.33807px 3.00663px 1.33711px;
    position: absolute;
    top: 115px;
    left: 125px;
    transform: scale(103%, 100%);
    transform-origin: left;
}

.info-slide-content.airportpanel .leftpanel .frost-pane.bottom .delayfill {
    color: #ebebeb;
    font-family: Frutiger;
    font-size: 42px;
    text-shadow: #141414 2.33807px 3.00663px 1.33711px;
    position: absolute;
    top: 110px;
    left: 370px;
    transform: scale(103%, 100%);
    transform-origin: left;
}

.info-slide-content.airportpanel .leftpanel .frost-pane.bottom .reason {
    color: #ebebeb;
    font-family: Frutiger;
    font-size: 35px;
    text-shadow: #141414 2.33807px 3.00663px 1.33711px;
    position: absolute;
    top: 190px;
    left: 125px;
    transform: scale(103%, 100%);
    transform-origin: left;
}

.info-slide-content.airportpanel .leftpanel .frost-pane.bottom .reasonfill {
    color: #ebebeb;
    font-family: Frutiger;
    font-size: 42px;
    text-shadow: #141414 2.33807px 3.00663px 1.33711px;
    position: absolute;
    top: 180px;
    left: 370px;
    transform: scale(103%, 100%);
    transform-origin: left;
}

.info-slide-content.airportpanel .leftpanel .frost-pane.bottom .source {
    color: #ffd40e;
    font-family: Frutiger;
    font-size: 33px;
    transform: scale(104%, 100%);
    text-shadow: #141414 2.33807px 3.00663px 1.33711px;
    position: absolute;
    bottom: 5px;
    left: 80px;
}

.info-slide-content.airportpanel .leftpanel .frost-pane.bottom {
    height: 281px;
    width: 100%;
    align-items: center;
    transform: translate(0px, 45px);
    background-size: 1446px 1582px;
    background-position: -62px -772px;
}

.info-slide-content.airportpanel .frost-pane.right {
    transform: translate(0px, 45px);
    min-height: 562px;
    max-height: 562px;
    position: absolute;
    width: 36.5%;
    left: 53%;
    margin-left: 10px;
    background-size: 1446px 1582px;
    background-position: -836px -494px;
}

    .info-slide-content.airportpanel .frost-pane.right .icon {
        background-repeat: no-repeat;
        background-size: 3700% 95.65%;
        background-position: 51.35% 77.5%;
        height: 215px;
        width: 215px;
        margin-left: 115px;
        margin-top: 25px;
        transform: translate(-1.5%, 0);
    }

    .info-slide-content.airportpanel .frost-pane.right .conditions {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 800;
        font-size: 42px;
        text-align: center;
        text-transform: capitalize;
        overflow-wrap: break-word;
        height: 50px;
        width: 72%;
        margin-left: 40px;
        text-align: center;
        transform: translate(-2.25%, 0) scale(104.5%, 100%);
        position: absolute;
        top: 285px;
    }

    .info-slide-content.airportpanel .frost-pane.right .temp {
        color: #ebebeb;
        font-family: 'Frutiger Bold Cn';
        font-size: 115px;
        font-weight: 600;
        width: 87%;
        position: absolute;
        bottom: 10px;
        text-align: center;
        letter-spacing: 2.5px;
        transform: translate(-1.5%, 0) scale(108%, 100%);
    }

.info-slide-content.otherairports .thing {
    margin-top: 253px;
    width: 100%;
    position: absolute;
    top: 0px;
    height: 45px;
    font-family: Frutiger;
    font-weight: 600;
    font-size: 26px;
    margin-left: 199px;
    color: #ffd40e;
    text-shadow: #141414 2.33807px 3.00663px 1.33711px;
    line-height: 150%;
}

    .info-slide-content.otherairports .thing .thingtext {
        width: 100%;
        height: 45px;
        font-family: Frutiger;
        transform: scale(104%,100%);
        font-weight: 600;
        font-size: 34px;
        color: #ffd40e;
        line-height: 150%;
        padding-left: 305px;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
    }
.info-slide-content.otherairports .thing .thingbg {
  position: absolute;
  right: 0;
  top: 0;
  background: rgba(36, 30, 149,1);
  height: 45px;
  width: 100%;
  -webkit-mask-image: url(/images/newbg/frostpane.svg);
  -webkit-mask-position: -127px -449px;
  -webkit-mask-size: 1446px 1582px;
}

    .info-slide-content.otherairports .thing .temp {
        position: absolute;
        right: 754px;
    }

    .info-slide-content.otherairports .thing .delay {
        position: absolute;
        right: 360px;
    }

.info-slide-content.otherairports .frost-pane {
    max-height: 562px;
    min-height: 562px;
    margin-top: 253px;
    margin-left: 136px;
    transform: translate(0, 45px);
    flex-direction: column;
    background-size: 1446px 1582px;
    background-position: -62px -494px;
}

.info-slide-content.otherairports .airport {
    width: 100%;
    height: 138px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .info-slide-content.otherairports .airport.i {
        margin-top: 10px;
    }

    .info-slide-content.otherairports .airport .airportname {
        font-family: 'Frutiger Bold Cn';
        transform-origin: left;
        color: #ebebeb;
        position: fixed;
        font-size: 48px;
        left: 40px;
    }

    .info-slide-content.otherairports .airport.i .airportname {
        left: 110px;
    }

    .info-slide-content.otherairports .airport.iv .airportname {
        left: 80px;
    }

    .info-slide-content.otherairports .airport .temp {
        font-family: 'Frutiger 57 Condensed';
        transform: scale(112.5%,100%);
        transform-origin: left;
        color: #ebebeb;
        width: 80px;
        text-align: center;
        position: relative;
        font-size: 65px;
        left: 655px;
        padding-top: 10px;
    }

    .info-slide-content.otherairports .airport .icon {
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        background-size: 3700% 95.65%;
        background-position: 51.35% 77.5%;
        position: fixed;
        left: 750px;
        height: 138px;
        width: 138px;
    }

    .info-slide-content.otherairports .airport .delay {
        font-family: Frutiger;
        transform: translate(0,3px) scale(104%,100%);
        transform-origin: left;
        color: #ebebeb;
        position: fixed;
        font-size: 40px;
        right: 155px;
    }

        .info-slide-content.otherairports .airport .delay em {
            font-family: Frutiger;
            font-style: normal;
            transform-origin: left;
            color: #ebebeb;
            font-size: 39px;
        }

.info-slide-content.otherairports .source {
    color: #ffd40e;
    font-family: Frutiger;
    font-size: 33px;
    transform: scale(104%, 100%);
    text-shadow: #141414 2.33807px 3.00663px 1.33711px;
    position: absolute;
    top: 10px;
    right: 155px;
}

.airport-slide #subhead-source {
    color: #ffd40e;
    font-family: Frutiger;
    font-size: 24px;
    transform: translateY(-16%) scale(106%, 100%);
    text-shadow: #141414 2.33807px 3.00663px 1.33711px;
    position: absolute;
    right: 89px;
}

.info-slide-content.surfreport .frost-pane.left {
    max-width: 60.8%;
    min-width: 60.8%;
    margin-right: .8%;
    align-items: center;
    transform: translate(0px, 45px);
    max-height: 411.25px;
    align-items: center;
    background-position: -72px -364px;
}

.info-slide-content.surfreport .thing {
    position: absolute;
    width: 100%;
    height: 40px;
}

.info-slide-content.surfreport .thingbg {
    position: absolute;
    right: 0;
    top: 5px;
    background: #2a3a8a;
    height: 40px;
    width: 100%;
    -webkit-mask-image: url(/images/newbg/frostpane.svg);
    -webkit-mask-position: -72px -393px;
    -webkit-mask-size: 1065px 1385px;
}

.info-slide-content.surfreport .thingtext {
    position: absolute;
    color: #ebebeb;
    font-family: Frutiger;
    font-size: 33px;
    text-shadow: #141414 2.33807px 3.00663px 1.33711px;
    padding-top: 13.5px;
    padding-left: 67.5px;
    height: 40px;
    width: 105%
}

.info-slide-content.surfreport .frost-pane.left .watertemp {
    font-size: 34px;
    position: absolute;
    top: 232.5px;
    left: 46px;
    transform: scale(106%, 100%);
    transform-origin: left;
}

.info-slide-content.surfreport .frost-pane.left .wind {
    font-size: 34px;
    position: absolute;
    top: 62px;
    left: 46px;
    transform: scale(107%, 100%);
    transform-origin: left;
}

.info-slide-content.surfreport .frost-pane.left .waveperiod {
    font-size: 34px;
    position: absolute;
    top: 147px;
    left: 46px;
    transform: scale(107%, 100%);
    transform-origin: left;
}

.info-slide-content.surfreport .frost-pane.left .windvalue {
    font-size: 40px;
    position: absolute;
    top: 57.5px;
    left: 167.5px;
    transform: scale(103%, 100%);
    transform-origin: left;
}

.info-slide-content.surfreport .frost-pane.left .waveperiodvalue {
    font-size: 40px;
    position: absolute;
    top: 142px;
    left: 280px;
    transform: scale(103%, 100%);
    transform-origin: left;
}

.info-slide-content.surfreport .frost-pane.left .watertempbar {
    position: absolute;
    bottom: 29.5px;
    left: 53px;
    height: 48px;
    width: 441px;
    background: linear-gradient(to right, #6aa3f2 0, #2f4aa7 28%, #84806c 41%,#e1d226 58%, #df9705 76%, #d34308 87%, #710002 99%)
}

    .info-slide-content.surfreport .frost-pane.left .watertempbar .temps {
        position: absolute;
        top: 0;
        font-family: Frutiger;
        font-size: 35.5px;
        color: #171717;
        text-shadow: #000 0px 0px 0px;
        word-spacing: 13.25px;
        text-align: center;
        padding-top: 11.5px;
        padding-left: 0px;
        transform: scale(103%, 100%);
        width: 100%;
    }

    .info-slide-content.surfreport .frost-pane.left .watertempbar .temparrow {
        position: absolute;
        bottom: 20.5px;
        left: 325px;
        width: 0;
        height: 0;
        border-left: 13.5px solid transparent;
        border-right: 13.5px solid transparent;
        border-top: 31.5px solid #ebebeb;
        -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 1));
        filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 1))
    }

    .info-slide-content.surfreport .frost-pane.left .watertempbar .temp {
        font-family: Frutiger;
        font-size: 45px;
        color: #ebebeb;
        text-shadow: #000 0px 0px 0px;
        position: absolute;
        top: -77.5px;
        left: -17.5px;
        transform: scale(105%, 100%);
    }

.info-slide-content.surfreport .title {
    font-size: 32px
}

.info-slide-content.surfreport .frost-pane.right {
    transform: translate(0px, 45px);
    height: 411.25px;
    width: 100%;
    background-position: -617px -364px;
}

    .info-slide-content.surfreport .frost-pane.right .title.waveheight {
        position: absolute;
        font-size: 35px;
        width: 100%;
        text-align: center;
        top: 14px;
        padding-left: 61px;
        padding-right: 70px;
        line-height: 110%;
        transform: scale(105%, 100%);
    }

    .info-slide-content.surfreport .frost-pane.right .wavebar {
        position: absolute;
        width: 125px;
        height: 110px;
        text-align: center;
        bottom: 31px;
        left: 110px;
        color: #171717;
        text-shadow: #000 0px 0px 0px;
        background: linear-gradient(to top, #5f6c55 0, #16c0dd 65%);
        padding-top: 10.5px;
    }

        .info-slide-content.surfreport .frost-pane.right .wavebar .wavevalue {
            font-size: 42px;
            transform: scale(103.5%, 100%);
        }

        .info-slide-content.surfreport .frost-pane.right .wavebar .feet {
            font-size: 28px;
            transform: scale(103.5%, 100%);
        }

.info-slide-content.coastalwaters .thing {
    height: 35px;
    width: 100%;
    position: absolute;
    top: 70px;
    z-index: 388687;
}

    .info-slide-content.coastalwaters .thing .thingbg {
        position: absolute;
        right: 0;
        top: 0;
        background: #2a3a8a;
        height: 35px;
        width: 100%;
        -webkit-mask-image: url(/images/newbg/frostpane.svg);
        -webkit-mask-position: -72px -329px;
        -webkit-mask-size: 1065px 1164px;
    }

    .info-slide-content.coastalwaters .thing .thingtext {
        height: 35px;
        width: 100%;
        color: #ebebeb;
        font-size: 23px;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
        padding-top: 9px;
        padding-left: 63px;
        transform: scale(107%,100%);
        transform-origin: left;
    }

.info-slide-content.coastalwaters .frost-pane.content {
    position: absolute;
    width: 100%;
    height: 411.25px;
    top: 95px;
    padding-top: 10px;
    padding-left: 52px;
    background-position: -72px -364px;
}

.info-slide-content.coastalwaters.warnings .frost-pane.content .warningtext {
    font-family: 'Frutiger 57 Condensed';
    font-size: 40px;
    color: #ffd40e;
    width: 100%;
    height: 100%;
    transform: scale(115%, 100%);
    transform-origin: left;
    padding-right: 200px;
    line-height: 114%;
}

.info-slide-content.coastalwaters.forecasts .frost-pane.content .title.day {
    font-family: 'Frutiger 57 Condensed';
    font-size: 40px;
    line-height: 114%;
    transform: scale(115%, 100%);
    transform-origin: left;
}

.info-slide-content.coastalwaters.forecasts .frost-pane.content .forecasttext {
    font-family: 'Frutiger 57 Condensed';
    font-size: 40px;
    line-height: 114%;
    transform: scale(115%, 100%);
    transform-origin: left;
    padding-right: 200px;
    margin-bottom: 46px;
}

.info-slide-content.tides {
    width: 100%;
    height: 200px;
    flex-direction: column;
}

    .info-slide-content.tides .thingnotpurple {
        margin-top: 7px;
        height: 40px;
        font-family: Frutiger;
        font-size: 28.5px;
        color: #ffd40e;
        filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, .75));
        line-height: 150%;
        font-weight: 600;
    }

        .info-slide-content.tides .thingnotpurple .hightide {
            transform: scale(105%, 100%);
            display: block;
            position: absolute;
            left: 301px;
        }

        .info-slide-content.tides .thingnotpurple .lowtide {
            left: 596px;
            display: block;
            position: absolute;
            transform: scale(105%, 100%);
        }

    .info-slide-content.tides .frost-pane.top {
        min-height: 139px;
        transform: translate(0,0);
        background-position: -72px -364px;
    }

    .info-slide-content.tides .frost-pane .place {
        margin-top: 14px;
        margin-left: 48px;
        font-size: 33px;
        font-family: 'Frutiger 57 Condensed';
        transform: scale(114%, 100%);
        transform-origin: left;
    }

    .info-slide-content.tides .frost-pane .hightide {
        position: absolute;
        left: 290px;
        top: 45px;
        line-height: 127%;
        font-size: 32.7px;
        font-family: 'Frutiger 57 Condensed';
        transform: scale(114%, 100%);
        transform-origin: left;
    }

    .info-slide-content.tides .frost-pane .lowtide {
        position: absolute;
        left: 575px;
        top: 45px;
        line-height: 126%;
        font-size: 32.7px;
        font-family: 'Frutiger 57 Condensed';
        transform: scale(114%, 100%);
        transform-origin: left;
    }

    .info-slide-content.tides .frost-pane.mid .place {
        margin-top: 14px;
    }

    .info-slide-content.tides .frost-pane.bottom .place {
        margin-top: 9px;
    }

    .info-slide-content.tides .frost-pane.mid .hightide {
        top: 44px;
    }

    .info-slide-content.tides .frost-pane.mid .lowtide {
        top: 44px;
    }

    .info-slide-content.tides .frost-pane .sunrise {
        position: absolute;
        left: 48px;
        top: 64px;
        font-size: 35.5px;
        font-family: Frutiger;
        transform: scale(105%, 100%);
        transform-origin: left;
    }

.info-slide-content.tides .frost-pane .sunset {
  position: absolute;
  left: 470px;
  top: 64px;
  font-size: 35.5px;
  font-family: Frutiger;
  transform: scale(105%, 100%);
  transform-origin: left;
}
.info-slide-content.tides .frost-pane .sunrisetext {
  position: absolute;
  left: 200px;
  top: 62.5px;
  font-size: 32.7px;
  font-family: 'Frutiger 57 Condensed';
  transform: scale(115%, 100%);
}
.info-slide-content.tides .frost-pane .sunsettext {
  position: absolute;
  left: 617.5px;
  top: 62.5px;
  font-size: 32.7px;
  font-family: 'Frutiger 57 Condensed';
  transform: scale(115%, 100%);
  transform-origin: left;
}
.info-slide-content.tides .frost-pane.mid {
  min-height: 140px;
  margin-top: 4px;
  transform: translate(0,0);
  background-position: -72px -507px;
}
.info-slide-content.tides .frost-pane.bottom {
  height: 204px;
  margin-top: 13px;
  transform: translate(0,0);
  background-position: -72px -660px;
}
.info-slide-content.traffic-overview {
  flex-direction: column;
  display: flex;
}
.info-slide-content.traffic-overview .thing {
  margin-top: 253px;
  margin-left: 196px;
}
.info-slide-content.traffic-overview .thing .thingbg {
  position: absolute;
  background: #241e95;
  height: 45px;
  width: 100%;
  -webkit-mask-image: url(/images/newbg/frostpane.svg);
  -webkit-mask-position: -127px -449px;
  -webkit-mask-size: 1446px 1582px;
  z-index: 0;
}
.info-slide-content.traffic-overview .thing .thingtext {
  position: absolute;
  width: 100%;
  color: #ebebeb;
  font-family: Frutiger;
  font-size: 35px;
  text-shadow: 2px 2px 1px #000;
  height: 45px;
  padding-left: 80px;
  padding-top: 10px;
  transform-origin: left;
}
.info-slide-content.traffic-overview .thing .thingtext .box {
  position: absolute;
  width: 27px;
  height: 27px;
  filter: drop-shadow(2px 2px 2.4px #000);
}
.info-slide-content.traffic-overview .thing .thingtext .text {
  padding-left: 35px;
  padding-top: 5px;
}
.info-slide-content.traffic-overview .frost-pane {
  position: absolute;
  margin-top: 253px;
  margin-left: 136px;
  transform: translate(0, 45px);
  height: 562px;
  width: 100%;
  background-size: 1446px 1582px;
  background-position: -62px -494px;
  display: flex;
}
#textclear.traffictext {
  position: absolute;
  margin-left: 45px;
}
#moderate.box {
  position: absolute;
  margin-left: 165px;
}
#textmoderate.traffictext {
  position: absolute;
  margin-left: 210px;
}
#heavy.box {
  position: absolute;
  margin-left: 410px;
}
#textheavy.traffictext {
  position: absolute;
  margin-left: 455px;
}
#unavailable.box {
  position: absolute;
  margin-left: 590px;
}
#textunavailable.traffictext {
  position: absolute;
  margin-left: 635px;
}
#trafmap {
  position: absolute;
  margin-top: 253px;
  margin-left: 240px;
  transform: translate(0, 45px);
  width: 1067px;
  min-width: 1067px;
  height: 555px;
  min-height: 555px;
  z-index: 388986;
}
.info-slide-content.traffic-report {
    flex-direction: column;
    display: flex;
}
.info-slide-content.traffic-report .thing-top {
  color: #ebebeb;
  font-family: Frutiger;
  margin-top: 253px;
  margin-left: 136px;
  font-size: 33px;
  text-shadow: 2px 2px 1px #000;
  height: 45px;
  width: 100%;
  position: absolute;
  padding-left: 68px;
}

.info-slide-content.traffic-report .thing-top .thingbg {
  position: absolute;
  background: #241e95;
  height: 45px;
  width: 100%;
  -webkit-mask-image: url(/images/newbg/frostpane.svg);
  -webkit-mask-position: -130px -449px;
  -webkit-mask-size: 1446px 1582px;
  z-index: 0;
}

.info-slide-content.traffic-report .thing-top .thingtext {
  position: absolute;
  width: 73%;
  color: #ebebeb;
  font-family: Frutiger;
  font-size: 37px;
  line-height: 50px;
  text-shadow: 2px 2px 1px #000;
  height: 45px;
  padding-left: 65px;
  text-shadow: #141414 2.33807px 3.00663px 1.33711px;
  overflow: hidden;
  transform-origin: left;
  overflow: hidden;
}

.info-slide-content.traffic-report .frost-pane.top {
  position: absolute;
  width: 100%;
  height: 246px;
  margin-top: 253px;
  margin-left: 136px;
  transform: translate(0, 45px);
  background-image: url(/images/newbg/frostpane.svg);
  background-size: 1446px 1582px;
  background-position: -62px -494px;
}

.info-slide-content.traffic-report .impact-top {
  position: absolute;
  width: max-content;
  color: #000;
  background-color: #3DD135;
  filter: drop-shadow(2.4px 2.4px 2.4px #000);
  font-family: Frutiger;
  font-weight: bold;
  font-size: 33px;
  top: 253px;
  left: 80px;
  margin-top: 65px;
  margin-left: 136px;
  padding-top: 5px;
  padding-right: 5px;
  padding-left: 5px;
  height: max-content;
  transform-origin: left;
  z-index: 388690;
}

.info-slide-content.traffic-report .description-top {
  position: absolute;
  width: 73%;
  height: 115px;
  color: #ebebeb;
  font-family: Frutiger;
  font-size: 33px;
  top: 253px;
  left: 90px;
  margin-top: 65px;
  margin-left: 136px;
  line-height: 40px;
  text-shadow: 2px 2px 1px #000;
  text-shadow: #141414 2.33807px 3.00663px 1.33711px;
  transform-origin: left;
  overflow: hidden;
  white-space: pre-wrap;
  z-index: 388690;
}

.info-slide-content.traffic-report .thing-bot {
  position: absolute;
  margin-top: 554px;
  margin-left: 136px;
  color: #ebebeb;
  font-family: Frutiger;
  font-size: 33px;
  text-shadow: 2px 2px 1px #000;
  height: 50px;
  width: 100%;
}

.info-slide-content.traffic-report .thing-bot .thingbg {
  position: absolute;
  background: #241e95;
  height: 50px;
  width: 100%;
  -webkit-mask-image: url(/images/newbg/frostpane.svg);
  -webkit-mask-position: -62px -54%;
  -webkit-mask-size: 1446px 1582px;
  z-index: 0;
}

.info-slide-content.traffic-report .thing-bot .thingtext {
  position: absolute;
  width: 100%;
  color: #ebebeb;
  font-family: Frutiger;
  font-size: 37px;
  text-shadow: 2px 2px 1px #000;
  height: 50px;
  line-height: 50px;
  padding-left: 45px;
  padding-top: 4px;
  text-shadow: #141414 2.33807px 3.00663px 1.33711px;
  transform-origin: left;
  overflow: hidden;
}

.info-slide-content.traffic-report .frost-pane.bot {
  position: absolute;
  width: 100%;
  height: 241px;
  margin-top: 594px;
  margin-left: 136px;
  background-image: url(/images/newbg/frostpane.svg);
  background-size: 1446px 1582px;
  background-position: -62px -820px;
}

.info-slide-content.traffic-report .frost-pane.blank {
  position: absolute;
  width: 100%;
  height: 286px;
  margin-top: 544px;
  margin-left: 136px;
  background-image: url(/images/newbg/frostpane.svg);
  background-size: 1446px 1582px;
  background-position: -62px -771px;
}

.info-slide-content.traffic-report .impact-bot {
  position: relative;
  width: max-content;
  color: #000;
  background-color: #3DD135;
  filter: drop-shadow(2.4px 2.4px 2.4px #000);
  font-family: Frutiger;
  font-weight: bold;
  font-size: 33px;
  top: 594px;
  left: 80px;
  margin-top: 30px;
  margin-left: 136px;
  padding-top: 5px;
  padding-right: 5px;
  padding-left: 5px;
  height: max-content;
  transform-origin: left;
  z-index: 388690;
}

.info-slide-content.traffic-report .description-bot {
  position: absolute;
  width: 76%;
  height: 115px;
  color: #ebebeb;
  font-family: Frutiger;
  font-size: 33px;
  top: 594px;
  left: 90px;
  margin-top: 30px;
  margin-left: 136px;
  line-height: 40px;
  text-shadow: 2px 2px 1px #000;
  transform-origin: left;
  overflow: hidden;
  white-space: pre-wrap;
  z-index: 388690;
}

.info-slide-content.traffic-report .credit {
  position: absolute;
  font-family: Frutiger;
  color: #ebebeb;
  font-size: 30px;
  margin-top: 253px;
  top: 592px;
  text-shadow: 2px 2px 1px #000;
  margin-left: 136px;
  left: 100px;
}

.info-slide-content.health-forecast {
  flex-direction: row;
}
.info-slide-content.health-forecast .frost-pane {
  max-height: 562px
}
.info-slide-content.health-forecast .thing {
  color: #ebebeb;
  font-family: Frutiger;
  font-size: 37px;
  text-shadow: 2px 2px 1px #000;
  height: 45px;
  width: 100%;
  position: absolute;
  margin-top: 253px;
  margin-left: 199px;
}
.info-slide-content.health-forecast .thing .thingtext {
  width: 100%;
  color: #ebebeb;
  font-family: Frutiger;
  font-size: 37px;
  padding-top: 8px;
  padding-left: 62.5px;
  text-shadow: 2px 2px 1px #000;
  transform: scale(105%,100%);
  transform-origin: left;
}
.info-slide-content.health-forecast .thing .thingbg {
  position: absolute;
  background: #241e95;
  height: 45px;
  width: 100%;
  -webkit-mask-image: url(/images/newbg/frostpane.svg);
  -webkit-mask-position: -127px -449px;
  -webkit-mask-size: 1446px 1582px;
}
.info-slide-content.health-forecast .frost-pane.mainforecast {
  margin-top: 298px;
  margin-left: 136px;
  max-width: 36%;
  background-size: 1446px 1582px;
  background-position: -62px -494px;
  transform: translate(0px, 0px);
}
.info-slide-content.health-forecast .frost-pane.mainforecast .icon {
  background-repeat: no-repeat;
  background-size: 3700% 95.65%;
  background-position: 51.35% 77.5%;
  height: 280px;
  width: 280px;
  margin-left: 140px;
  position: absolute;
}
.info-slide-content.health-forecast .frost-pane.mainforecast .low {
  position: absolute;
  top: 295px;
  left: 130px;
  font-size: 32px;
  transform: scale(108%,100%);
  transform-origin: left;
}
.info-slide-content.health-forecast .frost-pane.mainforecast .high {
  position: absolute;
  top: 295px;
  right: 85px;
  font-size: 32px;
  transform: scale(108%,100%);
  transform-origin: right;
}
.info-slide-content.health-forecast .frost-pane.mainforecast .lowtext {
  width: 30%;
  position: absolute;
  top: 365px;
  left: 80px;
  font-size: 88px;
  transform: scale(105%,100%);
  text-align: center;
}
.info-slide-content.health-forecast .frost-pane.mainforecast .hightext {
  width: 30%;
  height: 47.5%;
  position: absolute;
  top: 365px;
  right: 44px;
  font-size: 88px;
  transform: scale(105%,100%);
  text-align: center;
}
.info-slide-content.health-forecast .frost-pane.mainforecast .title.heatwind {
  font-family: 'Frutiger Bold Cn';
  width: 90%;
  position: absolute;
  bottom: 12.5px;
  right: 0px;
  font-size: 47px;
  text-align: center;
}
.info-slide-content.health-forecast .frost-pane.forecastdetails {
  margin-top: 298px;
  margin-left: 10px;
  background-size: 1446px 1582px;
  background-position: -591px -494px;
  transform: translate(0px, 0px);
}
.info-slide-content.health-forecast .frost-pane.forecastdetails .title {
  width: 88%;
  font-size: 45px;
  padding-left: 12.5px;
  padding-bottom: 0px;
  height: 50px;
  text-transform: none;
  font-family: 'Frutiger Bold Cn';
  background: linear-gradient(to right, rgba(33, 27, 140, 1) 0, rgba(33, 27, 140, 0) 93%);
}
.info-slide-content.health-forecast .frost-pane.forecastdetails .title span {
  display: block;
  transform: scale(105.5%,100%) translate(0,-2.5px);
  transform-origin: left;
}
            .info-slide-content.health-forecast .frost-pane.forecastdetails .title.humid span {
                display: block;
                transform: scale(105.5%,100%) translate(0,0px);
                transform-origin: left;
            }

            .info-slide-content.health-forecast .frost-pane.forecastdetails .title.chanceprecip {
                position: absolute;
                top: 25px;
                left: 90px;
            }
            .info-slide-content.health-forecast .frost-pane.forecastdetails .title.humid {
                position: absolute;
                top: 210px;
                left: 90px;
            }
            .info-slide-content.health-forecast .frost-pane.forecastdetails .title.wind {
                position: absolute;
                top: 400px;
                left: 90px;
            }
        .info-slide-content.health-forecast .frost-pane.forecastdetails .chancepreciptext {
            position: absolute;
            top: 100px;
            left: 145px;
            font-size: 75px;
            transform: scale(104.5%,100%);
            transform-origin: left;
        }
        .info-slide-content.health-forecast .frost-pane.forecastdetails .humidtext {
            position: absolute;
            top: 290px;
            left: 145px;
            font-size: 75px;
            transform: scale(104.5%,100%);
            transform-origin: left;
        }
.info-slide-content.health-forecast .frost-pane.forecastdetails .windtext {
  position: absolute;
  top: 480px;
  left: 145px;
  font-size: 75px;
  transform: scale(104.5%,100%);
  transform-origin: left;
}
.info-slide-content.allergy .leftpanel {
  margin-top: 253px;
  margin-left: 136px;
  min-width: 54.5%;
}

.info-slide-content.allergy .frost-pane.pollen {
  transform: translate(0,45px);
  width: 100%;
  height: 562px;
  background-size: 1440px 1567px;
  background-position: -62px -480px;
}

.info-slide-content.allergy .leftpanel .thing {
  color: #ebebeb;
  font-family: Frutiger;
  font-size: 33px;
  margin-left: 65px;
  text-shadow: 2px 2px 1px #000;
  height: 45px;
  width: 100%;
  position: absolute;
}

.info-slide-content.allergy .leftpanel .thing .thingbg {
  position: absolute;
  background: #241e95;
  height: 45px;
  width: 50%;
  -webkit-mask-image: url(/images/newbg/frostpane.svg);
  -webkit-mask-position: -127px -449px;
  -webkit-mask-size: 1446px 1582px;
  z-index: 0;
}

.info-slide-content.allergy .leftpanel .thing .thingtext {
  position: absolute;
  width: 100%;
  color: #ebebeb;
  font-family: Frutiger;
  font-size: 37px;
  padding-top: 8px;
  padding-left: 62.5px;
  height: 45px;
  text-shadow: 2px 2px 1px #000;
  transform-origin: left;
  z-index: 1
}

.info-slide-content.allergy .frost-pane.pollen .thing span {
  transform: scale(105%,100%);
  transform-origin: left;
}

.info-slide-content.allergy .frost-pane.pollen .pollenbar {
  position: absolute;
  font-size: 35px;
  height: 50px;
}

    .info-slide-content.allergy .frost-pane.pollen .pollenbar .type {
        font-family: 'Frutiger 57 Condensed';
        transform: scale(115%,100%) translate(0,-3.5px);
        transform-origin: left;
        font-size: 47px;
    }

    .info-slide-content.allergy .frost-pane.pollen .pollenbar .treetype {
        font-size: 29px;
        transform: translate(0,-2px);
    }

.info-slide-content.allergy .frost-pane.pollen .scale {
    position: absolute;
    font-size: 35px;
    height: 50px;
    bottom: -19px;
    font-size: 25px;
    color: #ffd40e;
}


.info-slide-content.allergy .frost-pane.pollen .scale {
    position: absolute;
    font-family: 'Frutiger 57 Condensed';
    font-size: 33px;
    height: 50px;
    bottom: -7px;
    color: #ffd40e;
    transform: scale(117%,100%);
}

    .info-slide-content.allergy .frost-pane.pollen .scale.low {
        left: 330px;
        transform-origin: left;
    }

    .info-slide-content.allergy .frost-pane.pollen .scale.high {
        right: 22.5px;
        transform-origin: right;
    }

.info-slide-content.allergy .frost-pane.pollen .pollenbar .bar {
    height:30px;
    width: 415px;
    position: absolute;
    left: 270px;
    margin-top: 6px;
    background: linear-gradient(to right, #c8bb52 0, #f06509 70%, #921413 100%);
}

    .info-slide-content.allergy .frost-pane.pollen .pollenbar .bar .bararrow {
        position: absolute;
        bottom: -7px;
        left: -15px;
        width: 0;
        height: 0;
        border-left: 17px solid transparent;
        border-right: 17px solid transparent;
        border-top: 42px solid #ebebeb;
        filter: drop-shadow(5px 0px 1px rgba(0, 0, 0, .75))
    }

.info-slide-content.allergy .frost-pane.pollen .pollenbar.tree {
    top: 65px;
    left: 70px;
}

.info-slide-content.allergy .frost-pane.pollen .pollenbar.grass {
    top: 195px;
    left: 35px;
}

    .info-slide-content.allergy .frost-pane.pollen .pollenbar.grass .bar {
        left: 305px;
    }

.info-slide-content.allergy .frost-pane.pollen .pollenbar.weed {
    top: 320px;
    left: 35px;
}

    .info-slide-content.allergy .frost-pane.pollen .pollenbar.weed .bar {
        left: 305px;
    }

.info-slide-content.allergy .frost-pane.pollen .pollenbar.mold {
    top: 445px;
    left: 55px;
}
.info-slide-content.allergy .frost-pane.pollen .pollenbar.mold .bar {
  left: 285px;
}

.info-slide-content.allergy .rightpanel {
  margin-top: 253px;
  margin-left: 10px;
  min-width: 35.5%;
}

.info-slide-content.allergy .frost-pane.totalpollen {
  transform: translate(0,102.5px);
  width: 100%;
  height: 505px;
  background-size: 1446px 1582px;
  background-position: -853px -552px;
}

.info-slide-content.allergy .rightpanel .thing {
    height: 102.5px;
    width: 100%;
    position: absolute;
    text-align: center;
}

    .info-slide-content.allergy .rightpanel .thing .thingtext {
        display: flex;
        color: #ebebeb;
        font-family: 'Frutiger Bold Cn';
        font-size: 40px;
        width: 31%;
        line-height: 115%;
        padding-left: 95px;
        padding-top: 5px;
        height: 35px;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
        transform: scale(100%,100%);
        transform-origin: left;
    }

    .info-slide-content.allergy .rightpanel .thing .thingbg {
        position: absolute;
        right: 0;
        top: 0;
        background: #241e95;
        height: 102.5px;
        width: 100%;
        -webkit-mask-image: url(/images/newbg/frostpane.svg);
        -webkit-mask-position: -854px -449px;
        -webkit-mask-size: 1446px 1582px;
    }

.info-slide-content.allergy .frost-pane.totalpollen .cat {
    font-family: 'Frutiger 57 Condensed';
    font-size: 85px;
    width: 85%;
    position: absolute;
    top: 155px;
    text-align: center;
    transform: scale(114%,100%)
}

.info-slide-content.allergy .frost-pane.totalpollen .desc {
  font-family: 'Frutiger 57 Condensed';
  font-size: 50px;
  width: 85%;
  position: absolute;
  top: 270px;
  text-align: center;
  transform: scale(115%,100%)
}

.info-slide-content.allergy .frost-pane.totalpollen .moreinfo {
  font-family: 'Frutiger 57 Condensed';
  font-size: 34px;
  width: 93%;
  line-height: 144%;
  position: absolute;
  top: 19.5px;
  text-align: center;
}

.info-slide-content.Aches-Breath {
  margin-top: 253px;
  margin-left: 136px;
  flex-direction: column;
}

.info-slide-content.Aches-Breath .thing {
  height: 45px;
  margin-left: 65px;
  width: 100%;
}

.info-slide-content.Aches-Breath .thing .thingbg {
  position: absolute;
  background: #241e95;
  height: 45px;
  width: 100%;
  -webkit-mask-image: url(/images/newbg/frostpane.svg);
  -webkit-mask-position: -127px -449px;
  -webkit-mask-size: 1446px 1582px;
}

.info-slide-content.Aches-Breath .thing .thingtext {
  position: absolute;
  width: 100%;
  color: #ebebeb;
  font-family: Frutiger;
  font-size: 37px;
  padding-top: 8px;
  padding-left: 67.5px;
  text-shadow: 2px 2px 1px #000;
  height: 45px;
  text-shadow: #141414 2.33807px 3.00663px 1.33711px;
  transform-origin: left;
}
.info-slide-content.Aches-Breath .frost-pane.aches {
  max-height: 281px;
  transform: translate(0,0);
}

.info-slide-content.Aches-Breath .frost-pane.aches .frost-panebg {
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-mask-image: url(/images/newbg/frostpane.svg);
  -webkit-mask-size: 1446px 1582px;
  -webkit-mask-position: -62px -494px;
  background: rgba(19, 116, 241, 1);
}

.info-slide-content.Aches-Breath .frost-pane .whitetitle {
  font-size: 43px;
  font-family: 'Frutiger Bold Cn';
  transform-origin: left;
}

.info-slide-content.Aches-Breath .frost-pane .desc {
  font-family: 'Frutiger Bold Cn';
  font-size: 36px;
  color: #16bfdd;
  position: absolute;
  left: 50px;
  transform-origin: left;
}

.info-slide-content.Aches-Breath .frost-pane.aches .desc {
   top: 155px;
}

.info-slide-content.Aches-Breath .frost-pane.aches .whitetitle {
  position: absolute;
  top: 75px;
  left: 75px;
}

        .info-slide-content.Aches-Breath .frost-pane.breath .desc {
            top: 155px;
            left: 70px;
            line-height: 115%
        }

        .info-slide-content.Aches-Breath .frost-pane.breath .whitetitle {
            position: absolute;
            top: 80px;
            font-size: 43px;
            left: 50px;
        }
.info-slide-content.Aches-Breath .frost-pane.breath {
 max-height: 281px;
 transform: translate(0,0);
}

.info-slide-content.Aches-Breath .frost-pane.breath .frost-panebg {
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-mask-image: url(/images/newbg/frostpane.svg);
  -webkit-mask-size: 1446px 1582px;
  -webkit-mask-position: -62px -763px;
  background: rgba(23, 24, 215, 1);
}

.info-slide-content.Aches-Breath .frost-pane .bar {
 height: 30px;
 width: 415px;
 position: absolute;
 left: 645px;
 top: 80px;
 background: linear-gradient(to right, #7a7a5e 0, #c8bb52 25%, #f06509 75%, #9f2116 100%);
}

.info-slide-content.Aches-Breath .frost-pane.breath .bar {
  top: 85px;
}

.info-slide-content.Aches-Breath .frost-pane .bar .bararrow {
  position: absolute;
  bottom: -7px;
  left: -15px;
  width: 0;
  height: 0;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  border-top: 42px solid #ebebeb;
  filter: drop-shadow(5px 0px 1px rgba(0, 0, 0, .75))
}

.info-slide-content.Aches-Breath .frost-pane .bar .bararrowtext {
  font-family: Frutiger;
  font-size: 40px;
  color: #ebebeb;
  text-shadow: #141414 0px 2px 0px;
  position: absolute;
  top: -85px;
  left: -125px;
  width: 250px;
  transform: scale(107%,100%);
  text-align: center;
}

.info-slide-content.airquality .leftpanel {
  margin-top: 253px;
  margin-left: 136px;
  min-width: 47.15%;
  max-height: 607px;
}

.info-slide-content.airquality .frost-pane.airforecast {
  width: 47.15%;
  margin-top: 253px;
  height: 562px;
  position: absolute;
  top: 0;
  transform: translate(0,45px);
  background-size: 1446px 1582px;
  background-position: -62px -494px;
}

.info-slide-content.airquality .leftpanel .thing {
  margin-left: 65px;
  height: 45px;
  width: 100%;
}

.info-slide-content.airquality .leftpanel .thing .thingbg {
  position: absolute;
  background: #2a3a8a;
  height: 45px;
  width: 42.6%;
  -webkit-mask-image: url(/images/newbg/frostpane.svg);
  -webkit-mask-position: -127px -449px;
  -webkit-mask-size: 1446px 1582px;
}

.info-slide-content.airquality .leftpanel .thing .thingtext {
  position: absolute;
  width: 100%;
  color: #ebebeb;
  font-family: Frutiger;
  font-size: 37px;
  padding-top: 8px;
  text-shadow: 2px 2px 1px #000;
  height: 35px;
  padding-left: 67.5px;
  text-shadow: #141414 2.33807px 3.00663px 1.33711px;
  transform-origin: left;
}

.info-slide-content.allergy .frost-pane.airforecast .thing span {
  transform: scale(105%,100%);
  transform-origin: left;
}
.info-slide-content.airquality .frost-pane.airforecast .bar {
  margin-left: 55px;
}
.info-slide-content.airquality .frost-pane.airforecast .bar .bar {
  color: #ebebeb;
  font-family: Frutiger;
  font-size: 44px;
  line-height: 90px;
  text-shadow: 2px 2px 1px #000;
  filter: drop-shadow(2px 2px 2.4px #000);
  height: 90px;
  background: #241e95;
  width: 155px;
  margin-top: 16.75px;
  margin-left: 95px;
  transform: translate(0, 10px);
}
.info-slide-content.airquality .frost-pane.airforecast .bar .bar .forecast {
  font-family: 'Frutiger Bold Cn';
  position: absolute;
  left: 175px;
  top: 0px;
  text-shadow: 0px 0px 0px #000;
  transform: scale(112.5%,100%);
  transform-origin: left;
}

.info-slide-content.airquality .frost-pane.airforecast .bar .arrow {
  position: absolute;
  bottom: 45px;
  left: 95px;
  width: 0;
  height: 0;
  border-left: 19.5px solid transparent;
  border-right: 19.5px solid transparent;
  border-top: 39.5px solid #ebebeb;
  transform: rotate(-90deg);
  filter: drop-shadow(-4px 3px 1px rgba(0, 0, 0, .75))
}

.info-slide-content.airquality .rightpanel {
  margin-top: 253px;
  margin-left: 10px;
  min-width: 43%;
  max-height: 607px;
}

.info-slide-content.airquality .frost-pane.primarypolute {
  width: 100%;
  height: 496px;
  background-size: 1446px 1582px;
  background-position: -749px -559px;
  transform: translate(0,110px);
}

.info-slide-content.airquality .rightpanel .thing {
  display: flex;
  width: 100%;
  position: absolute;
  padding-left: 60px;
  padding-top: 1px;
  text-align: center;
}

.info-slide-content.airquality .rightpanel .thing .thingbg {
  position: absolute;
  right: 0;
  top: 0;
  background: #2a3a8a;
  height: 110px;
  width: 100%;
  -webkit-mask-image: url(/images/newbg/frostpane.svg);
  -webkit-mask-position: -753px -449px;
  -webkit-mask-size: 1446px 1582px;
}

    .info-slide-content.airquality .rightpanel .thing .thingtext {
	    position: absolute;
		width: 31%;
		color: #ebebeb;
		padding-top: 5px;
		font-family: 'Frutiger Bold Cn';
		font-size: 40px;
		line-height: 115%;
		text-shadow: 2px 2px 1px #000;
		height: 110px;
		left: 0;
    }

.info-slide-content.airquality .frost-pane.primarypolute .source {
    color: #ebebeb;
    font-family: 'Frutiger Bold Cn';
    font-size: 36px;
    text-shadow: 2px 2px 1px #000;
    position: absolute;
    bottom: 11px;
    left: 32.5px;
    transform: scale(115%,100%);
    transform-origin: left;
}

.info-slide-content.airquality .frost-pane.primarypolute .ozoneaction {
    color: #ebebeb;
    font-family: Frutiger;
    text-shadow: 2px 2px 1px #000;
    position: absolute;
    bottom: 87.5px;
    left: 65px;
    width: 100%
}

.info-slide-content.airquality .frost-pane.primarypolute .pollutant {
    color: #ebebeb;
    font-family: 'Frutiger Bold Cn';
    text-shadow: 2px 2px 1px #000;
    position: absolute;
    top: 90px;
    left: 70px;
    font-size: 60px;
    text-align: center;
    width: 50%;
    transform: scale(100%,100%);
}

.info-slide-content.airquality .frost-pane.primarypolute .ozoneaction {
    background-image: url(/images/newbg/ozoneActionLogo.png);
    background-size: 200px 80px;
    width: 220px;
    height: 100px;
    background-position: 15px -1px;
    background-repeat: no-repeat;
}

    .info-slide-content.airquality .frost-pane.primarypolute .ozoneaction .icon {
        color: #ebebeb;
        font-family: Frutiger;
        text-shadow: 2px 2px 1px #000;
        width: 100px;
        height: 80px;
        background: url(/images/yes2.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }

    .info-slide-content.airquality .frost-pane.primarypolute .ozoneaction .ozone {
        color: #ebebeb;
        font-family: Frutiger;
        text-shadow: 2px 2px 1px #000;
        font-weight: bold;
        font-style: italic;
        position: absolute;
        left: 90px;
        top: 15px;
        font-size: 30px;
    }

    .info-slide-content.airquality .frost-pane.primarypolute .ozoneaction .actionday {
        color: #ebebeb;
        font-family: Frutiger;
        font-size: 25px;
        text-shadow: 2px 2px 1px #000;
        font-style: italic;
        position: absolute;
        left: 90px;
        top: 45px;
        width: 100%;
    }

.info-slide-content.uvindex .weatherreadyheader {
  position: absolute;
  margin-top: 253px;
  margin-left: 136px;
  width: 100%;
  height: 135px;
  z-index: 2;
}
.info-slide-content.uvindex .weatherreadyheader .weatherreadyheaderbg {
  width: 100%;
  height: 100%;
  -webkit-mask-image: url(/images/newbg/frostpane.svg);
  -webkit-mask-size: 1446px 1582px;
  -webkit-mask-position: -62px -449px;
  background: linear-gradient(to right, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%);
}

.info-slide-content.uvindex .weatherreadyheader .icon {
  position: absolute;
  left: 86px;
  top: 0px;
  height: 100%;
}
.info-slide-content.uvindex .weatherreadyheader .icon img {
  height: 100%;
}
.info-slide-content.uvindex .thing {
  color: #ebebeb;
  font-family: Frutiger;
  font-size: 30px;
  padding-top: 8px;
  text-shadow: 2px 2px 1px #000;
  height: 45px;
  width: 100%;
  padding-left: 37.5px;
  position: absolute;
  top: 145px;
  margin-top: 243px;
  margin-left: 136px;
  z-index: 2;
}
.info-slide-content.uvindex .thing .thingbg {
  position: absolute;
  right: 0;
  top: 0;
  background: #241e95;
  height: 45px;
  width: 100%;
  -webkit-mask-image: url(/images/newbg/frostpane.svg);
  -webkit-mask-size: 1446px 1582px;
  -webkit-mask-position: -62px -583px;
}

.info-slide-content.uvindex .thing .currentlytext {
  font-size: 37px;
  transform: scale(106%,100%);
  transform-origin: left;
  margin-left: 90px;
}

    .info-slide-content.uvindex .thing .uvtime {
        font-size: 37px;
        position: absolute;
        top: 0;
        width: 137.5px;
        text-align: center;
        padding-top: 8px;
    }

        .info-slide-content.uvindex .thing .uvtime .uvday {
            font-size: 35px;
            position: absolute;
            width: 100%;
            top: 55px;
            transform: scale(107%,100%);
        }

        .info-slide-content.uvindex .thing .uvtime.i {
            left: 420px;
        }

        .info-slide-content.uvindex .thing .uvtime.ii {
            left: 628px;
        }

        .info-slide-content.uvindex .thing .uvtime.iii {
            left: 838px;
        }

.info-slide-content.uvindex .frost-pane {
    z-index: 0;
    max-height: 427px;
    transform: translate(0,180px);
    margin-top: 253px;
}

.info-slide-content.uvindex .frost-pane.currentuv {
  z-index: 0;
  margin-left: 136px;
  max-width: 25%;
  background-size: 1446px 1582px;
  background-position: -62px -626px;
}

        .info-slide-content.uvindex .frost-pane.currentuv .bar {
            position: absolute;
            width: 175px;
            height: 0px;
            background-color: #fefd5d;
            background: linear-gradient(to top, #555968 0, #686a79 33px, #898a99 66px, #876f50 99px, #baa936 132px, #e9d940 165px, #dd901e 198px, #d45d35 222.75px, #c23b36 253px, #c14c90 272.25px);
            bottom: 17.5px;
            left: 120px;
        }

            .info-slide-content.uvindex .frost-pane.currentuv .bar .cat {
                font-size: 27px;
                position: absolute;
                top: 0;
                text-align: center;
                width: 100%;
                transform: scale(106%,100%);
            }

            .info-slide-content.uvindex .frost-pane.currentuv .bar .num {
                font-size: 50px;
                position: absolute;
                top: -50px;
                text-align: center;
                width: 100%;
                transform: scale(106%,100%);
            }

.info-slide-content.uvindex .frost-pane.forecastuv {
  z-index: 0;
  margin-left: 10px;
  background-size: 1446px 1582px;
  background-position: -431px -626px;
}

        .info-slide-content.uvindex .frost-pane.forecastuv .bar {
            position: absolute;
            width: 175px;
            height: 60px;
            margin-left: 10px;
            background-color: #fefd5d;
            background: linear-gradient(to top, #555968 0, #686a79 33px, #898a99 66px, #876f50 99px, #baa936 132px, #e9d940 165px, #dd901e 198px, #d45d35 222.75px, #c23b36 253px, #c14c90 272.25px);
            bottom: 15px;
        }

            .info-slide-content.uvindex .frost-pane.forecastuv .bar .cat {
                font-size: 30px;
                position: absolute;
                top: 1px;
                text-align: center;
                width: 100%;
                transform: scale(106%,100%);
            }

            .info-slide-content.uvindex .frost-pane.forecastuv .bar .num {
                font-size: 54px;
                position: absolute;
                top: -48px;
                text-align: center;
                width: 100%;
                transform: scale(107%,100%);
            }

            .info-slide-content.uvindex .frost-pane.forecastuv .bar.i {
                left: 20px;
            }

            .info-slide-content.uvindex .frost-pane.forecastuv .bar.ii {
                left: 230px;
            }

            .info-slide-content.uvindex .frost-pane.forecastuv .bar.iii {
                left: 440px;
            }

        .info-slide-content.uvindex .frost-pane.forecastuv .scalebar {
            position: absolute;
            width: 20px;
            height: 275px;
            background-color: #fefd5d;
            color: #ffd40e;
            background: linear-gradient(to top, #555968 0, #686a79 12%, #898a99 24%, #876f50 36%, #baa936 48%, #e9d940 60%, #cb813f 72%, #d45d35 81%, #c23b36 92%, #c14c90 99%);
            bottom: 15px;
            left: 670px;
        }

            .info-slide-content.uvindex .frost-pane.forecastuv .scalebar .low {
                position: absolute;
                bottom: -10px;
                left: 25px;
                font-size: 30px;
                transform: scale(106%,100%);
                transform-origin: left;
            }

            .info-slide-content.uvindex .frost-pane.forecastuv .scalebar .mid {
                position: absolute;
                bottom: 40%;
                left: 25px;
                font-size: 30px;
                transform: scale(106%,100%);
                transform-origin: left;
            }

            .info-slide-content.uvindex .frost-pane.forecastuv .scalebar .high {
                position: absolute;
                top: 4px;
                left: 25px;
                font-size: 30px;
                transform: scale(106%,100%);
                transform-origin: left;
            }

            .info-slide-content.healthtip .weatherreadyheader {
                position: absolute;
                margin-top: 253px;
                margin-left: 136px;
                width: 100%;
                height: 135px;
                z-index: 2;
              }
              .info-slide-content.healthtip .weatherreadyheader .weatherreadyheaderbg {
                width: 100%;
                height: 100%;
                -webkit-mask-image: url(/images/newbg/frostpane.svg);
                -webkit-mask-size: 1446px 1582px;
                -webkit-mask-position: -62px -449px;
                background: linear-gradient(to right, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%);
              }
              
              .info-slide-content.healthtip .weatherreadyheader .icon {
                position: absolute;
                left: 86px;
                top: 0px;
                height: 100%;
              }
              .info-slide-content.healthtip .weatherreadyheader .icon img {
                height: 100%;
              }
.info-slide-content.healthtip .frost-pane {
    font-family: 'Frutiger Bold Cn';
    height: 472px;
    z-index: 0;
    margin-top: 253px;
    margin-left: 136px;
    padding-left: 110px;
    padding-top: 25px;
    font-size: 48px;
    line-height: 115%;
    background-size: 1446px 1582px;
    background-position: -62px -581px;
    transform: translate(0,135px);
}

.info-slide-content.healthtip .frost-pane span {
    display: block;
    transform: scale(115%,100%);
    transform-origin: left;
}
.info-slide-content.healthtip .frost-pane.tipcontent .httip {
    font-family: 'Frutiger Bold Cn';
}
.info-slide-content.moreinfoimage .frost-pane {
    background-color: rgba(0, 0, 0, 0);
    margin-top: 243px;
    margin-left: 136px;
    background: url(/images/newbg/health_promo.png);
    background-repeat: no-repeat;
    background-size: 1305px 607px;
    background-position: 0px  0px;
}
    .info-slide-content.moreinfoimage .frost-pane .moreinfotext {
        font-size: 41px;
        line-height: 202%;
        transform: scale(100%,100%);
        transform-origin: right;
        text-align: right;
        position: absolute;
        top: 50px;
        right: 180px;
    }

.info-slide-content.teetime {
    flex-direction: row
}

    .info-slide-content.teetime .thing {
        height: 45px;
        width: 100%;
        position: absolute;
        top: 253px;
        left: 136px;
    }

        .info-slide-content.teetime .thing .thingbg {
            position: absolute;
            right: 0;
            top: 0;
            background: #2a3a8a;
            height: 45px;
            width: 100%;
            -webkit-mask-image: url(/images/newbg/frostpane.svg);
            -webkit-mask-position: -62px -449px;
            -webkit-mask-size: 1446px 1582px;
        }

    .info-slide-content.teetime .frost-pane {
        background-position: -62px -494px;
        max-height: 562px;
        padding-left: 110px;
        display: flex;
        flex-direction: row;
        margin-left: 136px;
        margin-top: 253px;
        transform: translate(0px, 45px);
    }

    .info-slide-content.teetime .hour {
        width: 160px;
        align-items: center;
        margin-right: 48px;
    }

        .info-slide-content.teetime .hour.v {
            margin-right: 100px;
        }

        .info-slide-content.teetime .hour .hourlabel {
            height: 45px;
            width: 160px;
            transform: translate(0px, -45px);
        }

            .info-slide-content.teetime .hour .hourlabel .thingtext {
                color: #ebebeb;
                font-family: Frutiger;
                font-size: 42px;
                width: 160px;
                height: 100%;
                transform: translate(0px, 1px) scale(105.5%,100%);
                display: flex;
                align-items: center;
                justify-content: center;
            }

    .info-slide-content.teetime .daylabel {
        color: #ebebeb;
        font-family: Frutiger;
        font-size: 35px;
        width: 160px;
        top: 8px;
        position: absolute;
        transform: translate(0px, 2.5px) scale(107%,100%);
        text-align: center;
    }

    .info-slide-content.teetime .tempbar {
        position: absolute;
        width: 160px;
        height: 200px;
        background: linear-gradient(to top, #ffd40e 0, #CE432E 100%);
        bottom: 25px
    }

    .info-slide-content.teetime .icon {
        width: 150px;
        height: 150px;
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        background-size: 3700% 95.65%;
        background-position: 51.35% 77.5%;
        margin-left: 5px;
        margin-top: 20px;
        position: absolute;
        top: 38px
    }

    .info-slide-content.teetime .tempbar .temp {
        color: #ebebeb;
        font-family: Frutiger;
        font-size: 84px;
        height: 30px;
        margin-top: 10px;
        width: 100%;
        text-align: center;
        transform: translate(0px, 15px);
        opacity: 1;
        transform: scale(101%,100%);
    }

    .info-slide-content.teetime .tempbar .wind {
        color: #24346f;
        position: absolute;
        font-family: Frutiger;
        font-size: 35px;
        text-shadow: #000 0px 0px 0px;
        height: 30px;
        width: 100%;
        text-align: center;
        bottom: 6px;
        opacity: 1;
    }

    .info-slide.golfmap-slide {
        flex-direction: row;
    }
    .info-slide.golfmap-slide .info-subheader {
        z-index: 5;
    }
    .info-slides-content.golfmap-content {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .blackmaplayer {
        position: absolute;
        z-index: 4;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background-color: rgba(16, 17, 17);
    }
    .golfmap-content .tempunavailable {
        z-index: 3;
    }
    .info-slides-content.golfmap-content .golf-map {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 2;
    }
    .info-slides-content.golfmap-content .golf-map img{
        width: 100%;
        height: 64.1%;
        margin-top: 233px;
    }
    .info-slide.golfmap-slide .golf-legend {
        position: absolute;
        top: 38px;
        right: 145px;
        text-align: right;
        font-size: 36px;
    }
    .info-slide.golfmap-slide .golf-legend .golflegend {
        margin-right: 183px;
        margin-top: 10px;
        transform: scale(0.63, 1)
    }
    .info-slide.golfmap-slide .golf-legend .text {
        padding-top: 10px;
    }
    .info-slide.golfmap-slide .golf-legend .text.verypoor {
        margin-right: 370px;
        position: absolute;
        right: 0px;
        width: 200px;
    }
    .info-slide.golfmap-slide .golf-legend .text.excellent {
        margin-right: 15px;
        position: absolute;
        right: 0px;
        width: 250px;
    }

.info-slide-content.golfforecast .thing {
    height: 45px;
    width: 100%;
    left: 199px;
    position: absolute;
    top: 253px;
    z-index: 388687;
}

    .info-slide-content.golfforecast .thing .thingbg {
        position: absolute;
        right: 0;
        top: 0;
        background: #2a3a8a;
        height: 45px;
        width: 100%;
        -webkit-mask-image: url(/images/newbg/frostpane.svg);
        -webkit-mask-position: -127px -449px;
        -webkit-mask-size: 1446px 1582px;
    }

    .info-slide-content.golfforecast .thing .thingtext {
        height: 35px;
        width: 100%;
        color: #ebebeb;
        font-family: Frutiger;
        font-size: 42px;
        padding-top: 6px;
        padding-left: 50px;
        text-shadow: 2px 2px 1px #000;
        transform: scale(105%,100%);
        transform-origin: left;
    }

.info-slide-content.golfforecast .frost-pane {
    max-height: 562px;
    transform: translate(0px, 45px);
    margin-left: 7px;
    margin-top: 253px;
}

    .info-slide-content.golfforecast .frost-pane.left {
        margin-left: 0px;
        max-width: 29.5%;
        padding-left: 31px;
        background-position: -62px -494px;
        margin-left: 136px;
    }

    .info-slide-content.golfforecast .frost-pane.mid {
        max-width: 25%;
        background-position: -371px -494px;
    }

    .info-slide-content.golfforecast .frost-pane.right {
        max-width: 35%;
        background-position: -862px -494px;
    }

    .info-slide-content.golfforecast .frost-pane.left .purplefooter {
        width: 94%;
        position: absolute;
        bottom: 0;
        height: 167px;
        background: linear-gradient(to right, rgba(42, 58, 138, 0) 0, rgba(42, 58, 138, .28) 100%)
    }

    .info-slide-content.golfforecast .frost-pane.mid .purplefooter {
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 167px;
        background: linear-gradient(to right, rgba(42, 58, 138, .29) 0, rgba(42, 58, 138, .56) 100%)
    }

    .info-slide-content.golfforecast .frost-pane.right .purplefooter {
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 167px;
        background: linear-gradient(to right, rgba(42, 58, 138, .57) 0, rgba(42, 58, 138, .85) 100%)
    }

.info-slide-content.golfforecast .forecontainer {
    position: absolute;
    width: 100%;
    height: 100%;
}
.info-slide-content.golfforecast .frost-pane.left .forecontainer {
    width: 93%;
}
.info-slide-content.golfforecast .day {
    width: 100%;
    position: absolute;
    text-align: center;
    font-family: Frutiger;
    color: #ffd40e;
    font-size: 40px;
    transform: scale(105%,100%);
    top: 17px;
}
.info-slide-content.golfforecast .frost-pane.left .day {
    padding-left: 50px;
}
.info-slide-content.golfforecast .frost-pane.right .day {
    padding-right: 145px;
}
.info-slide-content.golfforecast .icon {
    width: 197px;
    height: 197px;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-size: 3700% 95.65%;
    background-position: 51.35% 77.5%;
    margin-top: 90px;
    top: 36px;
    left: -8px;
}
.info-slide-content.golfforecast .frost-pane.left .icon {
    margin-left: 63px;
}
.info-slide-content.golfforecast .frost-pane.mid .icon {
    margin-left: 22px;
}
.info-slide-content.golfforecast .frost-pane.right .icon {
    margin-left: 14px;
}
.info-slide-content.golfforecast .forecontainer .high {
    position: absolute;
    font-family: Frutiger;
    font-size: 86px;
    top: 86px;
    left: 220px;
    transform: scale(101%,100%);
}
.info-slide-content.golfforecast .frost-pane.left .forecontainer .high {
    left: 260px;
}
.info-slide-content.golfforecast .frost-pane.right .forecontainer .high {
    left: 214px;
}
.info-slide-content.golfforecast .low {
    position: absolute;
    font-family: Frutiger;
    font-size: 86px;
    top: 180px;
    left: 220px;
    transform: scale(101%,100%);
}
.info-slide-content.golfforecast .frost-pane.left .forecontainer .low {
    left: 260px;
}
.info-slide-content.golfforecast .frost-pane.right .forecontainer .low {
    left: 214px;
}
.info-slide-content.golfforecast .wind {
    position: absolute;
    font-family: Frutiger;
    font-size: 55px;
    text-align: center;
    width: 100%;
    top: 336px;
    transform: scale(105%,100%);
}
.info-slide-content.golfforecast .frost-pane.left .wind {
    left: 22px;
}
.info-slide-content.golfforecast .frost-pane.right .wind {
    right: 79px;
}
.info-slide-content.golfforecast .golfindex {
    width: 100%;
    position: absolute;
    font-family: Frutiger;
    color: #ffd40e;
    font-size: 40px;
    transform: scale(105.5%,100%);
    transform-origin: left;
    top: 416px;
    left: 29px;
}

.info-slide-content.golfforecast .bar {
    height: 33px;
    width: 275px;
    position: absolute;
    bottom: 14px;
    right: 33px;
    background: linear-gradient(to right, #59523c 2%, #9b8c33 20%, #ccca36 40%, #9fbc44 60%, #4ba824 80%, #49844d 99%);
}

    .info-slide-content.golfforecast .bar .bararrow {
        position: absolute;
        bottom: -5px;
        left: -15px;
        width: 0;
        height: 0;
        border-left: 17px solid transparent;
        border-right: 17px solid transparent;
        border-top: 42px solid #ebebeb;
        filter: drop-shadow(5px 0px 1px rgba(0, 0, 0, .75))
    }

    .info-slide-content.golfforecast .bar .bararrowtext {
        font-family: Frutiger;
        font-size: 42px;
        color: #ebebeb;
        position: absolute;
        top: -52px;
        left: -10px;
        width: 295px;
        margin-left: 0px;
        text-align: center;
        transform: scale(105%,100%);
    }
.info-slide-content.golfforecast .frost-pane.mid .bar {
    right: 40px;
}
.info-slide-content.golfforecast .frost-pane.right .bar {
    right: 190px;
}
.info-slide-content.golfmoreinfoimage .frost-pane {
    background-color: rgba(0, 0, 0, 0);
    margin-top: 243px;
    margin-left: 136px;
    background: url(/images/newbg/golf_promo.png);
    background-repeat: no-repeat;
    background-size: 1305px 607px;
    background-position: 0px  0px;
}

    .info-slide-content.golfmoreinfoimage .frost-pane .moreinfotext {
        font-size: 42px;
        line-height: 214%;
        text-align: right;
        transform: scale(110%,100%);
        transform-origin: right;
        position: absolute;
        top: 31px;
        right: 157px;
    }

    .info-slide-content.gardenindex .thing {
        color: #ebebeb;
        font-family: Frutiger;
        font-size: 37px;
        height: 45px;
        width: 100%;
        position: absolute;
        margin-top: 253px;
        margin-left: 199px;
        z-index: 388687;
      }
      .info-slide-content.gardenindex .thing .thingtext {
        width: 100%;
        color: #fff;
        font-family: Frutiger;
        font-size: 37px;
        text-shadow: 2px 2px 1px #000;
        transform: scale(105%,100%);
        padding-top: 8px;
        padding-left: 62.5px;
        transform-origin: left;
      }
      .info-slide-content.gardenindex .thing .thingbg {
        position: absolute;
        background: #241e95;
        height: 45px;
        width: 100%;
        -webkit-mask-image: url(/images/newbg/frostpane.svg);
        -webkit-mask-position: -127px -449px;
        -webkit-mask-size: 1446px 1582px;
      }
      .info-slide-content.gardenindex .frost-pane {
        max-height: 562px;
      }
      .info-slide-content.gardenindex .frost-pane .title {
        width: 100%;
        font-size: 48px;
        padding-left: 10px;
        padding-bottom: 2px;
        padding-top: 4px;
        text-transform: none;
        height: 48px;
        font-family: 'Frutiger Bold Cn';
        background: linear-gradient(to right, rgba(42, 58, 138, 1) 0, rgba(42, 58, 138, 0) 93%);
        transform: scale(104%,100%);
        transform-origin: left;
      }
      .info-slide-content.gardenindex .frost-pane.left {
        margin-top: 298px;
        margin-left: 136px;
        max-width: 36.5%;
        background-size: 1446px 1582px;
        background-position: -62px -494px;
        transform: translate(0px, 0px);
      }
      .info-slide-content.gardenindex .frost-pane.right {
        margin-top: 298px;
        margin-left: 10px;
        background-size: 1446px 1582px;
        background-position: -591px -494px;
        transform: translate(0px, 0px);
      }
      .info-slide-content.gardenindex .frost-pane.left .forecastcontainer {
        width: 95%;
        height: 100%;
        position: absolute;
        left: 0;
      }
      .info-slide-content.gardenindex .frost-pane.left  .icon {
        position: absolute;
        background-repeat: no-repeat;
        background-size: 3700% 95.65%;
        background-position: 51.35% 77.5%;
        top: -20px;
        width: 260px;
        height: 260px;
        margin-left: 135px;
      }
      .info-slide-content.gardenindex .frost-pane.left .lowtitle {
        position: absolute;
        top: 238px;
        left: 125px;
        font-size: 38px;
        transform: scale(100%, 100%);
        transform-origin: left;
      }
      .info-slide-content.gardenindex .frost-pane.left  .hightitle {
        position: absolute;
        top: 238px;
        right: 105px;
        font-size: 38px;
        transform: scale(100%, 100%);
        transform-origin: right;
      }
      .info-slide-content.gardenindex .frost-pane.left .low {
        width: 30%;
        position: absolute;
        top: 295px;
        left: 94px;
        font-size: 85px;
        transform: scale(101%, 100%);
        text-align: center;
      }
      .info-slide-content.gardenindex .frost-pane.left  .high {
        width: 30%;
        height: 47.5%;
        position: absolute;
        top: 295px;
        right: 75px;
        font-size: 85px;
        transform: scale(101%, 100%);
        text-align: center;
      }
      .info-slide-content.gardenindex .frost-pane.left .precip {
        position: absolute;
        left: 50px;
        top: 380px;
        height: 70px;
      }
      .info-slide-content.gardenindex .frost-pane.left .precipvalue {
        position: absolute;
        left: 120px;
        bottom: 7.5px;
        font-size: 72px;
        transform: scale(103%, 100%);
        transform-origin: left;
      }
      .info-slide-content.gardenindex .frost-pane.right .wateringindex {
        position: absolute;
        left: 62px;
        top: 5px;
        padding-left: 12.5px;
        height: 70px;
      }
      .info-slide-content.gardenindex .frost-pane.right .bar {
        position: absolute;
        top: 179px;
        left: 125px;
        height: 50px;
        width: 430px;
        transform: scale(138%, 131%);
      }
      .info-slide-content.gardenindex .frost-pane.right .bar .barcat {
        -webkit-transform: translateZ(0);
        display: flex;
        width: 41px;
        height: 52.5px;
        justify-content: center;
        position: absolute;
        padding-top: 15px;
        font-size: 35px;
        margin: 0;
      }
      .info-slide-content.gardenindex .frost-pane.right .bar .barcat span {
        transform: scale(104.5%,100%);
      }
      .info-slide-content.gardenindex .frost-pane.right .bar .bararrow {
        position: absolute;
        bottom: 48px;
        left: 203px;
        width: 0;
        height: 0;
        border-left: 14.5px solid transparent;
        border-right: 14.5px solid transparent;
        border-top: 32px solid #fff;
        -webkit-filter: drop-shadow(4px 0 4px rgba(0, 0, 0, .75));
        filter: drop-shadow(4px 0 4px rgba(0, 0, 0, .75))
      }
      .info-slide-content.gardenindex .frost-pane.right .bar .bararrowtext {
        font-family: Frutiger;
        font-size: 42px;
        color: #fff;
        text-shadow: 0px 0px 0px;
        position: absolute;
        top: 85px;
        left: -92px;
        width: 150px;
        text-align: center;
        transform: scale(104%,100%);
        transform-origin: center;
      }
      .info-slide-content.gardenindex .frost-pane.right .cloudcover {
        position: absolute;
        left: 62px;
        top: 380px;
        padding-left: 11px;
        height: 70px;
      }
      .info-slide-content.gardenindex .frost-pane.right .cloudcovervalue {
        position: absolute;
        left: 95px;
        bottom: 8px;
        font-size: 72px;
        transform: scale(104%, 100%);
        transform-origin: left;
      }
      .info-slide.estimatedprecip-slide {
        flex-direction: row;
    }
    .info-slide.estimatedprecip-slide .info-subheader {
        z-index: 5;
    }
    .info-slides-content.estimatedprecip-content {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .blackmaplayer {
        position: absolute;
        z-index: 4;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background-color: rgba(16, 17, 17);
    }
    .estimatedprecip-content .tempunavailable {
        z-index: 3;
    }
    .info-slides-content.estimatedprecip-content .estimatedprecip {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 2;
    }
    .info-slides-content.estimatedprecip-content .estimatedprecip img{
        width: 100%;
        height: 64.1%;
        margin-top: 233px;
    }
    .estimatedprecip-slide .estimatedprecip-legend {
        position: absolute;
        top: 179px;
        right: 190px;
        height: 52.5px;
        width: 490px;
        transform: scale(60%, 60%);
    }
    .estimatedprecip-slide .estimatedprecip-legend .epkey {
        -webkit-transform: translateZ(0);
        display: flex;
        width: 100px;
        height: 52.5px;
        justify-content: center;
        position: absolute;
        padding-top: 15px;
        margin-top: -250px;
        margin-left: 200px;
    }
    .estimatedprecip-slide .estimatedprecip-legend .epkey span {
        font-size: 48px;
        width: 100px;
        color: #fff;
        margin-right: 25px;
        text-align: center;
    }
    .estimatedprecip-slide .estimatedprecip-legend .epkey.in {
        font-size: 48px;
        margin-right: 50px;
        color: #fff;
        left: 500px;
    }
    .info-slide.precipforecast-slide {
        flex-direction: row;
    }
    .info-slide.precipforecast-slide .info-subheader {
        z-index: 5;
    }
    .info-slides-content.precipforecast-content {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .blackmaplayer {
        position: absolute;
        z-index: 4;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background-color: rgba(16, 17, 17);
    }
    .precipforecast-content .tempunavailable {
        z-index: 3;
    }
    .info-slides-content.precipforecast-content .precipforecast {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 2;
    }
    .info-slides-content.precipforecast-content .precipforecast img{
        width: 100%;
        height: 64.1%;
        margin-top: 233px;
    }
    .precipforecast-slide .precipforecast-legend {
        position: absolute;
        top: 179px;
        right: 190px;
        height: 52.5px;
        width: 490px;
        transform: scale(60%, 60%);
    }
    .precipforecast-slide .precipforecast-legend .pfkey {
        -webkit-transform: translateZ(0);
        display: flex;
        width: 100px;
        height: 52.5px;
        justify-content: center;
        position: absolute;
        padding-top: 15px;
        margin-top: -250px;
    }
    .precipforecast-slide .precipforecast-legend .pfkey span {
        font-size: 48px;
        width: 100px;
        color: #000;
        margin-right: 25px;
        text-align: center;
    }
    .precipforecast-slide .precipforecast-legend .pfkey.in {
        font-size: 48px;
        margin-right: 50px;
        color: #fff;
        left: 700px;
    }
    
    .info-slide.droughtmonitor-slide {
        flex-direction: row;
    }
    .info-slide.droughtmonitor-slide .info-subheader {
        z-index: 5;
    }
    .info-slides-content.droughtmonitor-content {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .blackmaplayer {
        position: absolute;
        z-index: 4;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background-color: rgba(16, 17, 17);
    }
    .droughtmonitor-content .tempunavailable {
        z-index: 3;
    }
    .info-slides-content.droughtmonitor-content .droughtmonitor {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 2;
    }
    .info-slides-content.droughtmonitor-content .droughtmonitor img{
        width: 100%;
        height: 64.1%;
        margin-top: 233px;
    }
    .info-slide.droughtmonitor-slide .droughtmonitor-legend .text.dry {
        margin-right: 400px;
        position: absolute;
        right: 0px;
        width: 200px;
        margin-top: 2px;
        text-align: left;
        font-size: 36px;
        line-height: 36px;
    }
    .info-slide.droughtmonitor-slide .droughtmonitor-legend .text.drought {
        margin-right: 125px;
        position: absolute;
        right: 0px;
        width: 200px;
        margin-top: 2px;
        text-align: right;
        font-size: 36px;
        line-height: 36.5px;
    }
    .info-slide.droughtmonitor-slide .droughtmonitor-legend .square {
        width: 37px;
        height: 37px;
    }
    .info-slide.droughtmonitor-slide .droughtmonitor-legend .square.drought1 {
        background-color: #ece507;
        margin-right: 480px;
        margin-top: 35px;
        position: absolute;
        right: 0px;
    }
    .info-slide.droughtmonitor-slide .droughtmonitor-legend .square.drought2 {
        background-color: #f7d178;
        margin-right: 430px;
        margin-top: 35px;
        position: absolute;
        right: 0px;
    }
    .info-slide.droughtmonitor-slide .droughtmonitor-legend .square.drought3 {
        background-color: #f7a80b;
        margin-right: 380px;
        margin-top: 35px;
        position: absolute;
        right: 0px;
    }
    .info-slide.droughtmonitor-slide .droughtmonitor-legend .square.drought4 {
        background-color: #f6280a;
        margin-right: 330px;
        margin-top: 35px;
        position: absolute;
        right: 0px;
    }
    .info-slide.droughtmonitor-slide .droughtmonitor-legend .square.drought5 {
        background-color: #761e12;
        margin-right: 280px;
        margin-top: 35px;
        position: absolute;
        right: 0px;
    }

      .info-slide-content.gardenmoreinfoimage .frost-pane {
        background-color: rgba(0, 0, 0, 0);
        background: url(/images/newbg/garden_promo.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-size: 1340px 623px;
        margin-top: 240px;
        margin-left: 122px;
        transform: translate(0, 5px);
      }
      .info-slide-content.gardenmoreinfoimage .frost-pane .moreinfotext {
        font-size: 42px;
        line-height: 202%;
        text-align: right;
        transform: scale(100%,100%);
        transform-origin: right;
        position: absolute;
        top: 20px;
        right: 180px;
      }
.info-slide-content.skireport {
    flex-direction: column;
}

    .info-slide-content.skireport .thing {
        height: 40px;
        width: 100%;
        z-index: 388687;
    }

        .info-slide-content.skireport .thing .thingbg {
            background: #241e95;
            height: 40px;
            width: 100%;
            -webkit-mask-image: url(/images/newbg/frostpane.svg);
            -webkit-mask-position: -72px -329px;
            -webkit-mask-size: 1065px 1164px;
        }

    .info-slide-content.skireport .skilocation.ii .thing .thingbg {
        -webkit-mask-position: -72px -481.5px;
    }

    .info-slide-content.skireport .skilocation.iii .thing .thingbg {
        -webkit-mask-position: -72px -634px;
    }

    .info-slide-content.skireport .thing .thingtext {
        position: relative;
        top: -32px;
        color: #ebebeb;
        font-family: Frutiger;
        font-size: 34px;
        padding-top: 0px;
        padding-left: 57px;
        height: 40px;
        width: 100%;
        transform: scale(105%,100%);
        transform-origin: left;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
    }

        .info-slide-content.skireport .thing .thingtext .trails {
            font-size: 31px;
            position: absolute;
            display: block;
            right: 100px;
            top: 0px;
            text-align: right;
        }

    .info-slide-content.skireport .title {
        font-size: 26px;
        transform: scale(107%,100%);
        transform-origin: left;
        position: absolute;
    }

    .info-slide-content.skireport .newsnow {
        top: 10px;
        left: 64px;
    }

    .info-slide-content.skireport .basesnow {
        top: 10px;
        left: 310px;
    }

    .info-slide-content.skireport .value {
        font-size: 33px;
        width: 150px;
        transform: scale(106%,100%);
        text-align: center;
        position: absolute;
    }

    .info-slide-content.skireport .newsnowv {
        top: 51px;
        left: 63px;
    }

    .info-slide-content.skireport .basesnowv {
        top: 51px;
        left: 310px;
    }

    .info-slide-content.skireport .snowcondition {
        font-size: 33px;
        position: absolute;
        top: 51px;
        right: 52px;
        transform: scale(106%,100%);
        transform-origin: right;
    }

    .info-slide-content.skireport .skilocation {
        width: 100%;
        min-height: 150px;
        margin-top: 10px;
    }

        .info-slide-content.skireport .skilocation.i .frost-pane {
            height: 105px;
            background-position: -72px -369px;
            transform: translate(0,0);
        }

        .info-slide-content.skireport .skilocation.i {
        }

        .info-slide-content.skireport .skilocation.ii {
            margin-top: 2.5px;
        }

            .info-slide-content.skireport .skilocation.ii .frost-pane {
                height: 105px;
                background-position: -72px -521.5px;
                transform: translate(0,0);
            }

        .info-slide-content.skireport .skilocation.iii {
            margin-top: 2.5px;
        }

            .info-slide-content.skireport .skilocation.iii .frost-pane {
                height: 105px;
                background-position: -72px -674px;
                transform: translate(0,0);
            }


.info-slide.destinationmap-slide {
    flex-direction: row;
}
.info-slide.destinationmap-slide .info-subheader {
    z-index: 5;
}
.info-slides-content.destinationmap-content {
    position: absolute;
    width: 100%;
    height: 100%;
}
.blackmaplayer {
    position: absolute;
    z-index: 4;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(16, 17, 17);
}
.destinationmap-content .tempunavailable {
    z-index: 3;
}
.info-slides-content.destinationmap-content .travel-map {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.info-slides-content.destinationmap-content .travel-map img{
    width: 100%;
    height: 100%;
}
.info-slide.destinationmap-slide .travel-legend {
    position: absolute;
    top: 38px;
    right: 145px;
    text-align: right;
    font-size: 36px;
}
.info-slide.destinationmap-slide .travel-legend .square {
    width: 45px;
    height: 30px;
}
.info-slide.destinationmap-slide .travel-legend .text {
    padding-top: 10px;
}
.info-slide.destinationmap-slide .travel-legend .square.snow {
    background-color: #d3d3cc;
    margin-right: 100px;
    position: absolute;
    right: 0px;
}
.info-slide.destinationmap-slide .travel-legend .text.snow {
    margin-right: 0px;
    position: absolute;
    right: 0px;
}
.info-slide.destinationmap-slide .travel-legend .text.mix {
    margin-right: 165px;
    position: absolute;
    right: 0px;
}
.info-slide.destinationmap-slide .travel-legend .square.mix {
    background-color: #e98dc0;
    margin-right: 232px;
    position: absolute;
    right: 0px;
}
.info-slide.destinationmap-slide .travel-legend .text.icy {
    margin-right: 300px;
    position: absolute;
    right: 0px;
}
.info-slide.destinationmap-slide .travel-legend .square.icy {
    background-color: #f13779;
    margin-right: 350px;
    position: absolute;
    right: 0px;
}
.info-slide.destinationmap-slide .travel-legend .text.scat {
    margin-right: 420px;
    position: absolute;
    right: 0px;
}
.info-slide.destinationmap-slide .travel-legend .square.scat {
    background-color: #3f662f;
    margin-right: 473px;
    position: absolute;
    right: 0px;
}
.info-slide.destinationmap-slide .travel-legend .text.rain {
    margin-right: 540px;
    position: absolute;
    right: 0px;
}
.info-slide.destinationmap-slide .travel-legend .square.rain {
    background-color: #32ae33;
    margin-right: 616px;
    position: absolute;
    right: 0px;
}
.info-slides-content.regionaldest-content .travel-map {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.info-slides-content.regionaldest-content .travel-map img{
    position: absolute;
    scale: 240%;
    height: 100%;
}
.info-slides-content.regionaldest-content {
    position: absolute;
    width: 100%;
    height: 100%;
}
.info-slides-content.regionaldest-content .clusters {
    position: absolute;
    top: 243px;
    z-index: 3;
    width: 100%;
    height: 58%;
	text-shadow: #000 2px 2px 1px;
}
.info-slides-content.regionaldest-content .clusters .cluster.one {
    position: absolute;
    right: 40%;
    top: 0px;
}
.info-slides-content.regionaldest-content .clusters .cluster.two {
    position: absolute;
    right: 50%;
    top: 0px;
}
.info-slides-content.regionaldest-content .clusters .cluster.three {
    position: absolute;
    right: 60%;
    top: 0px;
}
.info-slides-content.regionaldest-content .clusters .cluster.four {
    position: absolute;
    right: 70%;
    top: 0px;
}
.info-slides-content.regionaldest-content .clusters .cluster.five {
    position: absolute;
    right: 90%;
    top: 0px;
}
.info-slides-content.regionaldest-content .clusters .cluster {
    height: 190px;
    width: 240px;
}
.info-slides-content.regionaldest-content .clusters .ctitle {
    position: absolute;
    font-family: "Frutiger";
    color: #ebebeb;
    font-size: 45px;
    font-weight: bold;
    text-align: right;
    width: 80%;
    white-space: nowrap;
	transform: scale(100%, 91%);
}
.info-slides-content.regionaldest-content .clusters .chigh {
    position: absolute;
    font-family: "Frutiger Bold CN";
    color: #ffd40e;
    font-size: 50px;
    font-weight: bold;
    top: 30%;
    right: 65%;
}
.info-slides-content.regionaldest-content .clusters .cicon {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 3700% 95.65%;
    background-position: 51.35% 77.5%;
    width: 150px;
    height: 150px;
    bottom: 0px;
    right: 0px;
}
.info-slide.destinationmap-slide {
    flex-direction: row;
}
.info-slide-content.destinationforecast {
    flex-direction: column;
}
    .info-slide-content.destinationforecast .thing {
        position: absolute;
        top: 253px;
        margin-left: 199px;
        height: 65px;
        width: 100%;
        z-index: 388687;
    }

.info-slide-content.destinationforecast .thing .thingbg {
  background: #241e95;
  height: 65px;
  width: 100%;
  -webkit-mask-image: url(/images/newbg/frostpane.svg);
  -webkit-mask-position: -127px -449px;
  -webkit-mask-size: 1446px 1582px;
}
        .info-slide-content.destinationforecast .thing .thingtext {
            position: relative;
            top: -65px;
            color: #ffd40e;
            font-family: Frutiger;
            font-size: 35px;
            padding-top: 20px;
            height: 65px;
            width: 100%;
            text-shadow: #141414 2.33807px 3.00663px 1.33711px;
        }
        .info-slide-content.destinationforecast .thing .thingtext .daytitle {
            padding-left: 65px;
        }
            .info-slide-content.destinationforecast .thing .thingtext .daytitle.i {
                position: absolute;
                display: block;
                right: 808px;
                width: 240px;
                text-align: center;
                transform: scale(104%,100%);
                transform-origin: left;
            }

            .info-slide-content.destinationforecast .thing .thingtext .daytitle.ii {
                position: absolute;
                display: block;
                right: 568px;
                width: 240px;
                text-align: center;
                transform: scale(104%,100%);
                transform-origin: left;
            }

            .info-slide-content.destinationforecast .thing .thingtext .daytitle.iii {
                position: absolute;
                display: block;
                right: 328px;
                width: 240px;
                text-align: center;
                transform: scale(104%,100%);
                transform-origin: left;
            }

    .info-slide-content.destinationforecast .frost-pane {
        margin-top: 298px;
        margin-left: 136px;
        max-height: 169px;
        width: 100%;
    }

        .info-slide-content.destinationforecast .frost-pane .cityname {
            position: absolute;
            top: 65px;
            font-size: 49px;
            transform: scale(103.5%,100%);
            transform-origin: left;
        }

        .info-slide-content.destinationforecast .frost-pane.toploc .cityname {
            left: 75px;
        }

        .info-slide-content.destinationforecast .frost-pane.midloc .cityname {
            left: 40px;
            top: 65px;
        }

        .info-slide-content.destinationforecast .frost-pane.botloc .cityname {
            left: 65px;
            top: 65px;
        }

    .info-slide-content.destinationforecast .day {
        position: absolute;
        height: 100%;
        width: 240px;
    }

        .info-slide-content.destinationforecast .day.i {
            right: 720px;
        }

        .info-slide-content.destinationforecast .day.ii {
            right: 490px;
        }

        .info-slide-content.destinationforecast .day.iii {
            right: 260px;
        }

    .info-slide-content.destinationforecast .hightemp {
        font-family: 'Frutiger Bold Cn';
        font-size: 57px;
        position: absolute;
        top: 25px;
        right: 0;
        width: 60px;
        transform: scale(100%,100%);
        transform-origin: left;
    }

    .info-slide-content.destinationforecast .midloc .hightemp {
        top: 25px;
    }

    .info-slide-content.destinationforecast .botloc .hightemp {
        top: 25px;
    }

    .info-slide-content.destinationforecast .lowtemp {
        font-family: 'Frutiger Bold Cn';
        font-size: 57px;
        position: absolute;
        top: 80px;
        right: 0;
        width: 60px;
        transform: scale(100%,100%);
        transform-origin: left;
    }

    .info-slide-content.destinationforecast .botloc .lowtemp {
        top: 90px;
    }

    .info-slide-content.destinationforecast .day .icon {
        background-repeat: no-repeat;
        background-size: 3700% 95.65%;
        background-position: 51.35% 77.5%;
        height: 159px;
        width: 159px;
        margin-top: 5px;
        left: 26.5px;
        position: absolute;
    }

    .info-slide-content.destinationforecast .botloc .icon {
        margin-top: 0.75px;
    }

    .info-slide-content.destinationforecast .frost-pane.toploc {
        background-size: 1446px 1582px;
        background-position: -62px -514px;
        margin-top: 308px;
    }

    .info-slide-content.destinationforecast .frost-pane.midloc {
        background-size: 1446px 1582px;
        background-position: -62px -701px;
        margin-top: 15px;
    }

    .info-slide-content.destinationforecast .frost-pane.botloc {
        margin-top: 15px;
        background-size: 1446px 1582px;
        background-position: -62px -884px;
    }

    .info-slide-content.internationalforecast {
        flex-direction: column;
    }
        .info-slide-content.internationalforecast .thing {
            position: absolute;
            top: 253px;
            margin-left: 199px;
            height: 65px;
            width: 100%;
            z-index: 388687;
        }
    
    .info-slide-content.internationalforecast .thing .thingbg {
      background: #241e95;
      height: 65px;
      width: 100%;
      -webkit-mask-image: url(/images/newbg/frostpane.svg);
      -webkit-mask-position: -127px -449px;
      -webkit-mask-size: 1446px 1582px;
    }
            .info-slide-content.internationalforecast .thing .thingtext {
                position: relative;
                top: -65px;
                color: #ffd40e;
                font-family: Frutiger;
                font-size: 35px;
                padding-top: 20px;
                height: 65px;
                width: 100%;
                text-shadow: #141414 2.33807px 3.00663px 1.33711px;
            }
            .info-slide-content.internationalforecast .thing .thingtext .daytitle {
                padding-left: 65px;
            }
                .info-slide-content.internationalforecast .thing .thingtext .daytitle.i {
                    position: absolute;
                    display: block;
                    right: 808px;
                    width: 240px;
                    text-align: center;
                    transform: scale(104%,100%);
                    transform-origin: left;
                }
    
                .info-slide-content.internationalforecast .thing .thingtext .daytitle.ii {
                    position: absolute;
                    display: block;
                    right: 568px;
                    width: 240px;
                    text-align: center;
                    transform: scale(104%,100%);
                    transform-origin: left;
                }
    
                .info-slide-content.internationalforecast .thing .thingtext .daytitle.iii {
                    position: absolute;
                    display: block;
                    right: 328px;
                    width: 240px;
                    text-align: center;
                    transform: scale(104%,100%);
                    transform-origin: left;
                }
    
        .info-slide-content.internationalforecast .frost-pane {
            margin-top: 298px;
            margin-left: 136px;
            max-height: 169px;
            width: 100%;
        }
    
            .info-slide-content.internationalforecast .frost-pane .cityname {
                position: absolute;
                top: 65px;
                font-size: 49px;
                transform: scale(103.5%,100%);
                transform-origin: left;
            }
    
            .info-slide-content.internationalforecast .frost-pane.toploc .cityname {
                left: 75px;
            }
    
            .info-slide-content.internationalforecast .frost-pane.midloc .cityname {
                left: 40px;
                top: 65px;
            }
    
            .info-slide-content.internationalforecast .frost-pane.botloc .cityname {
                left: 65px;
                top: 65px;
            }
    
        .info-slide-content.internationalforecast .day {
            position: absolute;
            height: 100%;
            width: 240px;
        }
    
            .info-slide-content.internationalforecast .day.i {
                right: 720px;
            }
    
            .info-slide-content.internationalforecast .day.ii {
                right: 490px;
            }
    
            .info-slide-content.internationalforecast .day.iii {
                right: 260px;
            }
    
        .info-slide-content.internationalforecast .hightemp {
            font-family: 'Frutiger Bold Cn';
            font-size: 56px;
            position: absolute;
            top: 25px;
            right: 0;
            width: 60px;
            transform-origin: left;
        }
    
        .info-slide-content.internationalforecast .midloc .hightemp {
            top: 25px;
        }
    
        .info-slide-content.internationalforecast .botloc .hightemp {
            top: 25px;
        }
    
        .info-slide-content.internationalforecast .lowtemp {
            font-family: 'Frutiger Bold Cn';
            font-size: 56px;
            position: absolute;
            top: 90px;
            right: 0;
            width: 60px;
            transform-origin: left;
        }
    
        .info-slide-content.internationalforecast .botloc .lowtemp {
            top: 90px;
        }
    
        .info-slide-content.internationalforecast .day .icon {
            background-repeat: no-repeat;
            background-size: 3700% 95.65%;
            background-position: 51.35% 77.5%;
            height: 159px;
            width: 159px;
            margin-top: 5px;
            left: 26.5px;
            position: absolute;
        }
    
        .info-slide-content.internationalforecast .botloc .icon {
            margin-top: 0.75px;
        }
    
        .info-slide-content.internationalforecast .frost-pane.toploc {
            background-size: 1446px 1582px;
            background-position: -62px -514px;
            margin-top: 308px;
        }
    
        .info-slide-content.internationalforecast .frost-pane.midloc {
            background-size: 1446px 1582px;
            background-position: -62px -701px;
            margin-top: 15px;
        }
    
        .info-slide-content.internationalforecast .frost-pane.botloc {
            margin-top: 15px;
            background-size: 1446px 1582px;
            background-position: -62px -884px;
        }
    
.bulletin .frost-pane {
    position: absolute;
    width: 100%;
    height: 607px;
    background: url(/images/newbg/bulletinfrostpane.svg);
    background-position: -72px -469px;
    background-repeat: no-repeat;
    background-size: 100% 272%;
    z-index: 1;
    margin-top: 237px;
    margin-left: 144px;
    overflow: hidden;
}

.bulletin .cityname {
    font-family: Frutiger;
    color: #ffd40e;
    font-size: 50px;
    font-weight: bold;
    position: absolute;
    left: 93px;
    top: 20px;
    transform: scale(100%, 100%);
    transform-origin: left;
}

.bulletin .warnings {
    font-family: 'Frutiger Bold Cn';
    transform: scale(100%,100%);
    transform-origin: left;
    color: #ebebeb;
    font-size: 55px;
    letter-spacing: 0.5px;
    position: absolute;
    left: 92px;
    top: 82.5px;
    line-height: 125%;
    padding-right: 10px;
    font-stretch: condensed;
    white-space: pre;
    width: 65%;
}

.bulletin .info-subheader .subheaderarrow {
    margin-left: -38px;
}

a, body, div, h1, html, p {
    margin: 0;
    padding: 0;
    font-family: Frutiger, "ZemestroSTD", Sans-Serif;
    font-weight: bold;
    text-shadow: #141414 2.33807px 3.00663px 1.33711px;
    letter-spacing: 0px;
    font-style: normal;
    -webkit-font-smoothing: subpixel-antialiased;
}

    html * {
        box-sizing: border-box;
        font-size: 100%
    }

body, html {
    height: 100%;
    background-color: #000;
    font-size: 100%
}

#main {
    position: relative;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%, -50%);
    width: 1440px;
    height: 1080px;
    will-change: transform;
}

#startup {
    position: relative;
    top: 50%;
    left: 50%;
    overflow: hidden;
    background-color: rgb(235, 235, 235);
    transform: translate(-50%, -50%);
    width: 1440px;
    height: 1080px
}

.logocontainer {
    position: absolute;
    bottom: 10px;
}

.intellistarlogo {
    object-fit: contain;
    object-position: center;
    width: 720px;
    height: 480px;
    display: block;
    margin: 0px auto;
    margin-top: 320px;
}

.blackbar {
    height: 23.5%;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: rgb(20,20,20);
}

    .blackbar .introtext {
        position: absolute;
        width: 400px;
        left: 8.05%;
        top: 4.6%;
        display: flex;
        flex-direction: row;
        flex-direction: column;
    }

        .blackbar .introtext .introtext {
            white-space: nowrap;
            position: relative;
            font-family: Frutiger; font-weight: bold;
            font-size: calc(2.22222* var(--vwConstantFore)) /*32px*/;
            color: rgb(255,212,14);
            font-size: 35px;
        }

#savebutton {
    position: absolute;
    top: 170px;
    font-family: Frutiger;
    font-weight: 600;
    color: #ffd40e;
    font-size: 38px;
    letter-spacing: 1px;
    padding-top: 6px;
}

@keyframes weatherScanLogoSlide {
    100% { transform: translate(-160px,0);}
  }
  .blackbar .introwordmark {
    display: none;
    position: absolute;
    left: 916px; top: 55px;
    width: 563px;
    height: 115px;
    animation: weatherScanLogoSlide 0.4s linear;
    animation-fill-mode: forwards;
  }
  .blackbar .intrologo{
    display: none;
    position: absolute;
    left: 756px; top: 55px;
    width: 563px;
    height: 115px;
    z-index: 7;
  }
#brand {
    position: absolute;
    z-index: 500;
    top: 887px;
    left: 756px;
}

    #brand img {
        display: block;
        position: absolute;
        top: 0%;
        left: -7px;
        width: 559px;
        height: 121px;
    }
    #brand-severe {
      position: absolute;
      z-index: 500;
      top: 887px;
      left: 756px;
  }
  
      #brand-severe img {
          display: block;
          position: absolute;
          top: 0%;
          left: 0%;
          width: 563px;
          height: 115px;
      }

.settingspanetitle {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 56px;
    top: 16px;
}

.settingspane {
    padding-top: 200px;
}

input {
    display: block;
    position: relative;
    margin: auto;
    border-radius: 0px;
    border-style: double;
    width: 200px;
    margin: 15px;
    padding: 5px;
}

select {
    display: block;
    position: relative;
    margin: auto;
    border-radius: 0px;
    border-style: double;
    width: 200px;
    margin: 15px;
    padding: 5px;
}

label {
    font-size: 20px;
    width: 20px;
    text-align: center;
}

#searchbar {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translate(-125%,0);
    margin: auto 0px;
    text-align: center;
    z-index: 99;
}

#searchoption {
    position: absolute;
    top: 118px;
    right: 50%;
    transform: translate(40%,0);
    margin: auto 0px;
    text-align: center;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #ebebeb;
        border-bottom: 1px solid #d4d4d4;
        text-shadow: #141414 2.33807px 3.00663px 1.33711px;
    }

        .autocomplete-items div:hover {
            /*when hovering an item:*/
            background-color: #e9e9e9;
        }

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ebebebfff;
}

#displayname {
    position: absolute;
    top: 100px;
    right: 50%;
    transform: translate(130%,0);
    margin: auto 0px;
    text-align: center;
}

#searchoption select {
    width: 100px;
}

#addlocationbuttons {
    position: absolute;
    top: 180px;
    right: 50%;
    transform: translate(50%,0);
    margin: auto 0px;
    text-align: center;
    font-size: 18px;
}

.locationheader {
    font-size: 32px;
    padding-left: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .locationheader button {
        font-size: 20px;
    }

#mainlocation {
    position: relative;
    margin-left: 50px;
    border: solid;
    width: 200px;
    height: 150px;
    font-size: 28px;
    text-align: center;
    font-size: 18px;
}

#extralocations {
    display: flex;
    position: absolute;
    top: 260px;
    left: 350px;
}

.extralocation {
    border: solid;
    height: 150px;
    font-size: 28px;
    text-align: center;
    font-size: 18px;
    margin-right: 50px;
}

#City8SlideLocations {
    overflow: auto;
    display: flex;
    position: absolute;
    width: 1400px;
    top: 475px;
    left: 50px;
}

.eightslideloc {
    border: solid;
    height: 150px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 200px;
    margin-right: 50px;
    font-size: 28px;
    text-align: center;
    font-size: 18px;
}

#cctickerheader {
    position: absolute;
    top: 617px;
}

#cctickerlocations {
    overflow: auto;
    display: flex;
    position: absolute;
    top: 675px;
    left: 50px;
    width: 1400px;
}

.cctickerloc {
    border: solid;
    height: 150px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 200px;
    margin-right: 50px;
    font-size: 28px;
    text-align: center;
    font-size: 18px;
}

#pageleft {
    position: absolute;
    font-size: 125px;
    top: 30%;
    left: 10px;
    margin: auto, 0px;
}

#pageright {
    position: absolute;
    font-size: 125px;
    top: 30%;
    right: 10px;
    margin: auto, 0px;
}

.weathersettingspagetitle {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 42px;
    top: 84px;
}

.setlocname {
    position: absolute;
    right: 100px;
    text-align: center;
    top: 84px;
    width: 227px;
}

.selectloc {
    position: absolute;
    left: 100px;
    text-align: center;
    top: 84px;
    width: 227px;
}

.weathersettingspage form {
    position: relative;
    display: block;
    height: 400px;
    width: 460px;
    margin: auto auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
    font-size: 20px;
}

#daypartpage {
    display: flex;
    justify-content: center;
}

    #daypartpage .hour {
        text-align: center;
    }

    #daypartpage .sethourtitle {
        text-align: center;
        font-size: 24px
    }


#main > #template {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    z-index: -100;
}

.leaflet-bottom, .leaflet-top {
    display: none
}

#info-slides-container {
    position: absolute;
    /*right: 75px;
  top: 92px;*/
    width: 1440px;
    height: 1080px;
    z-index: 1;
}

#main {
    position: relative;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%, -50%);
    width: 1440px;
    height: 1080px;
    will-change: transform;
}

.info-slides-header, .info-slide .info-subheader {
    position: relative;
    color: #ebebeb;
    width: 100%;
    padding: 0 7.5px
}

.info-slides-header {
    display: none;
    position: absolute;
    top: 2.5px;
    left: 2.5px;
    background-color: #2267b7;
    height: 42.5px;
    font-size: 31px;
    white-space: nowrap;
    min-width: 125%;
    overflow: hidden;
}

    .info-slides-header .gradientthing {
        position: absolute;
        width: 125px;
        top: 0;
        background: linear-gradient(to right, rgba(147, 156, 171,0), rgba(147, 156, 171,.97));
        height: 100%;
        right: 125px
    }

    .info-slides-header .divider-arrow {
        font-size: 26px;
        display: inline-block;
        transform: scale(1, 1.05) translate(0, -2.5px);
        ;
        transform-origin: left center;
        font-weight: 700;
        padding: 0 7px
    }


    .info-slides-header span.city {
        text-transform: uppercase;
        display: inline-block;
    }

    .info-slides-header span.city, .info-slides-header span.divider-arrow {
        opacity: .5
    }

        .info-slides-header span.city.current {
            opacity: 1
        }

#info-slide-container {
    position: absolute;
    height: 1080px;
    width: 1440px;
}

#radar-container {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.travelmap-overlay {
    position: absolute;
    right: 0;
    z-index: 5;
    background: transparent url(/images/newbg/map_travel_bg.png) no-repeat;
    height: 1080px;
    width: 1440px;
    background-size: 100% 100%;
}
.golfmap-overlay {
    position: absolute;
    right: 0;
    z-index: 5;
    background: transparent url(/images/newbg/map_golf_bg.png) no-repeat;
    height: 1080px;
    width: 1440px;
    background-size: 100% 100%;
}
.estimatedprecip-overlay {
    position: absolute;
    right: 0;
    z-index: 5;
    background: transparent url(/images/newbg/map_garden_bg.png) no-repeat;
    height: 1080px;
    width: 1440px;
    background-size: 100% 100%;
}
.precipforecast-overlay {
    position: absolute;
    right: 0;
    z-index: 5;
    background: transparent url(/images/newbg/map_garden_bg.png) no-repeat;
    height: 1080px;
    width: 1440px;
    background-size: 100% 100%;
}
.droughtmonitor-overlay {
    position: absolute;
    right: 0;
    z-index: 5;
    background: transparent url(/images/newbg/map_garden_bg.png) no-repeat;
    height: 1080px;
    width: 1440px;
    background-size: 100% 100%;
}
.radar-overlay {
    position: absolute;
    right: 0;
    z-index: 4;
    background: transparent url(/images/newbg/map_banner_bg.png) no-repeat;
    height: 1080px;
    width: 1440px;
    background-size: 100% 100%;
}

.severe-radar-overlay {
    position: absolute;
    right: 0;
    z-index: 4;
    background: transparent url(/images/newbg/severe_map_banner_bg.png) no-repeat;
    height: 1080px;
    width: 1440px;
    background-size: 100% 100%;
}

.mapcon {
    flex: 1;
}

#radar-1 {
    position: absolute;
    width: 1440px;
    height: 780px;
    top: 200px;
}

#radar-2 {
    position: absolute;
    width: 1440px;
    height: 780px;
    top: 200px;
}

#radar-3 {
    position: absolute;
    width: 1440px;
    height: 780px;
    top: 200px;
}

#satrad-1 {
    position: absolute;
    width: 1440px;
    height: 780px;
    top: 200px;
}

.info-slide {
    position: absolute;
    top: 0px;
    display: flex;
    flex-flow: column;
    z-index: 5;
    height: 100%;
    width: 100%;
}

.preload {
    z-index: 4
}

.info-slide .info-subheader {
    font-family: 'Frutiger Bold Cn';
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    font-size: 57px;
    height: 79px;
    z-index: 4;
    text-shadow: 2px 2px 2px #000;
    line-height: 24.5px;
    top: 155px;
}

.bulletin .info-subheader {
    font-family: 'Frutiger Bold Cn';
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    text-shadow: #141414 2.33807px 3.00663px 1.33711px;
    position: absolute;
    transform: scale(102.5%,100%);
    transform-origin: left;
    padding-left: 150px;
}

.info-slide .info-subheader span {
    position: absolute;
    top: 45%;
    transform: translateY(-42.5%);
    margin-left: 24px;
    font-size: 57px;
}

.subhead-title {
    position: absolute;
    top: 50%;
    font-size: 57px;
    transform: translateY(-43%) scale(100%,100%) !important;
    transform-origin: left;
    padding-left: 125px;
}

.info-slide.radar-slide .info-subheader .subhead-title {
    font-weight: bold;
    font-size: 57px;
    width: 50%;
    padding-left: 125px;
    left: 30px;
}
.info-slide.destinationmap-slide .info-subheader .subhead-title {
    position: absolute;
    top: 43.5%;
    transform-origin: left;
    left: 60px;
    width: 250%;
    font-size: 57px;
    padding-left: 117px;
    margin-left: 0px;
}
.info-slide.golfmap-slide .info-subheader .subhead-title {
    position: absolute;
    top: 43.5%;
    transform-origin: left;
    left: 60px;
    width: 250%;
    font-size: 57px;
    padding-left: 117px;
    margin-left: 0px;
}
.info-slide.estimatedprecip-slide .info-subheader .subhead-title {
    position: absolute;
    top: 43.5%;
    transform-origin: left;
    left: 60px;
    width: 250%;
    font-size: 57px;
    padding-left: 117px;
    margin-left: 0px;
}
.info-slide.precipforecast-slide .info-subheader .subhead-title {
    position: absolute;
    top: 43.5%;
    transform-origin: left;
    left: 60px;
    width: 250%;
    font-size: 57px;
    padding-left: 117px;
    margin-left: 0px;
}
.info-slide.droughtmonitor-slide .info-subheader .subhead-title {
    position: absolute;
    top: 43.5%;
    transform-origin: left;
    left: 60px;
    width: 250%;
    font-size: 57px;
    padding-left: 117px;
    margin-left: 0px;
}
.info-slide-content br {
    position: relative !important
}


.city-info-slidetest {
    position: relative;
    background: transparent url(/images/newbg/core_bgreference.png) no-repeat;
    height: 1080px;
    width: 1440px;
    background-size: 100% 100%;
}

.city-info-slide .info-subheader {
    padding-right: 10%;
}

.city-info-slide {
    background: transparent url(/images/newbg/core_bg.png) no-repeat;
    height: 1080px;
    width: 1440px;
    background-size: 100% 100%;
}

.severe-city-info-slide {
    background: transparent url(/images/newbg/severe_core_bg.png) no-repeat;
    height: 1080px;
    width: 1440px;
    background-size: 100% 100%;
}

.city-info-slide .info-subheader {
    padding-right: 10%
}


.city-info-slide #subhead-city {
    font-size: 28px;
    padding-top: 3px;
    right: 98px;
    font-stretch: semi-expanded;
}

.severe-city-info-slide .info-subheader {
    padding-right: 10%
}


.severe-city-info-slide #subhead-city {
    font-size: 28px;
    padding-top: 3px;
    right: 98px;
    font-stretch: semi-expanded;
}

.info-slide-content {
    position: absolute;
    height: 100%;
    width: 100%;
    flex: 1;
    z-index: 0;
}

.info-slide .curve {
    position: absolute;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

@keyframes accentmovei {
    /*100% {transform: translate(-.75%, -4.5%) scaleY(1.03);}*/
    100% {
        transform: translate(10%, 0%);
    }
}

.info-slide .accent.i {
    background-color: #7596d2;
    -webkit-mask-image: url(/images/airport-curve.svg);
    mask-image: url(/images/airport-curve.svg);
    -webkit-mask-size: 200% 100%;
    -webkit-mask-position: 100% 0;
    mask-size: 200% 100%;
    mask-position: 100% 0;
    width: 60%;
    height: 110.5%;
    top: -1.3%;
    right: -21.2%;
    animation: accentmovei 5s linear normal forwards;
    z-index: 6;
}

@keyframes accentmoveii {
    100% {
        transform: translate(3%, -3%);
    }
}

.info-slide .accent.ii {
    background-color: #6b91d7;
    -webkit-mask-image: url(/images/airport-curve.svg);
    mask-image: url(/images/airport-curve.svg);
    -webkit-mask-size: 200% 100%;
    -webkit-mask-position: 100% 0;
    mask-size: 200% 100%;
    mask-position: 100% 0;
    width: 65%;
    height: 103%;
    top: -1.5%;
    right: -9.75%;
    opacity: .7;
    z-index: 5;
    animation: accentmoveii 5s linear normal forwards;
}

@keyframes accentmoveiii {
    100% {
        transform: translate(3%, -3%);
    }
}

.info-slide .accent.iii {
    background-color: #6b91d7;
    -webkit-mask-image: url(/images/airport-curve.svg);
    mask-image: url(/images/airport-curve.svg);
    -webkit-mask-size: 200% 100%;
    -webkit-mask-position: 100% 0;
    mask-size: 200% 100%;
    mask-position: 100% 0;
    width: 65%;
    height: 113%;
    top: -10.5%;
    right: -11.5%;
    opacity: .7;
    animation: accentmoveiii 5s linear normal forwards;
    z-index: 7;
}

@keyframes accentmoveiv {
    100% {
        transform: translate(-1%, 2%);
    }
}

.info-slide .accent.iv {
    background-color: #6b8bc1;
    -webkit-mask-image: url(/images/airport-curve.svg);
    mask-image: url(/images/airport-curve.svg);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    width: 67.5%;
    height: 110.5%;
    top: 3.3%;
    left: -2.8%;
    opacity: .7;
    z-index: 13;
    animation: accentmoveiv 5s linear normal forwards;
}

@keyframes accentmovev {
    100% {
        transform: translate(-2%, 0%);
    }
}

.info-slide .accent.v {
    background-color: #5d88e4;
    -webkit-mask-image: url(/images/airport-curve.svg);
    mask-image: url(/images/airport-curve.svg);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    width: 65.5%;
    height: 116.5%;
    top: -8.5%;
    left: -6.25%;
    z-index: 15;
    animation: accentmovev 5s linear normal forwards;
}

@keyframes accentmovevi {
    100% {
        transform: translate(4.2%, -.01%);
    }
}

.info-slide .accent.vi {
    background-color: #5d88e4;
    -webkit-mask-image: url(/images/airport-curve.svg);
    mask-image: url(/images/airport-curve.svg);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    width: 72.5%;
    height: 117.5%;
    top: 0.2%;
    left: -9.3%;
    z-index: 14;
    /*animation: accentmovevi 5s linear normal forwards;*/
}

.info-slide .accentviishadow {
    background-image: url(/images/arc_sidehealth.png);
    background-size: 100% 100%;
    width: 1440px;
    height: 1080px;
    z-index: 16;
}
.info-slide .accentvii {
    -webkit-mask-image: url(/images/arc_sidehealthnoshad.png);
    mask-image: url(/images/arc_sidehealthnoshad.png);
    background-color: #14a4bd;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1483px;
    height: 1080px;
    z-index: 16;
}
@keyframes accentmoveviii {
    100% {
        transform: translate(1.5%, 5.75%);
    }
}

.info-slide .accent.viii {
    background-color: #5d88e4;
    -webkit-mask-image: url(/images/airport-curve.svg);
    mask-image: url(/images/airport-curve.svg);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    width: 57.5%;
    height: 157.5%;
    bottom: -22.25%;
    left: -20.25%;
    opacity: 0;
    z-index: 5;
    /*animation: accentmoveviii 5s linear normal forwards;*/
}

@keyframes accentmoveix {
    100% {
        transform: translate(-2.8%, 8%);
    }
}

.info-slide .accent.ix {
    background-color: #6b8bc1;
    -webkit-mask-image: url(/images/airport-curve.svg);
    mask-image: url(/images/airport-curve.svg);
    -webkit-mask-size: 200% 200%;
    mask-size: 200% 200%;
    -webkit-mask-position: 0% 100%;
    mask-position: 0% 100%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    width: 67.5%;
    height: 80.5%;
    bottom: -38.7%;
    left: -16.8%;
    opacity: .7;
    z-index: 4;
    /*animation: accentmoveix 5s linear normal forwards;*/
}

.top.bar {
    position: absolute;
    width: 100%;
    height: 152px;
    top: 0px;
    background-color: #101010;
    z-index: 16;
}

.bottom.bar {
    position: absolute;
    width: 100%;
    height: 209px;
    bottom: 0px;
    background-color: #101010;
    z-index: 15;
}

.info-slide .segment {
    color: #ebebeb;
    font-family: 'Frutiger';
    font-size: 68px;
    text-shadow: #141414 2.33807px 3.00663px 1.33711px;
    position: absolute;
    text-align: right;
    right: 17%;
    bottom: 279px;
    transform: scale(100%, 100%);
    font-weight: 800;
    transform-origin: right;
}

@keyframes marqueeweatherscan {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(20%, 0);
    }
}

.info-slide .weatherscanmarquee {
    color: #ebebeb;
    font-family: Frutiger;
    font-size: 35px;
    opacity: .5;
    position: absolute;
    text-align: right;
    bottom: 208px;
    right: 0px;
    display: inline-block;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    word-spacing: 15px;
    font-weight: normal;
    z-index: 15;
    animation: marqueeweatherscan 5.5s linear normal forwards;
}

    .info-slide .weatherscanmarquee span {
        display: block;
        transform: scale(106%,100%);
    }

.airport-slide-intro {
    background: transparent url(/images/newbg/airport_intro_bg.png) no-repeat bottom;
    width: 1440px;
    height: 1080px;
    background-size: 100% 100%;
}

.airport-slide-intro .accentvii {
    background-color: #6b91d7;
}

.health-slide-intro {
    background: transparent url(/images/newbg/health_intro_bg.png) no-repeat bottom;
    width: 1440px;
    height: 1080px;
    background-size: 100% 100%;
}

    .health-slide-intro .accent.i {
        background-color: #189cc5;
    }

    .health-slide-intro .accent.ii {
        background-color: #588fe8;
    }

    .health-slide-intro .accent.iii {
        background-color: #189cc5;
    }

    .health-slide-intro .accent.iv {
        background-color: #189cc5;
    }

    .health-slide-intro .accent.v {
        background-color: #14a4bd;
    }

    .health-slide-intro .accent.vi {
        background-color: #189cc5;
    }

    .health-slide-intro .accentvii {
        background-color: #14a4bd;
    }

    .health-slide-intro .accent.viii {
        background-color: #588fe8;
    }

    .health-slide-intro .accent.ix {
        background-color: #189cc5;
    }

.traffic-slide-intro {
    background: transparent url(/images/newbg/traffic_intro_bg.png) no-repeat bottom;
    width: 1440px;
    height: 1080px;
    background-size: 100% 100%;
}

    .traffic-slide-intro .accent.i {
        background-color: #c68631;
    }

    .traffic-slide-intro .accent.ii {
        background-color: #ae7624;
    }

    .traffic-slide-intro .accent.iii {
        background-color: #c68631;
    }

    .traffic-slide-intro .accent.iv {
        background-color: #c68631;
    }

    .traffic-slide-intro .accent.v {
        background-color: #de932a;
    }

    .traffic-slide-intro .accent.vi {
        background-color: #c68631;
    }

    .traffic-slide-intro .accentvii {
        background-color: #de932a;
    }

    .traffic-slide-intro .accent.viii {
        background-color: #ae7624;
    }

    .traffic-slide-intro .accent.ix {
        background-color: #c68631;
    }

.beach-slide-intro {
    background: transparent url(/images/newbg/boatbeach_intro_bg.png) no-repeat bottom;
    width: 1440px;
    height: 1080px;
    background-size: 100% 100%;
}

    .beach-slide-intro .accent.i {
        background-color: #218912;
    }

    .beach-slide-intro .accent.ii {
        background-color: #8dcd5a;
        opacity: 100%;
    }

    .beach-slide-intro .accent.iii {
        background-color: #145b23;
    }

    .beach-slide-intro .accent.iv {
        background-color: #12780d;
        opacity: .3;
    }

    .beach-slide-intro .accent.v {
        background-color: #145b23;
    }

    .beach-slide-intro .accent.vi {
        background-color: #2d7816;
    }

    .beach-slide-intro .accentvii {
        background-color: #137f0d;
    }

    .beach-slide-intro .accent.viii {
        background-color: #8dcd5a;
        opacity: 100%;
    }

    .beach-slide-intro .accent.ix {
        background-color: #12780d;
        opacity: .3;
    }

.golf-slide-intro {
    background: transparent url(/images/newbg/golf_intro_bg.png) no-repeat bottom;
    width: 1440px;
    height: 1080px;
    background-size: 100% 100%;
}

    .golf-slide-intro .accent.i {
        background-color: #218912;
    }

    .golf-slide-intro .accent.ii {
        background-color: #8dcd5a;
        opacity: 100%;
    }

    .golf-slide-intro .accent.iii {
        background-color: #145b23;
    }

    .golf-slide-intro .accent.iv {
        background-color: #12780d;
        opacity: .3;
    }

    .golf-slide-intro .accent.v {
        background-color: #145b23;
    }

    .golf-slide-intro .accent.vi {
        background-color: #2d7816;
    }

    .golf-slide-intro .accentvii {
        background-color: #137f0d;
    }

    .golf-slide-intro .accent.viii {
        background-color: #8dcd5a;
        opacity: 100%;
    }

    .golf-slide-intro .accent.ix {
        background-color: #12780d;
        opacity: .3;
    }

.garden-slide-intro {
    background: transparent url(/images/newbg/garden_intro_bg.png) no-repeat bottom;
    width: 1440px;
    height: 1080px;
    background-size: 100% 100%;
}

.garden-slide-intro .accent.i {
  background-color: #218912;
}
.garden-slide-intro .accent.ii {
  background-color: #8dcd5a;
  opacity: 100%;
}
.garden-slide-intro .accent.iii {
  background-color: #145b23;
}
.garden-slide-intro .accent.iv {
  background-color: #12780d;
  opacity: .3;
   }
.garden-slide-intro .accent.v {
 background-color: #145b23;
}
.garden-slide-intro .accent.vi {
 background-color: #2d7816;
}

.garden-slide-intro .accentvii {
  background-color: #137f0d;
}

.garden-slide-intro .accent.viii {
  background-color: #8dcd5a;
  opacity: 100%;
}
.garden-slide-intro .accent.ix {
  background-color: #12780d;
  opacity: .3;
}

.ski-slide-intro {
  background: transparent url(/images/newbg/ski_intro_bg.png) no-repeat bottom;
  width: 1440px;
  height: 1080px;
  background-size: 100% 100%;
}
.ski-slide-intro .accent.i {
  background-color: #9e59a2;
}
.ski-slide-intro .accent.ii {
  background-color: #8d5895;
  opacity: 100%;
}
.ski-slide-intro .accent.iii {
  background-color: #885b99;
}
.ski-slide-intro .accent.iv {
 background-color: #7847a2;
opacity: .5;
}
.ski-slide-intro .accent.v {
  background-color: #925d92;
}
.ski-slide-intro .accent.vi {
  background-color: #9e59a2;
}
.ski-slide-intro .accentvii {
  background-color: #a775a6;
}
.ski-slide-intro .accent.viii {
  background-color: #885b99;
  opacity: 100%;
}
.ski-slide-intro .accent.ix {
  background-color: #7847a2;
  opacity: .5;
}

.travel-slide-intro {
    background: transparent url(/images/newbg/travel_intro_bg.png) no-repeat bottom;
    width: 1440px;
    height: 1080px;
    background-size: 100% 100%;
}

.travel-slide-intro .accentvii {
    background-color: #6b91d7;
  }

.international-slide-intro {
    background: transparent url(/images/newbg/international_intro_bg.png) no-repeat bottom;
    width: 1440px;
    height: 1080px;
    background-size: 100% 100%;
}

.international-slide-intro .accent.i {
 background-color: #909294;
}

.international-slide-intro .accent.ii {
 background-color: #909294;
}

.international-slide-intro .accent.iii {
  background-color: #9fa1a3;
}

.international-slide-intro .accent.iv {
  background-color: #909294;
  opacity: .5;
}
.international-slide-intro .accent.v {
  background-color: #9fa1a3;
  opacity: .6;
}
    .international-slide-intro .accent.vi {
  background-color: #909294;
}

.international-slide-intro .accentvii {
  background-color: #9fa1a3;
}

.international-slide-intro .accent.viii {
  background-color: #909294;
  opacity: 100%;
}

.international-slide-intro .accent.ix {
  background-color: #909294;
}
.city-slide-intro .segment {
  color: #ebebeb;
  font-family: Frutiger;
  font-size: 87.5px;
  text-shadow: #000 0px 0px 0px;
  position: absolute;
  text-align: left;
  left: 25%;
  bottom: 368.2px;
  transform: scale(106.5%,100%);
  font-weight: bold;
  transform-origin: left;
}

@keyframes citymarqueeweatherscan {
  0% {transform: translate(0, 0);}
  100% {transform: translate(40%, 0);}
}

.city-slide-intro .cityweatherscanmarquee {
  color: #ebebeb;
  font-family: Frutiger;
  font-size: 36px;
  opacity: .5;
  position: absolute;
  font-weight: 400;
  text-align: right;
  font-stretch: 75%;
  bottom: 322px;
  right: 0px;
  display: inline-block;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  word-spacing: 15px;
  z-index: 15;
  animation: citymarqueeweatherscan 10.5s linear normal forwards;
}

.city-slide-intro .cityweatherscanmarquee span {
  display: block;
  transform: scale(97%,100%);
}

.city-slide-intro {
  background: transparent url(/images/newbg/minneapolis_bg.png) no-repeat bottom;
  width: 1440px;
  height: 1080px;
  background-size: 100% 100%;
}
.city-slide-intro .weatherscancopyright {
  color: #ebebeb;
  font-weight: bold;
  font-family: Frutiger;
  font-size: 43px;
  background-color: #000000;
  background: linear-gradient(to right, rgba(16, 16, 16, 1) 30%, rgba(16, 16, 16, 0) 100%);
  height: 206px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  padding-left: 155px;
  padding-right: 42%;
  padding-top: 80px;
  line-height: 111%;
  z-index: 18;
}

.city-slide-intro .weatherscancopyright span {
  display: block;
  position: relative;
  top: 10%;
  left: 0px;
  transform: scale(101.5%,102%);
  height: 84px;
  top: 12px;
  transform-origin: left;
}

.copyrighttext .weatherscancopyright span {
  display: block;
  position: absolute;
  top: 10%;
  left: 10.7%;
  transform: scale(104%,105%);
  height: 84px;
  top: 104px;
  transform-origin: left;
}

.cityintrobottom.bar {
    position: absolute;
    width: 100%;
    height: 211px;
    bottom: 0px;
    background-color: #101010;
    z-index: 15;
}

.cityintrobottom.gradient {
    position: absolute;
    width: 100%;
    height: 115px;
    bottom: 211px;
    background: linear-gradient(to left, rgba(16, 16, 16, 1) 50%, rgba(16, 16, 16, 0) 100%);
    z-index: 15
}

.cityintrobottom.wordmark {
    position: absolute;
    z-index: 104;
    top: 68.3%;
    left: 645px;
    animation: wordmarkmoveleft 2s linear normal forwards;
}

    .cityintrobottom.wordmark img {
        position: absolute;
        height: 117px;
    }

@keyframes wordmarkmoveleft {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-300px);
    }
}

.cityintrobottomwebsite {
    position: absolute;
    z-index: 104;
    top: 72%;
    left: 73%;
}

    .cityintrobottomwebsite img {
        position: absolute;
        height: 190px;
        top: 11px;
        left: 7px;
    }

@keyframes cityaccentmovei {
    35% {
        transform: translate(-.75%, -4.5%) scaleY(1.03);
    }

    100% {
        transform: translate(-8.75%, -12%) scale(1.15, 1.2);
    }
}

.info-slide .cityaccent.i {
    background-color: #e5be45;
    -webkit-mask-image: url(/images/airport-curve.svg);
    mask-image: url(/images/airport-curve.svg);
    -webkit-mask-size: 200% 100%;
    -webkit-mask-position: 100% 0;
    mask-size: 200% 100%;
    mask-position: 100% 0;
    width: 65%;
    height: 104.5%;
    top: -10.3%;
    right: -13.2%;
    opacity: .8;
    z-index: 13;
    animation: cityaccentmovei 10s linear normal forwards;
}

@keyframes cityaccentmoveii {
    35% {
        transform: translate(-.75%, -4.5%) scaleY(1.03);
    }

    100% {
        transform: translate(-8.15%, -10.15%) scale(1.15, 1.2);
    }
}

.info-slide .cityaccent.ii {
    background-color: #001782;
    -webkit-mask-image: url(/images/airport-curve.svg);
    mask-image: url(/images/airport-curve.svg);
    -webkit-mask-size: 200% 100%;
    -webkit-mask-position: 100% 0;
    mask-size: 200% 100%;
    mask-position: 100% 0;
    width: 59%;
    height: 101%;
    top: 0%;
    right: -12.75%;
    opacity: .5;
    z-index: 12;
    animation: cityaccentmoveii 10s linear normal forwards;
}

@keyframes cityaccentmoveiii {
    100% {
        transform: translate(1%, -4.5%);
    }
}

.info-slide .cityaccent.iii {
    background-color: #e5be45;
    -webkit-mask-image: url(/images/airport-curve.svg);
    mask-image: url(/images/airport-curve.svg);
    -webkit-mask-size: 200% 100%;
    -webkit-mask-position: 100% 0;
    mask-size: 200% 100%;
    mask-position: 100% 0;
    width: 65%;
    height: 104.4%;
    top: -10.25%;
    right: -16.2%;
    z-index: 14;
    animation: cityaccentmoveiii 5s linear normal forwards;
}

@keyframes cityaccentmoveix {
    30% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-18.75%, -8.8%);
    }
}

.info-slide .cityaccent.ix {
    background-color: #e5be45;
    -webkit-mask-image: url(/images/airport-curve.svg);
    mask-image: url(/images/airport-curve.svg);
    -webkit-mask-size: 200% 100%;
    -webkit-mask-position: 100% 0;
    mask-size: 200% 100%;
    mask-position: 100% 0;
    width: 55%;
    height: 210.4%;
    bottom: -38.25%;
    right: -25.75%;
    animation: cityaccentmoveix 10s linear normal forwards;
}

@keyframes cityaccentmoveiv {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(4.5%, 8%);
    }
}

.info-slide .cityaccent.iv {
    background-color: #001782;
    -webkit-mask-image: url(/images/airport-curve.svg);
    mask-image: url(/images/airport-curve.svg);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    width: 67.5%;
    height: 202.5%;
    top: -31.45%;
    left: -22%;
    opacity: .5;
    animation: cityaccentmoveiv 10s linear normal forwards;
}

@keyframes cityaccentmovev {
    100% {
        transform: translate(0%, -3%);
    }
}

.info-slide .cityaccent.v {
    background-color: #e5be45;
    -webkit-mask-image: url(/images/airport-curve.svg);
    mask-image: url(/images/airport-curve.svg);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    width: 197%;
    height: 184.5%;
    top: -27.5%;
    left: -37.5%;
    opacity: .7;
    z-index: 11;
    animation: cityaccentmovev 10s linear normal forwards;
}

.info-slide .cityaccentviishadow {
    background-image: url(/images/arc_sideyellow.png);
    background-size: 100% 100%;
    width: 1440px;
    height: 1080px;
    z-index: 16;
}

@keyframes cityaccentmoveviii {
    100% {
        transform: translate(-1.7%, 9.5%);
    }
}

.info-slide .cityaccent.viii {
    background-color: #001782 -webkit-mask-image: url(/images/airport-curve.svg);
    mask-image: url(/images/airport-curve.svg);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    -webkit-mask-position: 0 100%;
    width: 57.5%;
    height: 157.5%;
    bottom: -22.25%;
    left: -20.25%;
    opacity: .3;
    /*animation: cityaccentmoveviii 10s linear normal forwards;*/
}
.next-slide-intro {
    background: transparent url(/images/newbg/minneapolis_bg.png) no-repeat bottom;
    width: 1440px;
    height: 1080px;
    background-size: 100% 100%;
  }
.next-slide-intro .bluefilter {
    position: absolute;
    width: 1440px;
    height: 1080px;
    z-index: 7;
    background-color: rgb(0, 0, 256, .20);
}
.next-slide-intro .next {
    position: absolute;
    font-size: 60px;
    text-shadow: #141414 2.33807px 3.00663px 1.33711px;
    top: 355px;
    left: 325px;
    color: #ffd40e;
    font-family: 'Frutiger Bold Cn';
    z-index: 9;
}
.next-slide-intro .nextsegments {
    position: absolute;
    font-size: 62px;
    text-shadow: #141414 2.33807px 3.00663px 1.33711px;
    color: #ebebeb;
    top: 340px;
    left: 610px;
    width: 50%;
    height: 460px;
    font-weight: bold;
    line-height: 180%;
    overflow: hidden;
    z-index: 9;
}
.info-slide .cityaccent.i-next {
    background-color: #e5be45;
    -webkit-mask-image: url(/images/airport-curve.svg);
    mask-image: url(/images/airport-curve.svg);
    -webkit-mask-size: 200% 100%;
    -webkit-mask-position: 100% 0;
    mask-size: 200% 100%;
    mask-position: 100% 0;
    width: 65%;
    height: 104.5%;
    top: -7.3%;
    right: -13.2%;
    opacity: .8;
    z-index: 13;
    animation: nextcityaccentmovei 10s linear normal forwards;
}

@keyframes nextcityaccentmoveii {
    35% {
        transform: translate(-.75%, -4.5%) scaleY(1.03);
    }

    100% {
        transform: translate(-8.15%, -10.15%) scale(1.15, 1.2);
    }
}

.info-slide .cityaccent.ii-next {
    background-color: #001782;
    -webkit-mask-image: url(/images/airport-curve.svg);
    mask-image: url(/images/airport-curve.svg);
    -webkit-mask-size: 200% 100%;
    -webkit-mask-position: 100% 0;
    mask-size: 200% 100%;
    mask-position: 100% 0;
    width: 59%;
    height: 101%;
    top: 3%;
    right: -12.75%;
    opacity: .5;
    z-index: 12;
    animation: nextcityaccentmoveii 10s linear normal forwards;
}

@keyframes nextcityaccentmoveiii {
    100% {
        transform: translate(1%, -4.5%);
    }
}

.info-slide .cityaccent.iii-next {
    background-color: #e5be45;
    -webkit-mask-image: url(/images/airport-curve.svg);
    mask-image: url(/images/airport-curve.svg);
    -webkit-mask-size: 200% 100%;
    -webkit-mask-position: 100% 0;
    mask-size: 200% 100%;
    mask-position: 100% 0;
    width: 65%;
    height: 104.4%;
    top: -7.25%;
    right: -16.2%;
    z-index: 14;
    animation: nextcityaccentmoveiii 5s linear normal forwards;
}

@keyframes nextcityaccentmoveix {
    30% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-18.75%, -8.8%);
    }
}

.info-slide .cityaccent.ix-next {
    background-color: #e5be45;
    -webkit-mask-image: url(/images/airport-curve.svg);
    mask-image: url(/images/airport-curve.svg);
    -webkit-mask-size: 200% 100%;
    -webkit-mask-position: 100% 0;
    mask-size: 200% 100%;
    mask-position: 100% 0;
    width: 55%;
    height: 210.4%;
    bottom: -38.25%;
    right: -25.75%;
    animation: nextcityaccentmoveix 10s linear normal forwards;
}

@keyframes nextcityaccentmoveiv {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(4.5%, 8%);
    }
}

.info-slide .cityaccent.iv-next {
    background-color: #001782;
    -webkit-mask-image: url(/images/airport-curve.svg);
    mask-image: url(/images/airport-curve.svg);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    width: 67.5%;
    height: 202.5%;
    top: -31.45%;
    left: -22%;
    opacity: .5;
    animation: nextcityaccentmoveiv 10s linear normal forwards;
}

@keyframes nextcityaccentmovev {
    100% {
        transform: translate(0%, -3%);
    }
}

.info-slide .cityaccent.v-next {
    background-color: #e5be45;
    -webkit-mask-image: url(/images/airport-curve.svg);
    mask-image: url(/images/airport-curve.svg);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    width: 197%;
    height: 184.5%;
    top: -27.5%;
    left: -37.5%;
    opacity: .7;
    z-index: 11;
    animation: nextcityaccentmovev 10s linear normal forwards;
}

@keyframes nextcityaccentmoveviii {
    100% {
        transform: translate(-1.7%, 9.5%);
    }
}

.info-slide .cityaccent.viii-next {
    background-color: #001782 -webkit-mask-image: url(/images/airport-curve.svg);
    mask-image: url(/images/airport-curve.svg);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    -webkit-mask-position: 0 100%;
    width: 57.5%;
    height: 157.5%;
    bottom: -22.25%;
    left: -20.25%;
    opacity: .3;
    /*animation: nextcityaccentmoveviii 10s linear normal forwards;*/
}
.airport-slide {
    background: transparent url(/images/newbg/airport_bg.png) no-repeat;
    height: 1080px;
    width: 1440px;
    background-size: 100% 100%;
}

.beach-slide {
    background: transparent url(/images/newbg/boatbeach_bg.png) no-repeat;
    height: 1080px;
    width: 1440px;
    background-size: 100% 100%;
}

.radar-slide {
    height: 1080px;
    width: 1440px;
}

.health {
    background: transparent url(/images/newbg/health_bg.png) no-repeat;
    height: 1080px;
    width: 1440px;
    background-size: 100% 100%;
}

.traffic {
    background: transparent url(/images/newbg/traffic_bg.png) no-repeat;
    height: 1080px;
    width: 1440px;
    background-size: 100% 100%;
}

.golf {
    background: transparent url(/images/newbg/golf_bg.png) no-repeat;
    height: 1080px;
    width: 1440px;
    background-size: 100% 100%;
}

.garden {
    background: transparent url(/images/newbg/garden_bg.png) no-repeat;
    height: 1080px;
    width: 1440px;
    background-size: 100% 100%;
}

.ski {
    background: transparent url(/images/newbg/ski_bg.png) no-repeat;
    height: 1080px;
    width: 1440px;
    background-size: 100% 100%;
}

.travel {
    background: transparent url(/images/newbg/travel_bg.png) no-repeat;
    height: 1080px;
    width: 1440px;
    background-size: 100% 100%;
}

.international {
    background: transparent url(/images/newbg/international_bg.png) no-repeat;
    height: 1080px;
    width: 1440px;
    background-size: 100% 100%;
}

.radar-color-legend {
    display: block;
    font-size: 34px !important;
    position: absolute;
    text-align: right;
    right: 4%;
    top: 1.2%;
    transform: translateY(-42.5%) scale(112%,100%) !important;
    transform-origin: right;
    padding-bottom: 2px;
}

.radar-color-legend-winter {
    display: block;
    font-size: 34px !important;
    position: absolute;
    width: 600px;
    right: 4%;
    top: 1.2%;
    transform: translateY(-42.5%) scale(112%,100%) !important;
    transform-origin: right;
}

.pastlegend {
    font-size: 34px;
    transform: translate(0,-2.5px) scale(92.5%,100%);
    transform-origin: right;
    font-weight: bold;
    padding-bottom: 5px;
}

.radar-legends {
    display: flex;
    align-items: right;
    font-size: 24px;
    width: 760px;
    position: absolute;
    text-align: right;
    right: 7%;
    top: 55%;
}

.radar-color-legend-winter > img {
    width: 35px;
    height: 23px;
}

.radar-color-legend-winter .rainlonger {
    width: 67.5px;
    height: 23px;
}

.radar-color-legend > img {
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 1);
    width: 170px;
    height: 23px;
    transform: scale(100%,100%);
}

.leaflet-overlay-pane canvas {
    -webkit-filter: drop-shadow(0 2px 2px #000);
    filter: drop-shadow(0 2px 2px #000)
}

.radarTile {
    filter: drop-shadow(3px 3px 0px #000);
}
#current-ticker {
    position: absolute;
    font-size: 43px;
    color: #ffd40e;
    z-index: 5;
    font-weight: 100;
    top: 104px;
    left: 178px;
    letter-spacing: 1px;
}
#date-time, #date-time * {
    font-family: Frutiger;
    font-weight: bold;
    text-shadow: none;
    text-align: right;
    color: #ebebeb;
}

#date-time {
    position: absolute;
    z-index: 5;
    font-size: 41px;
}

    #date-time * {
        font-family: 'Frutiger';
        line-height: 40px
    }

#time {
    text-transform: lowercase;
    position: absolute;
    top: 882px;
    width: 341px;
    left: 790px;
    height: 47.5px;
    text-shadow: 2px 2.5px 1px #000;
}

#date {
    position: absolute;
    top: 882px;
    height: 47.5px;
    width: 317px;
    left: 580px;
    text-shadow: 2px 2.5px 1px #000;
}

.wrappertest2 {
    font-weight: 700;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 79.8%;
    transform: translate(0,-2px);
}

#logo-area {
    position: absolute;
    width: 452px;
    height: 95px;
    left: 61%;
    bottom: 86%;
    z-index: 500;
}

    #logo-area img {
        display: block;
        position: absolute;
        width: 100%;
        top: 0%;
        right: 17%
    }

#marquee2 {
    color: #ebebeb;
    position: absolute;
    left: 11.5%;
    top: 87.5%;
    width: 38%;
    height: 5%;
    font-size: 47px;
    font-weight: 400;
    padding-top: 0%;
    font-stretch: expanded;
    transform: scale(110%, 100%);
    transform-origin: left;
    filter: drop-shadow(.5px 0 0 #171717);
    z-index: 5;
}
#marquee2-shadow {
    position: absolute;
    z-index: 10;
    background-color: rgba(16, 17, 17, 1);
    left: 11.5%;
    top: 87%;
    width: 42%;
    height: 5%;
    background: linear-gradient(to right, rgba(16, 17, 17, 1) 0%, rgba(16, 17, 17, 0) 3%, rgba(16, 17, 17, 0) 97%, rgba(16, 17, 17, 1) 100%);
}
#marqueeSevere-shadow {
    position: absolute;
    z-index: 10;
    background-color: rgba(16, 17, 17, 1);
    left: 11.5%;
    top: 87%;
    width: 772px;
    height: 5%;
    background: linear-gradient(to right, rgba(16, 17, 17, 1) 0%, rgba(16, 17, 17, 0) 3%, rgba(16, 17, 17, 0) 97%, rgba(16, 17, 17, 1) 100%);
}
#marqueenext {
    position: absolute;
    overflow: hidden;
    left: 11.42%;
    top: 87.1%;
    width: 100%;
    height: 5%;
    color: #ffd40e;
    font-size: 45.6px;
    font-weight: bold;
    font-stretch: expanded;
    transform: scale(99%, 100%);
    transform-origin: left;
    filter: drop-shadow(.5px 0 0 #171717);
    line-height: 125%;
    z-index: 5;
}
#marqueeSevere {
    color: #ebebeb;
    position: absolute;
    left: 11.5%;
    top: 87.5%;
    width: 48.5%;
    height: 5%;
    font-size: 47px;
    font-weight: 400;
    font-stretch: expanded;
    transform: scale(110%, 100%);
    transform-origin: left;
    filter: drop-shadow(.5px 0 0 #171717);
    line-height: 125%;
    z-index: 5;
}

    #marqueeSevere div {
        font-family: 'Interstate2';
        text-shadow: 2px 2px 1px #000;
        font-synthesis: weight;
        font-weight: 600;
        font-size: 44.5px;
        letter-spacing: 1px;
        line-height: 100%;
        color: #DDDDDD;
    }
#marqueenextsevere {
    position: absolute;
    overflow: hidden;
    left: 11.5%;
    top: 87.5%;
    width: 100%;
    height: 5%;
    color: #ffd40e;
    font-size: 47px;
    font-weight: bold;
    padding-top: 0%;
    font-stretch: expanded;
    transform: scale(110%, 100%);
    transform-origin: left;
    filter: drop-shadow(.5px 0 0 #171717);
    z-index: 5;
}
.hscroller {
    font-weight: bold;
    font-family: 'Frutiger';
}
.marqueeheadersevere {
    display: none;
    font-synthesis: weight;
    position: absolute;
    font-family: 'Interstate Cn';
    font-weight: 800;
    color: #DDDDDD;
    left: 100px;
    letter-spacing: 1.5px;
    top: 873px;
    width: 68.75%;
    height: 43px;
    margin-top: 2px;
    font-size: 36px;
    text-shadow: 2px 2px 1px #000;
    padding-top: .15%;
    padding-left: 40px;
    transform: scale(112%, 100%);
    transform-origin: left;
    z-index: 13;
}
.marqueeheadersevere-background {
  display: none;
  position: absolute;
  z-index: 13;
  top: 873px;
  left: 103px;
}
.marqueeheadersevere-background img {
  height: 48.5px;
}

.marquee {
    overflow: hidden;
}

.subheaderarrow {
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 23px solid transparent;
    border-left: 40px solid #ffd40e;
    margin-top: 13px;
    margin-left: 112px;
    filter: drop-shadow(5px 5px 1px #171717);
}

.info-slide .info-subheadershadowfix {
    font-weight: bold;
    font-family: 'Frutiger Bold Cn';
    color: #ebebeb;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    font-size: 52px;
    height: 73px;
    z-index: 6;
    white-space: nowrap;
    text-shadow: 2px 2px 2px #000;
    position: absolute;
    width: 50%;
    top: 155px;
    letter-spacing: -0.5px;
}

.severe-city-info-slide .info-subheadershadowfix {
}

.severe-city-info-slide .info-subheader {
}


.info-slide .info-subheadershadowfix span {
    position: absolute;
    top: 43.5%;
    transform: translateY(-42.5%) scale(116%,100%);
    transform-origin: left;
    left: 60px;
    width: 250%;
    padding-left: 117px;
}

.city-info-slide .info-subheader {
    padding-right: 10%;
}
.info-slide.regionaldest-slide .info-subheader.reg {
    font-family: 'Frutiger Bold Cn';
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    font-size: 57px;
    height: 79px;
    text-shadow: 2px 2px 2px #000;
    line-height: 24.5px;
    top: 155px;
    z-index: 100;
}
.info-slide.regionaldest-slide .info-subheader.reg span {
    position: absolute;
    top: 47%;
    left: 55px;
    transform: translateY(-42.5%);
    margin-left: 0px;
}
.info-slide #subhead-city {
    font-family: Frutiger;
    font-weight: bold;
    font-size: 44px;
    padding-top: 0px;
    transform: translateY(-43.5%) scale(100%,96%);
    transform-origin: right;
    right: 100.5px;
    font-stretch: semi-expanded;
    padding-right: 100px;
}

.bulletin {
    background: transparent url(/images/newbg/weather_bulletin_bg.png) no-repeat;
    height: 1080px;
    width: 1440px;
    background-size: 100% 100%;
}

    .bulletin #subhead-noaa {
        font-size: 28px;
        font-weight: 700;
        right: 87px;
        font-stretch: semi-expanded;
        font-style: italic;
        color: #f6a67a;
        font-family: Frutiger;
        text-shadow: 0px 0px 0px #000;
        line-height: 35px;
        transform: scale(101%,101%) translateY(-32.5%);
        transform-origin: right;
        padding-right: 10%;
    }

#maps {
    width: 100%;
    height: 400px;
}