/* Minification failed. Returning unminified contents.
(6535,1): run-time error CSS1019: Unexpected token, found '@import'
(6535,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Roboto:500')'
(8420,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
.nea-accordion .tab {
    position: relative;
    margin-bottom: 1px;
    width: 100%;
    color: #333;
    overflow: hidden
}

.nea-accordion input {
    position: absolute;
    opacity: 0;
    z-index: -1;
    max-height: 0
}

.nea-accordion label {
    position: relative;
    display: block;
    padding: 15px 30px 15px 15px;
    background: #bed73b;
    font-weight: 700;
    cursor: pointer
}

.nea-accordion .tab-content {
    height: 0;
    overflow: hidden;
    background: #ecf0f1;
    -webkit-transition: max-height .35s;
    -o-transition: max-height .35s;
    transition: max-height .35s
}

    .nea-accordion .tab-content p {
        margin: 1em
    }

.nea-accordion input:checked ~ .tab-content {
    height: auto
}

.nea-accordion label::after {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 3em;
    height: 3em;
    line-height: 3;
    text-align: center;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s
}

.nea-accordion input[type=checkbox] + label::after {
    content: "+"
}

.nea-accordion input[type=radio] + label::after {
    content: "\25BC"
}

.nea-accordion input[type=checkbox]:checked + label::after {
    transform: rotate(315deg)
}

.nea-accordion input[type=radio]:checked + label::after {
    transform: rotateX(180deg)
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption, figure, main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

    a:active, a:hover {
        outline-width: 0
    }

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

input[readonly] {
    background-color: #F4F7FB;
    margin-left: 0px !important;
}
textarea[readonly] {
    background-color: #F4F7FB;
    margin-left: 0px !important;
    padding-top: 10px !important;
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details, menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

@font-face {
    font-family: icomoon;
    src: url(../../fonts/NEASiteAssets/icomoon18be.woff?fwlqor);
    src: url(../../fonts/NEASiteAssets/icomoon18be.woff?fwlqor#iefix) format("embedded-opentype"),url(../../fonts/NEASiteAssets/icomoon18be.woff?fwlqor) format("truetype"),url(../../fonts/NEASiteAssets/icomoon18be.woff?fwlqor) format("woff"),url(../../fonts/NEASiteAssets/icomoon18be.svg?fwlqor#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Roboto;
    font-weight: 400;
    font-style: normal;
    src: local("Roboto"),local("Roboto"),url(../../fonts/NEASiteAssets/Roboto.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-weight: 700;
    font-style: normal;
    src: local("Roboto Bold"),local("Roboto-Bold"),url(../../fonts/NEASiteAssets/Roboto-Bold.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-weight: 200;
    font-style: normal;
    src: local("Roboto Light"),local("Roboto-Light"),url(../../fonts/NEASiteAssets/Roboto-Light.woff) format("woff")
}

.chosen-container-single .chosen-single div, .chosen-container-single.chosen-container-active .chosen-single div, [class*=" icon-"], [class*=" smallicon-"], [class^=icon-], [class^=smallicon-] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-phone:before {
    content: "\e927"
}

.icon-whatsapp:before {
    content: "\e926"
}

.icon-house:before {
    content: "\e925"
}

.icon-wind-direction:before {
    content: "\e91e"
}

.icon-raining:before {
    content: "\e91f"
}

.icon-sunny:before {
    content: "\e920"
}

.icon-moonrise:before {
    content: "\e921"
}

.icon-sunrise:before {
    content: "\e922"
}

.icon-humidity:before {
    content: "\e923"
}

.icon-thermometer:before {
    content: "\e924"
}

.icon-close:before, .smallicon-close:before {
    content: "\e91d"
}

.icon-font-size:before {
    content: "\e91c"
}

.icon-air-quality:before {
    content: "\e900"
}

.icon-alert:before {
    content: "\e901"
}

.icon-android:before, .smallicon-android:before {
    content: "\e902"
}

.icon-announcement:before {
    content: "\e903"
}

.icon-arrow-leaf:before {
    content: "\e904"
}

.icon-cloudy:before {
    content: "\e905"
}

.icon-eservice:before {
    content: "\e906"
}

.icon-hygiene:before {
    content: "\e908"
}

.icon-iphone:before, .smallicon-iphone:before {
    content: "\e90a"
}

.icon-license:before {
    content: "\e90b"
}

.icon-location:before {
    content: "\e90d"
}

.icon-mosquito:before {
    content: "\e90f"
}

.icon-news:before {
    content: "\e910"
}

.icon-notifications:before, .smallicon-notifications:before {
    content: "\e911"
}

.icon-padlock:before {
    content: "\e912"
}

.icon-share:before {
    content: "\e913"
}

.icon-stall:before {
    content: "\e914"
}

.chosen-container-single.chosen-container-active .chosen-single div:before, .icon-arrow-up:before {
    content: "\e918"
}

.icon-arrow-right:before, .slick-next:before {
    content: "\e919"
}

.icon-arrow-left:before, .slick-prev:before {
    content: "\e91a"
}

.chosen-container-single .chosen-single div:before, .icon-arrow-down:before {
    content: "\e91b"
}

.icon-search:before {
    content: "\e917"
}

.icon-facebook:before, .smallicon-facebook:before {
    content: "\e907"
}

.icon-instagram:before, .smallicon-instagram:before {
    content: "\e909"
}

.icon-linkedin:before, .smallicon-linkedin:before {
    content: "\e90c"
}

.icon-mail:before {
    content: "\e90e"
}

.icon-twitter:before, .smallicon-twitter:before {
    content: "\e915"
}

.icon-youtube:before, .smallicon-youtube:before {
    content: "\e916"
}

.icon-printer:before {
    content: "\e954"
}

.icon-rss:before, .smallicon-rss:before {
    content: "\e937"
}

.icon-mic:before {
    content: "\e928"
}

.stats-data__item:hover .png-icon {
    filter: invert(100%);
    transition: filter .25s ease-in;
    -webkit-filter: invert(100%);
    -webkit-transition: filter .25s ease-in
}

.stats-data__item .png-icon {
    transition: filter .25s ease-in;
    -webkit-transition: filter .25s ease-in;
    margin: 5px;
    height: 72px;
    width: auto
}

.row {
    margin: 0 -10px
}

.clearfix, .image-text-block__item, .nav .nav-gov-links, .row, .stats-data--timings .desc .timings, .weather-list .tab-list {
    zoom: 1
}

    .clearfix:after, .clearfix:before, .image-text-block__item:after, .image-text-block__item:before, .nav .nav-gov-links:after, .nav .nav-gov-links:before, .row:after, .row:before, .stats-data--timings .desc .timings:after, .stats-data--timings .desc .timings:before, .weather-list .tab-list:after, .weather-list .tab-list:before {
        content: '';
        display: table
    }

    .clearfix:after, .image-text-block__item:after, .nav .nav-gov-links:after, .row:after, .stats-data--timings .desc .timings:after, .weather-list .tab-list:after {
        clear: both
    }

.list-unstyled {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.vh, .visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

@media (min-width:1024px) {
    .mobile-only, .no-desktop {
        display: none !important
    }
}

@media (min-width:769px) and (max-width:1023px) {
    .mobile-only {
        display: none !important
    }
}

@media (min-width:1024px) {
    .mobile-only {
        display: none !important
    }
}

@media (max-width:768px) {
    .no-mobile {
        display: none !important
    }
}

@media (max-width:767px) {
    .desktop-only {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .desktop-only {
        display: none !important
    }
}

.align-right {
    text-align: right
}



.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: 0
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

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

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    height: 100%
}

    .slick-track:after, .slick-track:before {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

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

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -30px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 10px;
        width: 10px;
        margin: 0 3px;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            border: 0;
            background: 0 0;
            display: block;
            height: 10px;
            width: 10px;
            outline: 0;
            line-height: 0;
            font-size: 0;
            color: transparent;
            padding: 5px;
            cursor: pointer
        }

            .slick-dots li button:focus, .slick-dots li button:hover {
                outline: 0
            }

                .slick-dots li button:focus:before, .slick-dots li button:hover:before {
                    opacity: 1
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "";
                width: 10px;
                height: 10px;
                font-size: 6px;
                line-height: 20px;
                border-radius: 50%;
                border: 1px solid #333;
                text-align: center;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

        .slick-dots li.slick-active button:before {
            opacity: 1;
            background: #333
        }

.slick-arrow {
    position: absolute;
    z-index: 3;
    overflow: hidden;
    cursor: pointer
}

.slick-prev {
    left: 0
}

.slick-next {
    right: 0
}

.slick-next, .slick-prev {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-indent: 999px;
    width: 32px;
    height: 32px;
    border: 2px solid #333;
    background: 0 0;
    color: #333;
    border-radius: 50%;
    opacity: .8;
    -webkit-transition: opacity .25s ease-in;
    transition: opacity .25s ease-in;
    font-size: 1.5em;
    line-height: 1;
    font-weight: 700
}

    .slick-next:hover, .slick-prev:hover {
        opacity: 1
    }

    .slick-next:before, .slick-prev:before {
        text-indent: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        font-family: icomoon
    }

.slick-disabled {
    opacity: .3
}

    .slick-disabled:hover {
        opacity: .3
    }

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .chosen-container * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .chosen-container .chosen-drop {
        position: absolute;
        top: 100%;
        z-index: 1010;
        width: 100%;
        border: 1px solid #efefef;
        border-top: 0;
        background: #fff;
        -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.1);
        box-shadow: 0 4px 5px rgba(0,0,0,.1);
        clip: rect(0,0,0,0)
    }

    .chosen-container.chosen-with-drop .chosen-drop {
        clip: auto
    }

    .chosen-container a {
        cursor: pointer
    }

    .chosen-container .chosen-single .group-name, .chosen-container .search-choice .group-name {
        margin-right: 4px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-weight: 400;
        color: #999
    }

        .chosen-container .chosen-single .group-name:after, .chosen-container .search-choice .group-name:after {
            content: ":";
            padding-left: 2px;
            vertical-align: top
        }

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 10px 20px;
    height: auto;
    border: 1px solid #efefef;
    border-radius: 0;
    background: #fff;
    background-clip: padding-box;
    text-decoration: none;
    white-space: nowrap
}

.chosen-container-single .chosen-default {
    color: #999
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    font-size: 1px
}

    .chosen-container-single .chosen-single abbr:hover {
        background-position: -42px -10px
    }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 10px;
    right: 0;
    display: block;
    width: 25px;
    bottom: 10px;
    padding-top: 2px
}

    .chosen-container-single .chosen-single div:before {
        display: block;
        color: #333
    }

    .chosen-container-single .chosen-single div b {
        display: none
    }

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap
}

    .chosen-container-single .chosen-search input[type=text] {
        margin: 1px 0;
        padding: 4px 20px 4px 5px;
        width: 100%;
        height: auto;
        outline: 0;
        border: 1px solid #aaa;
        font-size: 1em;
        font-family: sans-serif;
        line-height: normal;
        border-radius: 0
    }

.chosen-container-single .chosen-drop {
    margin-top: 0;
    background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    clip: rect(0,0,0,0)
}

.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    max-height: 20em;
    -webkit-overflow-scrolling: touch;
    text-align: left
}

    .chosen-container .chosen-results li {
        display: none;
        margin: 0;
        padding: 10px 20px;
        list-style: none;
        line-height: 1.2;
        word-wrap: break-word;
        -webkit-touch-callout: none
    }

        .chosen-container .chosen-results li.active-result {
            display: list-item;
            cursor: pointer
        }

        .chosen-container .chosen-results li.disabled-result {
            display: list-item;
            color: #ccc;
            cursor: default
        }

        .chosen-container .chosen-results li.highlighted {
            background: #ddd
        }

        .chosen-container .chosen-results li.no-results {
            color: #777;
            display: list-item;
            background: #f4f4f4
        }

        .chosen-container .chosen-results li.group-result {
            display: list-item;
            font-weight: 700;
            cursor: default
        }

        .chosen-container .chosen-results li.group-option {
            padding-left: 15px
        }

        .chosen-container .chosen-results li.result-selected {
            color: #74b74a
        }

        .chosen-container .chosen-results li em {
            font-style: normal;
            text-decoration: underline
        }

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));
    background-image: -webkit-linear-gradient(#eee 1%,#fff 15%);
    background-image: linear-gradient(#eee 1%,#fff 15%);
    cursor: text
}

    .chosen-container-multi .chosen-choices li {
        float: left;
        list-style: none
    }

        .chosen-container-multi .chosen-choices li.search-field {
            margin: 0;
            padding: 0;
            white-space: nowrap
        }

            .chosen-container-multi .chosen-choices li.search-field input[type=text] {
                margin: 1px 0;
                padding: 0;
                height: 25px;
                outline: 0;
                border: 0 !important;
                background: 0 0 !important;
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #999;
                font-size: 100%;
                font-family: sans-serif;
                line-height: normal;
                border-radius: 0;
                width: 25px
            }

        .chosen-container-multi .chosen-choices li.search-choice {
            position: relative;
            margin: 3px 5px 3px 0;
            padding: 3px 20px 3px 5px;
            border: 1px solid #aaa;
            max-width: 100%;
            border-radius: 3px;
            background-color: #eee;
            background-size: 100% 19px;
            background-repeat: repeat-x;
            background-clip: padding-box;
            color: #333;
            line-height: 13px;
            cursor: default;
            background-image: linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%)
        }

            .chosen-container-multi .chosen-choices li.search-choice span {
                word-wrap: break-word
            }

            .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
                position: absolute;
                top: 4px;
                right: 3px;
                display: block;
                width: 12px;
                height: 12px;
                font-size: 1px
            }

                .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
                    background-position: -42px -10px
                }

        .chosen-container-multi .chosen-choices li.search-choice-disabled {
            padding-right: 5px;
            border: 1px solid #ccc;
            background-color: #e4e4e4;
            background-image: -webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));
            background-image: -webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-image: linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            color: #666
        }

        .chosen-container-multi .chosen-choices li.search-choice-focus {
            background: #d4d4d4
        }

            .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
                background-position: -42px -10px
            }

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: 0 0
}

    .chosen-container-active.chosen-with-drop .chosen-single div b {
        background-position: -18px 2px
    }

.chosen-container-active .chosen-choices {
    border: #efefef
}

    .chosen-container-active .chosen-choices li.search-field input[type=text] {
        color: #222 !important
    }

.chosen-disabled {
    opacity: .5 !important;
    cursor: default
}

    .chosen-disabled .chosen-single {
        cursor: default
    }

    .chosen-disabled .chosen-choices .search-choice .search-choice-close {
        cursor: default
    }

.chosen-rtl {
    text-align: right
}

    .chosen-rtl .chosen-single {
        overflow: visible;
        padding: 0 8px 0 0
    }

        .chosen-rtl .chosen-single span {
            margin-right: 0;
            margin-left: 26px;
            direction: rtl
        }

    .chosen-rtl .chosen-single-with-deselect span {
        margin-left: 38px
    }

    .chosen-rtl .chosen-single div {
        right: auto;
        left: 3px
    }

    .chosen-rtl .chosen-single abbr {
        right: auto;
        left: 26px
    }

    .chosen-rtl .chosen-choices li {
        float: right
    }

        .chosen-rtl .chosen-choices li.search-field input[type=text] {
            direction: rtl
        }

        .chosen-rtl .chosen-choices li.search-choice {
            margin: 3px 5px 3px 0;
            padding: 3px 5px 3px 19px
        }

            .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
                right: auto;
                left: 4px
            }

    .chosen-rtl.chosen-container-single .chosen-results {
        margin: 0 0 4px 4px;
        padding: 0 4px 0 0
    }

    .chosen-rtl .chosen-results li.group-option {
        padding-right: 15px;
        padding-left: 0
    }

    .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
        border-right: none
    }

    .chosen-rtl .chosen-search input[type=text] {
        padding: 4px 5px 4px 20px;
        direction: rtl
    }

    .chosen-rtl.chosen-container-single .chosen-single div b {
        background-position: 6px 2px
    }

    .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
        background-position: -12px 2px
    }

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx) {
    .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-rtl .chosen-search input[type=text] {
        background-image: url(/assets/images/design/chosen-sprite%402x.html) !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important
    }
}

.nav {
    /*background: #fff;*/
    position: relative;
    z-index: 2
}

@media (min-width:1024px) {
    .nav {
        /*background: #fff;*/
        padding: 0;
        -webkit-transition: background .25s ease-in;
        transition: background .25s ease-in
    }

    .is-homepage .nav {
        background: 0 0
    }
}

.nav .container--for-nav {
    padding-top: 10px
}

@media (min-width:1024px) {
    .nav .container--for-nav {
        padding: 0
    }
}

.nav ul {
    list-style: none;
    padding: 0
}

.nav li {
    position: relative
}

    .nav li.is-active > .js-child, .nav li.is-current > .js-child {
        color: #080
    }

.nav.is_stuck {
    position: fixed !important;
    top: 0 !important;
    bottom: auto !important;
    width: 100%;
    z-index: 20;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    background: #fff
}

    .nav.is_stuck .nav__logo {
        display: block
    }

.nav .container {
    position: initial;
    z-index: 2
}

.notification-bar .container {
    position: relative
}

@media (min-width:1024px) {
    .nav .container.container--for-nav {
        position: static
    }
}

.nav .container.container--for-btn {
    z-index: 3
}

.nav .js-child {
    position: absolute;
    right: 0;
    top: 0;
    right: 0;
    height: 45px;
    width: 55px;
    padding: 10px 20px;
    border: 0;
    background: 0 0;
    cursor: pointer
}

    .nav .js-child .icon {
        position: absolute;
        left: 20px;
        height: 16px;
        top: 50%;
        -webkit-transform: rotateX(0) translateY(-50%);
        transform: rotateX(0) translateY(-50%);
        -webkit-transform-origin: center 22%;
        transform-origin: center 22%;
        -webkit-transition: -webkit-transform .25s ease-in;
        transition: -webkit-transform .25s ease-in;
        transition: transform .25s ease-in;
        transition: transform .25s ease-in,-webkit-transform .25s ease-in
    }

    .nav .js-child.is-active .icon {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }

    .nav .js-child:focus {
        outline: 0
    }

@media (min-width:1216px) {
    .nav .js-child {
        display: none;
        width: 30px;
        height: 48px;
        border: 0;
        padding: 10px
    }

        .nav .js-child .icon {
            left: 8px
        }
}

/*.nav .nav-container {
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    overflow: auto
}*/

.nav .nav-container {
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    overflow: auto
}

@media (min-width:768px) {
    .nav .nav-container {
        overflow: visible;
        position: static
    }
}

@media (min-width:1216px) {
    .nav .nav-container {
        overflow: visible;
        position: static
    }
}

.nav .nav-wrapper {
    max-width: 960px;
    margin: auto
}

@media (min-width:1024px) {
    .nav .nav-wrapper {
        padding: 0 20px;
        min-height: 100px
    }
}

@media (min-width:1280px) {
    .nav .nav-wrapper {
        max-width: 1180px
    }
}

.header {
    position: relative;
    z-index: 120
}

@media (min-width:1216px) {
    .header {
        position: relative
    }
}

.header .logo {
    display: block;
    margin: auto;
    width: 160px
}

/*@media (min-width:1216px) {
    .header .logo {
        margin: 0;
        display: inline-block;
        width: 220px
    }
}*/

.header .nav__logo {
    margin: 10px auto;
    display: none
}

.header__main {
    padding: 20px 0 10px;
    background: #fff;
    position: relative;
    z-index: 3
}

    .header__main:after {
        content: '';
        display: block;
        clear: both
    }

@media (min-width:1024px) {
    .header__main {
        padding-bottom: 10px
    }
}

#startSpeechRecognition, #startSpeechRecognition2 {
    display: none
}

    #startSpeechRecognition2:not(:root), #startSpeechRecognition:not(:root) {
        display: inline-block
    }

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

.btn-search, .mic-button, .print-button {
    border: 0;
    background: 0 0;
    padding: 0;
    color: #333;
    font-size: 18px;
    cursor: pointer;
    width: 2rem
}

.font-resizer {
    float: right;
    margin-top: 1rem
}

    .font-resizer .js-resizer {
        border: 0;
        background: 0 0;
        padding: 0;
        color: #333;
        font-size: 16px;
        opacity: .5;
        cursor: pointer
    }

        .font-resizer .js-resizer.is-active {
            opacity: 1
        }

        .font-resizer .js-resizer[data-size=big] {
            font-size: 18px
        }

        .font-resizer .js-resizer[data-size=bigger] {
            font-size: 20px
        }

@media (max-width:1023px) {
    .font-resizer {
        display: none
    }
}

.notification .btn-notification.is-active .circle {
    opacity: 0
}

.notification .circle {
    width: 6px;
    height: 6px;
    display: block;
    background: #f58220;
    border-radius: 50%;
    opacity: 1;
    -webkit-transition: opacity .25s ease-in;
    transition: opacity .25s ease-in
}

.notification .circle {
    margin-left: -8px;
    margin-top: -6px
}

.notification-bar {
    background: #f58220;
    color: #fff;
    padding: 10px;
    text-align: center;
    display: none;
    font-size: .9375em;
    width: 100%;
    position: relative;
    top: 0
}

.rain-alert-notification {
    background: #006fa1
}

.notification-bar p {
    margin: 0
}

@media (min-width:1024px) {
    .notification-bar {
        top: 0
    }

        .notification-bar p {
            margin-left: 20px;
            margin-right: 20px
        }
}

