﻿                     /*
///////////////////////////////////////////////////
0 STYLES FOR SP SCROLLING
///////////////////////////////////////////////////
                    */                  
                   
                    body.v4master {
                    overflow: visible;
                    height: inherit;
                    width: inherit;
                    }
                    #s4-ribbonrow .ms-MenuUIPopupBody,
                    #s4-ribbonrow .ms-popoutMenu,
                    .ms-cui-menu[id ^= "Ribbon."] {
                        position: fixed !important;
                    }
                    .ms-dlgOverlay {
                        width: 100% !important;
                    }
                                    
                    /*
///////////////////////////////////////////////////
1.0 BASE
///////////////////////////////////////////////////
                    */
                    
                    .ms-ToolPaneOuter {
                        z-index: 120;
                        position: relative;
                    }

                    #s4-bodyContainer {
                        padding-bottom: 0px;
                        font-family: "Open Sans", Arial, sans-serif;
                        font-size: 16px;
                        line-height: 26px;
                        color: gray;
                        font-weight: 400;
                        padding-bottom: 0px;
                        margin-top: -1px;
                    }
                    
                    #s4-workspace {
                        position: relative;
                        overflow: visible !important;
                    }
                    .ms-webpartzone-cell {
                        margin: 0px;
                    }
                    .ms-rteStyle-Accent1 {
                        color: #30337f;
                        font-size: 1em;
                        letter-spacing: .03em;
                        margin: 0px;
                        font-weight: bold;
                        font-family: "Open Sans", Arial, sans-serif;
                    }

                    .ms-rteStyle-Accent2 {
                        font-size: 1.5em;
                        padding-bottom: 10px;
                        margin: 5px 0px 15px 0px;
                        border-bottom: 2px solid #f9c118;
                    }

                    @media screen and (max-width: 480px) {
                         #s4-workspace {
                            min-width: 320px;
                            float: left;
                            width: 100%;
                        }
                    }

                    body.v4master {
                       overflow: visible;
                       height: inherit;
                       width: inherit;
                    }
                    
                    h1,
                    h2,
                    h3,
                    h4,
                    h5,
                    h6 {
                        margin: 0 0 30px 0;
                        padding: 0;
                        font-family: "ralewayblack", Arial, sans-serif;
                        letter-spacing: .05em;
                        color: #262626;
                    }
                    
                    h2 {
                        font-size: 1.5em;
                        color: #262626 !important;
                        border-bottom: 3px solid #f9c118;
                        padding-bottom:5px;
                        margin-bottom: 15px;
                    }

                    @media screen and (max-width: 750px) {
                    h2 {
                        font-size: 1.5em;    
                        margin-top:20px          
                    }
                    }

                    @media screen and (max-width: 500px) {
                    h2 {
                        font-size: 1.2em;    
                    }
                    }
                    
                    h3 {
                        font-size: 2em;
                    }
                    
                    h4 {
                        font-size: 1.8em;
                    }
                    
                    h5 {
                        font-size: 1.5em;
                        margin-bottom: 10px;
                    }
                    
                    p {
                        margin-bottom: 30px;
                        font-weight: 100;
                        letter-spacing: .03em;
                    }
                    
                    a,
                    a:visited {
                        color: #146c9c;
                        -webkit-transition: all 0.5s ease;
                        -moz-transition: all 0.5s ease;
                        -ms-transition: all 0.5s ease;
                        -o-transition: all 0.5s ease;
                        transition: all 0.5s ease;
                    }
                    
                    a:hover,
                    a:focus,
                    a:active {
                        outline: none;
                        text-decoration: none;
                    }
                    
                    .btn {
                        margin-right: 4px;
                        margin-bottom: 4px;
                        font-family: "Open Sans", Arial, sans-serif;
                        font-size: 12px;
                        text-transform: uppercase;
                        font-weight: 700;
                        -webkit-border-radius: 1px;
                        -moz-border-radius: 1px;
                        -ms-border-radius: 1px;
                        border-radius: 1px;
                        -webkit-transition: 0.5s;
                        -o-transition: 0.5s;
                        transition: 0.5s;
                    }
                    
                    .btn:hover,
                    .btn:active,
                    .btn:focus {
                        box-shadow: none !important;
                        outline: none !important;
                    }
                    
                    .btn-primary {
                        background: #146c9c;
                        color: #fff;
                        border: 2px solid #146c9c;
                    }

                    .btn-primary:visited {
                        color: #fff;
                    }
                    
                    .btn-primary:hover,
                    .btn-primary:focus,
                    .btn-primary:active {
                        background: #0477f4 !important;
                        border-color: #0477f4 !important;
                    }
                    
                    .btn-primary.btn-outline {
                        background: transparent;
                        color: #146c9c;
                        border: 2px solid #146c9c;
                    }
                    
                    .btn-primary.btn-outline:hover,
                    .btn-primary.btn-outline:focus,
                    .btn-primary.btn-outline:active {
                        background: #146c9c;
                        color: #fff;
                    }
                    
                    .btn-success {
                        background: transparent;
                        color: #fff;
                        border: 2px solid #58ca7e;
                    }
                    
                    .btn-success:hover,
                    .btn-success:focus,
                    .btn-success:active {
                        background: #45c46f !important;
                        border-color: #45c46f !important;
                    }
                    
                    .btn-success.btn-outline {
                        background: transparent;
                        color: #58ca7e;
                        border: 2px solid #58ca7e;
                    }
                    
                    .btn-success.btn-outline:hover,
                    .btn-success.btn-outline:focus,
                    .btn-success.btn-outline:active {
                        background: #58ca7e;
                        color: #fff;
                    }
                    
                    .btn-info {
                        background: transparent;
                        color: #fff;
                        border: 2px solid #146c9c;
                    }
                    
                    .btn-info:hover,
                    .btn-info:focus,
                    .btn-info:active {
                        background: #0477f4 !important;
                        border-color: #0477f4 !important;
                    }
                    
                    .btn-info.btn-outline {
                        background: transparent;
                        color: #146c9c;
                        border: 2px solid #146c9c;
                    }
                    
                    .btn-info.btn-outline:hover,
                    .btn-info.btn-outline:focus,
                    .btn-info.btn-outline:active {
                        background: #146c9c;
                        color: #fff;
                    }
                    
                    .btn-secondary {
                        background: transparent;
                        color: #fff;
                        border: 2px solid #ccc;
                    }
                    
                    .btn-secondary:hover,
                    .btn-secondary:focus,
                    .btn-secondary:active {
                        background: #ccc !important;
                        border-color: #ccc !important;
                    }
                    
                    .btn-secondary.btn-outline {
                        background: transparent;
                        color: #484848;
                        border: 2px solid #ccc;
                    }
                    
                    .btn-secondary.btn-outline:hover,
                    .btn-secondary.btn-outline:focus,
                    .btn-secondary.btn-outline:active {
                        background: #ccc;
                        color: #484848;
                    }
                    
                    .btn-warning {
                        background: transparent;
                        color: #fff;
                        border: 2px solid #f9c118;
                    }
                    a.btn-warning:visited {
                       color: #fff !important;             
                    }
                    .btn-warning:hover,
                    .btn-warning:focus,
                    .btn-warning:active {
                        background: #f9c118 !important;
                        border-color: #f9c118 !important;
                        color: #484848;
                    }
                    a.btn-warning:hover,
                    a.btn-warning:focus,
                    a.btn-warning:active {
                        background: #f9c118 !important;
                        border-color: #f9c118 !important;
                        color: #484848 !important;
                    }
                    
                    .btn-warning.btn-outline {
                        background: transparent;
                        color: #f9c118;
                        border: 2px solid #f9c118;
                    }
                    
                    .btn-warning.btn-outline:hover,
                    .btn-warning.btn-outline:focus,
                    .btn-warning.btn-outline:active {
                        background: #f9c118;
                        color: #fff;
                    }
                    
                    .btn-danger {
                        background: #fb4f59;
                        color: #fff;
                        border: 2px solid #fb4f59;
                    }
                    
                    .btn-danger:hover,
                    .btn-danger:focus,
                    .btn-danger:active {
                        background: #fa3641 !important;
                        border-color: #fa3641 !important;
                    }
                    
                    .btn-danger.btn-outline {
                        background: transparent;
                        color: #fb4f59;
                        border: 2px solid #fb4f59;
                    }
                    
                    .btn-danger.btn-outline:hover,
                    .btn-danger.btn-outline:focus,
                    .btn-danger.btn-outline:active {
                        background: #fb4f59;
                        color: #fff;
                    }
                    
                    .btn-outline {
                        background: none;
                        border: 2px solid gray;
                        font-size: 12px;
                        letter-spacing: 2px;
                        text-transform: uppercase;
                        -webkit-transition: all 0.3s ease;
                        -moz-transition: all 0.3s ease;
                        -ms-transition: all 0.3s ease;
                        -o-transition: all 0.3s ease;
                        transition: all 0.3s ease;
                    }
                    
                    .btn-outline:hover,
                    .btn-outline:focus,
                    .btn-outline:active {
                        box-shadow: none;
                    }
                    
                    .lnk-primary {
                        color: #146c9c;
                    }
                    
                    .lnk-primary:hover,
                    .lnk-primary:focus,
                    .lnk-primary:active {
                        color: #0477f4;
                    }
                    
                    .lnk-success {
                        color: #58ca7e;
                    }
                    
                    .lnk-success:hover,
                    .lnk-success:focus,
                    .lnk-success:active {
                        color: #45c46f;
                    }
                    
                    .lnk-info {
                        color: #146c9c;
                    }
                    
                    .lnk-info:hover,
                    .lnk-info:focus,
                    .lnk-info:active {
                        color: #0477f4;
                    }
                    
                    .lnk-warning {
                        color: #fed330;
                    }
                    
                    .lnk-warning:hover,
                    .lnk-warning:focus,
                    .lnk-warning:active {
                        color: #fece17;
                    }
                    
                    .lnk-danger {
                        color: #fb4f59;
                    }
                    
                    .lnk-danger:hover,
                    .lnk-danger:focus,
                    .lnk-danger:active {
                        color: #fa3641;
                    }
                    
                    a .lnk-icon-right {
                        top: 2px;
                        position: relative;
                        display: -moz-inline-stack;
                        display: inline-block;
                        zoom: 1;
                        *display: inline;
                        -webkit-transition: all 0.3s ease;
                        -moz-transition: all 0.3s ease;
                        -ms-transition: all 0.3s ease;
                        -o-transition: all 0.3s ease;
                        transition: all 0.3s ease;
                    }
                    
                    a:hover .lnk-icon-right {
                        padding-left: 5px;
                    }

                    ol, ul {
                        font-weight: 100;
                    }
                    /* Helper Classes for lists */
                    
                    ul.list-style-none,
                    ol.list-style-none {
                        list-style: none;
                        margin: 0px;
                        padding: 0px;
                    }

                    .alert-danger {
                        background-color: #a94442;
                        color: #a94442;
                        margin: 0px 0px -1px 0px;
                        padding: 25px;
                        font-size: 1.2em;
                        line-height: 1.4em;
                        color: white;
                        border-radius: 0px;
                        border: 0px;
                    }

                    .alert-danger a {
                        text-decoration: underline;
                        color: #fff;
                    }

                    .alert-danger a:hover,
                    .alert-danger a:active,
                    .alert-danger a:focus {
                        text-decoration: underline;
                        color: #ccc;
                    }

                    /* Scroll Animations */
                    
                    @-webkit-keyframes ani-mouse {
                        0% {
                            opacity: 1;
                            top: 29%;
                        }
                        15% {
                            opacity: 1;
                            top: 50%;
                        }
                        50% {
                            opacity: 0;
                            top: 50%;
                        }
                        100% {
                            opacity: 0;
                            top: 29%;
                        }
                    }
                    
                    @-moz-keyframes ani-mouse {
                        0% {
                            opacity: 1;
                            top: 29%;
                        }
                        15% {
                            opacity: 1;
                            top: 50%;
                        }
                        50% {
                            opacity: 0;
                            top: 50%;
                        }
                        100% {
                            opacity: 0;
                            top: 29%;
                        }
                    }
                    
                    @keyframes ani-mouse {
                        0% {
                            opacity: 1;
                            top: 29%;
                        }
                        15% {
                            opacity: 1;
                            top: 50%;
                        }
                        50% {
                            opacity: 0;
                            top: 50%;
                        }
                        100% {
                            opacity: 0;
                            top: 29%;
                        }
                    }
                    
                    .scroll-btn {
                        display: block;
                        position: absolute;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        text-align: center;
                        z-index: 15;
                    }
                    
                    .scroll-btn > * {
                        display: inline-block;
                        line-height: 18px;
                        font-size: 13px;
                        font-weight: normal;
                        color: #7f8c8d;
                        color: #ffffff;
                        font-family: "Open Sans", Arial, sans-serif;
                        letter-spacing: 2px;
                    }
                    
                    .scroll-btn > *:hover,
                    .scroll-btn > *:focus,
                    .scroll-btn > *.active {
                        color: #ffffff;
                    }
                    
                    .scroll-btn > *:hover,
                    .scroll-btn > *:focus,
                    .scroll-btn > *:active,
                    .scroll-btn > *.active {
                        opacity: 0.8;
                        filter: alpha(opacity=80);
                    }
                    
                    .scroll-btn .mouse {
                        position: relative;
                        display: block;
                        width: 30px;
                        height: 45px;
                        margin: 0 auto 20px;
                        -webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        box-sizing: border-box;
                        border: 2px solid white;
                        border-radius: 23px;
                    }
                    
                    .scroll-btn .mouse > * {
                        position: absolute;
                        display: block;
                        top: 29%;
                        left: 50%;
                        width: 2px;
                        height: 6px;
                        margin: -2px 0 0 -1px;
                        background: white;
                        -webkit-animation: ani-mouse 2.5s linear infinite;
                        -moz-animation: ani-mouse 2.5s linear infinite;
                        animation: ani-mouse 2.5s linear infinite;
                    }
                    /* Utilities */
                    
                    .wi-flex {
                        display: -webkit-box;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: -webkit-flex;
                        display: flex;
                    }
                    
                    @media screen and (max-width: 480px) {
                        .col-xxs-12 {
                            float: none !important;
                            width: 100% !important;
                            display: block !important;
                        }
                    }

                    /*
/////////////////////////////////////////////////// 
ACCORDION
///////////////////////////////////////////////////
*/
                    #accordion .panel-default {
                    border-color: transparent;
                    padding: 10px 0px;
                    }
                    #accordion .panel-default > .panel-heading {
                    color: #333333;
                    background-color: transparent;
                    border-color: #ddd;
                    padding: 0px;
                    }
                    #accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
                    border-top-color: transparent;
                    padding: 15px 0px;
                    }
                    #accordion .panel-default > .panel-heading .badge {
                    color: #f5f5f5;
                    background-color: #333333;
                    }
                    #accordion .panel-default > .panel-footer + .panel-collapse > .panel-body {
                    border-bottom-color: transparent;
                    }
                    .panel-title {
                    font-family: "ralewayregular", Arial, sans-serif;
                    font-weight: 800 !important;
                    color: #146c9c !important;
                    }

                    /*
/////////////////////////////////////////////////// 
NAVIGATION
///////////////////////////////////////////////////
*/
                    
                    #wi-offcanvass {
                        position: fixed;
                        width: 250px;
                        bottom: 0;
                        top: 0;
                        padding: 20px;
                        z-index: 1;
                        display: none;
                        background: #095d8f;
                        -webkit-backface-visibility: hidden;
                    }
                    
                    #wi-offcanvass.offcanvass-nav-style-2 .wi-special,
                    #wi-offcanvass.offcanvass-nav-style-2 .wi-inline,
                    #wi-offcanvass.offcanvass-nav-style-1 .wi-special,
                    #wi-offcanvass.offcanvass-nav-style-1 .wi-inline {
                        margin-top: 20px;
                        padding-top: 20px;
                        border-top: 1px solid rgba(255, 255, 255, 0.05);
                    }
                    
                    #wi-offcanvass.offcanvass-nav-style-2 .wi-special li,
                    #wi-offcanvass.offcanvass-nav-style-2 .wi-inline li,
                    #wi-offcanvass.offcanvass-nav-style-1 .wi-special li,
                    #wi-offcanvass.offcanvass-nav-style-1 .wi-inline li {
                        display: inline;
                    }
                    
                    #wi-offcanvass.offcanvass-nav-style-2 .wi-special li a,
                    #wi-offcanvass.offcanvass-nav-style-2 .wi-inline li a,
                    #wi-offcanvass.offcanvass-nav-style-1 .wi-special li a,
                    #wi-offcanvass.offcanvass-nav-style-1 .wi-inline li a {
                        padding: 10px 0;
                        float: left;
                        margin: 0 20px 0 0;
                    }
                    
                    #wi-offcanvass > nav {
                        position: relative !important;
                    }
                    
                    #wi-offcanvass.wi-offcanvass-left {
                        left: 0;
                        -moz-transform: translateX(-250px);
                        -webkit-transform: translateX(-250px);
                        -ms-transform: translateX(-250px);
                        -o-transform: translateX(-250px);
                        transform: translateX(-250px);
                        -webkit-transition: all 0.8s ease-in;
                        -moz-transition: all 0.8s ease-in;
                        -ms-transition: all 0.8s ease-in;
                        -o-transition: all 0.8s ease-in;
                        transition: all 0.8s ease-in;
                    }
                    
                    .mobile-menu-expanded #wi-offcanvass.wi-offcanvass-left {
                        -webkit-transition: all 0.4s ease-out;
                        -moz-transition: all 0.4s ease-out;
                        -ms-transition: all 0.4s ease-out;
                        -o-transition: all 0.4s ease-out;
                        transition: all 0.4s ease-out;
                        -moz-transform: translateX(0px);
                        -webkit-transform: translateX(0px);
                        -ms-transform: translateX(0px);
                        -o-transform: translateX(0px);
                        transform: translateX(0px);
                    }
                    
                    #wi-offcanvass.wi-offcanvass-right {
                        right: 0;
                        -moz-transform: translateX(250px);
                        -webkit-transform: translateX(250px);
                        -ms-transform: translateX(250px);
                        -o-transform: translateX(250px);
                        transform: translateX(250px);
                        -webkit-transition: all 0.8s ease-in;
                        -moz-transition: all 0.8s ease-in;
                        -ms-transition: all 0.8s ease-in;
                        -o-transition: all 0.8s ease-in;
                        transition: all 0.8s ease-in;
                    }
                    
                    .mobile-menu-expanded #wi-offcanvass.wi-offcanvass-right {
                        -webkit-transition: all 0.5s ease-out;
                        -moz-transition: all 0.5s ease-out;
                        -ms-transition: all 0.5s ease-out;
                        -o-transition: all 0.5s ease-out;
                        transition: all 0.5s ease-out;
                        -moz-transform: translateX(0px);
                        -webkit-transform: translateX(0px);
                        -ms-transform: translateX(0px);
                        -o-transform: translateX(0px);
                        transform: translateX(0px);
                    }
                    
                    @media screen and (max-width: 768px) {
                        #wi-offcanvass {
                            display: block;
                        }
                    }
                    
                    #wi-offcanvass a {
                        color: rgba(255, 255, 255, 0.7);
                    }
                    
                    #wi-offcanvass a:hover,
                    #wi-offcanvass a:focus,
                    #wi-offcanvass a:active {
                        outline: none;
                        text-decoration: none;
                    }
                    
                    #wi-offcanvass .wi-logo a {
                        font-size: 30px;
                        color: rgba(255, 255, 255, 0.5);
                    }
                    
                    #wi-offcanvass ul {
                        padding: 0;
                        margin: 0;
                        float: left;
                    }
                    
                    #wi-offcanvass ul li {
                        padding: 0;
                        margin: 0;
                        display: block;
                        list-style: none;
                        float: left;
                        width: 100%;
                    }
                    
                    #wi-offcanvass ul li a {
                        padding: 10px;
                        display: block;
                        float: left;
                        width: 100%;
                        font-family: "ralewayregular", Arial, sans-serif;
                        text-transform: uppercase;
                        letter-spacing: .07em;
                        font-size: 1.3em;
                    }
                    
                    #wi-offcanvass ul li a:hover {
                        color: white;
                    }
                    
                    #wi-offcanvass ul li a.call-to-action {
                        margin-top: 40px;
                        border: 2px solid #58ca7e;
                        background: #58ca7e;
                        padding: 2px 15px !important;
                        display: -moz-inline-stack;
                        display: inline-block;
                        zoom: 1;
                        *display: inline;
                        -webkit-border-radius: 30px;
                        -moz-border-radius: 30px;
                        -ms-border-radius: 30px;
                        border-radius: 30px;
                        color: #fff;
                    }
                    
                    #wi-offcanvass ul li a.call-to-action:hover {
                        color: #fff;
                        border: 2px solid #45c46f;
                        background: #45c46f;
                    }
                    
                    #wi-offcanvass ul.wi-inline {
                        width: 100%;
                    }
                    
                    #wi-offcanvass ul.wi-inline li {
                        display: inline-block;
                        float: none;
                        width: auto;
                    }
                    
                    #wi-offcanvass ul.wi-inline li a {
                        display: inline-block;
                        float: none;
                        width: auto;
                        margin-right: 10px;
                    }
                    
                    #wi-gov-wrapper {
                        position: relative;
                        z-index: 2;
                    }
                    
                    #wi-gov-wrapper.wi-offcanvass-left {
                        -moz-transform: translateX(0px);
                        -webkit-transform: translateX(0px);
                        -ms-transform: translateX(0px);
                        -o-transform: translateX(0px);
                        transform: translateX(0px);
                        -webkit-transition: all 0.4s ease-in;
                        -moz-transition: all 0.4s ease-in;
                        -ms-transition: all 0.4s ease-in;
                        -o-transition: all 0.4s ease-in;
                        transition: all 0.4s ease-in;
                    }
                    
                    .mobile-menu-expanded #wi-gov-wrapper.wi-offcanvass-left {
                        -webkit-transition: all 0.5s ease-out;
                        -moz-transition: all 0.5s ease-out;
                        -ms-transition: all 0.5s ease-out;
                        -o-transition: all 0.5s ease-out;
                        transition: all 0.5s ease-out;
                        -moz-transform: translateX(250px);
                        -webkit-transform: translateX(250px);
                        -ms-transform: translateX(250px);
                        -o-transform: translateX(250px);
                        transform: translateX(250px);
                    }
                    
                    #wi-gov-wrapper.wi-offcanvass-right {
                        -webkit-transition: all 0.5s ease-in;
                        -moz-transition: all 0.5s ease-in;
                        -ms-transition: all 0.5s ease-in;
                        -o-transition: all 0.5s ease-in;
                        transition: all 0.5s ease-in;
                        -moz-transform: translateX(0px);
                        -webkit-transform: translateX(0px);
                        -ms-transform: translateX(0px);
                        -o-transform: translateX(0px);
                        transform: translateX(0px);
                    }
                    
                    .mobile-menu-expanded #wi-gov-wrapper.wi-offcanvass-right {
                        -webkit-transition: all 0.5s ease-out;
                        -moz-transition: all 0.5s ease-out;
                        -ms-transition: all 0.5s ease-out;
                        -o-transition: all 0.5s ease-out;
                        transition: all 0.5s ease-out;
                        -moz-transform: translateX(-250px);
                        -webkit-transform: translateX(-250px);
                        -ms-transform: translateX(-250px);
                        -o-transform: translateX(-250px);
                        transform: translateX(-250px);
                    }
                    /* NAV STYLE #1 */
                    
                    .navigation {
                        position: absolute;
                        z-index: 8;
                        width: 100%;
                        margin-top: 40px;
                        font-weight: 300;
                        text-shadow: 1px 1px 2px #6c6d70;
                        letter-spacing: .03em;
                    }
                    
                    @media screen and (max-width: 768px) {
                        .navigation {
                            margin-top: 20px;
                        }
                    }
                    
                    .navigation[data-offcanvass-position="wi-offcanvass-left"] .wi-nav-toggle {
                        right: auto;
                        top: auto;
                        top: 0;
                        left: 0;
                        margin-top: -15px !important;
                    }
                    
                    .navigation[data-offcanvass-position="wi-offcanvass-right"] .wi-nav-toggle {
                        background: #fff!important;
                        background: hsla(0, 0%, 100%, .85)!important;
                        box-shadow: 0 0.5em 1em rgba(34, 34, 34, .3);
                    }
                    
                    .navigation .wi-logo {
                        margin-top: 8px;
                        position: relative;
                    }
                    
                    .navigation .wi-logo a {
                        font-size: 1.2em;
                        color: #fff;
                        font-family: "ralewayregular", Arial, sans-serif;
                        text-transform: uppercase;
                        letter-spacing: .07em;
                        font-weight: 900;
                        float: left;
                    }
                    
                    @media screen and (max-width: 480px) {
                        .navigation .wi-logo a {
                            margin-left: -12px;
                        }
                    }
                    
                    .navigation .wi-logo a span {
                        font-size: 1.3em;
                        font-weight: normal;
                    }
                    
                    .navigation .wi-logo a:hover,
                    .navigation .wi-logo a:focus,
                    .navigation .wi-logo a:active {
                        text-decoration: none;
                    }
                    
                    @media screen and (max-width: 768px) {
                        .navigation .wi-logo {
                            text-align: center;
                        }
                    }
                    
                    @media screen and (max-width: 768px) {
                        .navigation .wi-link-wrap {
                            display: none;
                        }
                    }
                    
                    .navigation .wi-link-wrap ul {
                        padding: 0;
                        margin: 0;
                        width: 100%;
                    }
                    
                    .navigation .wi-link-wrap ul li {
                        padding: 0;
                        margin: 0;
                        list-style: none;
                        display: inline;
                    }
                    
                    .navigation .wi-link-wrap ul li a {
                        display: -moz-inline-stack;
                        display: inline-block;
                        zoom: 1;
                        *display: inline;
                        margin: 0 15px;
                        color: white;
                        font-size: 16px;
                        padding: 10px 0;
                    }
                    
                    @media screen and (max-width: 992px) {
                        .navigation .wi-link-wrap ul li a {
                            margin: 0 5px;
                        }
                    }
                    
                    .navigation .wi-link-wrap ul li a:hover,
                    .navigation .wi-link-wrap ul li a:active,
                    .navigation .wi-link-wrap ul li a:focus {
                        text-decoration: none;
                        color: #ccc;
                        text-decoration: none;
                    }
                    
                    .navigation .wi-link-wrap ul li a.call-to-action {
                        margin-top: 2px;
                        border: 2px solid #58ca7e;
                        background: #58ca7e;
                        padding: 2px 15px !important;
                        display: -moz-inline-stack;
                        display: inline-block;
                        zoom: 1;
                        *display: inline;
                        -webkit-border-radius: 30px;
                        -moz-border-radius: 30px;
                        -ms-border-radius: 30px;
                        border-radius: 30px;
                        color: #fff;
                    }
                    
                    .navigation .wi-link-wrap ul li a.call-to-action:hover {
                        color: #fff;
                        border: 2px solid #45c46f;
                        background: #45c46f;
                    }
                    
                    .navigation .wi-link-wrap ul li.active a {
                        color: #fff;
                    }
                    /* 
///////////////////////////////////////////////////
HOME WISCONSIN INTRODUCTION 
///////////////////////////////////////////////////
*/                
                    #custom-search-input {
                        position: absolute;
                        top: 150px;
                        padding: 12px;
                        font-size: 1em;
                        display: inline-block;
                        border: 0 none;
                        background: #fff!important;
                        background: hsla(0, 0%, 100%, .85)!important;
                        box-shadow: 0 .5em 1em rgba(34, 34, 34, .3);
                        z-index: 100;
                        width: 100%; 
                    }
                    
                    .input-group .search-query {
                        border-radius: 1px;
                        color: #555555;
                        background-color: #fff;
                        background-image: none;
                        border: transparent;
                    }
                    
                    @media screen and (max-width: 768px) {
                        .top-searches li a {
                            font-size: .8em;
                        }
                        #custom-search-input {
                            padding: 12px;
                            margin: 0px 20px auto;
                        }
                    }
                    
                    @media screen and (max-width: 600px) {
                        #custom-search-input {
                            padding: 12px;
                            margin: 0px 15px 0px 0px;
                        }
                        ul.top-searches {
                            display: none !important;
                        }
                        .top-searches li a {
                            font-size: .65em;
                        }
                        .top-searches li {
                            margin: 5px auto;
                            font-size: .85em;
                        }
                    }
                    
                    @media screen and (max-width: 480px) {
                        .input-group .search-query {
                            font-size: .6em;
                        }
                        #custom-search-input {
                            top: 90px;
                        }
                    }
                    
                    .input-group .input-group-btn .btn-primary {
                        border-radius: 1px;
                    }
                    
                    ul.top-searches {
                        list-style-type: none;
                        margin: 7px 0px 0px 0px;
                        padding: 0;
                        overflow: hidden;
                        display: flex;
                        justify-content: space-between;
                    }
                    
                    .top-searches li {
                        margin: 0px 10px;
                         display: inline-block;
                        *display: inline;
                        float: center;
                        font-size: .95em;
                    }
                    
                    .top-searches li a {
                        display: block;;
                        font-weight: 500;
                        color: #337ab7;
                    }
                    
                    .top-searches li a:hover {
                        color: #146c9c;
                        text-decoration: underline;
                    }
                    
                    .wisconsin-intro-text {
                        position: absolute;
                        left: 0;
                        bottom: 0px;
                        width: 100%;
                        height: 230px;
                        background-color: #146c9c;
                        background-color: rgba(0, 0, 0, 0.4);
                        color: white;
                        text-align: center;
                        padding: 30px 0px;
                        font-size: 3em;
                        color: white;
                        z-index: 500;
                    }
                    
                    .wisconsin-intro-text .material-icons {
                        animation: bounce 5s infinite;
                        margin: 30px 0px;
                        font-size: .7em;
                    }
                    
                    .wisconsin-intro-text h1,
                    .wisconsin-intro-text h3 {
                        color: white;
                        text-align: center;
                        margin: 10px 0px;
                    }
                    
                    .wisconsin-intro-text h3 {
                        font-family: "ralewayregular", Arial, sans-serif;
                        font-size: .35em;
                        line-height: 1.5em;
                        margin: 0px;
                    }
                    
                    @media screen and (max-width: 768px) {
                        .wisconsin-intro-text h1 {
                            font-size: .6em;
                        }
                        .wisconsin-intro-text h3 {
                            font-size: .30em;
                        }
                        .wisconsin-intro-text {
                            height: 200px;
                        }
                    }
                    
                    @media screen and (max-width: 480px) {
                        .wisconsin-intro-text h1 {
                            font-size: .55em;
                            margin-top: 0px;
                        }
                    }
                    /* 
///////////////////////////////////////////////////
HOMPAGE HEADER
///////////////////////////////////////////////////
*/
                 .homepage-header {
                        background: url(../images/wi_bg_img_lrg.jpg) no-repeat center center fixed;
                        -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#7F141414, endColorstr=#00383838)";
                        -webkit-background-size: cover;
                        -moz-background-size: cover;
                        -o-background-size: cover;
                        background-size: cover;
                    }

                    @media screen and (max-width: 768px) {
                        .homepage-header {
                            background: url(../images/wi_bg_img_md.jpg);
                            background-attachment: fixed;
                        }
                    }
                    @media screen and (max-width: 480px) {
                        .homepage-header {
                            background: url(../images/wi_bg_img_sm.jpg);
                            background-attachment: fixed;
                        }
                    }
                                        
                    #pause-btn {
                        position: absolute;
                        z-index: 10000;
                        margin: 0 auto;
                        top: 33.6%;
                        left: 45%;
                    }
                    
                    .homepage-header .fullscreen-bg__video {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        width: auto;
                        height: auto;
                        min-width: 100%;
                        min-height: 100%;
                        -webkit-transform: translate(-50%, -50%);
                        -moz-transform: translate(-50%, -50%);
                        -ms-transform: translate(-50%, -50%);
                        transform: translate(-50%, -50%);
                    }
                    
                     @media screen and (max-width: 768px) {
                        .homepage-header .fullscreen-bg__video {
                            display: none !important;
                        }
                        .homepage-header {
                            background: url(../images/wi_bg_img_md.jpg) no-repeat top center fixed;
                        }
                    }
                    
                    @media screen and (max-width: 480px) {
                        .homepage-header {
                                background: url(../images/wi_bg_img_sm_new.jpg) no-repeat top center fixed;
                        }
                    }
                    
                   .embed-container {
                        position: relative;
                        padding-bottom: 56.25%;
                        height: 0;
                        overflow: hidden;
                        max-width: 100%;
                    }
                    .embed-container iframe,
                    .embed-container object,
                    .embed-container embed {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                    }
                    
                    #video_overlay {
                        position: absolute;
                        float: left;
                        width: 100%;
                        min-height: 200px;
                        -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#7F141414, endColorstr=#00383838)";
                        background: -moz-linear-gradient(top, rgba(0, 0, 0, .5) 0%, rgba(255, 255, 255, 0.77) 23%, rgba(255, 255, 255, 0) 100%);
                        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, .5)), color-stop(23%, rgba(255, 255, 255, 0.77)), color-stop(100%, rgba(255, 255, 255, 0)));
                        background: -webkit-linear-gradient(top, rgba(0, 0, 0, .5) 0%, rgba(255, 255, 255, 0.77) 23%, rgba(255, 255, 255, 0) 100%);
                        background: -o-linear-gradient(top, rgba(0, 0, 0, .5) 0%, rgba(255, 255, 255, 0.77) 23%, rgba(255, 255, 255, 0) 100%);
                        background: -ms-linear-gradient(top, rgba(0, 0, 0, .5) 0%, rgba(255, 255, 255, 0.77) 23%, rgba(255, 255, 255, 0) 100%);
                        background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 100%);
                        z-index: 1;
                    }

                    .map-overlay {
                        background-color: #4d6a79 !important;
                    }

                    .map-overlay iframe {
                        pointer-events: none;
                    }
                    
                    .wi-cover {
                        position: relative;
                        height: 750px;
                        overflow: hidden;
                    }
                    
                    @media screen and (max-width: 768px) {
                        .wi-cover {
                            height: 600px;
                        }
                    }
                    
                    @media screen and (max-width: 480px) {
                        .wi-cover {
                            height: 400px;
                        }
                        .wisconsin-intro-text .material-icons {
                            font-size: .5em;
                            margin-top: 0px;
                        }
                    }
                    
                    .wi-cover .wi-cover-text {
                        position: relative;
                        z-index: 5;
                    }
                    
                    .wi-cover .wi-cover-text .full-height {
                        display: table;
                        min-height: 800px;
                    }
                    
                    .wi-cover .wi-cover-text .full-height .wi-cover-intro {
                        display: table-cell;
                        vertical-align: middle;
                        min-height: 800px;
                    }
                    
                    .wi-cover .wi-cover-text .cover-text-lead {
                        font-size: 40px;
                        font-family: "ralewayblack", Arial, sans-serif;
                        font-weight: 700;
                        color: #fff;
                    }
                    
                    .wi-cover .wi-cover-text .cover-text-sublead {
                        font-size: 16px;
                        font-family: "Open Sans", Arial, sans-serif;
                        font-weight: 400;
                        line-height: 26px;
                        color: #fff;
                    }
                    
                    .wi-cover .wi-cover-text .btn-outline {
                        border: 2px solid #fff;
                        color: #fff;
                        -webkit-transition: all 0.3s ease;
                        -moz-transition: all 0.3s ease;
                        -ms-transition: all 0.3s ease;
                        -o-transition: all 0.3s ease;
                        transition: all 0.3s ease;
                    }
                    
                    .wi-cover .wi-cover-text .btn-outline:hover {
                        color: #fff;
                        background: #146c9c;
                        border-color: #146c9c;
                    }
                    
                    .wi-cover .wi-cover-text .btn-outline:hover,
                    .wi-cover .wi-cover-text .btn-outline:focus,
                    .wi-cover .wi-cover-text .btn-outline:active {
                        outline: none;
                    }
                    /* 
///////////////////////////////////////////////////
SECONDARY HEADERS
///////////////////////////////////////////////////
*/
                    .intro-section h1 {
                       font-size: 1.5em;
                        margin: 40px 0px;
                        color: #146c9c;
                        text-align: center;
                    }
                    .secondary-header.government {
                        background: url(../images/wi_bg_img_lrg_government.jpg) no-repeat center fixed;
                        -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#7F141414, endColorstr=#00383838)";
                        -webkit-background-size: cover;
                        -moz-background-size: cover;
                        -o-background-size: cover;
                         background-size: cover;
                         position: relative;
                         height: 365px;
                    }
                    
                    .secondary-header.visitor {
                        background: url(../images/wi_bg_img_lrg_visitor.jpg) no-repeat center fixed;
                        -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#7F141414, endColorstr=#00383838)";
                        -webkit-background-size: cover;
                        -moz-background-size: cover;
                        -o-background-size: cover;
                         background-size: cover;
                         position: relative;
                         height: 365px;
                    }
                    
                    .secondary-header.resident {
                        background: url(../images/wi_bg_img_lrg_resident.jpg) no-repeat center fixed;
                        -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#7F141414, endColorstr=#00383838)";
                        -webkit-background-size: cover;
                        -moz-background-size: cover;
                        -o-background-size: cover;
                         background-size: cover;
                         position: relative;
                         height: 365px;
                    }
                    
                    .secondary-header.business {
                        background: url(../images/wi_bg_img_lrg_business.jpg) no-repeat center fixed;
                        -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#7F141414, endColorstr=#00383838)";
                        -webkit-background-size: cover;
                        -moz-background-size: cover;
                        -o-background-size: cover;
                         background-size: cover;
                         position: relative;
                         height: 365px;
                    }
                    
                    .secondary-header.workforce {
                        background: url(../images/wi_bg_img_lrg_workforce.jpg) no-repeat center fixed;
                        -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#7F141414, endColorstr=#00383838)";
                        -webkit-background-size: cover;
                        -moz-background-size: cover;
                        -o-background-size: cover;
                         background-size: cover;
                         position: relative;
                         height: 365px;
                    }
                    .secondary-header.general {
                        background: url(../images/wi_bg_img_lrg_general.jpg) no-repeat center fixed;
                        -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#7F141414, endColorstr=#00383838)";
                        -webkit-background-size: cover;
                        -moz-background-size: cover;
                        -o-background-size: cover;
                         background-size: cover;
                         position: relative;
                         height: 365px;
                    }
                    
                    .secondary-header .wisconsin-intro-text {
                        background-color: rgba(20, 108, 156, .7);
                        position: absolute;
                        height: 30px;
                        padding: 10px 0px 50px 0px;
                    }
                    
                    h1.page-title {
                        font-size: .8em;
                        color: #fff;
                        text-align: left;
                        margin: 0px;
                    }
                    
                    @media screen and (max-width: 768px) {
                        h1.page-title {
                            font-size: .55em;
                            margin: 5px 0px;
                        }
                       .intro-section h1 {
                            font-size: 1.2em;
                            margin: 20px 0px;
                        }
                       .agency-panel h2 {
                            font-size: 1.5em !important;
                        }
                       .agency-section {
                            padding: 0px !important;
                        }
                        .secondary-header.government {
                            background: url(../images/wi_bg_img_md_government.jpg) no-repeat top center;
                        }
                        .secondary-header.visitor {
                            background: url(../images/wi_bg_img_md_visitor.jpg) no-repeat top center;
                        }
                        .secondary-header.resident {
                            background: url(../images/wi_bg_img_md_resident.jpg) no-repeat top center;
                        }
                        .secondary-header.business {
                            background: url(../images/wi_bg_img_md_business.jpg) no-repeat top center;
                        }
                        .secondary-header.workforce {
                            background: url(../images/wi_bg_img_md_workforce.jpg) no-repeat top center;
                        }
                        .secondary-header.general {
                            background: url(../images/wi_bg_img_md_general.jpg) no-repeat top center;
                        }
                    }
                    
                    @media screen and (max-width: 600px) {
                        .secondary-header.government,
                        .secondary-header.visitor,
                        .secondary-header.resident,
                        .secondary-header.business,
                        .secondary-header.workforce,
                        .secondary-header.general {
                            height: 300px;
                        }
                    }
                    
                    @media screen and (max-width: 480px) {
                        .secondary-header.business {
                            background-image: url(../images/wi_bg_img_sm_business_new.jpg);
                        }
                        .secondary-header.government {
                            background-image: url(../images/wi_bg_img_sm_government_new.jpg);
                        }
                        .secondary-header.visitor {
                            background-image: url(../images/wi_bg_img_sm_visitor_new.jpg);
                        }
                        .secondary-header.resident {
                            background-image: url(../images/wi_bg_img_sm_resident_new.jpg);
                        }
                        .secondary-header.workforce {
                            background-image: url(../images/wi_bg_img_sm_workforce_new.jpg);
                        }
                        .secondary-header.general {
                            background-image: url(../images/wi_bg_img_sm_general_new.jpg);
                        }
                    }
                    /* 
///////////////////////////////////////////////////
FEATURED SERVICES
///////////////////////////////////////////////////
*/
                    
                    .featured-services-section {
                        padding: 40px 0px;
                        background: #fff;
                    }
                    
                    .featured-services-section h1 {
                        margin-bottom: 40px;
                        color: #146c9c;
                        text-align: center;
                        -webkit-transition: all 0.3s ease-in;
                            -moz-transition: all 0.3s ease-in;
                            -ms-transition: all 0.3s ease-in;
                            -o-transition: all 0.3s ease-in;
                            transition: all 0.3s ease-in;
                            visibility: visible;
                            animation-duration: 1s;
                            animation-delay: 0.5s;
                            animation-name: fadeInUp; 
                    }
                    
                    @media screen and (max-width: 768px) {
                        .featured-services-section h1 {
                            margin: 30px 0px;
                            font-size: 1.7em
                        }
                        .featured-services-section {
                            padding: 0px;
                        }
                    }

                    @media screen and (max-width: 480px) {
                        .featured-services-section h1 {
                            font-size: 1.7em
                        }
                    }
                    
                    .featured-services-section .wi-post {
                        float: left;
                        width: 100%;
                        background: #fff;
                        position: relative;
                        margin-bottom: 30px;
                        -webkit-box-shadow: 0px 0px 20px #DFDFDF;
                        -moz-box-shadow: 0px 0px 20px #DFDFDF;
                        -ms-box-shadow: 0px 0px 20px #DFDFDF;
                        -o-box-shadow: 0px 0px 20px #DFDFDF;
                        box-shadow: 0px 0px 20px #DFDFDF;
                        -webkit-transition: all 0.3s ease-in;
                        -moz-transition: all 0.3s ease-in;
                        -ms-transition: all 0.3s ease-in;
                        -o-transition: all 0.3s ease-in;
                        transition: all 0.3s ease-in;
                        visibility: visible;
                    }
                    
                    .featured-services-section .wi-post img {
                        -webkit-transition: all 0.5s ease;
                        -moz-transition: all 0.5s ease;
                        -ms-transition: all 0.5s ease;
                        -o-transition: all 0.5s ease;
                        transition: all 0.5s ease;
                    }
                    
                    .featured-services-section .wi-post:hover img,
                    .featured-services-section .wi-post:focus img {
                        -webkit-transform: scale(1.1);
                        -moz-transform: scale(1.1);
                        -o-transform: scale(1.1);
                        -ms-transform: scale(1.1);
                        transform: scale(1.1);
                    }
                    
                    .featured-services-section .wi-post .wi-post-image {
                        position: relative;
                        overflow: hidden;
                    }
                    
                    .wi-category {
                        margin: 10px 0 0 15px;
                        float: left;
                        z-index: 2;
                        position: absolute;
                        font-size: 10px;
                        padding: 2px 10px;
                        line-height: 1.5;
                        font-family: "Open Sans", Arial, sans-serif;
                        text-transform: uppercase;
                        color: #fff;
                        -webkit-border-radius: 30px;
                        -moz-border-radius: 30px;
                        -ms-border-radius: 30px;
                        border-radius: 30px;
                        display: -moz-inline-stack;
                        display: inline-block;
                        zoom: 1;
                        *display: inline;
                        background: #146c9c;
                    }
                    
                    .featured-services-text {
                        padding: 20px;
                        min-height: 220px;
                    }
                    
                    .featured-services-text h3 {
                        font-size: 1em;
                        margin-bottom: 15px;
                        font-weight: 700;
                    }
                    
                    @media screen and (max-width: 1200px) {
                        .featured-services-text h3 {
                            font-size: .9em;
                        }
                    }

                    @media screen and (max-width: 1000px) {
                        .featured-services-text {
                            min-height: 160px;
                        }
                    }
                    
                    .featured-services-section .wi-post .featured-services-text p {
                        font-size: 14px;
                        margin-bottom: 0;
                        color: #a6a6a6;
                    }
                    
                    .featured-services-section .wi-post .featured-services-links {
                        border-top: 1px solid #f0f0f0;
                        padding: 10px 20px;
                        font-family: "Open Sans", Arial, sans-serif;
                        font-weight: 700;
                        font-size: .85em;
                        color: #128fc3;
                        display: block;
                    }
                    
                    .featured-services-links i {
                        display: inline-block;
                        color: #f9c118;
                        font-size: 1.5em;
                        padding-top: 3px;
                    }
                    
                    .featured-services-section .wi-post .featured-services-links:hover,
                    .featured-services-section .wi-post .featured-services-links:active,
                    .featured-services-section .wi-post .featured-services-links:focus {
                        color: #000;
                    }
                /* 
///////////////////////////////////////////////////
AWARDS SECTION
///////////////////////////////////////////////////
*/
                
                .awards-section {
                    background: #fff;
                }
                .awards-section .btn-primary {
                    margin-bottom: 40px;
                }
                .awards-panel {
                      background-color: white;
                        color: #818181;
                        padding: 40px 0px 20px 0px;
                        box-shadow: 0px 0px 20px 0px rgba(17, 17, 18, 0.29);
                        -webkit-transition: all 0.3s ease;
                        -moz-transition: all 0.3s ease;
                        -ms-transition: all 0.3s ease;
                        -o-transition: all 0.3s ease;
                        transition: all 0.3s ease;  
                }
                
                .awards-section h1 {
                    font-size: 1.4em;
                    margin: 0px 0px 65px 0px;
                    color: #146c9c;
                    text-align: center;
                }
                
                .awards-section h2 {
                    font-size: 1.3em;
                    padding-bottom: 10px;
                    margin: 5px 0px 15px 0px;
                    border-bottom: 2px solid #f9c118;
                }
                
                .awards-section h3 {
                    color: #30337f;
                    font-size: .9em;
                    margin: 0px;
                    font-weight: bold;
                    font-family: "Open Sans", Arial, sans-serif;
                }
                
                .awards-section p {
                    font-size: .9em;
                    line-height: 1.7em;
                }

                @media screen and (max-width: 1000px) {
                    .awards-panel {
                        padding: 0px;
                    }
                   .awards-section p {
                      margin-bottom: 40px;
                    }
                    .awards-panel img {
                        padding: 20px 0px 0px 0px;
                    }
                    .awards-section .img-responsive {
                        width:90%;
                    }
                }
                
                @media screen and (max-width: 768px) {
                    .awards-section h1 {
                        font-size: 1.2em;
                        margin: 20px 0px 45px 0px;
                        line-height: 1.2em;
                    }
                    .awards-section p {
                        margin: 20px 0px;
                    }
                    .awards-section {
                        padding: 0px;
                    }
                    .agency-panel a {
                       font-size: .8em;
                    }
                }

                @media screen and (max-width: 550px) {

                .awards-section .btn-primary {
                    margin-bottom: 15px;
                    display: block;
                }
                }

                    /* 
///////////////////////////////////////////////////
AGENCY DIRECTORY
///////////////////////////////////////////////////
*/
                    .agency-section {
                        padding: 40px 0px;
                        background: #4c89aa url(../images/wi_seal_bg.png) top center no-repeat;

                    }
                    .agency-panel {
                        background-color: white;
                        color: #818181;
                        font-size: .9em;
                        line-height: 1.7em;
                        margin: 20px 0px;
                        box-shadow: 0px 0px 20px 0px rgba(17, 17, 18, 0.29);
                        -webkit-transition: all 0.3s ease;
                        -moz-transition: all 0.3s ease;
                        -ms-transition: all 0.3s ease;
                        -o-transition: all 0.3s ease;
                        transition: all 0.3s ease;

                    }

                    .agency-panel .fa {
                        font-size: 1.35em;
                        margin: 0px 5px;
                        color: #30337f;
                    }

                    .agency-panel a {
                        color: #128fc3;
                    }

                    .agency-panel .link-panel {
                        background-color: #ebebeb;
                        padding: 10px 20px;
                    }
                    .agency-panel h2 {
                        color: #000;
                        font-size: 1.8em;
                        margin-bottom: 13px;
                        padding: 20px 20px 0px 20px;
                        border: none;
                    }
                    .agency-panel p {
                        padding: 0px 20px 0px 20px;
                    }
                    /* 
///////////////////////////////////////////////////
TOP LEVEL SERVICES LISTS
///////////////////////////////////////////////////
*/
                    
                    .services-section {
                        padding: 40px 0px;
                        background: #4c89aa url(../images/wi_seal_bg.png) top center no-repeat;
                        -webkit-background-size: cover;
                        -moz-background-size: cover;
                        -o-background-size: cover;
                        background-size: cover;
                    }
                    
                    .services-section h1 {
                        text-align: center;
                        color: white;
                        font-size: 2.3em;
                        margin-bottom: 20px;
                    }

                    @media screen and (max-width: 768px) {
                    .services-section h1 {
                        font-size: 1.7em;
                    }
                    }
                    
                    .services-panel {
                        background-color: white;
                        color: #818181;
                        padding: 20px;
                        margin: 20px 0px;
                        box-shadow: 0px 0px 20px 0px rgba(17, 17, 18, 0.29);
                        -webkit-transition: all 0.3s ease;
                        -moz-transition: all 0.3s ease;
                        -ms-transition: all 0.3s ease;
                        -o-transition: all 0.3s ease;
                        transition: all 0.3s ease;
                    }
                    
                    .services-panel h2 {
                        color: #000;
                        font-size: 1.5em;
                        margin-bottom: 13px;
                        padding: 0px 5px;
                        border: none;
                    }
                    
                    .services-panel a {
                        font-size: .83em;
                        line-height: 1.6em;
                        border-bottom: 1px solid #e6e6e6;
                        padding: 5px;
                        display: block;
                        color: #818181;
                    }
                    
                    .services-panel a:hover,
                    .services-panel a:active,
                    .services-panel a:focus {
                        background-color: #f7f7f7;
                    }
                    
                    .services-panel a:last-child {
                        border-bottom: none;
                        padding-bottom: 0px;
                    }
                    
                    .services-panel a b {
                        color: #30337f;
                        font-size: 1.1em;
                        border-bottom: none;
                        display: block;
                    }
                    /* 
///////////////////////////////////////////////////
NEAR ME
///////////////////////////////////////////////////
*/
                      /* 
                    iframe {
                        border-width: 0px;
                        width: 100%;
                        height: 500px;
                        pointer-events: none;
                    }
                    
                    .nearme-section {
                        color: white;
                        background-size: cover;
                        background-attachment: fixed;
                        position: relative;
                        background-position: left top;
                        border-bottom: 10px solid #4d6a79;
                        line-height: 0em;
                    }
                    */
                    /* 
///////////////////////////////////////////////////
IN WISCONSIN EVENTS
///////////////////////////////////////////////////
*/
                    
                    .in-wisconsin-section {
                        background-color: #146c9c;
                        background: #146c9c url(../images/InWisconsin_bg.jpg) center no-repeat;
                        color: white;
                        padding: 40px 0px;
                        text-align: center;
                        -webkit-background-size: cover;
                        -moz-background-size: cover;
                        -o-background-size: cover;
                        background-size: cover;
                    }
                    
                    .in-wisconsin-section h1 {
                        color: white;
                        margin-bottom: 40px;
                    }

                    @media screen and (max-width: 768px) {
                        .in-wisconsin-section h1 {
                            font-size: 1.9em
                        }
                        .in-wisconsin-section h2 {
                            font-size:1.3em;
                        }
                    }
                    
                    .in-wisconsin-section h2 {
                        color: #f9c118 !important;
                        font-size: 1.4em;
                        margin: 0px 0px 20px 0px;
                        border: none !important;
                    }
                    
                    .in-wisconsin-section h3 {
                        color: white;
                        font-size: 1.4em;
                        margin: 0px 0px 20px 0px;
                    }
                    
                    .in-wisconsin-section h4 {
                        color: white;
                        font-size: 1.2em;
                        margin: 0px 0px 10px 0px;
                    }
                    
                    @media screen and (max-width: 1000px) {
                        .in-wisconsin-section .btn {
                            margin-bottom: 45px;
                        }
                        .in-wisconsin-section p {
                            margin-bottom: 10px;
                        }
                        .in-wisconsin-section h2 {
                            margin: 0px 0px 10px 0px;
                        }
                    }
                    
                    @media screen and (max-width: 480px) {
                        .in-wisconsin-section {
                            padding: 40px 0px 0px 0px;
                        }
                        .in-wisconsin-section h1 {
                            font-size: 1.7em;
                        }
                        .in-wisconsin-section h2 {
                            font-size: 1.3em;
                        }
                    }

                    /* 
///////////////////////////////////////////////////
VIDEO SECTION
///////////////////////////////////////////////////
*/
                    .embed-container {
                        position: relative;
                        padding-bottom: 56.25%;
                        height: 0;
                        overflow: hidden;
                        max-width: 100%;
                        }
                    .embed-container iframe,
                    .embed-container object,
                    .embed-container embed {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        }
                    
                    .video-section {
                        padding: 40px 0px;
                        background: #eef2f3;
                        background: -webkit-linear-gradient(to left, #eef2f3, #ededed);
                        background: linear-gradient(to left, #eef2f3, #ededed);
                    }
                    
                    .video-section h5 {
                        color: #128fc3;
                    }
                    
                    .video-section p {
                        color: #262626;
                    }

                    @media screen and (max-width: 768px) {
                    .video-section h1 {
                        margin: 0px 0px 10px 0px;
                        font-size: 1.7em;
                    }
                    }

                    @media screen and (max-width: 480px) {
                    .video-section h1 {
                        font-size: 1.7em;
                    }
                    }


                    /* 
///////////////////////////////////////////////////
NEWS SECTION
///////////////////////////////////////////////////
*/

                    .news-section {
                        padding: 40px 0px;
                        background: #eef2f3;
                        background: -webkit-linear-gradient(to left, #eef2f3, #ededed);
                        background: linear-gradient(to left, #eef2f3, #ededed);
                    }

                    .news-section h1 {
                        margin-bottom: 40px;
                        color: #146c9c;
                        text-align: center;
                    }
                    
                    .news-section h5 {
                        color: #146c9c
                    }
                    .news-section .material-icons {
                        display: inline-block;
                        color: #f9c118;
                        font-size: 1.3em;
                    }
                    
                    .news-section .news-date {
                            display: block;
                            color: #128fc3 !important;
                            border-bottom: none;
                            font-family: "Open Sans", Arial, sans-serif;
                            font-weight: 700;
                            font-size: .85em;
                                padding: 5px 0px 0px 0px;
                            margin-bottom: 5px;
                            -webkit-transition: all 0.3s ease;
                            -moz-transition: all 0.3s ease;
                            -ms-transition: all 0.3s ease;
                            -o-transition: all 0.3s ease;
                            transition: all 0.3s ease;
                        }

                    .news-section .news-description {
                        color: #818181 !important;
                        border-bottom: none;
                        font-size: 1.25em;
                        line-height: 1.4em;
                    }

                    .news-section .news-description:hover,
                    .news-section .news-description:active,
                    .news-section .news-description:focus {
                        border-bottom: none;
                    }
                    .news-event {
                        padding: 16px 10px 2px 15px;
                        margin-bottom: 10px;
                        background: #fff;
                        -webkit-box-shadow: 0px 0px 20px #DFDFDF;
                        -moz-box-shadow: 0px 0px 20px #DFDFDF;
                        -ms-box-shadow: 0px 0px 20px #DFDFDF;
                        -o-box-shadow: 0px 0px 20px #DFDFDF;
                        box-shadow: 0px 0px 20px #DFDFDF;
                        -webkit-transition: all 0.3s ease-in;
                        -moz-transition: all 0.3s ease-in;
                        -ms-transition: all 0.3s ease-in;
                        -o-transition: all 0.3s ease-in;
                        transition: all 0.3s ease-in;
                    }

                    .news-event:focus,
                    .news-event:hover,
                    .news-event:active {
                        background-color: #f7f7f7;
                    }

                    @media screen and (max-width: 768px) {
                    .news-section h1 {
                        font-size: 1.7em;
                    }

                    .news-section .news-date {
                        padding: 0px;
                        margin: 0px;
                    }
                                        }

                    @media screen and (max-width: 480px) {
                    .news-section h1 {
                        font-size: 1.7em;
                    }
                    }

                    /* 
///////////////////////////////////////////////////
DIRECTORY SECTION
///////////////////////////////////////////////////
*/
                    
                    .directory-section {
                        padding: 40px 0px;
                        background: #ebebeb;
                    }
                    
                    .directory-section span {
                        color: #128fc3;
                    }
                    
                    .directory-section h1 {
                        color: #128fc3;
                        margin-bottom: 40px;
                        text-align: center;
                    }
                    
                    .directory-section h2 {
                        color: #128fc3 !important;
                        font-size: 1.25em;
                        line-height: 1.4em;
                        margin: 13px 0px;
                        border-bottom: none !important;
                        border: none !important;
                    }
                    
                    .directory-section .directory-lookingfor {
                        border-left: 3px solid #f9c118;
                    }
                    
                    .directory-lookingfor h2 {
                        color: #818181 !important;
                        font-weight: 100;
                        padding: 10px 0px 10px 15px;
                        border-bottom: none !important;
                        border: none !important;
                    }
                    
                    .directory-link {
                        background-color: white;
                        color: #818181;
                        padding: 20px;
                        box-shadow: 0px 0px 20px 0px rgba(17, 17, 18, 0.29);
                        -webkit-transition: all 0.3s ease;
                        -moz-transition: all 0.3s ease;
                        -ms-transition: all 0.3s ease;
                        -o-transition: all 0.3s ease;
                        transition: all 0.3s ease;
                    }
                    
                    .directory-link:hover,
                    .directory-link:active,
                    .directory-link:focus {
                        background-color: #f7f7f7;
                    }
                    
                    .directory-link p {
                        margin: 0px;
                    }
                    
                    .directory-link .material-icons {
                        color: #f9c118;
                        font-size: 1.4em;
                    }

                    @media screen and (max-width: 768px) {
                        .directory-section h1 {
                            font-size: 1.9em;
                            margin-bottom: 20px;
                        }
                        .directory-section h2 {
                            font-size:1.3em;
                        }
                    }
                    
                    @media screen and (max-width: 982px) {
                        .directory-lookingfor {
                            margin-bottom: 40px;
                        }
                    }
                    
                    @media screen and (max-width: 1000px) {
                        .directory-lookingfor {
                            margin-bottom: 20px;
                        }
                        .directory-section h2 {
                            margin: 0px 0px 5px 0px;
                        }
                        .directory-link {
                            margin-bottom: 30px;
                        }
                    }
                    /* 
///////////////////////////////////////////////////
WISCONSIN STATISTICS
///////////////////////////////////////////////////
*/
                    
                    
                    .wi-counter {
                        background: #146c9c; /* fallback for old browsers */
                        background: -webkit-linear-gradient(to left, #3a7bd5 , #3a6073); /* Chrome 10-25, Safari 5.1-6 */
                        background: linear-gradient(to left, #3a7bd5 , #3a6073); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
                        padding: 40px 0px;
                        color: #fff;
                        font-family: "Open Sans", Arial, sans-serif;
                    }

                    .wi-counter h1 {
                        color: white;
                        text-align: center;
                        margin-bottom:10px;
                    }

                    .wi-counter p {
                       margin-bottom: 25px;
                    }
                    
                    .wi-counter .wi-number {
                        font-size: 1.5em;
                    }
                    
                    .wi-counter .wi-counter-label {
                        color: ccc;
                        font-size: 1.3em;
                        padding-bottom: 15px;
                        letter-spacing: .14em;
                        font-family: "ralewayblack", Arial, sans-serif;
                        display: block;
                    }

                    .wi-counter .number {
                        color: #f9c118;
                        font-size: 2em;
                        line-height: 3em;
                        font-weight: 900;
                    }

                    .wi-counter .number-sm {
                        font-size: .85em;
                        line-height: 7em;
                    }
                    
                    .wi-counter .icon {
                        color: #fff;
                        width: 100px;
                        height: 100px;
                        margin: 0 auto 30px auto;
                            margin-top: 20px;
                        text-align: center;
                        position: relative;
                        border: 2px solid rgba(255, 255, 255, 0.8);
                        -webkit-border-radius: 50%;
                        -moz-border-radius: 50%;
                        -ms-border-radius: 50%;
                        border-radius: 50%;
                    }
                    
                    .wi-counter .icon i {
                        color: #f9c118;
                        text-align: center;
                        width: 100%;
                        font-size: 30px;
                        display: block;
                        top: 50%;
                        margin-top: -15px;
                        position: absolute;
                    }

                    @media screen and (max-width: 768px) {

                        .wi-counter .wi-number {
                            font-size: 1em;
                        }
                        .wi-counter .wi-counter-label {
                            font-size: 1.3em;
                            line-height: 1.2em;
                        }
                    .wi-counter h1 {
                        font-size: 1.7em;
                    }
                    }
                    
                    @media screen and (max-width: 550px) {
                        .wi-counter .icon P {
                            margin-bottom: 15px;
                        }
                    }
                    /* 
///////////////////////////////////////////////////
STATE SYMBOLS
///////////////////////////////////////////////////
*/
                    
                    .wi-state-symbols {
                        padding: 40px 0px;
                        background: #f2f2f2;
                        text-align: center;
                    }
                    
                    .wi-state-symbols h1 {
                        margin-bottom: 40px;
                        color: #262626;
                    }
                    
                    .wi-state-symbols .img-responsive {
                        max-width: 75%;
                        margin: 0px auto;
                    }
                    
                    .wi-state-symbols h3 {
                        font-size: 1.3em;
                        margin: 20px 0px 5px 0px;
                    }
                    
                    .wi-state-symbols p {
                        font-size: .8em;
                        line-height: 1.25em;
                        text-transform: uppercase;
                        font-family: "open_sansregular", arial, sans-serif;
                        letter-spacing: .1em;
                        margin: 0px;
                    }
                    
                    @media screen and (max-width: 1200px) {
                        .wi-state-symbols h3 {
                            font-size: 1em;
                        }
                        .wi-state-symbols p {
                            font-size: .7em;
                            margin-bottom: 20px;
                        }
                    }
                    @media screen and (max-width: 768px) {
                         .wi-state-symbols h1 {
                            font-size: 1.9em;               
                        }
                    }
                    
                    @media screen and (max-width: 480px) {
                        .wi-state-symbols p {
                            font-size: .7em;
                            letter-spacing: .01em;
                        }
                    }
                    /* 
///////////////////////////////////////////////////
       FOOTER
///////////////////////////////////////////////////
*/
                    
                    #footer {
                        padding: 25px 0px;
                        background: #0a4b73;
                        letter-spacing: .07em;
                    }
                    
                    #footer ul.list-style-none {
                        padding: 8px 0px 0px 0px;
                    }
                    
                    #footer ul.list-style-none li {
                        display: inline-block;
                    }
                    
                    #footer ul.list-style-none li a {
                        color: #ccc;
                        color: rgba(255, 255, 255, 0.7) !important;
                        font-size: 1em;
                        font-family: "ralewayregular", Arial, sans-serif;
                        text-transform: uppercase;
                        padding: 0px 20px;
                    }
                    
                    #footer ul.list-style-none li a:first-child {
                        padding-left: 0px;
                    }
                    
                    #footer ul.list-style-none li a:hover,
                    #footer ul.list-style-none li a:focus,
                    #footer ul.list-style-none li a:active {
                        color: #fff;
                        color: rgba(255, 255, 255, 1) !important;
                    }
                    
                    #footer p {
                        color: #b8b8b8;
                        margin: 0px;
                    }
                    
                    @media screen and (max-width: 1005px) {
                        #footer ul.list-style-none,
                        #footer p {
                            text-align: left;
                        }
                        #footer ul.list-style-none li a {
                            padding-right: 15px;
                            padding-left: 0px;
                            font-size: .8em;
                        }
                    }
                    
                    @media screen and (max-width: 650px) {
                        #footer ul.list-style-none {
                            padding: 0px;
                        }
                        #footer p {
                            padding-top: 20px;
                        }
                        #footer ul.list-style-none li {
                            display: block;
                        }
                    }
                    /*
///////////////////////////////////////////////////
BACK UP TO TOP BUTTON
///////////////////////////////////////////////////
*/
                    
                    .wi-gov-wrapper {
                        width: 90%;
                        max-width: 768px;
                        margin: 2em auto;
                    }
                    
                    .wi-gov-wrapper::after {
                        /* clearfix */
                        content: '';
                        display: table;
                        clear: both;
                    }
                    
                    .cd-top {
                        height: 60px;
                        width: 60px;
                        right: 30px;
                        bottom: 30px;
                        display: inline-block;
                        position: fixed;
                        box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
                        overflow: hidden;
                        background-color: #000;
                        background: rgba(0, 0, 0, 0.4);
                        -webkit-transition: all 0.3s ease;
                        -moz-transition: all 0.3s ease;
                        -ms-transition: all 0.3s ease;
                        -o-transition: all 0.3s ease;
                        transition: all 0.3s ease;
                        z-index: 100;
                    }
                    
                    .cd-top .material-icons {
                        color: #f9c118;
                        text-align: center;
                        font-size: 2em;
                        width: 100%;
                        display: block;
                        top: 10%;
                        position: absolute;
                    }
                    
                    .cd-top span {
                        color: grey;
                        color: rgba(255, 255, 255, 0.5);
                        text-align: center;
                        font-size: 1em;
                        width: 100%;
                        display: block;
                        top: 45%;
                        position: absolute;
                    }
                    
                    .cd-top.cd-is-visible,
                    .cd-top.cd-fade-out,
                    .no-touch .cd-top:hover {
                        -webkit-transition: all 0.3s ease;
                        -moz-transition: all 0.3s ease;
                        -ms-transition: all 0.3s ease;
                        -o-transition: all 0.3s ease;
                        transition: all 0.3s ease;
                    }
                    
                    .cd-top.cd-is-visible {
                        visibility: visible;
                        opacity: 1;
                    }
                    
                    .cd-top.cd-fade-out {
                        background-color: #000;
                        background-color: rgba(0, 0, 0, 0.4);
                        z-index: 10;
                    }
                    
                    .no-touch .cd-top:hover {
                        background-color: #146c9c;
                        opacity: 1;
                    }
                    
                    @media only screen and (max-width: 768px) {
                        .cd-top {
                            height: 40px;
                            width: 40px;
                            bottom: 40px;
                            right: 10px;
                        }
                        .cd-top .material-icons {
                            color: #f9c118;
                            text-align: center;
                            font-size: 1.5em;
                            width: 100%;
                            display: block;
                            top: 0%;
                            position: absolute;
                        }
                        .cd-top span {
                            font-size: .85em;
                            top: 40%;
                        }
                    }
                    /*
///////////////////////////////////////////////////
NAVIGATION MENU
///////////////////////////////////////////////////
*/
                    /* Burger Menu */
                    
                    .wi-nav-toggle {
                        width: 25px;
                        height: 25px;
                        cursor: pointer;
                        text-decoration: none;
                    }
                    
                    .wi-nav-toggle.active i::before,
                    .wi-nav-toggle.active i::after {
                        background: #146c9c;
                    }
                    
                    .wi-nav-toggle:hover,
                    .wi-nav-toggle:focus,
                    .wi-nav-toggle:active {
                        outline: none;
                        border-bottom: none !important;
                    }
                    
                    .wi-nav-toggle i {
                        position: relative;
                        display: -moz-inline-stack;
                        display: inline-block;
                        zoom: 1;
                        *display: inline;
                        width: 25px;
                        height: 2px;
                        color: #146c9c;
                        text-transform: uppercase;
                        text-indent: -55px;
                        background: #146c9c;
                        transition: all .2s ease-out;
                    }
                    
                    .wi-nav-toggle i::before,
                    .wi-nav-toggle i::after {
                        content: '';
                        width: 25px;
                        height: 2px;
                        background: #146c9c;
                        position: absolute;
                        left: 0;
                        -webkit-transition: 0.2s;
                        -o-transition: 0.2s;
                        transition: 0.2s;
                    }
                    
                    .wi-nav-toggle i::before {
                        top: -7px;
                    }
                    
                    .wi-nav-toggle i::after {
                        bottom: -7px;
                    }
                    
                    .wi-nav-toggle:hover i::before {
                        top: -10px;
                    }
                    
                    .wi-nav-toggle:hover i::after {
                        bottom: -10px;
                    }
                    
                    .wi-nav-toggle.active i {
                        background: transparent;
                    }
                    
                    .wi-nav-toggle.active i::before {
                        top: 0;
                        -webkit-transform: rotateZ(45deg);
                        -moz-transform: rotateZ(45deg);
                        -ms-transform: rotateZ(45deg);
                        -o-transform: rotateZ(45deg);
                        transform: rotateZ(45deg);
                    }
                    
                    .wi-nav-toggle.active i::after {
                        bottom: 0;
                        -webkit-transform: rotateZ(-45deg);
                        -moz-transform: rotateZ(-45deg);
                        -ms-transform: rotateZ(-45deg);
                        -o-transform: rotateZ(-45deg);
                        transform: rotateZ(-45deg);
                    }
                    
                    .wi-nav-toggle {
                        position: absolute;
                        top: 0px;
                        right: 0px;
                        z-index: 21;
                        padding: 5px 10px;
                        display: block;
                        margin: 0 auto;
                        margin-right: 20px;
                        display: none;
                        height: 44px;
                        width: 44px;
                        border-bottom: none !important;
                    }
                    
                    @media screen and (max-width: 768px) {
                        .wi-nav-toggle {
                            display: block;
                        }
                    }