.notification-bar .js-close-notification {
    position: absolute;
    right: -5px;
    top: 0;
    font-size: 1.2em;
    border: 0;
    background: 0 0;
    color: #fff
}

@media (min-width:1024px) {
    .notification-bar .js-close-notification {
        right: 10px
    }
}

footer .backtotop {
    border: 0;
    background: #333;
    color: #fff;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    padding: 5px;
    cursor: pointer;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: background .25s ease-in,-webkit-transform .25s ease-in;
    transition: background .25s ease-in,-webkit-transform .25s ease-in;
    transition: background .25s ease-in,transform .25s ease-in;
    transition: background .25s ease-in,transform .25s ease-in,-webkit-transform .25s ease-in;
    z-index: 101
}

@media (min-width:1024px) {
    footer .backtotop.is-hidden {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

footer .backtotop:hover {
    background: #333
}

footer .backtotop span {
    display: inline-block;
    text-transform: uppercase;
    font-size: .75em;
    line-height: 1;
    position: relative;
    top: -8px
}

footer .footer__icons .icon--wrapper {
    list-style-type: none;
    padding: 25px 0;
    margin: 0;
    text-align: center
}

    footer .footer__icons .icon--wrapper li {
        display: inline-block;
        margin: 0 10px
    }

@media (max-width:767px) {
    footer .footer__icons .icon--wrapper li {
        margin: 0 5px
    }
}

footer .footer__icons .icon--wrapper li .icon--item {
    height: 90px;
    display: block
}

@media (min-width:1024px) {
    footer .footer__icons .icon--wrapper li .icon--item {
        height: 60px
    }
}

@media (min-width:1280px) {
    footer .footer__icons .icon--wrapper li .icon--item {
        height: 80px
    }
}

@media (max-width:767px) {
    footer .footer__icons .icon--wrapper li .icon--item {
        height: 45px
    }
}

footer .footer__icons .icon--wrapper li img {
    height: 100%
}

footer .right {
    text-align: right
}

@media (max-width:767px) {
    footer .right {
        text-align: center
    }
}

@media (min-width:768px) and (max-width:1023px) {
    footer .right {
        text-align: center
    }
}

footer .right .copyright {
    font-size: .75em;
    margin: 0;
    vertical-align: top
}

@media (min-width:1024px) {
    footer .right .copyright span {
        margin-right: 10px
    }

        footer .right .copyright span:last-child {
            margin-right: 0
        }
}

@media (max-width:767px) {
    footer .right .copyright {
        font-size: .6875em
    }

        footer .right .copyright span {
            display: block
        }
}

@media (min-width:768px) and (max-width:1023px) {
    footer .right .copyright {
        font-size: .6875em
    }

        footer .right .copyright span {
            display: block
        }
}

.breadcrumb {
    padding: 15px 0;
    background: #fff;
    color: #333
}

@media (max-width:767px) {
    .breadcrumb {
        display: none
    }
}

.breadcrumb ol {
    list-style: none;
    margin: 0;
    padding: 0
}

.breadcrumb__item {
    font-size: .875em;
    list-style: none;
    display: inline-block
}

    .breadcrumb__item:after {
        content: '/';
        display: inline-block
    }

    .breadcrumb__item:last-child:after {
        display: none
    }

    .breadcrumb__item:first-child .breadcrumb__link {
        padding-left: 0
    }

.breadcrumb__link {
    padding: 5px
}

    .breadcrumb__link.is-active {
        font-weight: 700
    }

.home-banner {
    position: relative;
    height: 300px
}

@media (min-width:768px) and (max-width:1023px) {
    .home-banner {
        height: 400px
    }
}

@media (min-width:1024px) {
    .home-banner {
        height: 300px
    }
}

.home-banner > .container {
    height: 100%
}

.home-banner img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center 20%
}

.home-banner .content {
    position: absolute;
    top: 10px;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 3;
    text-align: center;
    color: #333;
    padding: 0 10px
}

@media (min-width:1024px) {
    .home-banner .content {
        left: auto;
        top: 30px;
        right: 20px;
        text-align: right
    }
}

.home-banner .home-banner__title {
    font-size: 2.5em;
    font-weight: 400;
    color: #333;
    margin-bottom: 15px
}

    .home-banner .home-banner__title span {
        display: block
    }

    .home-banner .home-banner__title .subtitle {
        font-size: .675em
    }

@media (max-width:767px) {
    .home-banner .home-banner__title {
        font-size: 1.75em
    }
}

@media (min-width:1024px) {
    .home-banner.microsite-banner .content {
        left: 0;
        text-align: center
    }
}

.home-banner.microsite-banner .btn {
    position: relative
}

    .home-banner.microsite-banner .btn:before {
        content: '';
        width: 80px;
        height: 55px;
        background-image: url(/assets/images/temp/haze-icon.png);
        background-size: cover;
        display: block;
        position: absolute;
        top: -10px;
        left: -60px
    }

.home-banner.microsite-banner .home-banner__title {
    font-size: 2em
}

@media (min-width:1024px) {
    .home-banner.microsite-banner .home-banner__title {
        font-size: 2.5em
    }
}

.header-banner {
    position: relative;
    height: 100px;
    background: #006fa1
}

@media (max-width:767px) {
    .header-banner {
        height: 100px
    }
}

.header-banner .content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    left: 0;
    right: 0;
    z-index: 3;
    text-align: center;
    color: #333
}

.header-banner .header-banner__title {
    font-size: 2.25em;
    font-weight: 400;
    color: #fff;
    margin: 15px 0;
    text-align: center
}

    .header-banner .header-banner__title span {
        display: block
    }

    .header-banner .header-banner__title .subtitle {
        font-size: .625em
    }

@media (max-width:767px) {
    .header-banner .header-banner__title {
        font-size: 1.75em
    }
}

.header-banner .chosen-container-single .chosen-single {
    font-size: 2em;
    color: #fff;
    border: 0;
    border-bottom: 2px dashed #fff;
    padding: 10px;
    background: 0 0
}

    .header-banner .chosen-container-single .chosen-single div:before {
        color: #fff
    }

@media (max-width:767px) {
    .header-banner .chosen-container-single .chosen-single {
        display: none
    }
}

.header-banner select {
    font-size: 1.5625em;
    opacity: 0;
    min-width: 200px
}

@media (max-width:767px) {
    .header-banner select {
        display: none
    }
}

.stats-data {
    padding: 20px 0
}

.home-banner + .stats-data {
    margin-top: -50px;
    padding: 0
}

@media (max-width:767px) {
    .stats-data {
        padding-bottom: 10px;
        padding-top: 20px
    }
}

.stats-data__item {
    background: #bed73b;
    margin-bottom: 20px;
    padding: 20px 20px 60px;
    text-align: right;
    position: relative;
    text-align: center;
    display: block;
    -webkit-transition: background .25s ease-in,color .25s ease-in;
    transition: background .25s ease-in,color .25s ease-in;
    color: #333
}

    .stats-data__item:hover {
        background: #74b74a;
        color: #fff
    }

    .stats-data__item .btn:hover {
        color: #fff
    }

@media (max-width:767px) {
    .stats-data__item {
        padding: 20px 10px 50px;
        min-height: auto
    }
}

@media (min-width:1024px) {
    .stats-data__item {
        padding-top: 15px
    }
}

.stats-data__item .title {
    margin-bottom: 10px
}

    .stats-data__item .title h2 {
        margin: 0;
        font-size: 1.5em;
        line-height: 1.2;
        text-align: center
    }

@media (min-width:1024px) {
    .stats-data__item .title h2 {
        display: inline-block;
        text-align: left;
        vertical-align: top;
        padding-top: .75em;
        width: -webkit-calc(100% - 80px);
        width: calc(100% - 80px);
        font-size: 1.3125em
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .stats-data__item .title h2 {
        font-size: 1.3125em
    }
}

@media (min-width:1280px) {
    .stats-data__item .title h2 {
        font-size: 1.5em;
        width: -webkit-calc(100% - 105px);
        width: calc(100% - 105px)
    }
}

@media (min-width:1024px) {
    .stats-data__item .title .icon {
        height: 72px
    }
}

.stats-data__item .title .weather-text {
    display: block;
    font-weight: 400
}

.stats-data__item .icon {
    display: inline-block;
    width: 72px;
    text-align: center;
    font-size: 72px;
    vertical-align: middle
}

@media (min-width:1280px) {
    .stats-data__item .icon {
        width: 96px
    }
}

.stats-data__item .content {
    display: inline-block;
    max-width: 100%;
    margin-left: 10px;
    vertical-align: middle;
    text-align: left;
    margin: auto
}

@media (min-width:1024px) {
    .stats-data__item .content {
        padding: 0 20px;
        max-width: none
    }
}

.stats-data__item .content .desc {
    margin-bottom: 15px
}

    .stats-data__item .content .desc:after {
        content: '';
        display: table;
        clear: both
    }

.stats-data__item .content .number {
    font-size: 1.875em;
    display: block;
    line-height: 1;
    float: left;
    margin-right: 5px
}

@media (min-width:1280px) {
    .stats-data__item .content .number {
        font-size: 2.25em
    }
}

.stats-data__item .content .number.big {
    font-size: 3em
}

@media (min-width:1280px) {
    .stats-data__item .content .number.big {
        font-size: 3.5em
    }
}

.stats-data__item .content .subtitle {
    display: block;
    margin-top: 10px;
    padding-bottom: 5px
}

    .stats-data__item .content .subtitle:first-child {
        margin-top: 0
    }

@media (min-width:1280px) {
    .stats-data__item .content .subtitle {
        font-size: 1.25em
    }
}

.stats-data__item .content .text {
    font-size: .875em;
    float: left;
    padding-top: 3px
}

.romanize {
    font-family: 'Roboto','Times New Roman'
}

.stats-data__item .content .text .info {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 2px;
    padding-top: 10px
}

.stats-data__item .content .text .icon {
    font-size: 1.125em;
    width: 20px;
    text-align: left;
    font-weight: 700
}

@media (min-width:1280px) {
    .stats-data__item .content .text {
        font-size: 1.125em
    }
}

.stats-data__item .btn {
    margin-top: 20px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    padding-left: 15px;
    -webkit-transition: none;
    transition: none;
    text-align: right
}

.stats-data--weather .content {
    padding-left: 10px
}

    .stats-data--weather .content .number {
        float: none
    }

    .stats-data--weather .content .text {
        max-width: none;
        display: block;
        float: none
    }

@media (max-width:767px) {
    .stats-data--weather .content .text {
        display: inline-block;
        float: left
    }

    .stats-data--weather .content .number.big {
        text-align: center
    }
}

@media (min-width:1024px) {
    .stats-data--weather .content {
        margin-top: 1em
    }
}

.stats-data--dengue .content .text {
    max-width: 100px
}

@media (min-width:768px) and (max-width:1023px) {
    .stats-data--dengue .content .text {
        max-width: none
    }
}

@media (min-width:1280px) {
    .stats-data--dengue .content .text {
        max-width: 150px
    }
}

.stats-data--timings .content {
    max-width: 200px;
    width: 100%;
    padding: 0
}

@media (min-width:1024px) {
    .stats-data--timings .content {
        max-width: 260px
    }
}

.stats-data--timings .desc:last-child {
    margin-bottom: 0
}

.stats-data--timings .desc span {
    display: inline-block
}

.stats-data--timings .desc .text {
    display: inline-block;
    max-width: -webkit-calc(100% - 80px);
    max-width: calc(100% - 80px);
    width: 100%;
    float: none;
    vertical-align: middle;
    margin-left: 5px
}

@media (min-width:1024px) {
    .stats-data--timings .desc .text {
        max-width: -webkit-calc(100% - 110px);
        max-width: calc(100% - 110px)
    }
}

.stats-data--timings .desc .timings {
    display: block;
    margin-bottom: 2px
}

.stats-data--timings .desc .left {
    float: left;
    font-weight: 700
}

.stats-data--timings .desc .right {
    float: right
}

.stats-data--4days {
    padding: 15px 0 0
}

    .stats-data--4days:hover {
        background: #bed73b;
        color: #333
    }

    .stats-data--4days .content {
        width: 80%;
        padding: 0;
        margin-bottom: 10px
    }

@media (min-width:1024px) {
    .stats-data--4days .content {
        max-width: -webkit-calc(100% - 80px);
        max-width: calc(100% - 80px)
    }
}

@media (min-width:1280px) {
    .stats-data--4days .content {
        max-width: -webkit-calc(100% - 110px);
        max-width: calc(100% - 110px)
    }
}

.stats-data--4days__item > .icon {
    width: 50px;
    font-size: 0
}

@media (min-width:1280px) {
    .stats-data--4days__item > .icon {
        font-size: 4.25em;
        width: 100px
    }
}

.stats-data--4days .info .icon {
    font-size: 1.3125em;
    width: 20px;
    text-align: left;
    font-weight: 700
}

.stats-data--4days .info {
    font-size: .8125em;
    display: inline-block
}

@media (min-width:1280px) {
    .stats-data--4days .info {
        font-size: .875em
    }
}

.stats-data--4days .weather {
    margin-bottom: 5px
}

    .stats-data--4days .weather .day, .stats-data--4days .weather .info {
        font-size: .875em
    }

@media (min-width:1280px) {
    .stats-data--4days .weather .day, .stats-data--4days .weather .info {
        font-size: 1em
    }
}

.stats-data--4days .temperature .info {
    margin-right: 5px
}

    .stats-data--4days .temperature .info:last-child {
        margin-right: 0
    }

.stats-data--4days .day {
    font-weight: 700;
    text-transform: uppercase;
    width: 40px;
    display: inline-block
}

.stats-data--4days__item {
    display: block;
    padding: 2px 5px 2px 0;
    border-top: 1px solid #a2b926
}

.whats-new {
    position: relative;
    padding: 40px 0 50px
}

@media (max-width:767px) {
    .whats-new {
        padding: 40px 0 60px
    }
}

.whats-new .btn-view-all {
    float: right;
    margin: 5px 0
}

@media (min-width:1024px) {
    .whats-new .btn-view-all {
        margin-top: -20px
    }
}

.whats-new .whats-new_item {
    position: relative;
    border-top: 2px solid #cecece;
    padding-top: 30px
}

    .whats-new .whats-new_item .whats-new__wrapper {
        margin-top: 15px
    }

    .whats-new .whats-new_item .mobile-btn {
        color: #333
    }

        .whats-new .whats-new_item .mobile-btn span {
            text-transform: uppercase;
            font-weight: 600;
            font-size: .75em;
            margin-right: 10px
        }

        .whats-new .whats-new_item .mobile-btn .icon {
            font-size: 1.875em;
            vertical-align: middle
        }

@media (min-width:1024px) {
    .whats-new .whats-new_item .mobile-btn {
        position: absolute;
        top: 30px;
        right: 0
    }
}

@media (max-width:767px) {
    .whats-new .whats-new_item .mobile-btn {
        display: block;
        color: #333;
        text-align: right
    }
}

.whats-new .whats-new_item .whats-new__title .title {
    color: #333;
    margin: 0;
    text-transform: uppercase;
    font-size: 1.5em
}

.food-hygiene {
    position: relative;
    padding: 50px 0
}

.related-sites {
    position: relative;
    padding: 30px 0 0
}

@media (max-width:767px) {
    .food-hygiene {
        padding: 30px 0
    }
}

.food-hygiene .food-hygiene_item {
    text-align: center
}

    .food-hygiene .food-hygiene_item .food-hygiene__title {
        width: 60%;
        margin: 0 auto 30px
    }

.related-sites .related-sites_item {
    text-align: center
}

    .related-sites .related-sites_item .related-sites__title {
        width: 60%;
        margin: 0 auto 30px
    }

@media (max-width:767px) {
    .food-hygiene .food-hygiene_item .food-hygiene__title {
        width: 100%
    }
}

.food-hygiene .food-hygiene_item .food-hygiene__title .title {
    color: #333;
    margin: 0 0 10px;
    text-transform: uppercase;
    font-size: 1.5em
}

.food-hygiene .food-hygiene_item .food-hygiene__title span {
    font-size: .875em;
    line-height: 1.4
}

.food-hygiene .food-hygiene_item .food-hygiene__wrapper {
    text-align: center
}

    .food-hygiene .food-hygiene_item .food-hygiene__wrapper .food-hygiene__col {
        display: inline-block;
        width: 30%;
        text-align: left;
        margin: 0 5px 15px;
        vertical-align: top
    }

@media (max-width:767px) {
    .food-hygiene .food-hygiene_item .food-hygiene__wrapper .food-hygiene__col {
        display: block;
        width: 100%;
        margin: 0 0 5px
    }
}

.food-hygiene .food-hygiene_item .food-hygiene__wrapper .food-hygiene__col .food-hygiene__container {
    color: #333;
    display: block;
    border: 2px solid #bed73b;
    padding: 10px;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

@media (max-width:767px) {
    .food-hygiene .food-hygiene_item .food-hygiene__wrapper .food-hygiene__col .food-hygiene__container {
        border: 0;
        background-color: #bed73b;
        border: 2px solid #bed73b;
        color: #333;
        min-height: 80px
    }
}

.food-hygiene .food-hygiene_item .food-hygiene__wrapper .food-hygiene__col .food-hygiene__container:hover {
    color: #fff;
    background-color: #74b74a;
    border: 2px solid #74b74a;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

@media (hover:none),(hover:on-demand) {
    .food-hygiene .food-hygiene_item .food-hygiene__wrapper .food-hygiene__col .food-hygiene__container:hover {
        color: #333;
        background-color: #fff;
        border: 2px solid #bed73b
    }
}

.food-hygiene .food-hygiene_item .food-hygiene__wrapper .food-hygiene__col .food-hygiene__container .icon {
    display: inline-block;
    font-size: 70px;
    width: 70px;
    margin-right: 3px;
    vertical-align: top;
    line-height: .8 !important
}

@media (min-width:768px) and (max-width:1023px) {
    .food-hygiene .food-hygiene_item .food-hygiene__wrapper .food-hygiene__col .food-hygiene__container .icon {
        display: block;
        margin: auto;
        text-align: center
    }
}

.food-hygiene__container:hover .png-icon {
    filter: invert(100%);
    transition: filter .25s ease-in;
    -webkit-filter: invert(100%);
    -webkit-transition: filter .25s ease-in
}

.food-hygiene__container .png-icon {
    transition: filter .25s ease-in;
    -webkit-transition: filter .25s ease-in
}

.food-hygiene__container .png-icon {
    height: 65px;
    width: auto;
    display: inline
}

.food-hygiene .food-hygiene_item .food-hygiene__wrapper .food-hygiene__col .food-hygiene__container .content {
    display: inline-block;
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    vertical-align: top
}

@media (min-width:768px) and (max-width:1023px) {
    .food-hygiene .food-hygiene_item .food-hygiene__wrapper .food-hygiene__col .food-hygiene__container .content {
        text-align: center;
        width: 100%
    }
}

.food-hygiene .food-hygiene_item .food-hygiene__wrapper .food-hygiene__col .food-hygiene__container .content h3 {
    font-size: 1em;
    font-weight: 700;
    margin: 0
}

.food-hygiene .food-hygiene_item .food-hygiene__wrapper .food-hygiene__col .food-hygiene__container .content span {
    font-size: .8125em
}

.carousel {
    position: relative;
    overflow: hidden;
    padding: 30px 0 40px;
    color: #333
}

    .carousel > .image-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .carousel .slick-arrow {
        top: 0;
        right: 0;
        left: auto;
        -webkit-transform: none;
        transform: none;
        font-size: 1.125em;
        text-align: center;
        padding: 0
    }

    .carousel .slick-prev {
        right: 35px
    }

.carousel__title {
    position: relative;
    margin-top: 0;
    padding-right: 70px;
    text-transform: uppercase
}

.carousel__listing {
    margin-left: -10px;
    margin-right: -10px
}

.carousel__item {
    background: #bed73b;
    display: inline-block;
    margin-bottom: 15px;
    margin: 0 10px
}

    .carousel__item .title {
        margin: 0 0 10px
    }

    .carousel__item .content {
        padding: 15px 10px;
        text-align: center;
        width: 45%;
        font-size: .875em
    }

@media (min-width:1024px) {
    .carousel__item .content {
        font-size: 1em
    }
}

.carousel__item .image-container {
    width: 53%;
    height: 100%;
    position: relative
}

    .carousel__item .image-container:after {
        content: '';
        display: block;
        padding-top: 100%
    }

    .carousel__item .image-container img {
        position: absolute;
        left: 0;
        top: 0;
        object-fit: fill
    }

.carousel__item .content, .carousel__item .image-container {
    display: inline-block;
    vertical-align: middle
}

.corporate-banner {
    background-color: #59b7dd
}

@media (max-width:767px) {
    .corporate-banner {
        padding: 0 0 30px
    }

        .corporate-banner .corporate-banner__carousel {
            margin: 20px 0
        }
}

@media (min-width:768px) and (max-width:1023px) {
    .corporate-banner {
        padding: 0 0 40px
    }

        .corporate-banner .corporate-banner__carousel {
            margin: 20px 0
        }
}

.corporate-banner .corp {
    padding: 0
}

.corporate-banner .full-width {
    max-width: 100% !important;
    padding: 0
}

@media (min-width:1024px) {
    .corporate-banner .corporate-banner__image:after {
        padding-top: 50%
    }
}

@media (min-width:1280px) {
    .corporate-banner .corporate-banner__image:after {
        padding-top: 33.33%
    }
}

.corporate-banner .corporate-banner__text {
    position: relative;
    padding: 30px;
    max-width: 380px;
    color: #333
}

@media (max-width:767px) {
    .corporate-banner .corporate-banner__text {
        padding: 15px
    }
}

@media (min-width:1024px) {
    .corporate-banner .corporate-banner__text {
        padding-bottom: 100px
    }
}

@media (min-width:1280px) {
    .corporate-banner .corporate-banner__text {
        max-width: 450px
    }
}

.corporate-banner .corporate-banner__text .title {
    margin: 0;
    text-transform: uppercase;
    font-size: 1.5em
}

.corporate-banner .corporate-banner__text p {
    font-size: .875em;
    line-height: 1.4
}

.corporate-banner .corporate-banner__text .btn {
    color: #333;
    display: inline-block;
    position: absolute;
    bottom: 45px
}

@media (max-width:767px) {
    .corporate-banner .corporate-banner__text .btn {
        position: relative;
        bottom: 0
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .corporate-banner .corporate-banner__text .btn {
        position: relative;
        bottom: 0
    }
}

@media (min-width:1024px) {
    .corporate-banner .corporate-banner__carousel.is-big .image-container {
        max-height: none !important
    }

        .corporate-banner .corporate-banner__carousel.is-big .image-container:after {
            padding-top: 100%
        }

    .corporate-banner .corporate-banner__carousel.is-bigger .image-container {
        max-height: none !important
    }

        .corporate-banner .corporate-banner__carousel.is-bigger .image-container:after {
            padding-top: 125%
        }
}

.corporate-banner .corporate-banner__carousel .banner--item {
    position: relative;
    display: inline-block;
    overflow: hidden
}

@media (max-width:767px) {
    .corporate-banner .corporate-banner__carousel .banner--item {
        margin: 0 10px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .corporate-banner .corporate-banner__carousel .banner--item {
        margin: 0 20px
    }
}

@media (min-width:1024px) {
    .corporate-banner .corporate-banner__carousel .banner--item:last-child .banner--item_wrap.info {
        padding-right: 40px
    }

    .corporate-banner .corporate-banner__carousel .banner--item:last-child .btn {
        margin-right: 40px
    }
}

@media (max-width:767px) {
    .corporate-banner .corporate-banner__carousel .banner--item .banner--item_wrap.image-container {
        min-height: 240px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .corporate-banner .corporate-banner__carousel .banner--item .banner--item_wrap.image-container {
        max-height: 240px
    }
}

@media (min-width:1024px) {
    .corporate-banner .corporate-banner__carousel .banner--item .banner--item_wrap.image-container {
        max-height: 240px
    }
}

.corporate-banner .corporate-banner__carousel .banner--item .banner--item_wrap.info {
    line-height: 1.4;
    position: absolute;
    z-index: 1;
    padding: 20px 20px 40px;
    background: rgba(190,215,59,.9);
    color: #333;
    overflow: hidden;
    height: 100%;
    width: 100%;
    bottom: 50px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .25s ease-in;
    transition: -webkit-transform .25s ease-in;
    transition: transform .25s ease-in;
    transition: transform .25s ease-in,-webkit-transform .25s ease-in
}

    .corporate-banner .corporate-banner__carousel .banner--item .banner--item_wrap.info .title {
        line-height: 1.2
    }

    .corporate-banner .corporate-banner__carousel .banner--item .banner--item_wrap.info.is-active {
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

@media (min-width:1024px) {
    .corporate-banner .corporate-banner__carousel .banner--item .banner--item_wrap.info {
        left: 0;
        bottom: 56px
    }

        .corporate-banner .corporate-banner__carousel .banner--item .banner--item_wrap.info.is-active {
            -webkit-transform: translateY(56px);
            transform: translateY(56px)
        }
}

@media (max-width:767px) {
    .corporate-banner .corporate-banner__carousel .banner--item .banner--item_wrap.info {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        bottom: 0
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .corporate-banner .corporate-banner__carousel .banner--item .banner--item_wrap.info {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        bottom: 0
    }
}

.corporate-banner .corporate-banner__carousel .banner--item .banner--item_wrap.info .title {
    margin: 0 0 20px
}

.corporate-banner .corporate-banner__carousel .banner--item .banner--item_wrap.info p {
    font-size: .875em
}

.corporate-banner .corporate-banner__carousel .banner--item .banner--item_wrap.info .btn {
    position: absolute;
    bottom: 20px;
    right: 20px
}

    .corporate-banner .corporate-banner__carousel .banner--item .banner--item_wrap.info .btn:hover {
        color: #5d933b
    }

.air-quality {
    padding: 60px 0 40px
}

@media (max-width:767px) {
    .air-quality {
        padding: 50px 0 20px
    }
}

.air-quality iframe {
    width: 100%;
    height: 2500px
}

.air-quality-section {
    margin-top: 30px
}

    .air-quality-section h2 {
        text-align: center;
        text-transform: uppercase
    }

    .air-quality-section .info-group .top {
        font-size: 1em
    }

@media (min-width:1024px) {
    .air-quality-section .info-group .top {
        font-size: 1.25em
    }
}

.air-quality-section .info-group .bot {
    margin-top: 2px;
    font-weight: 700;
    letter-spacing: 1px
}

.air-quality-section .k-chart .k-tooltip {
    border-radius: 0;
    border-color: #ddd !important;
    font-family: Roboto,sans-serif !important;
    padding: 3px 7px
}

.air-quality-small {
    position: relative;
    padding-top: 0;
    margin-top: -41px
}

.tab__nav {
    margin-left: -20px
}

.tab__nav-item {
    padding: 10px 20px;
    border: 0;
    background: #ddd;
    position: relative;
    z-index: 2;
    height: 40px;
    margin-right: 10px
}

@media (max-width:767px) {
    .tab__nav-item {
        padding: 10px 8px;
        margin-right: 5px
    }
}

.tab__nav-item.is-active {
    background: #fff;
    color: #006fa1
}

.tab__nav-item:focus {
    outline: 0
}

.tab__item .copyright {
    font-size: .75em;
    position: absolute;
    bottom: 0;
    padding: 5px
}

.tab__item .map {
    position: relative;
    margin-bottom: 10px
}

    .tab__item .map img {
        display: block
    }

.tab__item .row {
    margin: 20px 0
}

.tab__item .info-group {
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center
}

    .tab__item .info-group .info {
        background-color: #fff;
        width: 55px;
        text-align: center;
        display: inline-block;
        line-height: 1.2;
        font-size: .75em;
        padding: 5px;
        position: relative;
        margin: 0 5px;
        cursor: pointer;
        text-transform: uppercase
    }

        .tab__item .info-group .info .bot {
            font-size: .75em
        }

@media (min-width:1024px) {
    .tab__item .info-group .info .bot {
        font-size: .875em
    }
}

@media (min-width:1024px) {
    .tab__item .info-group .info {
        width: 70px
    }
}

.tab__item .info-group .info.is-active, .tab__item .info-group .info:hover {
    background: #595959;
    color: #fff;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

    .tab__item .info-group .info.is-active:after, .tab__item .info-group .info:hover:after {
        border-top: 10px solid #595959;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in
    }

.tab__item .info-group .info.good {
    border: 3px solid #479b02
}

    .tab__item .info-group .info.good.is-active, .tab__item .info-group .info.good:hover {
        background: #479b02;
        color: #fff;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in
    }

        .tab__item .info-group .info.good.is-active:after, .tab__item .info-group .info.good:hover:after {
            border-top: 10px solid #479b02;
            -webkit-transition: all .2s ease-in;
            transition: all .2s ease-in
        }

    .tab__item .info-group .info.good:before {
        bottom: -14px;
        border-color: #479b02 transparent transparent transparent;
        border-width: 14px
    }

.tab__item .info-group .info.moderate {
    border: 3px solid #006fa1
}

    .tab__item .info-group .info.moderate.is-active, .tab__item .info-group .info.moderate:hover {
        background: #006fa1;
        color: #fff;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in
    }

        .tab__item .info-group .info.moderate.is-active:after, .tab__item .info-group .info.moderate:hover:after {
            border-top: 10px solid #006fa1;
            -webkit-transition: all .2s ease-in;
            transition: all .2s ease-in
        }

    .tab__item .info-group .info.moderate:before {
        bottom: -14px;
        border-color: #006fa1 transparent transparent transparent;
        border-width: 14px
    }

.tab__item .info-group .info.unhealthy {
    border: 3px solid #ffce03
}

    .tab__item .info-group .info.unhealthy.is-active, .tab__item .info-group .info.unhealthy:hover {
        background: #ffce03;
        color: #fff;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in
    }

        .tab__item .info-group .info.unhealthy.is-active:after, .tab__item .info-group .info.unhealthy:hover:after {
            border-top: 10px solid #ffce03;
            -webkit-transition: all .2s ease-in;
            transition: all .2s ease-in
        }

    .tab__item .info-group .info.unhealthy:before {
        bottom: -14px;
        border-color: #ffce03 transparent transparent transparent;
        border-width: 14px
    }

.tab__item .info-group .info.vryunhealthy {
    border: 3px solid #ffa800
}

    .tab__item .info-group .info.vryunhealthy.is-active, .tab__item .info-group .info.vryunhealthy:hover {
        background: #ffa800;
        color: #fff;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in
    }

        .tab__item .info-group .info.vryunhealthy.is-active:after, .tab__item .info-group .info.vryunhealthy:hover:after {
            border-top: 10px solid #ffa800;
            -webkit-transition: all .2s ease-in;
            transition: all .2s ease-in
        }

    .tab__item .info-group .info.vryunhealthy:before {
        bottom: -14px;
        border-color: #ffa800 transparent transparent transparent;
        border-width: 14px
    }

.tab__item .info-group .info.hazardous {
    border: 3px solid #d60000
}

    .tab__item .info-group .info.hazardous.is-active, .tab__item .info-group .info.hazardous:hover {
        background: #d60000;
        color: #fff;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in
    }

        .tab__item .info-group .info.hazardous.is-active:after, .tab__item .info-group .info.hazardous:hover:after {
            border-top: 10px solid #d60000;
            -webkit-transition: all .2s ease-in;
            transition: all .2s ease-in
        }

    .tab__item .info-group .info.hazardous:before {
        bottom: -14px;
        border-color: #d60000 transparent transparent transparent;
        border-width: 14px
    }

.tab__item .info-group .info:after, .tab__item .info-group .info:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -9px
}

.tab__item .info-group .info.grey-btn {
    background-color: #595959;
    color: #fff
}

    .tab__item .info-group .info.grey-btn:after {
        border-top: 10px solid #595959
    }

.tab__item .air-quality-rte {
    font-size: .875em
}

    .tab__item .air-quality-rte table {
        font-size: 1em
    }

.tab__item table {
    font-size: .875em;
    border: 0;
    border-collapse: collapse;
    width: 100%
}

    .tab__item table td, .tab__item table th {
        padding: 8px
    }

    .tab__item table th {
        border-bottom: 1px solid #333
    }

    .tab__item table td {
        border-bottom: 1px solid #ddd
    }

.latest-update {
    padding: 20px 0
}

    .latest-update .content {
        padding-right: 10px;
        line-height: 1.4
    }

.home-banner + div .latest-update {
    margin-top: 50px
}

.latest-update__title {
    background: #59b7dd;
    color: #fff;
    margin-top: -1px;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px
}

.accordion {
    text-align: center
}

.js-accordion {
    text-transform: uppercase;
    font-weight: 700;
    font-size: .875em;
    padding: 10px;
    display: block
}

    .js-accordion:after {
        content: '\e91b';
        font-family: icomoon;
        margin-left: 5px
    }

    .js-accordion.is-active:after {
        content: '\e918';
        font-family: icomoon;
        margin-left: 5px
    }

.accordion__item {
    display: none;
    text-align: left
}

    .accordion__item p:first-child {
        margin-top: 0
    }

.global-share-widget {
    position: fixed;
    bottom: 50%;
    right: 0;
    z-index: 101;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

@media (max-width:1215px) {
    .global-share-widget {
        bottom: 0;
        left: 0;
        width: 100%
    }
}

@media (min-width:1216px) {
    .global-share-widget {
        z-index: 121
    }
}

.global-share-widget .helpdesk {
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
    box-shadow: 0 0 4px rgba(0,0,0,.2)
}

@media (min-width:1216px) {
    .global-share-widget .helpdesk {
        position: relative;
        margin-bottom: 5px;
        height: 175px;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .global-share-widget .helpdesk .icon__link {
            display: block;
            -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
            box-shadow: 0 0 4px rgba(0,0,0,.2)
        }

        .global-share-widget .helpdesk:before {
            content: '';
            display: block;
            width: 40px;
            height: 52px;
            background: url(../images/NEAMainPage/ask-jamie.png) no-repeat;
            position: relative;
            top: -15px;
            left: 0;
            background-size: cover
        }

        .global-share-widget .helpdesk .icon__link.ask_cheryl_minimized_tab {
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            position: absolute;
            left: 0;
            top: 177px;
            background: #59b7dd;
            width: 140px;
            color: #fff;
            font-size: 14px;
            font-weight: 500;
            padding: 12px;
            -webkit-backface-visibility: hidden;
            -webkit-transition: background .25s ease-in;
            transition: background .25s ease-in
        }

            .global-share-widget .helpdesk .icon__link.ask_cheryl_minimized_tab:hover {
                background: #f58220
            }
}

@media (max-width:767px) {
    .global-share-widget .helpdesk {
        position: absolute;
        width: 145px;
        right: 40px;
        bottom: 0;
        background: #59b7dd;
        text-align: center;
        font-size: 13px;
        color: #fff;
        font-weight: 600;
        border-radius: 20px 0 0
    }

        .global-share-widget .helpdesk .icon__link.ask_cheryl_minimized_tab {
            position: relative;
            background-image: none;
            right: auto;
            width: auto;
            top: auto;
            bottom: 0;
            background: #59b7dd;
            height: 45px;
            line-height: 40px
        }
}

@media (min-width:768px) and (max-width:1215px) {
    .global-share-widget .helpdesk {
        position: absolute;
        width: 50%;
        right: 0;
        bottom: 0;
        background: #59b7dd;
        text-align: center;
        font-size: 13px;
        color: #fff;
        font-weight: 600;
        border-radius: 20px 0 0
    }

        .global-share-widget .helpdesk .icon__link.ask_cheryl_minimized_tab {
            position: relative;
            background-image: none;
            right: auto;
            width: auto;
            top: auto;
            bottom: 0;
            background: #59b7dd;
            height: 45px;
            line-height: 40px
        }
}

@media (min-width:1216px) {
    .global-share-widget .sharer {
        position: relative;
        top: 0
    }

        .global-share-widget .sharer .icon__link {
            position: relative;
            display: block;
            -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
            box-shadow: 0 0 4px rgba(0,0,0,.2);
            background: #59b7dd
        }

            .global-share-widget .sharer .icon__link:hover .icon {
                background: #f58220
            }

            .global-share-widget .sharer .icon__link:hover .mobile-title {
                background: #f58220;
                -webkit-transform: translateX(0);
                transform: translateX(0)
            }

        .global-share-widget .sharer .mobile-title {
            color: #fff;
            font-size: .875em;
            position: absolute;
            z-index: 1;
            bottom: 0;
            right: 36px;
            background: #59b7dd;
            height: 100%;
            padding: 12px;
            width: 100px;
            text-align: right;
            -webkit-transform: translateX(150%);
            transform: translateX(150%);
            -webkit-transition: background .25s ease-in,-webkit-transform .25s ease-in;
            transition: background .25s ease-in,-webkit-transform .25s ease-in;
            transition: transform .25s ease-in,background .25s ease-in;
            transition: transform .25s ease-in,background .25s ease-in,-webkit-transform .25s ease-in
        }

            .global-share-widget .sharer .mobile-title.sharer-label {
                display: none
            }

        .global-share-widget .sharer .sharer-label {
            text-align: right;
            position: relative;
            z-index: 2;
            margin: 0 0 3px;
            -webkit-box-shadow: none;
            box-shadow: none
        }

            .global-share-widget .sharer .sharer-label .icon__link.share {
                cursor: pointer;
                -webkit-transition: all .2s ease-in;
                transition: all .2s ease-in
            }

                .global-share-widget .sharer .sharer-label .icon__link.share.orange-link .icon {
                    background: #f58220;
                    -webkit-transition: all .2s ease-in;
                    transition: all .2s ease-in
                }

            .global-share-widget .sharer .sharer-label .icon {
                background: #f58220;
                padding: 10px;
                color: #fff;
                display: block;
                font-size: 1.25em;
                position: relative;
                z-index: 2;
                -webkit-transition: background .25s ease-in;
                transition: background .25s ease-in
            }

        .global-share-widget .sharer .share-label__platforms {
            position: absolute;
            display: inline-block;
            overflow: hidden;
            width: 0;
            margin-right: 0;
            right: 15px;
            top: 0;
            z-index: 1
        }

            .global-share-widget .sharer .share-label__platforms .sharer-platforms {
                list-style-type: none;
                width: 180px;
                left: 0;
                top: 0;
                right: 0;
                color: #fff;
                margin: 0;
                padding: 0
            }

                .global-share-widget .sharer .share-label__platforms .sharer-platforms li {
                    float: left;
                    color: #fff
                }

                    .global-share-widget .sharer .share-label__platforms .sharer-platforms li .icon {
                        background: #176b8c
                    }
}

@media (max-width:1215px) {
    .global-share-widget .sharer {
        position: absolute;
        left: 0;
        bottom: 0;
        width: -webkit-calc(100% - 185px);
        width: calc(100% - 185px);
        border-left: 0;
        border-bottom: 0;
        cursor: pointer
    }

        .global-share-widget .sharer .sharer-label.mobile-title {
            line-height: 40px;
            border-radius: 0 20px 0 0;
            background: #f58220;
            text-align: center;
            font-size: 14px;
            color: #fff;
            font-weight: 600
        }

        .global-share-widget .sharer .sharer-container {
            background-color: #f58220;
            color: #fff;
            height: 0;
            overflow: hidden
        }

            .global-share-widget .sharer .sharer-container.mobile-padding {
                padding: 20px
            }

            .global-share-widget .sharer .sharer-container .sharer-label .icon__link {
                margin: 0 0 10px;
                display: block;
                font-size: 20px
            }

                .global-share-widget .sharer .sharer-container .sharer-label .icon__link .icon {
                    margin: 0 10px 0 0;
                    width: 20px
                }

                .global-share-widget .sharer .sharer-container .sharer-label .icon__link .mobile-title {
                    font-size: 14px;
                    font-weight: 600;
                    line-height: 1.4
                }

                .global-share-widget .sharer .sharer-container .sharer-label .icon__link .icon, .global-share-widget .sharer .sharer-container .sharer-label .icon__link .mobile-title {
                    vertical-align: top;
                    display: inline-block
                }

            .global-share-widget .sharer .sharer-container .sharer-label .icon.icon-share {
                float: left;
                margin: 5px 10px 0 0
            }

            .global-share-widget .sharer .sharer-container .sharer-label .sharer-platforms {
                margin: 0;
                padding: 0;
                list-style-type: none;
                display: inline-block;
                width: -webkit-calc(100% - 30px);
                width: calc(100% - 30px)
            }

                .global-share-widget .sharer .sharer-container .sharer-label .sharer-platforms li {
                    display: inline-block;
                    margin: 5px 5px 0 0
                }

                    .global-share-widget .sharer .sharer-container .sharer-label .sharer-platforms li .icon {
                        margin: 0
                    }
}

@media (min-width:768px) and (max-width:1215px) {
    .global-share-widget .sharer {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 50%;
        border-left: 0;
        border-bottom: 0;
        cursor: pointer
    }

        .global-share-widget .sharer .sharer-label.mobile-title {
            line-height: 40px;
            border-radius: 0 20px 0 0;
            background: #f58220;
            text-align: center;
            font-size: 14px;
            color: #fff;
            font-weight: 600
        }

        .global-share-widget .sharer .sharer-container {
            background-color: #f58220;
            color: #fff;
            height: 0;
            overflow: hidden
        }

            .global-share-widget .sharer .sharer-container.mobile-padding {
                padding: 20px
            }

            .global-share-widget .sharer .sharer-container .sharer-label .icon__link {
                margin: 0 0 10px;
                display: block;
                font-size: 20px
            }

                .global-share-widget .sharer .sharer-container .sharer-label .icon__link .icon {
                    margin: 0 15px 0 0;
                    width: 20px
                }

                .global-share-widget .sharer .sharer-container .sharer-label .icon__link .mobile-title {
                    font-size: 14px;
                    font-weight: 600;
                    width: -webkit-calc(100% - 40px);
                    width: calc(100% - 40px);
                    line-height: 1.4
                }

                .global-share-widget .sharer .sharer-container .sharer-label .icon__link .icon, .global-share-widget .sharer .sharer-container .sharer-label .icon__link .mobile-title {
                    display: inline-block;
                    vertical-align: top
                }

            .global-share-widget .sharer .sharer-container .sharer-label .icon.icon-share {
                float: left;
                margin: 5px 15px 0 0
            }

            .global-share-widget .sharer .sharer-container .sharer-label .sharer-platforms {
                margin: 0;
                padding: 0;
                list-style-type: none;
                display: inline-block;
                width: -webkit-calc(100% - 40px);
                width: calc(100% - 40px)
            }

                .global-share-widget .sharer .sharer-container .sharer-label .sharer-platforms li {
                    display: inline-block;
                    margin: 5px 5px 0 0
                }

                    .global-share-widget .sharer .sharer-container .sharer-label .sharer-platforms li .icon {
                        margin: 0
                    }
}

.js-open-chart {
    display: none !important;
    position: relative;
    padding-right: 30px !important;
    background: 0 0;
    margin: 10px auto;
    min-width: 150px;
    cursor: pointer
}

@media (max-width:767px) {
    .js-open-chart {
        display: block !important
    }
}

.js-open-chart .icon {
    position: absolute;
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
    right: 10px;
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease,-webkit-transform .25s ease
}

.js-open-chart.is-active .icon {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg)
}

.chartHandler {
    display: none
}

    .chartHandler[data-box=one] {
        display: block
    }

.k-chart .k-tooltip {
    border: 3px solid #333 !important;
    font-weight: 700 !important;
    margin-left: -28px;
    margin-top: -28px
}

.panel-left {
    width: 100%
}

.panel-left-top {
    height: 197px
}

.panel-stats {
    float: left;
    padding-top: 50px;
    text-align: center
}

@media (max-width:767px) {
    .panel-stats {
        padding-top: 20px
    }
}

.panel-stats .status {
    display: block;
    font-weight: 700;
    font-size: 1.5em
}

.panel-stats .unit {
    display: block;
    font-weight: 700;
    font-size: .875em
}

@media (min-width:1024px) {
    .panel-stats .unit {
        font-size: 1em
    }
}

.panel-map {
    float: left;
    margin-top: 6px
}

    .panel-map img {
        width: 237px
    }

.panel-stats-value-holder {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #fff;
    border: 5px solid #fff;
    border-radius: 50%;
    height: 80px;
    position: relative;
    width: 80px;
    display: inline-block;
    vertical-align: middle
}

@media (min-width:1024px) {
    .panel-stats-value-holder {
        height: 100px;
        width: 100px
    }
}

.panel-stats-value-parent {
    display: table;
    height: 70px;
    width: 70px
}

@media (min-width:1024px) {
    .panel-stats-value-parent {
        height: 90px;
        width: 90px
    }
}

.panel-stats-value-content {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

    .panel-stats-value-content .value {
        color: #006fa1;
        font-weight: 700;
        font-size: 2.25em;
        line-height: 40px
    }

@media (min-width:1024px) {
    .panel-stats-value-content .value {
        font-size: 2.625em
    }
}

.panel-stats-time {
    display: inline-block;
    width: -webkit-calc(100% - 85px);
    width: calc(100% - 85px);
    vertical-align: middle;
    text-align: left;
    padding-left: 10px;
    color: #333
}

@media (min-width:1024px) {
    .panel-stats-time {
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px)
    }
}

.panel-stats-time span {
    display: inline-block;
    line-height: 1.3
}

.panel-stats-time .panel-stats-timing, .panel-stats-time .panel-stats-title {
    display: block;
    font-size: .75em;
    line-height: 1.4
}

.panel-right {
    clear: both;
    display: block;
    max-width: 880px;
    margin: 30px auto;
    position: relative
}

@media (max-width:767px) {
    .panel-right:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 20px;
        background: -webkit-gradient(linear,right top,left top,from(white),to(rgba(255,255,255,0)));
        background: -webkit-linear-gradient(right,#fff,rgba(255,255,255,0));
        background: linear-gradient(to left,#fff,rgba(255,255,255,0))
    }
}

.panel-right-group-title {
    color: #006fa1;
    font-weight: 700
}

.panel-left-bottom {
    margin-top: 15px;
    display: none;
    visibility: hidden
}

.chart-wrapper {
    margin-bottom: 40px;
    text-align: left;
    overflow: visible;
    display: inline-block;
    vertical-align: top;
    width: 300px;
    max-width: 100%
}

@media (max-width:767px) {
    .chart-wrapper {
        overflow-x: auto
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .chart-wrapper {
        width: 330px
    }
}

@media (min-width:1024px) {
    .chart-wrapper {
        width: 400px
    }
}

.chart-wrapper .footnote {
    padding-left: 10px;
    font-size: .6875em;
    font-style: italic;
    margin-top: 10px;
    width: 90%
}

@media (min-width:768px) and (max-width:1023px) {
    .chart-wrapper:nth-of-type(even) {
        margin-left: 20px
    }
}

@media (min-width:1024px) {
    .chart-wrapper:nth-of-type(even) {
        margin-left: 50px
    }
}

.chart-label {
    margin: 10px;
    font-weight: 700;
    color: #333
}

.chart-small {
    display: block;
    height: 120px
}

.chart-big {
    display: block;
    height: 120px;
    width: 450px
}

.chart-big-title {
    color: #5f5f5f;
    font-size: 16px;
    font-weight: 700
}

.chart-big-unit {
    color: #7e7e7e;
    margin-bottom: -4px
}

.clear {
    clear: both
}

hr {
    background: #d9d9d9;
    border: 0;
    color: #d9d9d9;
    font-size: 0;
    height: 1px
}

a, img {
    outline: 0
}

map > area, map > area:active, map > area:focus {
    border: 0;
    outline: 0
}

area:active, area:focus, area:visited {
    -moz-outline-style: none !important;
    border: none !important;
    outline: 0 !important;
    outline-style: none !important
}

.legend {
    color: #4a4a4a
}

.legend-bottom {
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    margin-top: 14px;
    padding: 13px 17px 10px 17px
}

.subscript {
    vertical-align: sub
}

.superscript {
    vertical-align: super
}

#image-map {
    border: none !important;
    height: 132px;
    width: 237px
}

.img-transparent {
    height: 132px;
    position: absolute;
    width: 237px;
    z-index: 10
}

area, area:active, area:hover {
    border: none !important
}

.nostyle {
    border: none;
    margin: 0;
    padding: 0
}

    .nostyle td {
        border: none;
        padding: 0
    }

sub {
    font-size: 8px
}

table.personal-guide {
    font-size: 1em;
    border: 0;
    border-collapse: collapse
}

    table.personal-guide td, table.personal-guide th {
        padding: 8px
    }

    table.personal-guide th {
        border-bottom: 1px solid #333
    }

    table.personal-guide td {
        border-bottom: 1px solid #ddd
    }

.clearfix:after, .image-text-block__item:after, .nav .nav-gov-links:after, .stats-data--timings .desc .timings:after, .weather-list .tab-list:after {
    content: '';
    display: table;
    clear: both
}

#airQualityInfo:after {
    content: '';
    display: table;
    clear: both
}

#airQualityInfo table {
    font-size: .8125em
}

.panel-legends {
    margin-bottom: 20px
}

    .panel-legends table {
        max-width: 100%
    }

@media (max-width:767px) {
    .panel-legends {
        margin-top: 20px
    }
}

@media screen and (max-width:400px) {
    .footnote {
        font-size: .625em
    }
}

.panel-stats-value-content {
    position: relative
}

.image-text-card {
    padding: 15px 0;
    text-align: left
}

.title + .image-text-card {
    padding-top: 0
}

.intro-block + .image-text-card {
    padding-top: 0
}

.content-block .image-text-card {
    padding-bottom: 0
}

.image-text-card__item {
    display: block;
    background: #fff;
    margin-bottom: 20px;
    -webkit-transition: all .25s ease-in;
    transition: all .25s ease-in;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

    .image-text-card__item:focus, .image-text-card__item:hover {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

        .image-text-card__item:focus .title, .image-text-card__item:hover .title {
            color: #74b74a
        }

@media (hover:none),(hover:on-demand) {
    .image-text-card__item:focus, .image-text-card__item:hover {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

        .image-text-card__item:focus .title, .image-text-card__item:hover .title {
            color: inherit
        }
}

.image-text-card__item .title {
    margin: 0 0 10px;
    font-size: 1.125em;
    line-height: 1.2;
    color: #333;
    -webkit-transition: color .25s ease-in;
    transition: color .25s ease-in;
    text-transform: capitalize;
    text-align: left
}

.image-text-card__item .content {
    padding: 20px
}

.image-text-card__item .text {
    line-height: 1.4;
    font-size: .875em
}

.image-text-card__item .image-container:after {
    content: '';
    display: block;
    padding-top: 75%
}

.intro-block + .image-text-block {
    padding-top: 0
}

.image-text-block__item {
    background: #fff;
    margin: 0 0 10px
}

    .image-text-block__item .content {
        padding: 30px;
        line-height: 1.4
    }

@media (max-width:767px) {
    .image-text-block__item .content {
        padding: 20px
    }
}

.image-text-block__item .title {
    margin-top: 0;
    line-height: 1.2;
    font-size: 1.3125em
}

.image-text-block__item .content, .image-text-block__item .image-container {
    width: 50%;
    float: left
}

@media (max-width:767px) {
    .image-text-block__item .content, .image-text-block__item .image-container {
        width: 100%;
        float: none
    }
}

.image-text-block__item .image-container:after {
    padding-top: 54%
}

.image-text-block__item.reverse .content, .image-text-block__item.reverse .image-container {
    float: right
}

@media (max-width:767px) {
    .image-text-block__item.reverse .content, .image-text-block__item.reverse .image-container {
        float: none
    }
}

.side-nav {
    margin: 20px 0
}

@media (max-width:767px) {
    .side-nav {
        padding: 0 20px;
        padding-bottom: 20px;
        margin: 20px -20px 0;
        border-bottom: 1px solid #ddd
    }
}

@media (min-width:1024px) {
    .side-nav {
        padding-right: 10px
    }
}

.side-nav .side-nav__link {
    padding: 15px 8px;
    border-left: 6px solid #fff;
    font-size: .875em;
    color: #333
}

    .side-nav .side-nav__link:focus, .side-nav .side-nav__link:hover {
        color: #74b74a
    }

.side-nav .is-active > .side-nav__link {
    border-color: #74b74a;
    color: #74b74a;
    font-weight: 700
}

.side-nav select {
    -webkit-appearance: none;
    padding: 10px 30px 10px 20px;
    border: 1px solid #efefef;
    max-width: 100%;
    font-family: Roboto,sans-serif;
    color: #333;
    border-radius: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #fff;
    background-size: 14px 30px;
    position: relative
}

    .side-nav select option[selected] {
        color: #74b74a
    }

.side-nav label {
    display: block;
    margin-bottom: 5px;
    color: #74b74a;
    font-weight: 700
}

.side-nav .chosen-single, .side-nav select {
    width: 100%
}

.side-nav select {
    font-size: .875em
}

.side-nav .chosen-container-single {
    width: 100% !important;
    font-size: .875em
}

.side-nav .filter-group {
    padding-top: 20px
}

@media (max-width:767px) {
    .side-nav .filter-group {
        display: none
    }
}

.side-nav .filter-subgroup {
    margin-bottom: 20px
}

.side-nav .filter {
    background: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
    box-shadow: 0 0 4px rgba(0,0,0,.1);
    padding: 20px;
    position: relative
}

    .side-nav .filter .btn {
        width: 100%;
        color: #333
    }

    .side-nav .filter .toggle-filter {
        width: 100%;
        border: 0;
        display: block;
        background: #efefef;
        -webkit-appearance: none;
        padding: 10px
    }

        .side-nav .filter .toggle-filter .menu {
            position: absolute;
            width: 36px;
            height: 36px;
            right: 20px;
            top: 20px
        }

        .side-nav .filter .toggle-filter .line {
            width: 14px;
            height: 2px;
            display: block;
            background: #333;
            top: 50%;
            position: absolute;
            left: 5px;
            -webkit-transform: rotateZ(0);
            transform: rotateZ(0);
            -webkit-transition: -webkit-transform .25s ease-in;
            transition: -webkit-transform .25s ease-in;
            transition: transform .25s ease-in;
            transition: transform .25s ease-in,-webkit-transform .25s ease-in
        }

            .side-nav .filter .toggle-filter .line:nth-child(2) {
                -webkit-transform: rotateZ(90deg);
                transform: rotateZ(90deg)
            }

        .side-nav .filter .toggle-filter.is-active .line:nth-child(1) {
            -webkit-transform: rotateZ(180deg);
            transform: rotateZ(180deg)
        }

        .side-nav .filter .toggle-filter.is-active .line:nth-child(2) {
            -webkit-transform: rotateZ(180deg);
            transform: rotateZ(180deg)
        }

.side-nav__list {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
    box-shadow: 0 0 4px rgba(0,0,0,.1)
}

    .side-nav__list a, .side-nav__list li {
        display: block
    }

    .side-nav__list li {
        border-bottom: 1px solid #efefef;
        position: relative
    }

        .side-nav__list li:last-child {
            border: none
        }

        .side-nav__list li li {
            border: 0
        }

            .side-nav__list li li .side-nav__link {
                border-left: 0
            }

            .side-nav__list li li:last-child {
                margin-bottom: 10px
            }

    .side-nav__list ul {
        display: none;
        padding-left: 15px
    }

    .side-nav__list .is-active > ul {
        display: block
    }

    .side-nav__list .js-child-sidenav {
        position: absolute;
        right: 0;
        top: 0;
        height: 40px;
        width: 30px;
        background: #fff;
        border: 0;
        cursor: pointer;
        outline: 0
    }

        .side-nav__list .js-child-sidenav .icon {
            position: absolute;
            left: 5px;
            height: 16px;
            top: 50%;
            -webkit-transform: rotateX(0) translateY(-50%);
            transform: rotateX(0) translateY(-50%);
            -webkit-transform-origin: center 22%;
            transform-origin: center 22%;
            -webkit-transition: -webkit-transform .25s ease-in;
            transition: -webkit-transform .25s ease-in;
            transition: transform .25s ease-in;
            transition: transform .25s ease-in,-webkit-transform .25s ease-in
        }

        .side-nav__list .js-child-sidenav.is-open .icon {
            -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg)
        }

    .side-nav__list .is-active > .js-child-sidenav .icon {
        color: #74b74a
    }

.rte {
    padding: 15px 0;
    line-height: 1.4
}

@media (max-width:767px) {
    .rte {
        padding: 20px 0 30px
    }
}

.rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 {
    line-height: 1.2;
    font-weight: 400;
    margin: 1.6em 0 .75em
}

    .rte h1:first-child, .rte h2:first-child, .rte h3:first-child, .rte h4:first-child, .rte h5:first-child, .rte h6:first-child {
        margin-top: 0
    }

@media (max-width:767px) {
    .rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 {
        font-size: 1.25em
    }
}

.rte h1 {
    font-size: 1.75em
}

@media (max-width:767px) {
    .rte h1 {
        font-size: 1.5em
    }
}

.rte a:not([class^=btn]) {
    color: #1e7394
}

    .rte a:not([class^=btn]):focus, .rte a:not([class^=btn]):hover {
        text-decoration: underline
    }

.rte [class^=btn-] {
    margin-top: 10px
}

.text-card__container {
    display: block;
    position: relative;
    padding: 20px 20px 30px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    background: #fff;
    border: 1px solid #bed73b;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 20px;
    text-align: right
}

@media (min-width:1024px) {
    .text-card__container {
        border: 2px solid #fff;
        -webkit-box-shadow: -1px 1px 15px #e5e5e5;
        box-shadow: -1px 1px 15px #e5e5e5;
        text-align: left
    }

        .text-card__container:focus, .text-card__container:hover {
            border: 2px solid #74b74a;
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-transform: translateY(10px);
            transform: translateY(10px)
        }

            .text-card__container:focus .btn, .text-card__container:hover .btn {
                color: #080
            }
}

.text-card__container .content {
    margin-bottom: 20px;
    font-size: .875em;
    line-height: 1.4;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left
}

    .text-card__container .content .title {
        font-size: 1.2em;
        line-height: 1.2;
        margin: 0 0 5px;
        text-align: left
    }

    .text-card__container .content p {
        margin-top: 0
    }

.text-card__container .icon-title {
    text-align: left
}

.text-card__container .image {
    width: 72px;
    margin-left: 0;
    margin-right: 10px;
    margin-top: -5px
}

@media (min-width:1024px) {
    .text-card__container .image {
        width: 60px
    }
}

.text-card__container .title {
    text-align: center
}

.text-card__container .title__text {
    max-width: -webkit-calc(100% - 100px);
    max-width: calc(100% - 100px);
    text-align: left;
    margin-right: 10px
}

@media (min-width:1024px) {
    .text-card__container .title__text {
        max-width: -webkit-calc(100% - 80px);
        max-width: calc(100% - 80px)
    }
}

.text-card__container .title__text .category {
    margin: 0 0 5px;
    font-size: 1em
}

    .text-card__container .title__text .category:after {
        content: '';
        position: relative;
        width: 30%;
        display: block;
        margin-bottom: 5px;
        padding-bottom: 5px;
        border-bottom: 2px solid #bed73b
    }

.text-card__container .title__text .date {
    font-size: .875em
}

.text-card__container .image, .text-card__container .title__text {
    display: inline-block;
    vertical-align: top
}

@media (min-width:1024px) {
    .text-card__container .btn {
        position: absolute;
        bottom: 20px;
        right: 20px
    }
}

.pagination {
    padding: 0 0 20px
}

    .pagination ul {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center
    }

    .pagination li {
        font-size: .875em;
        vertical-align: top
    }

    .pagination a, .pagination li {
        display: inline-block
    }

    .pagination a {
        padding: 6px 10px;
        height: 28px
    }

        .pagination a:focus, .pagination a:hover {
            color: #74b74a
        }

            .pagination a:focus .next, .pagination a:hover .next {
                border-left: 6px solid #74b74a
            }

            .pagination a:focus .prev, .pagination a:hover .prev {
                border-right: 6px solid #74b74a
            }

    .pagination .is-disabled {
        display: none
    }

    .pagination .is-active a {
        background: #74b74a;
        color: #fff
    }

    .pagination .next {
        display: block;
        height: 0;
        width: 0;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 6px solid #333;
        margin-top: 4px
    }

    .pagination .prev {
        display: block;
        height: 0;
        width: 0;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-right: 6px solid #333;
        margin-top: 4px
    }
/*
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5)
}*/

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

body {
    color: #333;
    line-height: 1.2;
    font-family: Roboto,sans-serif
}

    body.is-fixed {
        position: fixed;
        width: 100%
    }

@media (min-width:1024px) {
    body.is-fixed {
        position: static
    }
}

a {
    text-decoration: none;
    color: inherit
}

.section--white {
    background: #fff;
    padding: 1px 20px 35px
}

@media (max-width:767px) {
    .section--white {
        padding-bottom: 20px
    }
}

.browsehappy {
    text-align: center;
    margin: 0;
    background: #fff8e2;
    color: #000;
    padding: .5em 0
}

.container {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    /*padding-left: 45px;*/
    /*padding-left: 10px;
    padding-right: 10px*/
    padding-left: 15px;
    padding-right: 15px
}

    /*.container .container {
        padding-left: 0;
        padding-right: 0
    }*/

@media (min-width:1280px) {
    .container {
        max-width: 1180px
    }
}

@media (max-width:767px) {
    .container--spt {
        padding-top: 10px
    }
}

.container--spb {
    padding-bottom: 20px
}

.background {
    background-size: cover;
    background-position: center center
}

.main {
    background: #fafdfb;
    /*text-align: center;*/
}

.is-homepage + .main {
    background: #fff
}

.main.is-big {
    font-size: 1.3em
}

.main.is-bigger {
    font-size: 1.6em
}

img {
    max-width: 100%
}

.image-container {
    position: relative;
    background-size: cover;
    background-position: center center;
    overflow: hidden
}

    .image-container:after {
        content: '';
        display: block;
        padding-top: 75%
    }

.corporate-banner__image.image-container:after {
    padding-top: 0
}

.image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.corporate-banner__image.image-container img {
    object-fit: contain;
    position: relative
}

.image-container.compat-object-fit img {
    opacity: 0
}

.clearfix:after, .clearfix:before, .image-text-block__item:after, .image-text-block__item:before, .nav .nav-gov-links:after, .nav .nav-gov-links:before, .row:after, .row:before, .stats-data--timings .desc .timings:after, .stats-data--timings .desc .timings:before, .weather-list .tab-list:after, .weather-list .tab-list:before {
    content: '';
    display: table;
    clear: both
}

.btn--border, .btn--border-blue, .btn--border-green, .btn--solid-blue, .btn--solid-green {
    padding: 10px 20px;
    display: inline-block;
    font-weight: 700;
    position: relative;
    font-size: .875em;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 0;
    font-family: Roboto,sans-serif;
    -webkit-transition: background .25s ease-in,color .25s ease-in,border .25s ease-in;
    transition: background .25s ease-in,color .25s ease-in,border .25s ease-in
}

.btn-group {
    margin: 10px 0
}

    .btn-group a {
        margin: 5px 10px
    }

.btn--border {
    color: #333;
    border: 1px solid #333
}

    .btn--border:hover {
        background: #333;
        color: #fff
    }

.btn--border-green {
    color: #74b74a;
    border: 1px solid #74b74a
}

    .btn--border-green .icon {
        margin-right: 10px
    }

    .btn--border-green.btn--arrow:before {
        border-left: 1px solid #74b74a
    }

    .btn--border-green.btn--arrow:hover:before {
        border-left: 1px solid #fff
    }

@media (hover:none),(hover:on-demand) {
    .btn--border-green.btn--arrow:hover:before {
        border-left: 1px solid #74b74a
    }
}

.btn--border-green:hover {
    background: #74b74a;
    color: #fff;
    border-color: #74b74a
}

@media (hover:none),(hover:on-demand) {
    .btn--border-green:hover {
        background: 0 0;
        color: #74b74a;
        border: 1px solid #74b74a
    }
}

.btn--border-blue {
    color: #59b7dd;
    border: 1px solid #59b7dd
}

    .btn--border-blue .icon {
        margin-right: 10px
    }

    .btn--border-blue.btn--arrow:before {
        border-left: 1px solid #59b7dd
    }

    .btn--border-blue.btn--arrow:hover:before {
        border-left: 1px solid #fff
    }

@media (hover:none),(hover:on-demand) {
    .btn--border-blue.btn--arrow:hover:before {
        border-left: 1px solid #59b7dd
    }
}

.btn--border-blue:hover {
    background: #59b7dd;
    color: #fff;
    border-color: #59b7dd
}

@media (hover:none),(hover:on-demand) {
    .btn--border-blue:hover {
        background: 0 0;
        color: #59b7dd;
        border: 1px solid #59b7dd
    }
}

.btn--solid-green {
    background: #bed73b;
    color: #333
}

    .btn--solid-green:hover {
        background: #a2b926
    }

@media (hover:none),(hover:on-demand) {
    .btn--solid-green:hover {
        background: #bed73b
    }
}

.btn--solid-blue {
    background: #59b7dd;
    color: #fff
}

    .btn--solid-blue:hover {
        background: #2fa5d4
    }

@media (hover:none),(hover:on-demand) {
    .btn--solid-blue:hover {
        background: #59b7dd
    }
}

.btn--leaf, .btn--leaf-green, .btn--leaf-grey, .btn--leaf-lightgreen {
    display: inline-block;
    font-weight: 700;
    position: relative;
    font-size: .875em;
    -webkit-transition: background .25s ease-in,color .25s ease-in,border .25s ease-in;
    transition: background .25s ease-in,color .25s ease-in,border .25s ease-in;
    text-transform: uppercase
}

    .btn--leaf-green:after, .btn--leaf-grey:after, .btn--leaf-lightgreen:after, .btn--leaf:after {
        content: '\e904';
        font-family: icomoon;
        display: inline-block;
        font-size: 2em;
        vertical-align: middle;
        margin-left: 5px;
        line-height: 0;
        font-weight: 400
    }

    .btn--leaf:hover {
        color: #74b74a
    }

.btn--leaf-green {
    color: #080
}

    .btn--leaf-green:hover {
        color: #5d933b
    }

.btn--leaf-grey {
    color: #333
}

    .btn--leaf-grey:hover {
        color: #74b74a
    }

.btn--leaf-lightgreen {
    color: #080
}

    .btn--leaf-lightgreen:hover {
        color: #080
    }

.btn--right {
    position: absolute;
    right: 40px;
    bottom: 20px
}

.align--left {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px
}

@media (max-width:767px) {
    .align--left {
        float: none
    }
}

.align--right {
    float: right;
    margin-left: 15px;
    margin-bottom: 10px
}

@media (max-width:767px) {
    .align--right {
        float: none
    }
}

.content-block {
    padding: 10px 0
}

    .content-block + .content-block {
        padding-top: 0
    }

@media (max-width:767px) {
    .content-block {
        padding: 20px 0
    }
}

.content-block h1, .content-block h2, .content-block h3 {
    text-transform: uppercase;
    text-align: center
}

.intro-block {
    padding: 0;
    max-width: 80%;
    margin: auto;
    text-align: left;
    line-height: 1.4
}

    .intro-block h1, .intro-block h2, .intro-block h3 {
        text-transform: uppercase;
        text-align: center
    }

.health-advisory {
    text-align: center
}

.smaller {
    font-size: .875em;
    line-height: 1.4
}

.hotspot .title {
    text-align: left;
    text-transform: capitalize;
    font-size: 1em;
    margin-top: 30px
}

    .hotspot .title:first-of-type {
        margin-top: 0
    }

.hotspot input, .hotspot label {
    vertical-align: middle
}

.hotspot label {
    margin: 5px
}

.hotspot .legend, .hotspot .overlay-checkbox {
    font-size: .875em;
    margin-bottom: 10px
}

.hotspot .legend__item {
    border-top: 1px solid #efefef
}

    .hotspot .legend__item .image {
        width: 20%;
        padding-right: 10px
    }

    .hotspot .legend__item .image--long {
        width: auto
    }

        .hotspot .legend__item .image--long + .text {
            width: auto
        }

    .hotspot .legend__item .text {
        width: 78%
    }

    .hotspot .legend__item .image, .hotspot .legend__item .text {
        display: inline-block;
        vertical-align: middle
    }

input[type=checkbox] {
    -webkit-appearance: none;
    border: 1px solid #ddd;
    background: #fff;
    padding: 8px;
    border-radius: 0;
    display: inline-block;
    position: relative
}

    input[type=checkbox][disabled] {
        background: #eee
    }

    input[type=checkbox]:checked {
        border: 1px solid #ddd;
        background: #fff;
        color: #99a1a7
    }

        input[type=checkbox]:checked:after {
            content: '\2714';
            font-size: 14px;
            line-height: 1;
            position: absolute;
            top: 1px;
            left: 2px;
            color: #222;
            font-weight: 700
        }

.media__container {
    margin: 20px 0
}

.media__tab {
    padding: 40px 0 0;
    border-bottom: 1px solid #ddd;
    overflow: auto;
    white-space: nowrap;
    list-style: none
}

    .media__tab ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .media__tab li {
        display: inline-block;
        margin-right: 20px
    }

        .media__tab li:last-child {
            margin-right: 0
        }

    .media__tab a {
        display: block;
        padding: 15px 5px;
        border-bottom: 4px solid transparent
    }

        .media__tab a:focus, .media__tab a:hover {
            color: #74b74a
        }

    .media__tab .is-active a {
        border-color: #74b74a;
        color: #74b74a;
        font-weight: 700
    }

.weather-widget {
    padding-bottom: 50px;
    position: relative
}

    .weather-widget .title {
        text-transform: uppercase
    }

@media (max-width:767px) {
    .weather-widget {
        margin-bottom: 30px
    }
}

.weather-widget .btn {
    position: absolute;
    bottom: 20px;
    right: 20px
}

.circle__container {
    display: table;
    height: 100px;
    width: 100px;
    border: 5px solid #333;
    border-radius: 50%;
    margin: 0 auto
}

@media (min-width:1024px) {
    .circle__container {
        height: 140px;
        width: 140px;
        border: 8px solid #333
    }
}

@media (min-width:1280px) {
    .circle__container {
        height: 180px;
        width: 180px;
        border: 8px solid #333
    }
}

.circle__container span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    font-size: 2.625em
}

@media (min-width:1280px) {
    .circle__container span {
        font-size: 4.5em
    }
}

.weather-widget .circle {
    font-size: .8125em;
    text-align: center
}

@media (max-width:767px) {
    .weather-widget .circle {
        width: 100%
    }
}

@media (max-width:567px) {
    .carousel__item {
        background: 0 0
    }

        .carousel__item .content {
            margin: 0 auto;
            display: block;
            background: #bed73b;
            width: 90%
        }

        .carousel__item .image-container {
            margin: 0 auto;
            text-align: center;
            display: block;
            height: 75% !important;
            width: 90%
        }

        .carousel__item .content p {
            display: none
        }
}

.weather-widget .circle + table {
    font-size: .8125em;
    width: 55%;
    display: inline-block;
    vertical-align: top
}

@media (max-width:767px) {
    .weather-widget .circle + table {
        width: 100%;
        margin-top: 20px
    }
}

@media (min-width:1024px) {
    .weather-widget .circle + table {
        width: 45%;
        font-size: .875em
    }
}

.weather-widget .circle .text {
    font-size: 2em;
    font-weight: 700;
    margin: 10px 0;
    text-align: center
}

@media (min-width:1024px) {
    .weather-widget .circle .text {
        max-width: 100%;
        text-align: center
    }
}

@media (min-width:1280px) {
    .weather-widget .circle .text {
        max-width: 100%;
        font-size: 3em;
        text-align: center
    }
}

.weather-widget .circle.low .circle__container {
    border-color: #579c00;
    color: #579c00
}

.weather-widget .circle.low .text {
    color: #579c00
}

.weather-widget .circle.moderate .circle__container {
    border-color: #f8ce09;
    color: #f8ce09
}

.weather-widget .circle.moderate .text {
    color: #f8ce09
}

.weather-widget .circle.high .circle__container {
    border-color: #ff8400;
    color: #ff8400
}

.weather-widget .circle.high .text {
    color: #ff8400
}

.weather-widget .circle.veryhigh .circle__container {
    border-color: #d80000;
    color: #d80000
}

.weather-widget .circle.veryhigh .text {
    color: #d80000
}

.weather-widget .circle.extreme .circle__container {
    border-color: #7031a1;
    color: #7031a1
}

.weather-widget .circle.extreme .text {
    color: #7031a1
}

.rain-map {
    position: relative
}

    .rain-map .overlay {
        position: absolute;
        top: 0;
        display: none;
        left: 0;
        opacity: .5
    }

    .rain-map .overlay-landmark {
        z-index: 2
    }

.rain-map-base-map {
    width: 100%;
    height: auto;
    max-width: 100%
}

.rain-map .rain-map-rain-overlay {
    display: inline;
    width: 100%;
    opacity: .4
}

.rain-checkbox {
    font-size: .875em
}

    .rain-checkbox p {
        margin-bottom: 5px;
        font-weight: 700
    }

    .rain-checkbox .checkbox {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 5px
    }

    .rain-checkbox input, .rain-checkbox label {
        display: inline-block;
        vertical-align: middle
    }

    .rain-checkbox label {
        margin-left: 5px;
        max-width: -webkit-calc(100% - 25px);
        max-width: calc(100% - 25px)
    }

.forecast-widget {
    margin-bottom: 40px
}

    .forecast-widget .image {
        position: relative
    }

    .forecast-widget .time {
        padding: 5px 0;
        font-size: .875em
    }

    .forecast-widget .updated-time {
        float: right
    }

@media (min-width:1024px) {
    .forecast-widget .time {
        position: absolute;
        top: 5px;
        left: 10px
    }

    .forecast-widget .updated-time {
        position: absolute;
        top: 92%;
        right: 3%;
        text-align: right
    }
}

.forecast-widget table {
    margin: 10px 0;
    width: 100%;
    border-bottom: 1px solid #efefef
}

.forecast-widget .tab__item table th {
    text-align: left
}

.forecast-widget .tab__item table td {
    border-top: 1px solid #efefef;
    padding: 2px
}

.forecast-widget .tab__item table td {
    text-align: left
}

    .forecast-widget .tab__item table td .icon {
        font-size: 60px;
        margin-right: 20px
    }

.forecast-widget .panel .icon {
    font-size: 60px;
    margin-right: 20px
}

@media (max-width:767px) {
    .forecast-widget .tab__item table td .icon {
        font-size: 48px;
        margin-right: 5px
    }
}

.forecast-widget .tab__item table td .icon, .forecast-widget .tab__item table td span {
    display: inline-block;
    vertical-align: middle
}

.forecast-widget .tab__item .row {
    margin: 0 -10px
}

.forecast-widget .legend {
    font-size: .875em;
    line-height: 1.4
}

.forecast-widget .js-day {
    display: inline-block;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #333;
    line-height: 1
}

    .forecast-widget .js-day:last-child {
        margin-right: 0;
        padding-right: 0;
        border-right: 0
    }

    .forecast-widget .js-day.is-active, .forecast-widget .js-day:hover {
        color: #080
    }

.forecast-widget .btn {
    float: right;
    padding: 10px 0
}

@media (min-width:1024px) {
    .forecast-widget .btn {
        position: absolute;
        right: 40px;
        bottom: 10px
    }
}

.weather-list .tab-list {
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef
}

    .weather-list .tab-list button {
        width: 20%;
        float: left;
        border: 0;
        background: 0 0;
        padding: 10px 5px;
        font-size: .875em;
        border-right: 1px solid #efefef
    }

        .weather-list .tab-list button:last-child {
            border: 0
        }

        .weather-list .tab-list button.is-active {
            background: #006fa1;
            color: #fff
        }

.weather-list .forecast-widget__table {
    display: none
}

    .weather-list .forecast-widget__table.is-active {
        display: table
    }

.forecast-widget__day {
    margin-top: 10px;
    margin-bottom: 30px
}

.forecast-widget__tab {
    margin-left: 0
}

.forecast-widget__content {
    padding: 20px 0 0;
    display: none
}

    .forecast-widget__content#box-one {
        display: block
    }

    .forecast-widget__content .image {
        position: relative;
        overflow: hidden
    }

        .forecast-widget__content .image img {
            display: block
        }

.weather-grid {
    position: absolute;
    width: 100%;
    height: 100%
}

table {
    background-color: transparent
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd
    }

    .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
        border-top: 0
    }

    .table > tbody + tbody {
        border-top: 2px solid #ddd
    }

    .table .table {
        background-color: #fff
    }

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

    .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border: 1px solid #ddd
    }

    .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border-bottom-width: 2px
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5
}

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f5f5f5
}

.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {
    background-color: #e8e8e8
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    background-color: #dff0d8
}

.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background-color: #d9edf7
}

.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3
}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    background-color: #fcf8e3
}

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
    background-color: #faf2cc
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background-color: #f2dede
}

.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

        .table-responsive > .table {
            margin-bottom: 0
        }

            .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
                white-space: nowrap
            }

        .table-responsive > .table-bordered {
            border: 0
        }

            .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
                border-left: 0
            }

            .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
                border-right: 0
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
                border-bottom: 0
            }
}

.collapse {
    display: none
}

    .collapse.in {
        display: block
    }

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height,visibility;
    -o-transition-property: height,visibility;
    transition-property: height,visibility
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title.is-big {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20.8px;
    color: inherit
}

.panel-title.is-bigger {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 25.6px;
    color: inherit
}

    .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
        color: inherit
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0
}

    .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0
    }

    .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group + .panel-footer {
    border-top-width: 0
}

.panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
    margin-bottom: 0
}

    .panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption {
        padding-right: 15px;
        padding-left: 15px
    }

    .panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px
        }

            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
                border-top-left-radius: 3px
            }

            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
                border-top-right-radius: 3px
            }

    .panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px
        }

            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
                border-bottom-left-radius: 3px
            }

            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
                border-bottom-right-radius: 3px
            }

    .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
        border-top: 1px solid #ddd
    }

    .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
        border-top: 0
    }

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

    .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0
    }

    .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }

    .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
        border-bottom: 0
    }

    .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0
    }

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px
    }

        .panel-group .panel + .panel {
            margin-top: 5px
        }

    .panel-group .panel-heading {
        border-bottom: 0
    }

        .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
            border-top: 1px solid #ddd
        }

    .panel-group .panel-footer {
        border-top: 0
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd
        }

.panel-default {
    border-color: #ddd
}

    .panel-default > .panel-heading {
        color: #006FA1;
        background-color: #FAFDFE;
        border-color: #ddd
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd
    }

.panel-body:after, .panel-body:before {
    display: table;
    content: " "
}

.panel-body:after {
    clear: both
}

.allow-overflow-item, .surveillance-table-wrap {
    overflow-x: auto
}

.allow-vertical-scroll {
    height: 150px;
    overflow-y: auto
}

.table-update-small {
    font-size: .8em;
    margin-top: -15px
}

.nea-table, .surveillance-table {
    border-collapse: collapse;
    border-top: 7px solid #3d96c1 !important;
    padding: 0
}

    .surveillance-table tr:first-child {
        border-bottom-width: medium;
        border-bottom-style: none;
        border-bottom: 2px solid grey !important;
        background-color: #eeeeef
    }

    .nea-table thead tr th.lastrow, .nea-table thead tr:last-child th {
        border-bottom: 2px solid grey !important
    }

.green {
    height: 30px;
    width: 30px;
    margin: auto;
    border-radius: 50%;
    background: green
}

.red {
    height: 30px;
    width: 30px;
    margin: auto;
    border-radius: 50%;
    background: red
}

.yellow {
    height: 30px;
    width: 30px;
    margin: auto;
    border-radius: 50%;
    background: #febe20
}

.surveillance-table td[data-type=locality] {
    text-align: center;
    padding-left: 20px
}

.nea-table th, .surveillance-table th {
    text-align: center;
    vertical-align: middle !important
}

.surveillance-cumulative {
    margin-top: 10px;
    border: 1px solid #000;
    padding: 10px;
    font-size: large
}

.nea-table > tbody > tr, .table-striped > tbody > tr:nth-of-type(2n) {
    background-color: #e5f5fc
}

    .nea-table > tbody > tr:nth-of-type(2n) {
        background-color: #f9f9f9
    }

    .nea-table > tbody > tr.evenrow {
        background-color: #e5f5fc
    }

    .nea-table > tbody > tr.oddrow {
        background-color: #f9f9f9
    }

.nea-table > thead th, .table-striped > tbody > tr:first-of-type {
    background-color: #fff
}

.two-row-head > tbody > tr:nth-child(2) {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom: 2px solid grey !important;
    background-color: #eeeeef
}

.two-row-head > tbody > tr:first-child {
    border-bottom: 2px solid grey !important;
    background-color: #eeeeef
}

.two-row-head > tbody > tr > td {
    background-color: #fff;
    border-top: 1px solid grey !important
}

.two-row-head th {
    vertical-align: middle
}

.two-row-head tr {
    background-color: #fff
}

.contact-us tbody > tr > td {
    border-style: none
}

.contact-us-map {
    padding: 20px 0
}

.contact-us td:first-of-type {
    width: 130px
}

.dengue-zika-cases-table {
    table-layout: fixed
}

.dengue-clusters-table tbody tr {
    border: none;
    border-bottom: 1px solid #929698 !important
}

    .dengue-clusters-table tbody tr:nth-child(odd) {
        background-color: #e5f5fc
    }

    .dengue-clusters-table tbody tr:nth-child(even) {
        background-color: #fff
    }

    .dengue-clusters-table tbody tr:first-child {
        background-color: #d8d3e0
    }

    .dengue-clusters-table tbody tr td {
        text-align: center
    }

    .dengue-clusters-table tbody tr:nth-child(2) {
        color: #d60000
    }

    .dengue-clusters-table tbody tr:nth-child(3) {
        color: #ffa800
    }

    .dengue-clusters-table tbody tr:nth-child(4) {
        color: #479b02
    }

.dengue-clusters-table2 td {
    background-color: #e5f5fc !important
}

.underline {
    text-decoration: underline
}

.content-box {
    padding: 20px;
    background-color: #c9e43e;
    color: #010101
}

.panel {
    box-shadow: none
}

.panel-group {
    margin-bottom: 0
}

.legend-desciption {
    padding-top: 15px
}

footer .footer__icons .site-icon-wrapper {
    list-style-type: none;
    padding: 25px 0;
    margin: 0;
    text-align: center
}

    footer .footer__icons .site-icon-wrapper li {
        display: inline-block;
        margin: 0 10px
    }

@media (max-width:767px) {
    footer .footer__icons .site-icon-wrapper li {
        margin: 0 5px
    }
}

footer .footer__icons .site-icon-wrapper li .site-icon-item {
    height: 90px;
    display: block
}

@media (min-width:1024px) {
    footer .footer__icons .site-icon-wrapper li .site-icon-item {
        height: 60px
    }
}

@media (min-width:1280px) {
    footer .footer__icons .site-icon-wrapper li .site-icon-item {
        height: 80px
    }
}

@media (max-width:767px) {
    footer .footer__icons .site-icon-wrapper li .site-icon-item {
        height: 45px
    }
}

footer .footer__icons .site-icon-wrapper li img {
    height: 100%
}

.hashlink {
    height: 65px;
    margin-top: -65px;
    visibility: hidden
}

.bookcell {
    width: 50%;
    vertical-align: middle !important;
    text-align: center
}

@media screen and (max-width:768px) {
    .sf_colsOut[class*=" sf_2cols_"], .sf_colsOut[class*=" sf_3cols_"], .sf_colsOut[class*=" sf_4cols_"], .sf_colsOut[class^=sf_2cols_], .sf_colsOut[class^=sf_3cols_], .sf_colsOut[class^=sf_4cols_] {
        width: 100% !important;
        margin-left: 0 !important
    }
}

@media (min-width:768px) {
    .homepage--widget {
        min-height: 415px
    }

    .weather--widget {
        min-height: 426px
    }
}

@media (min-width:1024px) {
    .homepage--widget {
        min-height: 380px
    }

    .weather--widget {
        min-height: 442px
    }
}

@media (min-width:1280px) {
    .homepage--widget {
        min-height: 321px
    }

    .weather--widget {
        min-height: 432px
    }
}

.eservice .side-nav {
    margin-top: 0
}

.eservice .rte {
    padding-top: 0
}

    .eservice .rte p {
        margin-bottom: 0
    }

        .eservice .rte p + ul {
            margin-top: 0
        }

    .eservice .rte .filter-subgroup {
        width: 220px;
        position: relative;
        margin-bottom: 20px
    }

        .eservice .rte .filter-subgroup input[type=text] {
            padding: 10px;
            height: auto;
            width: 100%
        }

            .eservice .rte .filter-subgroup input[type=text]:focus {
                box-shadow: 0 0 5px rgba(81,203,238,1);
                border: 1px solid rgba(81,203,238,1)
            }

        .eservice .rte .filter-subgroup .btn-search {
            position: absolute;
            right: 10px;
            top: 0
        }

    .eservice .rte .image-text-block__item {
        padding: 15px 25px 20px;
        box-shadow: 0 0 4px rgba(0,0,0,.1)
    }

        .eservice .rte .image-text-block__item .title {
            font-weight: 700;
            margin-bottom: 8px
        }

        .eservice .rte .image-text-block__item .btn--solid-green {
            text-align: center
        }

.eservice .pagination ul {
    text-align: left;
    display: inline-block
}

.eservice .pagination .entries-span {
    display: inline-block;
    padding: 6px 0;
    vertical-align: middle;
    float: right
}

@media (max-width:576px) {
    .eservice .rte .image-text-block__item .btn--solid-green {
        display: block
    }

    .eservice .rte .image-text-block__item p span {
        display: block;
        text-align: center
    }

    .eservice .pagination ul {
        display: block;
        text-align: center
    }

    .eservice .pagination .entries-span {
        display: block;
        float: none;
        text-align: center
    }
}

.light-font {
    font-weight: 300;
    margin: 0
}

@media print {
    .global-share-widget, footer, header {
        display: none !important
    }

    body {
        font-family: 'Roboto'
    }

    .main .microsite {
        background: #fff
    }

    .text-card__container {
        min-height: 380px
    }

        .text-card__container .title img {
            display: none
        }

        .text-card__container .title__text {
            max-width: 100%
        }

    .stats-data__item {
        min-height: 380px
    }
}

div.checkbox > label > input[type=checkbox], div.list-group-item > input[type=checkbox] {
    height: 20px;
    width: 20px
}

.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0
}

    .video-responsive iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute
    }

/* This css is built to facilitate sgds guidelines onto an already launched NEA
* because it is currently using its own css and adding the sgds css will break
* the current styling. Current css is using bootstrap 3 while sgds uses
* bootstrap 4. Things will break. Thus, not all the styling properties will be
* transferred over. Do code incrementally onto this css to ensure nothing
* breaks on current site.
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:500');

/* sgds atomic */
.has-text-weight-light {
    font-weight: 300 !important;
}

.has-text-weight-normal {
    font-weight: 400 !important;
}

.has-text-weight-semibold {
    font-weight: 600 !important;
}

.has-text-weight-bold {
    font-weight: 700 !important;
}

.has-text-left, .bottom-navigation a.is-left {
    text-align: left !important;
}

@media screen and (max-width: 1023px) {
    .has-text-centered-touch {
        text-align: center !important;
    }
}

@media screen and (max-width: 768px) {
    .has-text-left-mobile {
        text-align: left !important;
    }
}

@media print, screen and (min-width:769px) {
    .has-text-left-tablet {
        text-align: left !important
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .has-text-left-tablet-only {
        text-align: left !important;
    }
}

@media screen and (max-width: 1023px) {
    .has-text-left-touch {
        text-align: left !important;
    }
}

@media screen and (min-width: 1024px) {
    .has-text-left-desktop {
        text-align: left !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .has-text-left-desktop-only {
        text-align: left !important;
    }
}

@media screen and (min-width: 1216px) {
    .has-text-left-widescreen {
        text-align: left !important;
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .has-text-left-widescreen-only {
        text-align: left !important;
    }
}

@media screen and (min-width: 1408px) {
    .has-text-left-fullhd {
        text-align: left !important;
    }
}

.has-text-right, .bottom-navigation a.is-right {
    text-align: right !important;
}

@media screen and (max-width: 768px) {
    .has-text-right-mobile {
        text-align: right !important;
    }
}

@media print, screen and (min-width:769px) {
    .has-text-right-tablet {
        text-align: right !important
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .has-text-right-tablet-only {
        text-align: right !important;
    }
}

@media screen and (max-width: 1023px) {
    .has-text-right-touch {
        text-align: right !important;
    }
}

@media screen and (min-width: 1024px) {
    .has-text-right-desktop {
        text-align: right !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .has-text-right-desktop-only {
        text-align: right !important;
    }
}

@media screen and (min-width: 1216px) {
    .has-text-right-widescreen {
        text-align: right !important;
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .has-text-right-widescreen-only {
        text-align: right !important;
    }
}

@media screen and (min-width: 1408px) {
    .has-text-right-fullhd {
        text-align: right !important;
    }
}

.is-marginless {
    margin: 0 !important;
}

.is-uppercase {
    text-transform: uppercase !important;
}

/* sgds-icon */
@font-face {
    font-family: sgds-icons;
    /*old: src: url(../fonts/sgds-icons.ttf) format("truetype"), url(../fonts/sgds-icons.woff) format("woff"), url(../fonts/sgds-icons.svg?#sgds-icons) format("svg");*/
    src: url(../../fonts/sgds-icons.woff) format("truetype"), url(../fonts/sgds-icons.woff) format("woff"), url(../fonts/sgds-icons.woff?#sgds-icons) format("svg");
    font-weight: 400;
    font-style: normal
}

.sgds-icon {
    font-family: sgds-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.sgds-icon-sg-crest:before {
    content: "\e948";
    color: #db0000
}

.sgds-icon-search:before {
    content: "\e966"
}

.sgds-icon-chevron-down:before {
    content: "\e93c"
}

.sgds-icon-chevron-left:before {
    content: "\e93d"
}

.sgds-icon-chevron-right:before {
    content: "\e93e"
}

.sgds-icon-chevron-up:before {
    content: "\e93f"
}

.sgds-icon-cross:before {
    content: "\e941"
}

.sgds-icon-external:before {
    content: "\e95c"
}

.is-size-1 {
    font-size: 3.375rem !important /* old: 3rem */
}

.is-size-2 {
    font-size: 2.75rem !important /* old: 2.5rem */
}

.is-size-3 {
    font-size: 2rem !important;
}

.is-size-4 {
    font-size: 1.625rem !important /* old: 1.5rem */
}

.is-size-5 {
    font-size: 1.375rem !important;
}

.is-size-6 {
    font-size: 1.3rem !important /* old: 1rem */
}

.is-size-7 {
    font-size: 1.125rem !important /* old: 0.75rem */
}

@media screen and (min-width:1024px) {
    .is-hidden-desktop {
        display: none !important
    }
}

.hide {
    display: none !important;
    visibility: hidden !important
}

.sgds-button {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: none;
    display: inline-flex;
    font-size: 1.125rem; /* old: 1rem */
    justify-content: flex-start;
    line-height: 1.5;
    position: relative;
    vertical-align: top;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-width: 1px;
    cursor: pointer;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    padding: calc(.375em - 1px) .75em;
    height: 100%;
    background: transparent;
    outline: none !important;
    color: #323232; /* old: none */
    background-color: #fff; /* old: none */
}

    .sgds-button.is-primary {
        background-color: #6037b3; /* old: #bed73b */
        border-color: transparent;
        color: #fff; /* old: #333 */
        transition: all 0.2s;
        font-family: Roboto;
        font-weight: 500;
    }

        .sgds-button.is-primary:hover {
            background-color: #4f2d94; /* old: #74b74a */
            border-color: transparent;
            color: #fff;
            transition: all 0.2s;
        }

.svg-inline--fa.fa-w-16 {
    /*transform: scale(0.75);*/
    transform: scale(0.90);
    min-width: 33px;
    min-height: 33px;
    /*border: solid 1px;*/
}

.svg-inline--fa.fa-w-14.nea-global-menu-icon, .svg-inline--fa.fa-w-18.nea-global-menu-icon, .svg-inline--fa.fa-w-9.nea-global-menu-icon {
    min-width: 33px;
    min-height: 33px;
    transform: scale(0.75);
}

/* sgds footer */
.sgds-footer {
    /*padding: 3rem 1rem;*/
    padding: 3rem 2rem;
    background-color: #006fa1;
    color: white;
}

    .sgds-footer .title {
        font-size: 1.9rem;
        margin: 0;
    }

    .sgds-footer .divider {
        border-top: 1px solid #efefef;
    }

    .sgds-footer a {
        font-size: 16px;
        padding-right: 12px;
        line-height: 20px !important;
    }

        .sgds-footer a:hover, .sgds-footer a:active {
            color: white;
        }

        .sgds-footer a:last-child {
            padding-right: 0px;
        }

    .sgds-footer p {
        line-height: 25px !important;
        margin: 15px 0;
    }

        .sgds-footer p + p {
            margin-top: 15px;
        }

    .sgds-footer ul {
        margin: 0;
    }

        .sgds-footer ul li {
            display: inline-block;
            margin-top: 0;
        }

    .sgds-footer .footer-links {
        display: flex;
        flex-flow: row wrap;
        /*margin-top: 1rem;*/
        margin-top: 1.7rem;
        padding-bottom: 0;
    }

        .sgds-footer .footer-links li {
            flex: auto 0 1;
            margin-bottom: 0.5rem;
            margin-right: 15px;
            line-height: 25px;
        }

@media screen and (max-width: 767px) {
    .sgds-footer ul li {
        display: block;
    }

    .sgds-footer .footer-links li {
        width: 100%;
        margin-bottom: 0;
    }
}

.sgds-footer ul li.icons {
    margin-right: 10px;
}

.sgds-footer ul li a:hover {
    color: white;
}

.sgds-footer ul:not(.footer-links) li + li {
    margin-left: 15px;
}

.sgds-footer [class*=" col-"],
.sgds-footer [class^=col-] {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .sgds-footer ul li + li:not(.icons) {
        margin-left: 0;
        margin-top: 15px;
    }
}

.sgds-footer .is-right-desktop-only {
    text-align: right;
}

@media screen and (max-width: 1023px) {
    .sgds-footer .is-right-desktop-only {
        text-align: left;
    }
}

@media screen and (min-width: 1024px) {
    .sgds-footer .col-md-6 {
        width: 50%;
    }

    .sgds-footer .row:nth-child(2) {
        display: flex;
    }

        .sgds-footer .row:nth-child(2) .is-right-desktop-only ul {
            height: 100%;
            display: flex;
            align-items: flex-end;
            justify-content: flex-end;
        }
}

.sgds-footer.top-section {
    padding-bottom: 3rem;
}

.sgds-footer ul {
    padding: 0 0 20px 0;
}

@media screen and (max-width: 769px) {
    .sgds-footer .last-update {
        display: block;
    }
}

.sgds-footer .footer_info {
    padding-bottom: 20px;
}

    .sgds-footer .footer_info .social-media {
        display: inline-block;
        padding-left: 20px;
    }

        .sgds-footer .footer_info .social-media .social-media__item {
            background: white;
            padding: 2px 4px 0px;
            border-radius: 4px;
            vertical-align: middle;
            color: #006fa1;
        }

    .sgds-footer .footer_info.app-block {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .sgds-footer .footer_info .app-list-item {
        display: flex;
        align-items: center;
        text-align: left;
    }

        .sgds-footer .footer_info .app-list-item .icon {
            padding-right: 0.5rem;
        }

        .sgds-footer .footer_info .app-list-item span {
            font-size: 14px;
        }

@media (max-width: 767px) {
    .sgds-footer .footer_info .social-media li {
        margin-top: 0;
        padding-right: 1rem;
    }
}

@media (max-width: 1023px) {
    .sgds-footer .footer_info {
        padding-top: 0.5rem;
        /*padding-bottom: 0;*/
        padding-bottom: 0.5rem;
    }

        .sgds-footer .footer_info .social-media {
            display: flex;
            padding-left: 0;
            padding-top: 1rem;
            padding-bottom: 0;
        }

        .sgds-footer .footer_info.app-block {
            display: block;
        }

        .sgds-footer .footer_info .social-media li {
            margin-top: 0;
            /*padding-right: 1rem;*/
        }

        .sgds-footer .footer_info .app-list li {
            padding-bottom: 1rem;
        }
}

/* sgds masthead */
.sgds-masthead {
    position: relative;
    background-color: #f0f0f0;
    padding: 2px 0;
    height: auto;
    padding: 3px 0; /* old: 2px 0 */
    font-size: 12px
}

    .sgds-masthead .is-text {
        margin-left: 4px
    }

    .sgds-masthead a {
        color: #484848;
        display: flex;
        align-items: center
    }

/* sgds searchbar */
.sgds-search .input,
.sgds-search .textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 0px;
    box-shadow: none;
    display: inline-flex;
    font-size: 1rem;
    height: 2.25em;
    justify-content: flex-start;
    line-height: 1.5;
    padding-bottom: calc(0.375em - 1px);
    padding-left: calc(0.625em - 1px);
    padding-right: calc(0.625em - 1px);
    padding-top: calc(0.375em - 1px);
    position: relative;
    vertical-align: top;
    background-color: white;
    border-color: #f0f0f0;
    color: #323232;
    /* box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); */
    max-width: 100%;
    width: 100%;
}

    .sgds-search .input:focus,
    .sgds-search .input.is-focused,
    .sgds-search .input:active,
    .sgds-search .input.is-active,
    .sgds-search .textarea:focus,
    .sgds-search .textarea.is-focused,
    .sgds-search .textarea:active,
    .sgds-search .textarea.is-active {
        outline: none;
    }

    .sgds-search .input[disabled],
    .sgds-search .textarea[disabled] {
        cursor: not-allowed;
    }

    .sgds-search .input::-moz-placeholder,
    .sgds-search .textarea::-moz-placeholder {
        color: rgba(50, 50, 50, 0.3);
    }

    .sgds-search .input::-webkit-input-placeholder,
    .sgds-search .textarea::-webkit-input-placeholder {
        color: rgba(50, 50, 50, 0.3);
    }

    .sgds-search .input:-moz-placeholder,
    .sgds-search .textarea:-moz-placeholder {
        color: rgba(50, 50, 50, 0.3);
    }

    .sgds-search .input:-ms-input-placeholder,
    .sgds-search .textarea:-ms-input-placeholder {
        color: rgba(50, 50, 50, 0.3);
    }

    .sgds-search .input:hover,
    .sgds-search .input.is-hovered,
    .sgds-search .textarea:hover,
    .sgds-search .textarea.is-hovered {
        border-color: #D6D6D6;
    }

    .sgds-search .input[disabled],
    .sgds-search .textarea[disabled] {
        background-color: whitesmoke;
        border-color: whitesmoke;
        box-shadow: none;
        color: #767676;
    }

        .sgds-search .input[disabled]::-moz-placeholder,
        .sgds-search .textarea[disabled]::-moz-placeholder {
            color: rgba(118, 118, 118, 0.3);
        }

        .sgds-search .input[disabled]::-webkit-input-placeholder,
        .sgds-search .textarea[disabled]::-webkit-input-placeholder {
            color: rgba(118, 118, 118, 0.3);
        }

        .sgds-search .input[disabled]:-moz-placeholder,
        .sgds-search .textarea[disabled]:-moz-placeholder {
            color: rgba(118, 118, 118, 0.3);
        }

        .sgds-search .input[disabled]:-ms-input-placeholder,
        .sgds-search .textarea[disabled]:-ms-input-placeholder {
            color: rgba(118, 118, 118, 0.3);
        }

    .sgds-search .input.is-borderless,
    .sgds-search .textarea.is-borderless {
        border-color: transparent;
    }

    .sgds-search .input.is-shadowless,
    .sgds-search .textarea.is-shadowless {
        box-shadow: 0;
    }

    .sgds-search .input[readonly],
    .sgds-search .textarea[readonly] {
        box-shadow: none;
    }

    .sgds-search .input.is-fullwidth {
        display: block;
        width: 100%;
    }

    .sgds-search .input.is-borderless {
        border-color: transparent;
    }

.sgds-search .field:not(:last-child) {
    margin-bottom: 0.75rem;
}

.sgds-search .field.has-addons {
    display: flex;
    justify-content: flex-start;
}

    .sgds-search .field.has-addons .control:not(:last-child) {
        margin-right: -1px;
    }

    .sgds-search .field.has-addons .control:not(:first-child):not(:last-child) .button,
    .sgds-search .field.has-addons .control:not(:first-child):not(:last-child) .input,
    .sgds-search .field.has-addons .control:not(:first-child):not(:last-child) .select select {
        border-radius: 0;
    }

    .sgds-search .field.has-addons .control:first-child .button,
    .sgds-search .field.has-addons .control:first-child .input,
    .sgds-search .field.has-addons .control:first-child .select select {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .sgds-search .field.has-addons .control:last-child .button,
    .sgds-search .field.has-addons .control:last-child .input,
    .sgds-search .field.has-addons .control:last-child .select select {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .sgds-search .field.has-addons .control .button:not([disabled]):hover,
    .sgds-search .field.has-addons .control .button:not([disabled]).is-hovered,
    .sgds-search .field.has-addons .control .input:not([disabled]):hover,
    .sgds-search .field.has-addons .control .input:not([disabled]).is-hovered,
    .sgds-search .field.has-addons .control .select select:not([disabled]):hover,
    .sgds-search .field.has-addons .control .select select:not([disabled]).is-hovered {
        z-index: 2;
    }

    .sgds-search .field.has-addons .control.is-expanded {
        flex-grow: 1;
    }

    .sgds-search .field.has-addons.has-addons-centered {
        justify-content: center;
    }

    .sgds-search .field.has-addons.has-addons-right {
        justify-content: flex-end;
    }

    .sgds-search .field.has-addons.has-addons-fullwidth .control {
        flex-grow: 1;
        flex-shrink: 0;
    }

.sgds-search .control {
    clear: both;
    font-size: 1rem;
    position: relative;
    text-align: left;
}

    .sgds-search .control.has-icon .input:focus + .icon {
        color: #767676;
    }

    .sgds-search .control.has-icon .input.is-small + .icon {
        font-size: 0.75rem;
    }

    .sgds-search .control.has-icon .input.is-medium + .icon {
        font-size: 1.375rem;
    }

    .sgds-search .control.has-icon .input.is-large + .icon {
        font-size: 1.5rem;
    }

    .sgds-search .control.has-icon:not(.has-icon-right) .icon {
        left: 0;
    }

    .sgds-search .control.has-icon:not(.has-icon-right) .input {
        padding-left: 2.25em;
    }

    .sgds-search .control.has-icon.has-icon-right .icon {
        right: 0;
    }

    .sgds-search .control.has-icon.has-icon-right .input {
        padding-right: 2.25em;
    }

    .sgds-search .control.has-icons-left .input:focus ~ .icon,
    .sgds-search .control.has-icons-left .select:focus ~ .icon,
    .sgds-search .control.has-icons-right .input:focus ~ .icon,
    .sgds-search .control.has-icons-right .select:focus ~ .icon {
        color: #767676;
    }

    .sgds-search .control.has-icons-left .input.is-small ~ .icon,
    .sgds-search .control.has-icons-left .select.is-small ~ .icon,
    .sgds-search .control.has-icons-right .input.is-small ~ .icon,
    .sgds-search .control.has-icons-right .select.is-small ~ .icon {
        font-size: 0.75rem;
    }

    .sgds-search .control.has-icons-left .input.is-medium ~ .icon,
    .sgds-search .control.has-icons-left .select.is-medium ~ .icon,
    .sgds-search .control.has-icons-right .input.is-medium ~ .icon,
    .sgds-search .control.has-icons-right .select.is-medium ~ .icon {
        font-size: 1.375rem;
    }

    .sgds-search .control.has-icons-left .input.is-large ~ .icon,
    .sgds-search .control.has-icons-left .select.is-large ~ .icon,
    .sgds-search .control.has-icons-right .input.is-large ~ .icon,
    .sgds-search .control.has-icons-right .select.is-large ~ .icon {
        font-size: 1.5rem;
    }

    .sgds-search .control.has-icons-left .icon,
    .sgds-search .control.has-icons-right .icon {
        color: #484848;
        height: 2.25em;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 2.25rem;
        z-index: 2;
    }

    .sgds-search .control.has-icons-left .input,
    .sgds-search .control.has-icons-left .select select {
        padding-left: 2.25em;
    }

    .sgds-search .control.has-icons-left .icon.is-left {
        left: 0;
    }

.sgds-search .icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    height: 1.5rem;
    width: 1.5rem;
}

.sgds-search .search-bar.sgds-icon.sgds-icon-search {
    top: 14px;
    display: block;
    visibility: initial;
}

.sgds-search.search-bar {
    display: none;
    background: #fff;
    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
}

.sgds-search .mic-search, .sgds-search .btn-search {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 0.25rem;
    height: 100%;
}

.sgds-search .mic-search {
    right: 2rem;
}

/* sgds navbar */
.sgds-menu.header__main {
    padding: 0;
    /*box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);*/
}

    .sgds-menu.header__main .container {
        display: flex;
        flex-flow: row wrap;
    }

    .sgds-menu.header__main .navbar-brand {
        align-items: center;
        /*padding: 1rem 0;*/
        height: 100px;
    }

    .sgds-menu.header__main .logo {
        margin-left: 0;
    }

    .sgds-menu.header__main .navbar-menu {
        margin: 0;
    }

.sgds-menu .navbar-link {
    width: 100%;
    justify-content: center;
    border-bottom: 2px solid transparent;
    padding: 1rem; /* Was 0.4 rem (Change at 5 Jul 2021) */
    font-weight: 600;
}

.sgds-menu .navbar-dropdown .navbar-item {
    justify-content: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: none;
    font-weight: 500;
}

.sgds-menu .navbar-link .sgds-icon {
    padding-left: 10px;
}

.sgds-menu .nav__item.has-child {
    /*padding-right: 0.2rem;*/
    flex: auto;
    /*justify-content: flex-end;*/
}

.sgds-menu .navbar-item .dropdown-icon {
    align-self: center;
    padding: 0.4rem;
    padding-left: 0.2rem;
    flex: 1;
    justify-content: flex-start;
}

@media (max-width: 1023px) {
    /*.sgds-menu.header__main .container {
        display: block;
        width: 100%;
        max-width: 100%;
    }*/

    .is-hidden-touch {
        display: none !important;
    }

    /*.sgds-menu.header__main .navbar-brand {
        padding: 0;
    }*/

    .sgds-menu.header__main .navbar-menu {
        /*padding: 0.5rem;*/
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        /*overflow-y: scroll;*/
    }

    .sgds-menu .navbar-link {
        font-size: 18px;
    }
}

/*@media (min-width: 1216px) {
    .sgds-menu.header__main .navbar-brand {
        max-width: 136px;
    }
}*/

@media (max-width: 767px) {
    .sgds-menu.header__main .navbar-brand {
        max-width: 136px;
    }
}

.navbar.is-fixed-bottom, .navbar.is-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
}

.navbar.is-fixed-bottom {
    bottom: 0;
}

    .navbar.is-fixed-bottom.has-shadow {
        box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
    }

.navbar.is-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
    top: 0;
}

body.has-navbar-fixed-top {
    padding-top: calc(5.25rem + 29px) /* old: 6.25rem */
}

.navbar-brand {
    align-items: stretch;
    display: flex;
    flex-shrink: 0;
    min-height: 5.25rem; /* old: 6.25rem */
}

.navbar-burger {
    color: #484848;
    cursor: pointer;
    display: block;
    /*height: 5.25rem; /* old: 6.25rem */
    height: 100%;
    position: relative;
    /*width: 5.25rem;*/ /* old: 2.5rem */
    margin-left: auto;
    width: 3.5rem;
}

    .navbar-burger span {
        background-color: currentColor;
        display: block;
        height: 1px; /* old : 1.5px */
        left: calc(50% - 8px);
        position: absolute;
        transform-origin: center;
        transition-duration: 86ms;
        transition-property: background-color, opacity, transform;
        transition-timing-function: ease-out;
        width: 16px;
    }

        .navbar-burger span:nth-child(1) {
            top: calc(50% - 6px); /* old: calc(50% - 6.5px) */
        }

        .navbar-burger span:nth-child(2) {
            top: calc(50% - 1px); /* old: calc(50% - 1.5px) */
        }

        .navbar-burger span:nth-child(3) {
            top: calc(50% + 3.5px); /* old: calc(50% + 4px) */
        }

    .navbar-burger.is-active span:nth-child(1) {
        transform: translateY(5px) rotate(45deg);
    }

    .navbar-burger.is-active span:nth-child(2) {
        opacity: 0;
    }

    .navbar-burger.is-active span:nth-child(3) {
        transform: translateY(-5px) rotate(-45deg);
    }

.navbar-menu {
    display: none;
}

.navbar-item, .navbar-link {
    color: #484848; /* old: #4A4A4A */
    display: block;
    line-height: 1.5;
    padding: .5rem .75rem;
    /* padding: 0rem 0.5rem; */
    position: relative;
}

@media screen and (max-width: 1024px) {
    .navbar-item, .navbar-link {
        padding: 0.5rem;
    }

    /*.navbar-item, .e-service-login {
        display: unset;
    }*/
    
}

a.navbar-link:focus {
    color: #484848;
    text-decoration: none;
}

a.navbar-item:hover, a.navbar-item.is-active, a.navbar-link:hover, a.navbar-link.is-active, div.navbar-link:hover, div.navbar-link.is-active, div.navbar-link a:hover {
    color: #74b74a;
    font-weight: 600;
    text-decoration: none;
}

a.navbar-item.is-active, a.navbar-link.is-active {
    color: #74b74a !important;
    background-color: transparent;
    font-weight: 600;
}

.navbar-item {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
}

    .navbar-item img {
        /*max-height: 2.5rem; *//* old 2.5rem */
    }

    .navbar-item.is-mega {
        position: static;
    }

    .navbar-item.has-dropdown {
        padding: 0;
    }

    .navbar-item.is-expanded {
        /*flex-grow: 1;*/
        flex-grow: 0;
        flex-shrink: 1;
        padding: 0 20px;
    }

    .navbar-item.is-tab {
        border-bottom: 1px solid transparent;
        min-height: 5.25rem; /* old: 6.25rem */
        padding-bottom: calc(0.5rem - 1px);
    }

        .navbar-item.is-tab:hover {
            background-color: transparent;
            /*border-bottom-color: #74b74a;*/
            border-bottom: 5px solid #74b74a;
            padding-bottom: calc(.5rem - 5px)
        }

        .navbar-item.is-tab.is-active {
            background-color: transparent;
            border-bottom-color: #4372d6;
            border-bottom-style: solid;
            border-bottom-width: 5px; /* old: 3px */
            color: #4372d6;
            padding-bottom: calc(0.5rem - 1px); /* old: calc(0.5rem - 3px) */
        }

.navbar-content {
    flex-grow: 1;
    flex-shrink: 1;
}

.navbar-link h6 {
    font-weight: 600;
}

.navbar-dropdown {
    /*font-size: 0.875rem;*/
    padding-bottom: .5rem;
    padding-top: .5rem
}

    .navbar-dropdown .navbar-item {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        /*flex-basis: 25%;
        max-width: 25%;*/
        font-size: 1.125rem;
    }

@media screen and (max-width: 1023px) {
    a.navbar-item:hover, a.navbar-item.is-active, a.navbar-link:hover, a.navbar-link.is-active, div.navbar-link:hover, div.navbar-link.is-active {
        background-color: #fafafa;
    }

    .navbar-item.is-expanded {
        flex-grow: 1;
        flex-shrink: 1;
        padding: 0;
    }
}


@media (max-width:991px) {
    .navbar-dropdown .navbar-item {
        max-width: 100%;
    }
}

.navbar-divider {
    background-color: #D6D6D6; /* old: #D6D6D6 */
    border: none;
    display: none;
    height: 1px; /* old: 2px */
    margin: 0.5rem 0;
}

@media screen and (max-width: 767px) {
    .navbar-menu {
        background-color: white;
        box-shadow: 0 4px 8px rgba(10, 10, 10, 0.1);
    }
}

@media screen and (max-width: 1023px) {
    .navbar > .sgds-container {
        display: block;
    }

    .navbar-brand .navbar-item, .navbar-tabs .navbar-item {
        align-items: center;
        display: flex;
    }

    /*.navbar-menu {
        background-color: white;
        box-shadow: 0 4px 8px rgba(10, 10, 10, 0.1);*/  /*old: 0 8px 16px rgba(10, 10, 10, 0.1) */
        /*padding: 0.5rem 0;
    }*/

    .navbar-item.is-mega {
        position: relative;
    }

        .navbar-item.is-mega .has-dropdown::after {
            right: 1.125em;
        }

    .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 30;
    }

    .navbar.is-fixed-bottom-touch {
        bottom: 0;
    }

        .navbar.is-fixed-bottom-touch.has-shadow {
            box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
        }

    .navbar.is-fixed-top-touch {
        top: 0;
    }

        .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
            -webkit-overflow-scrolling: touch;
            max-height: calc(100vh - 5.25rem); /* old: calc(100vh - 6.25rem) */
            overflow: auto;
        }

    .sgds-menu .has-dropdown > .sgds-icon:not(.sgds-icon-external) {
        display: none;
    }

    .sgds-menu .navbar-dropdown {
        display: none;
    }

    .sgds-menu .nav-container.mobile-navbar-menu {
        display: flex !important;
        position: absolute;
        top: 0px;
        /*width: 2.5rem;*/
        width: unset;
        height: 100%;
        /*right: 3rem;*/
        left: unset;
        box-shadow: none;
        justify-content: center;
        align-items: center;
        padding: 0;
        overflow: hidden;
        /*padding-right: 20px;*/
        padding-right: 10px;
    }

        .sgds-menu .nav-container.mobile-navbar-menu:hover {
            cursor: pointer;
        }

        .sgds-menu .nav-container.mobile-navbar-menu .navbar-item {
            height: 100%;
            width: 100%;
        }

        .sgds-menu .nav-container.mobile-navbar-menu .js-notification {
            height: 100%;
            width: 100%;
            background: transparent;
        }
}

.navbar {
    /*margin-bottom: 10px;*/
    margin-bottom: 0;
}

.navbar-nav{
    margin: 0;
}
/*@media screen and (min-width: 768px) and (max-width: 1023px) {
    .navbar {
        margin-bottom: 10px;
    }
}*/
@media screen and (min-width: 1024px) {
    .navbar, .navbar-menu, .navbar-start, .navbar-end {
        align-items: stretch;
        display: flex !important;
    }

    .navbar {
        min-height: 5.25rem; /* old: 6.25rem */
        /*margin-bottom: 10px;*/
    }

        .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, .navbar.is-transparent a.navbar-link:hover, .navbar.is-transparent a.navbar-link.is-active {
            background-color: transparent !important;
        }

        .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
            background-color: transparent !important;
        }

        .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
            color: #74b74a;
        }

        .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
            color: #74b74a;
        }

    .navbar-burger {
        display: none;
    }

    .navbar-item, .navbar-link {
        align-items: center;
        display: flex;
    }

        .navbar-item.has-dropdown {
            align-items: stretch;
        }

        .navbar-item.is-mega .has-dropdown::after {
            right: 0;
        }

        .navbar-item.has-dropdown-up .navbar-link::after {
            transform: rotate(135deg) translate(0.25em, -0.25em);
        }

        .navbar-item.has-dropdown-up .navbar-dropdown {
            border-bottom: 2px solid #D6D6D6; /* old: 1px solid #D6D6D6 */
            border-radius: 0 0 0 0; /* old: 5px 5px 0 0 */
            border-top: none;
            bottom: 100%;
            box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
            top: auto;
        }

        .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
            display: block;
        }

            .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
                opacity: 1;
                pointer-events: auto;
                transform: translateY(0);
            }

    .navbar-menu {
        flex-grow: 1;
        flex-shrink: 0; /* old: initial */
        flex-wrap: wrap;
        padding-left: 0.5rem !important;
    }

        .navbar-menu.mobile-navbar-menu {
            flex-grow: 0;
        }

    .navbar-dropdown {
        background-color: white;
        border-bottom-left-radius: 0; /* old: 5px */
        border-bottom-right-radius: 0; /* old: 5px */
        border-top: 2px solid #D6D6D6; /* old: 1px solid #D6D6D6 */
        box-shadow: 0 4px 4px rgba(10, 10, 10, 0.1); /* old: 0 8px 8px rgba(10, 10, 10, 0.1) */
        display: none;
        /*font-size: 0.875rem;*/
        left: 0;
        min-width: 100%;
        position: absolute;
        top: 100%;
        z-index: 20;
        padding-top: 1rem;
        padding-bottom: 0.5rem; /* old: 1rem */
    }

        .navbar-dropdown .navbar-item {
            padding: 0.5rem 1rem; /* old: 0.375rem 1rem */
            white-space: nowrap;
        }

        .navbar-dropdown a.navbar-item {
            padding-right: 3rem;
        }

            .navbar-dropdown a.navbar-item:hover, .navbar-dropdown a.navbar-item.is-active {
                color: #74b74a;
                background-color: transparent;
                border: 0
            }

        .navbar-dropdown.is-boxed {
            border-radius: 5px;
            border-top: none;
            box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
            display: block;
            opacity: 0;
            pointer-events: none;
            top: calc(100% + (-4px));
            transform: translateY(-5px);
            transition-duration: 86ms;
            transition-property: opacity, transform;
        }

        .navbar-dropdown.is-right {
            left: auto;
            right: 0;
        }

    .navbar-divider {
        display: block;
    }

    .navbar > .sgds-container .navbar-brand, .sgds-container > .navbar .navbar-brand {
        margin-left: -0.75rem; /* old: -0.5rem */
        margin-left: unset !important;
    }

    .navbar > .sgds-container .navbar-menu, .sgds-container > .navbar .navbar-menu {
        margin-right: -0.75rem; /* old: -0.5rem */
    }

    .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 30;
    }

    .navbar.is-fixed-bottom-desktop {
        bottom: 0;
    }

        .navbar.is-fixed-bottom-desktop.has-shadow {
            box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
        }

    .navbar.is-fixed-top-desktop {
        top: 0;
    }

    a.navbar-item.is-active, a.navbar-link.is-active {
        color: #0a0a0a;
        border-bottom: 5px solid #6037b3;
        margin-top: 5px;
        font-weight: 600
    }

        a.navbar-item.is-active:not(:hover), a.navbar-link.is-active:not(:hover) {
            background-color: transparent;
        }
}

.padding--sm {
    padding: 0.5rem !important;
}

.padding--bottom--sm {
    padding-bottom: 0.5rem !important;
}

.sgds-menu .navbar-link.eportal-border {
    border: 3px solid #bed73b;
    padding: 0.5rem;
    transition: all 0.2s;
}

    .sgds-menu .navbar-link.eportal-border:hover {
        border: 3px solid #74b74a;
        background: #74b74a;
        color: #fff;
        transition: all 0.2s;
    }

@media screen and (min-width: 1216px) {
    .sgds-menu .navbar-link.eportal-border {
        margin: 2rem 0.5rem;
    }

    /*.sgds-menu .container, .sgds-search .container, .sgds-footer .container {
        max-width: 1152px;
    }*/
}

@media screen and (min-width: 1408px) {
    .sgds-menu .container, .sgds-search .container, .sgds-footer .container {
        /*max-width: 1344px;*/
    }
}

.sgds-menu .smallicon-notifications, .sgds-menu .sgds-icon-search, .sgds-menu .sgds-icon-cross {
    font-size: 24px;
    color: #484848;
}

@media (max-width: 1215px) {
    .sgds-menu .smallicon-notifications {
        font-size: 20px;
    }
}

.sgds-menu .icon-mic, .sgds-menu .icon-search {
    color: #484848;
}

@media screen and (max-width: 767px) {
    #search-activate {
        display: none;
    }
}

#mainnav {
    height: unset !important;
    margin-left: 40px;
}

@media screen and (min-width: 1024px) {
    #mainnav {
        margin-left: 40px;
    }
}

@media screen and (max-width: 1023px) {
    #mainnav {
        margin-left: auto;
    }
}
@charset "utf-8";

.opening {
    padding-bottom: 8px !important;
    display: none;
}

/*start - added for speech bubble*/
.speech-bubble {
    position: relative;
    max-width: 90%;
    padding: 0px;
    background: #e2f5f2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    float: right;
    padding: 10px 15px !important;
    margin: 4px 0px !important;
}

    .speech-bubble:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 6px 0 6px 14px;
        border-color: transparent #e2f5f2;
        display: block;
        width: 0;
        z-index: 1;
        right: -14px;
        top: 18px;
    }

.speech-bubble1 {
    position: relative;
    max-width: 90%;
    float: left;
    padding: 0px;
    background: #e5e9ee;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 15px !important;
    margin: 4px !important;
}

    .speech-bubble1:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 6px 14px 6px 0;
        border-color: transparent #e5e9ee;
        display: block;
        width: 0;
        z-index: 1;
        left: -10px;
        top: 11px;
    }

/*speech bubbles 111116*/
div.speech-bubble1 div * {
    background: none !important;
    max-width: 100%;
}


.speech-bubble_yesno {
    position: relative;
    max-width: 90%;
    float: left;
    padding: 0px;
    background: #e5e9ee;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 5px 15px !important;
    margin: 4px !important;
}

    .speech-bubble_yesno:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 6px 14px 6px 0;
        border-color: transparent #e5e9ee;
        display: block;
        width: 0;
        z-index: 1;
        left: -10px;
        top: 11px;
    }

/*speech bubble 111116*/
.speech-bubblerel {
    position: relative;    
    padding: 0px;
    float: left;
    text-decoration: none;
    background: #dfe5eb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 12px 10px !important;
    margin: 5px 5px 5px 5px !important;
}

    .speech-bubblerel:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 6px 14px 6px 0;
        border-color: transparent #dfe5eb;
        display: block;
        width: 0;
        z-index: 1;
        left: -10px;
        top: 13px;
    }

body {
    -ms-overflow-style: scrollbar !important;
}
/*end - added for speech bubble*/


.chattext, div.chat_box * {
    font-family: Roboto !important;
    margin: 0;
    padding: 0;
    font-size: 14px !important;
    line-height: normal;
}

.FB_panel .FB_panel_close, .FB_panel_close:active, .FB_panel_close:focus, .chat_box textarea:focus, .sliding_panel_close:active, .sliding_panel_close:focus {
    outline: 0;
}
/*speech bubble*/
div.chat_box * {
    margin: 0;
    padding: 0;
    font-size: 14px !important;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
/*speech bubble*/
div.chat_box {
    position: fixed !important;
    bottom: 5px;
    display: none;
    right: 20px;
    background: #fff;
    z-index: 1000;
    width: 255px;
    border: 2px solid #004e55;
    border: 2px solid #f5941d;
    max-height: 60px;
    color: #000;
    -moz-box-shadow: 0 4px 20px #bbb;
    -webkit-box-shadow: 0 4px 20px #bbb;
    -o-box-shadow: 0 4px 20px #bbb;
    -ms-box-shadow: 0 4px 20px #bbb;
    box-shadow: 2px 6px 23px #bbb;
    overflow: visible !important;
    -webkit-backface-visibility: hidden;
}

a:-webkit-any-link {
    text-decoration: none;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    /*width: 7px*/
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5)
}


div.chat_box .opening_message {
    margin-top: 0;
    padding: 10px;
    background: #fdf2e4;
}

.chat_box div.avatar_content {
    padding: 5px 5px 10px 5px; /*speech bubbles*/
    height: 280px;
    display: none;
    overflow-x: hidden;
    orientation: t;
}

.avatar_content ul {
    list-style: disc;
    font-size: 1.1em;
    color: #32313e;    
}

/*speech bubbles*/
.avatar_content .speech-bubble1 table {
    width: 100% !important;
    border-collapse: collapse;
}

/*speech bubbles*/
.avatar_content .speech-bubble1 td {
    padding: 5px;
    width: auto;
}

/*speech bubbles*/
.avatar_content .speech-bubble1 ul {
    margin: 10px;
}

/*speech bubbles*/
.avatar_content .speech-bubble1 ol {
    margin: 10px;
}

/*speech bubbles*/
.avatar_content .speech-bubble1 .FAQ_links ul {
    margin: 0px !important;
}

/*speech bubbles*/
.avatar_content .speech-bubble1 .FAQ_links ol {
    margin: 0px !important;
}

.avatar_content ul li div a {
    font-size: 12px;
    line-height: 1.6em;    
}
/*speech bubbles*/
.avatar_content > ul > li {    
    margin-right: 8px;
    display: inline-block;
    width: 98%;    
}

.switch_option_2 > ul > li {
    display: none;
}

    .switch_option_2 > ul > li.last_li {
        display: block;
    }

.avatar_content ul li li {
    border-bottom: 0;
    margin-left: 15px;
    margin-right: 30px;
}
/*speech bubbles*/
.avatar_content ul li div[class*=float_right] {
    max-width: 70%;
    min-width: 30%;
    padding: 8px;
    border: 1px solid #add5e6;
    color: #156399;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 10px !important;
    box-shadow: inset 0 1px 0 0 #fff,inset 0 -1px 0 0 #fff,inset 0 0 0 1px #fff,0 2px 4px 0 #ccc;
    -moz-box-shadow: inset 0 1px 0 0 #fff,inset 0 -1px 0 0 #fff,inset 0 0 0 1px #fff,0 2px 4px 0 #ccc;
    -webkit-box-shadow: inset 0 1px 0 0 #fff,inset 0 -1px 0 0 #fff,inset 0 0 0 1px #fff,0 2px 4px 0 #ccc;
    background-image: linear-gradient(to top, #e2f5f2, #fff);
    background-color: #e2f5f2;
    font-size: 1.1em;
}

.avatar_content ul li div[class*=float_chat] {
    border: none;
    float: left;
    font-size: 1.1em;
    margin-left: -4px;
    width: 100px;
}

    .avatar_content ul li div[class*=float_chat] a {
        color: #015e8c;
        font-size: .8em;
        line-height: 1.6em;
        text-decoration: none;
    }

.chattext {
    color: #00f;
    font-size: 12px;
}

.button-chat {
    background: #fff;
    border: 0;
    border-radius: 4px;
    display: inline;
    width: 100px;
    cursor: pointer;
}

.avatar_content ul li div[class*=float_right] a {
    font-size: 13px !important;
    line-height: 1.3em;
    text-decoration: none;
    color: #015e8c;
}
/*speech bubble*/
/*iframe {
    position: relative;
}*/
/*speech bubbles*/
.avatar_content ul li div[class*=float_fb], .avatar_content ul li div[class*=float_tts] {
    float: right;
    padding: 2px 5px 10px 0px;
    font-size: 1.1em;
    margin: 0;
}
/*speech bubbles*/
.avatar_content a, .avatar_content a span {
    list-style: none;
    font-size: 14px;
    color: #156399 !important;    
    font-weight: 400;
}


/*speech bubbles*/
.avatar_content ul li div.sliding_panel {
    float: none;
    position: absolute;
    display: none;
    top: 60px;
    right: 5px;
    z-index: 4
}

    /*speech bubbles*/
    .avatar_content ul li div.sliding_panel a {
        font-size: 12px !important;
        //line-height: 1.6em;
        text-decoration: none;
        color: #015e8c;
    }

.FAQs_close, .sliding_panel .sliding_panel_close {
    border: 0;
    float: right;
    background: 0;
    font-size: 1em !important;
    font-weight: 700;
    cursor: pointer;
    outline: 0;
}
/*speech bubbles*/
.avatar_content ul li div.FB_panel {
    float: left;
    position: relative;
    background: #fff;
    border: 0;
    display: block;
    z-index: 1 overflow:hidden !important;    
}

.FB_panel .FB_panel_close {
    border: 0;
    float: right;
    background: 0;
    font-size: 1.5em;
    font-weight: 700;
    cursor: pointer;
}

.avatar_content ul li div.tts_panel {
    float: none;
    position: relative;
    top: -5px;
    right: 0;
    background: #fff;
    border: 0;
    display: inline;
    z-index: 1;
}
/*speech bubble*/
.load {
    position: absolute;
    left: 45%;
    top: 45%;
    display: none;
    z-index: 5;
}

.previous_top_match {
    color: #1b5d32;
    cursor: pointer;
    border-bottom: 1px solid #1b5d32;
    font-size: .9em;
}
/*speech bubbles*/
.avatar_content ul li:last-child {
    border-bottom: 0;    
}

.avatar_content ul li p {
    margin: 5px 0;
}

    .avatar_content ul li p.red_color {
        color: red;
    }

.chat_textarea {
    font-color: red;
}

.chat_box textarea {
    position: relative;
    left: 0px;
    width: 60%;    
    padding: 0 0 0 5px;
    resize: none;
    border: 0;
    border-top: 0 solid #bbb;
    overflow: auto;
    background: none;
    vertical-align: top !important;
    float: none !important;
}

div.text_chat {
    position: relative;
    border-top: 1px solid #f5941d;
}

#my-div {
    position: relative;
    width: 400px;
    height: 210px;
    overflow: hidden;
}

#my-iframe {
    position: absolute;
    top: -120px;
    left: -50px;
    width: 1280px;
    height: 1200px;
}
/*speech bubble*/
ul.autocomplete {
    position: absolute;
    left: 2px;
    bottom: 50px;
    border: 1px solid #add5e6;
    color: #156399;
    list-style: none;
    display: none;
    z-index: 10000;    
    padding: 5px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-image: linear-gradient(to top, #e2f5f2, #fff);
    background-color: #e2f5f2;
}
    /*speech bubble*/
    ul.autocomplete li {
        padding: 5px 15px 5px 10px;
        margin: 1px;
        border-bottom: 1px solid #add5e6;
        font-size: 12px !important;
    }
        /*speech bubble*/
        ul.autocomplete li.auto_hover {
            background-color: #156399;
            color: #fff;
            cursor: pointer;
        }

.button-question, .button-yes {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
/*speech bubble*/
.chat_box .chat_head {
    padding: 6px 0 6px 5px;
    position: relative;
    cursor: move;
    height: 16px;
    background: #f5941d;
    background: -webkit-linear-gradient(#f5941d, #ee880b);
    background: linear-gradient(#f5941d, #ee880b);
}
/*speech bubble*/
img.avatar_img {
    position: absolute;
    right: 0px;
    bottom: -32px;
    z-index: 1000;
    width: 115px;
}

.chat_box .chat_head strong {
    color: #fff;
    font-size: 1.1em;
}

.betatext {
    color: #fff;
    font-size: .9em;
    font-style: italic;
}

.poweredbytext {
    color: #fff;
}

.fbtext, .predtext {
    font-family: Roboto !important;
    color: #000;
}
/*speech bubbles*/
.fbtext {
    font-size: 12px;    
}
/*speech bubbles*/
.predtext {
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    color: #156399;
    padding-left: 10px !important;
}

.emaillink {
    text-decoration: none !important;
}
/*speech bubbles*/
.button-question {
    background: #fff;
    display: inline;    
    height: 25px;
    padding-right: 5px !important;
    border-radius: 4px;
    border: 0;
    vertical-align: bottom;
}

.button-no, .button-yes {
    display: inline;
    width: 25px;
    height: 25px;
    color: #fff;
    cursor: pointer;
}

.button-yes {
    background: url(../images/ThumbsUp.png) right no-repeat;
    border-radius: 4px;
    border: 1px;
}

.button-no {
    background: url(../images/ThumbsDown.png) right no-repeat;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px;
}

.button-clear {
    background: #fff;
    color: #fff;
    display: clear;
    width: 5px; /*speech bubbles*/
    border: 0;
}
/*speech bubbles*/
.VAclose {
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer;
    display: none;
    z-index: 1001;
    opacity: 1;
}

.send_button, .send_container {
    position: relative;
    display: none;
}
/*speech bubble*/
.send_container {
    padding: 7px 0 7px 0 !important;
    background: #b4b4b4;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;    
    text-align: center;
}

.send_button {
    float: right;
    color: #000;    
    cursor: pointer;
    top: 7px;
    right: 20px;
    padding: 4px 10px !important;
    background: #52bdeb;
    background: linear-gradient(#52bdeb, #80cef0);
    background: -ms-linear-gradient(top, #fff 0, #80cef0 50%, #80cef0 50%, #52bdeb);
    background: -moz-linear-gradient(top, #fff 0, #80cef0 50%, #80cef0 50%, #52bdeb);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(.5, #80cef0), color-stop(.5, #80cef0), to(#52bdeb));
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #52bdeb;
    -moz-box-shadow: 0 1px 3px rgba(000, 000, 000, .5), inset 0 0 2px rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0 1px 3px rgba(000, 000, 000, .5), inset 0 0 2px rgba(255, 255, 255, 1);
    box-shadow: 0 1px 3px rgba(000, 000, 000, .5), inset 0 0 2px rgba(255, 255, 255, 1);
    text-shadow: 0 -1px 0 rgba(000, 000, 000, .2), 0 1px 0 rgba(255, 255, 255, .4);
}

    .send_button:active {
        padding-top: 6px !important;
        -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, .6);
        -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, .6);
        box-shadow: inset 0 1px 4px rgba(0, 0, 0, .6);        
        text-decoration: none;
    }

.va_says {
    color: #f5941d;
}

.ulFAQ {
    list-style-image: none !important;
}

.limargin {
    margin-left: -1px !important;
    padding-right: 15px !important;
}

.FAQlistyle {
    list-style-type: disc !important;
    margin-right: 15px !important;
}

/*speech bubble*/
div[class*=decision_tree] > div {
    
}
/*speech bubbles*/
.type-1, .type-2, .type-3, .type-3a, .judy_choice {
    cursor: pointer;
    border: 1px solid #add5e6;
    color: #156399;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 4px 6px !important;
    box-shadow: inset 0 1px 0 0 #fff,inset 0 -1px 0 0 #fff,inset 0 0 0 1px #fff,0 2px 4px 0 #ccc;
    -moz-box-shadow: inset 0 1px 0 0 #fff,inset 0 -1px 0 0 #fff,inset 0 0 0 1px #fff,0 2px 4px 0 #ccc;
    -webkit-box-shadow: inset 0 1px 0 0 #fff,inset 0 -1px 0 0 #fff,inset 0 0 0 1px #fff,0 2px 4px 0 #ccc;
    background-image: linear-gradient(to top, #e2f5f2, #fff);
    background-color: #e2f5f2;
    margin-right: 5px !important;
}
    /*speech bubbles*/
    .type-2:hover, .type-3:hover, .type-1:hover, .type-3a:hover, .judy_choice:hover {
        cursor: pointer;
        border: 1px solid #ccc;
        color: #444546;
        padding: 4px 6px !important;
        box-shadow: inset 0 1px 0 0 #fff,inset 0 -1px 0 0 #fff,inset 0 0 0 1px #fff,0 2px 4px 0 #ccc;
        -moz-box-shadow: inset 0 1px 0 0 #fff,inset 0 -1px 0 0 #fff,inset 0 0 0 1px #fff,0 2px 4px 0 #ccc;
        -webkit-box-shadow: inset 0 1px 0 0 #fff,inset 0 -1px 0 0 #fff,inset 0 0 0 1px #fff,0 2px 4px 0 #ccc;
        background-image: linear-gradient(to top, #ccc, #fff);
        background-color: #e2f5f2;
    }

.type-clear {
    display: none;
}

span.black_bold {
    font-weight: 700;
    color: #000;
}

.green_color, .type-4 {
    color: green;
}

.FAQ_tab a, .avatar_content ul li div.sliding_panel_button > a {
    color: #000;    
}

/*speech bubble 161116*/

.related_question {
    padding: 4px 10px !important;
    background-color: #fbefe2;
    background: -ms-linear-gradient(top, #fff 0, #fbefe2 50%, #fbefe2 50%, #fbefe2);
    background: -moz-linear-gradient(top, #fff 0, #fbefe2 50%, #fbefe2 50%, #fbefe2);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(.5, #fbefe2), color-stop(.5, #fbefe2), to(#fbefe2));
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ecd8c3;
}

/*speech bubble 161116*/

.related_question2 {
    max-width: 70%;
    min-width: 30%;
    padding: 10px !important;
    background-color: #fbefe2;
    background: -ms-linear-gradient(top, #fff 0, #fbefe2 50%, #fbefe2 50%, #fbefe2);
    background: -moz-linear-gradient(top, #fff 0, #fbefe2 50%, #fbefe2 50%, #fbefe2);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(.5, #fbefe2), color-stop(.5, #fbefe2), to(#fbefe2));
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #ecd8c3;
}


/*speech bubbles*/
div.sliding_panel_button {
    /*position: relative; 
    right: 2px;
    top: 0;
    z-index: 2;
    font-size: 1.3em;
    font-weight: 400!important;
    */
}

/*speech bubbles*/
.avatar_content ul li div.sliding_panel_button > a {
    text-decoration: none !important;
    color: #156399;
    float: right;
    margin-top: 15px;
}

.Terms a:hover, .powered_by a:hover {
    border-bottom: 1px solid #fff;
}
/*speech bubbles*/
.sliding_panel_button:active {
    /*padding-top: 3px!important;
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, .6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, .6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, .6);
    // border: solid 2px #52bdeb;
    border-radius: 10px!important;
    */
}

div.FB_panel_button {
    position: relative;
    display: block;
    right: -520px;
    top: 0;
    z-index: 3;
}

.avatar_content ul li div.FB_panel_button > a {
    display: inline-block;
    border-radius: 5px;
    background: url(../images/ThumbsUp.png) right no-repeat;
    height: 20px;
    width: 50px;
}
/*speech bubbles*/
.VAclear {
    clear: both;
}

div.chat_box .avatar_footer {
    padding: 6px 0 6px 5px;    
    color: #fff;
    display: none;
    font-size: 12px;
    background: #f5941d;
    background: -webkit-linear-gradient(#ee880b, #f5941d);
    background: linear-gradient(#ee880b, #f5941d);
    -webkit-transition: none;
}

.Terms a, .powered_by a {
    color: #fff;
    transition: all .5s;
    font-weight: 400 !important;
}
/*speech bubbles*/
div.chat_box .print_link {
    cursor: pointer;
    display: inline-block;
    color: #FFF !important;
}

.icon-white {
    background-image: url(../images/white-icons.png);
}
/*speech bubbles*/
.print_link .icon-print {
    background-position: -96px -48px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
    margin-left: 3px;
}
/*speech bubbles*/
/*[class*=" icon-"], [class^=icon-] {
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}*/
.ask_cheryl_minimized_tab.activeTab, .print, .project_2_answer, div.FAQ_links {
    display: none;
}

    /*amended for speech bubbles*/
    .FAQ_tab a, div.FAQ_links a, div.popular_links a {
        line-height: 1.4em;
        text-decoration: none;
    }
/*speech bubbles*/
/*[class*=" icon-"], div.chat_box [class^=icon-] {
    margin-left: 3px;
}*/
.multiple_answer_link, .project_2_display_link, .judy_ans, .judy_guided {
    cursor: pointer;
    list-style-type: none !important;
    margin-left: 5px !important;
}

div.chat_box div.powered_by {
    float: right;
    margin-right: 10px;
}

.powered_by a {
    text-decoration: none;
}

div.chat_box div.Terms {
    float: right;
    margin-right: 150px;
}

.Terms a {
    text-decoration: none;
}

.project_2_display_link, .judy_ans, .judy_guided {
    color: red;
}
/*speech bubble*/
.multiple_answer_link {
    color: #00f;
    margin: 0px !important;
}
/*.ask_cheryl_minimized_tab {
    position: fixed;
    right: -2px;
    bottom: 336px;
    height: 162px;
    width: 32px;
    display: none;
    background: url(../images/ask_cheryl_tab.png) no-repeat;
    z-index: 10000;
}*/

/*amended for speech bubbles*/
div.FAQ_links {
    position: relative;
    display: block;
    top: 5px;
    left: 0;
    margin-bottom: 5px;
    z-index: 4;
    max-width: 96%;
    border: 1px solid #add5e6;
    color: #156399;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 10px !important;
    background-image: linear-gradient(to top, #e2f5f2, #fff);
    background-color: #e2f5f2;
}

    div.FAQ_links a {
        font-weight: 400 !important;
        color: #015e8c;
        font-size: 12px !important;
    }
/*amended for speech bubbles*/
div.popular_links {
    position: absolute;
    top: 60px;
    left: 8px;
    z-index: 10;
    max-width: 80%;
    border: 1px solid #add5e6;
    color: #156399;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 10px !important;
    background-image: linear-gradient(to top, #e2f5f2, #fff);
    background-color: #e2f5f2;
    display: none;
}
    /*amended for speech bubbles*/
    div.popular_links a {
        font-weight: 400 !important;
        color: #015e8c;
        font-size: 12px !important;
    }

/*amended for speech bubbles*/
.faqtitletext {
    font-size: 1.1em !important;
    font-weight: bold;
    margin-bottom: 3px !important;
    margin-top: 5px !important;    
}

/*amended for speech bubbles*/
.hottopictitletext {
    font-size: 1.1em !important;
    font-weight: bold;
    margin-bottom: 3px !important;
}

/*amended for speech bubbles
.avatar_content>div>div.FAQ_links {
    position: relative;
    z-index: 0;
    display: block;
    top:5px;
    left:0;
    margin-bottom:5px;   
}*/
.FAQ_tab, .mdone {
    position: absolute;
}

/*amended for speech bubbles*/
.FAQ_tab, .avatar_content > .mdone {
    display: none;
}

/*amended for speech bubbles*/
.FAQ_tab {
    display: none;
}


.FAQ_tab {
    left: 3px;
    top: 14px;
    z-index: 500;    
}
    /*amended for speech bubbles*/
    .FAQ_tab a {
        display: inline-block;        
        padding: 4px 10px !important;
        background: #52bdeb;
        background: linear-gradient(#52bdeb, #80cef0);
        background: -ms-linear-gradient(top, #fff 0, #80cef0 50%, #80cef0 50%, #52bdeb);
        background: -moz-linear-gradient(top, #fff 0, #80cef0 50%, #80cef0 50%, #52bdeb);
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(.5, #80cef0), color-stop(.5, #80cef0), to(#52bdeb));
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #52bdeb;
        -moz-box-shadow: 0 1px 3px rgba(000, 000, 000, .5), inset 0 0 2px rgba(255, 255, 255, 1);
        -webkit-box-shadow: 0 1px 3px rgba(000, 000, 000, .5), inset 0 0 2px rgba(255, 255, 255, 1);
        box-shadow: 0 1px 3px rgba(000, 000, 000, .5), inset 0 0 2px rgba(255, 255, 255, 1);
    }

.ie-7 .chat_box div.avatar_content, .ie-8 .chat_box div.avatar_content {
    border: 0;
    background-color: #fff;
}

.ie-8 div.text_chat {    
    border-top: 1px solid #f5941d;
}

.ie-7 div.text_chat {
    border: 0;
}

.ie-7 .chat_box textarea {
    width: 50%
}

.mdone {
    display: none;
    cursor: pointer;
    right: 10px;
    text-decoration: none;
    top: 0;
    color: #000 !important;
    z-index: 1000;
    font-family: Roboto, Helvetica, sans-serif;
    text-align: center;
    padding: 4px 10px !important;
    background-color: #52bdeb;
    background: -ms-linear-gradient(top, #fff 0, #80cef0 50%, #80cef0 50%, #52bdeb);
    background: -moz-linear-gradient(top, #fff 0, #80cef0 50%, #80cef0 50%, #52bdeb);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(.5, #80cef0), color-stop(.5, #80cef0), to(#52bdeb));
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #52bdeb;
    -moz-box-shadow: 0 1px 3px rgba(000, 000, 000, .5), inset 0 0 2px rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0 1px 3px rgba(000, 000, 000, .5), inset 0 0 2px rgba(255, 255, 255, 1);
    box-shadow: 0 1px 3px rgba(000, 000, 000, .5), inset 0 0 2px rgba(255, 255, 255, 1);
    text-shadow: 0 -1px 0 rgba(000, 000, 000, .2), 0 1px 0 rgba(255, 255, 255, .4);
}

    .mdone:active {
        padding-top: 6px !important;
        -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, .6);
        -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, .6);
        box-shadow: inset 0 1px 4px rgba(0, 0, 0, .6);
    }

@font-face {
    font-family: weather;
    src: url(../images/font/artill_clean_icons-webfont.eot);
    src: url(../images/font/artill_clean_icons-webfont.eot?#iefix) format('embedded-opentype'), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff) format('woff'), url(../images/font/artill_clean_icons-webfont.ttf) format('truetype'), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg) format('svg');
    font-weight: 400;
    font-style: normal;
}

div.weather {
    position: relative;
    width: 430px;
    text-align: left;
    text-transform: uppercase;
    background: url(../images/sky.jpg) no-repeat;
    background-size: 100%;
    height: 140px;
    margin-top: 5px;
}

.weather i {
    color: #fff;
    font-size: 100px !important;
    line-height: .8;
    font-family: weather !important;
    src: url(../images/font/artill_clean_icons-webfont.eot);
    src: url(../images/font/artill_clean_icons-webfont.eot?#iefix) format('embedded-opentype'), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff) format('woff'), url(../images/font/artill_clean_icons-webfont.ttf) format('truetype'), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg) format('svg');
    font-weight: 400;
    font-style: normal;
}

.icon-0:before {
    content: ":";
    margin-left: -50px;
}

.icon-1:before {
    content: "p";
    margin-left: -50px;
}

.icon-2:before {
    content: "S";
    margin-left: -50px;
}

.icon-3:before {
    content: "Q";
    margin-left: -50px;
}

.icon-4:before {
    content: "S";
    margin-left: -50px;
}

.icon-5:before, .icon-6:before, .icon-7:before, .icon-8:before {
    content: "W";
    margin-left: -50px;
}

.icon-9:before {
    content: "I";
    margin-left: -50px;
}

.icon-10:before {
    content: "W";
    margin-left: -50px;
}

.icon-11:before, .icon-12:before, .icon-13:before, .icon-14:before {
    content: "I";
    margin-left: -50px;
}

.icon-15:before {
    content: "W";
    margin-left: -50px;
}

.icon-16:before {
    content: "I";
    margin-left: -50px;
}

.icon-17:before {
    content: "W";
    margin-left: -50px;
}

.icon-18:before {
    content: "U";
    margin-left: -50px;
}

.icon-19:before, .icon-20:before, .icon-21:before, .icon-22:before, .icon-23:before {
    content: "Z";
    margin-left: -50px;
}

.icon-24:before, .icon-25:before {
    content: "E";
    margin-left: -50px;
}

.icon-26:before {
    content: "3";
    margin-left: -50px;
}

.icon-27:before {
    content: "a";
    margin-left: -50px;
}

.icon-28:before {
    content: "A";
    margin-left: -50px;
}

.icon-29:before {
    content: "a";
    margin-left: -50px;
}

.icon-30:before {
    content: "A";
    margin-left: -50px;
}

.icon-31:before {
    content: "6";
    margin-left: -50px;
}

.icon-32:before {
    content: "1";
    margin-left: -50px;
}

.icon-33:before {
    content: "6";
    margin-left: -50px;
}

.icon-34:before {
    content: "1";
    margin-left: -50px;
}

.icon-35:before {
    content: "W";
    margin-left: -50px;
}

.icon-36:before {
    content: "1";
    margin-left: -50px;
}

.icon-37:before, .icon-38:before, .icon-39:before {
    content: "S";
    margin-left: -50px;
}

.icon-40:before {
    content: "M";
    margin-left: -50px;
}

.icon-41:before {
    content: "W";
    margin-left: -50px;
}

.icon-42:before {
    content: "I";
    margin-left: -50px;
}

.icon-43:before {
    content: "W";
    margin-left: -50px;
}

.icon-44:before {
    content: "a";
    margin-left: -50px;
}

.icon-45:before {
    content: "S";
    margin-left: -50px;
}

.icon-46:before {
    content: "U";
    margin-left: -50px;
}

.icon-47:before {
    content: "S";
    margin-left: -50px;
}

.weather h2 {
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: 50px !important;
    font-weight: 300 !important;
    text-align: center !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .15) !important;
}

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

.weather li {
    background: #fff !important;
    background: rgba(255, 255, 255, .9) !important;
    padding: 10px !important;
    display: inline-block !important;
    border-radius: 5px !important;
}

.weather .currently {
    margin: 0 10px !important;
}

.ie-7 div.weather, .ie-8 div.weather {
    background: #87CEFA;
}

.js-geolocation {
    display: block;
    margin-left: 15px auto;
    width: 140px;
    padding: 0;
    background: 0 0;
    color: #00f;
    border: 0;
    border-radius: 5px;
}

.svg-inline--fa.fa-w-16 {
    transform: scale(0.90);
    min-width: 33px;
    min-height: 33px;
}

/*.svg-inline--fa.fa-w-14, */
.svg-inline--fa.fa-w-18, .svg-inline--fa.fa-w-9 {
    min-width: 33px;
    min-height: 33px;
    transform: scale(0.75);
}

.svg-inline--fa.fa-w-16.fa-twitter,
.svg-inline--fa.fa-w-18.fa-youtube,
.svg-inline--fa.fa-w-16.fa-print,
.svg-inline--fa.fa-w-16.fa-search {
    transform: none;
    min-width: 0;
    min-height: 0;
    border: 0;
}
.svg-inline--fa.fa-w-14.fa-font {
    margin: 0 2px;
    width: calc(100% - 8px);
}

@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}