/*********************************************************
GENERAL THEME OF THE SITE
*********************************************************/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

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

/*ul.footerNav {
    margin-top: 0.6rem!important;
    margin-left: -3rem!important;
}*/

.hideMe {
    position: absolute;
    top: -9999rem;
    left: -9999rem;
}

@supports (-webkit-appearance:none) {
    footer {
        margin-top: 0px;
        padding-top: 0px;
    }

    body, html > footer {
        overflow: hidden;
        max-height: 100% !important;
    }
}

@media all and (-ms-high-contrast:none) {

    footer {
        margin-top: 0px;
        padding-top: 0px;
    }

    body, html > footer {
        overflow: hidden;
        max-height: 100% !important;
    }
}

/*------Styles for IE--------*/
@media all and (-ms-high-contrast:none) and (max-width:1024px) {
    .breadhl {
        border-bottom: none !important;
        display: none !important;
    }

    .hl {
        border-bottom: none !important;
        width: 90% !important;
        position: relative;
        margin-left: 1em !important;
        top: -12px !important;
    }

    ol.breadCrumb,
    ul.sideMenu {
        display: none;
    }

    .containerMain {
        display: block !important;
        width: 100% !important;
    }

    aside {
        float: left !important;
        min-width: 1024px !important;
    }

    main {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .sideMenuNav {
        display: inherit !important;
        min-width: 1024px !important;
        width: inherit !important;
        font: 1.3em 'Roboto Slab', serif !important;
        font-weight: 500 !important;
        letter-spacing: 3px !important;
        color: rgb(255,255,255) !important;
        text-align: left !important;
        text-transform: uppercase !important;
        border: none !important;
        padding: .5em .5em .5em .5em !important;
        margin: 0 !important;
        background: rgb(45,57,82) !important;
    }

        .sideMenuNav:after {
            content: normal !important;
        }

        .sideMenuNav:before {
            content: "\f0c9" !important;
            font-family: 'Font Awesome 5 Pro' !important;
            font-weight: 300 !important;
            color: rgb(225,225,225) !important;
            margin-right: 1em !important;
        }

        .sideMenuNav.openSideMenuIcon:before {
            content: "\f0c9" !important;
        }
}

@media all and (-ms-high-contrast:none) and (max-width:980px) {
    .headerGroup p {
        font-size: 20px !important;
        margin-left: -3.3em !important;
        width: 90% !important;
    }

    .appline {
        width: 100% !important;
    }

    .listmove {
        left: 3em !important;
    }

    .footerTop .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        height: 70em !important;
    }

    ul.footerCol2 > li {
        float: none !important;
        width: 110% !important;
        height: auto !important;
        display: block !important;
    }

    .footerTop ul.footerCol2 > li:first-child {
        position: absolute !important;
        bottom: 18em !important;
    }

    ul.footerCol2 > li:last-child {
        padding: 3em 3em 1.8em 6em !important;
        margin-top: 2em !important;
        position: relative !important;
        top: 0 !important;
    }

    ul.footerCol2 > li:first-child img {
        position: relative !important;
        left: auto !important;
        bottom: auto !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -o-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        top: 10em !important;
        padding-left: 0 !important;
        padding-right: 8em !important;
    }

    .innerAppCont {
        position: static !important;
        top: auto !important;
        left: auto !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -o-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        width: 100% !important;
    }

        .innerAppCont li {
            margin-left: -4em !important;
        }

    .footerBottom .container {
        padding-left: -4em !important;
        padding-right: -3em !important;
    }

    .footerBottom ul.footerCol2 > li:last-child {
        padding-left: 1.7em !important;
        padding-bottom: 1em !important;
        padding-top: 1em !important;
    }

    .appCont {
        margin-left: -9em !important;
    }

        .appCont img {
            padding-left: 12em !important;
            width: 90% !important;
        }

        .appCont > a:first-of-type {
            margin-top: 1em !important;
        }

    .footerBottom cite {
        width: 200% !important;
        margin-left: .4em !important;
    }

    .footerBottom small {
        margin-left: 5.5em !important;
    }

    .footerlogo {
        margin-left: .5em !important;
        width: 100% !important;
    }
}

@media all and (-ms-high-contrast:none) and (max-width:768px) {

    /*-----Footer Bottom for Tablet IE ----*/
    .footerBottom h2 {
        font-size: 23px !important;
        margin-left: .5em !important;
    }

    .footervl, .footervl2 {
        display: none !important;
    }

    .footerBottom .footerNav a {
        margin-left: -6.4em !important;
    }

    ul.footerNav a:after {
        display: block !important;
        top: 0 !important;
        right: -10em !important;
    }

    .footerBottom p {
        margin-top: 2em !important;
        margin-left: -7.7em !important;
        padding: 2em 2em 2em 2em !important;
        min-width: 220px !important;
    }

    .tabborder {
        border-top: 1px solid rgba(76,89,107,0.5) !important;
        width: 120% !important;
        margin-left: -2em !important;
        margin-top: -1.8em !important;
        padding-bottom: .5em !important;
    }

    .footervl2 {
        border-left: none !important;
    }

    .footerli2 {
        top: 2.3em !important;
        position: relative !important;
        margin-left: -6.1em !important;
    }

    .footerlogo {
        margin-left: -2em !important;
    }

    .footerBottom .container {
        padding: 1em 1em 2em 3em !important;
    }

        .footerBottom .container > li:last-child {
            padding: 1em 3em 0 0 !important;
            margin: 2em 1em 1em 1em !important;
            width: 100% !important;
        }

    .footerBottom small {
        position: absolute !important;
        margin-top: -8em !important;
        margin-left: 35em !important;
    }

    cite {
        top: -6em;
        left: 18em !important;
        position: relative !important;
        display: block !important;
    }

        cite img {
            position: absolute !important;
            top: 2em !important;
            left: 0 !important;
            float: left !important;
            max-width: 50% !important;
            display: block !important;
        }

    ul.footerCol2 > li:first-child img {
        top: -9em !important;
        left: 5em !important;
    }

    /*-----QuickLinks for Tablet IE ----*/
    .tabql h1 {
        left: -2em !important;
    }

    .qlline {
        width: 100% !important;
        margin-left: -4em !important;
        position: relative !important;
        margin-top: -.5em !important;
    }

    .tabql ul > li {
        left: -5em !important;
        position: relative !important;
    }

    .tabql li {
        min-width: 100% !important;
        float: none !important;
    }
}

/*------End of IE Styling -----*/

body, html {
    overflow-x: hidden !important;
}

html {
    font-family: sans-serif;
    font-size: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    position: relative;
    min-width: 320px;
    font-family: 'Open Sans', sans-serif !important;
    color: rgb(37,37,37);
    padding: 0 !important;
    margin: 0 !important;
    background: url(../images/textured-bg-gillam.png) repeat;
    overflow-x: hidden;
}

footer {
    position: relative;
    z-index: 1 !important;
}

li {
    list-style-type: none;
}

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

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

img {
    max-width: 100%;
    height: auto;
    border: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans',sans-serif;
    color: rgb(255,255,255);
    padding: 0;
    margin: 0 0 1em;
}

h2 {
    font-size: 1.8em;
}

h3 {
    font-size: 1.6em;
}

h4 {
    font-size: 1.4em;
}

h5 {
    font-size: 1.2em;
}

h6 {
    font-size: 1em;
}

.categoryTitle {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

    .categoryTitle .container2 {
        position: relative;
        height: auto;
        min-height: 480px;
    }

    .categoryTitle h2 {
        font: 600 3rem 'Roboto Slab',serif;
        display: block;
        position: absolute;
        top: 70%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        text-transform: uppercase;
        color: rgb(255,255,255);
        text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    }

    .categoryTitle:before {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 50%;
        background-image: linear-gradient(to right, rgba(5,30,85,.85), rgba(5,30,85, 0) 100%);
    }


h2.cattitle2 {
    height: auto;
    min-height: 1.7em;
    text-transform: uppercase;
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    letter-spacing: 3px;
    color: rgb(255,255,255);
    /*text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 0;
    padding: 0.7em;
    background:rgb(76,89,107);*/
}

.hl {
    border-bottom: 2px solid rgb(232,235,239);
    width: 90%;
    position: relative;
    margin-left: 1em;
    top: -12px;
}

h3.pageTitle {
    font-family: 'Roboto Slab', serif;
    font-size: 2.4em;
    color: #051e55;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    /*margin-bottom: 0;
    padding-left: .8em;
	float: left;*/
}

p {
    padding: 0;
    margin: 0 0 1em;
    font-family: 'Roboto Slab', sans-serif;
}

a,
a:link {
    font-weight: bold;
    color: rgb(87,176,234);
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: color 300ms ease 0s;
    -moz-transition: color 300ms ease 0s;
    -o-transition: color 300ms ease 0s;
    transition: color 300ms ease 0s;
}

    a:visited {
        color: rgb(87,176,234);
    }

    a:hover {
        color: rgb(45,57,82);
        text-decoration: none;
    }

    a:active {
        color: rgb(45,57,82);
    }

    a:focus {
        color: rgb(45,57,82);
        text-decoration: none;
    }

cite,
small {
    font-style: normal;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 500;
    color: rgb(255,255,255);
    width: 100%;
}

small {
    left: 0;
    margin-top: 1em;
    position: absolute;
}

figure {
    padding: 0;
    margin: 0;
}

address {
    font-style: normal;
}

button:focus {
    outline: 0;
}

button {
    outline: none;
}

.socialMedia a:before,
.popupAlert a:before,
main.formConfirm .articlePost h2:before,
.desktopNav ul.subSubMainMenu > li:last-child a:after,
.desktopNav ul.subMainMenu a:after,
/*.bottomNavContainer a span:after,*/
.QLButton:after,
.headerGroup:before,
.idLikeToo:before,
ul.appList > li:before,
ul.headerTop a:before,
ul.footerCol3 > li:last-child:before,
ul.phoneColsList > li:before,
.frmSearch button[type="submit"]:before,
.quickLinks a:before,
.headerTop a:before,
.footerTop a:before,
/*ul.footerNav a:before,*/
ul.footerNav a:after,
dd.ddMap:before,
dd.ddPhone:before,
dd.ddFax:before,
dd.ddEmail:before,
.frmPSubmit:after,
.searchIcon:after,
.serviceRequest h2:before,
.headerTopRight a:before,
ol.breadCrumb a.breadcrumbHome:before,
ol.breadCrumb a:after,
.sideMenuNav:before,
.sideMenuNav:after,
.closeNav:before,
.moreOptionMainMenu:before,
.moreOptionSubMainMenu:before,
.moreOption:before,
.menuIcon:after,
.socialMedia a:before,
.scrollup:before,
.btnPrint {
    content: normal;
    font-family: fontawesome;
    font-size: inherit;
    font-weight: normal;
    font-style: normal;
    color: inherit;
    display: inline-block;
    margin-left: 0.5em;
}


.footerBottom cite > span,
.frmSearch button[type="submit"] > span,
.quickLinks > h2,
/*.quickLinks a > span,*/
.mobileNav,
.sideMenuNav,
nav > h2,
.closeNav > span,
.frmSearch legend,
.frmNewsletter legend,
.toolBox > h3,
.moreOption > span,
.newsletter > h2,
.scrollup > span,
.mobile-search-bar.frmSearch {
    display: none;
}

ul.appList,
ul.appList > li,
ul.footerCol2,
ul.footerCol2 > li,
ul.headerTop,
ul.headerTop > li,
ul.video-list,
ul.video-list > li,
ul.mainMenuCol2,
ul.mainMenuCol2 > li,
ul.relatedLinks,
ul.relatedLinks > li,
ul.footerCol3,
ul.footerCol3 > li,
ul.phoneColsList,
ul.phoneColsList > li,
ol.breadCrumb,
ol.breadCrumb > li,
ul.mainMenu,
ul.mainMenu > li,
ul.subMainMenu,
ul.subMainMenu > li,
ul.subSubMainMenu,
ul.subSubMainMenu > li,
ul.sideMenu,
ul.sideMenu > li,
ul.subSideMenu,
ul.subSideMenu > li,
ul.textResizer,
ul.textResizer > li,
ul.footerNav,
ul.footerNav > li {
    list-style: none;
    padding: 0;
    margin: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="file"],
input[type="search"],
input[type="password"],
input[type="submit"],
textarea {
    padding: 0.5em;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="search"] {
    font-family: 'Open Sans', sans-serif;
}
/*input[type="search"]:after{
	content:"\f002";
}*/
.srchfooter {
    height: 6em;
}

.subsearch {
    font-family: 'Open Sans',sans-serif;
    text-transform: uppercase;
    border: none;
    color: #ffffff;
    width: 100%;
    height: 100%;
    background: rgb(45,57,82) !important;
}

input.subsearch {
    font-family: 'Open Sans',sans-serif;
    font-weight: 500;
    letter-spacing: 5px;
    font-size: 16px;
    text-transform: uppercase;
    border: none;
    border-radius: 10em;
    background: rgb(76,89,107) !important;
    color: #ffffff;
    width: 20%;
    height: 40%;
}

p.biggerbox {
    padding: 3em;
    border: none;
}

.skipToContent {
    position: absolute;
    top: -9999em;
    left: 1em;
    width: 300px;
    height: 1px;
    padding: 1.5em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 0.7em;
    overflow: hidden;
    z-index: 9999;
    background: rgba(0,0,0,0.9);
}

    .skipToContent.showSkipToContents {
        top: 1em;
        height: auto;
    }

    .skipToContent h2 {
        font-size: 1em;
        color: rgb(111,170,42);
        margin-bottom: 0.5em;
    }

ol.skipLinks,
ol.skipLinks > li {
    font-size: 0.9em;
    color: rgb(255,255,255);
    padding: 0;
    margin: 0;
}

ol.skipLinks {
    margin-left: 1.5em;
}

.skipToContent a,
.skipToContent a:link {
    font-size: inherit;
    font-weight: bold;
    display: block;
    padding: 0.3em;
    color: rgb(255,255,255);
}

    .skipToContent a:visited {
        color: rgb(255,255,255);
    }

    .skipToContent a:hover {
        color: rgb(111,170,42);
    }

    .skipToContent a:active {
        color: rgb(111,170,42);
    }

    .skipToContent a:focus {
        color: rgb(255,255,255);
        outline: 1px solid rgb(111,170,42);
    }

.scrollup {
    position: fixed;
    bottom: 11em;
    right: 2em;
    color: rgb(255,255,255) !important;
    padding: 0.8rem 1rem 0.7rem 1rem;
    display: block;
    z-index: 3;
    border-radius: 5px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #5ea42e;
    transition: 0.5s !important;
}

    .scrollup:visited {
        color: rgb(255,255,255) !important;
    }

    .scrollup:hover {
        color: rgb(255,255,255) !important;
        background: rgb(76,89,107);
        transition: 0.5s !important;
    }

    .scrollup:active {
        color: rgb(255,255,255) !important;
        background: rgb(55,83,54);
    }

    .scrollup:focus {
        color: rgb(255,255,255) !important;
        background: rgb(80,121,79);
    }

    .scrollup:before {
        content: "\f077";
        margin-left: 0;
    }

.biggerbox #keyword {
    border-bottom: solid 1px rgba(76,89,107,.7);
    width: 100%;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
    font-size: 1.188em !important;
    text-transform: capitalize;
}

input[type="keyword"] {
    color: rgb(45,57,82);
    border: none !important;
    padding: .5em;
    background: rgb(232,235,239);
}

.modal-dialog {
    width: 900px;
    max-width: 650px;
}




.container,
.container2 {
    width: inherit;
    max-width: 100%;
    padding: 0 10rem;
    margin: auto;
}

.mainContent .container {
    padding-top: 0;
    padding-bottom: 0;
}

.footerTop .container {
    padding-top: 0;
    padding-bottom: 0;
}

.footerBottom .container {
    padding-bottom: 1.7em;
    padding-top: 1rem;
}

.footerBottom li {
    list-style: none;
    padding: 0;
}

.footervl {
    border-left: 1px solid rgba(255,255,255,0.3) !important;
    position: absolute;
    height: 140px;
    top: 20px;
    margin-left: 10em;
}

.footervl2 {
    border-left: 1px solid rgba(255,255,255,0.3) !important;
    position: absolute;
    height: 140px;
    top: 20px;
    margin-left: 11em;
}

.footerBottom h2 {
    color: rgb(255,255,255);
    font-size: 25px;
    font-family: 'Roboto Slab',serif;
    text-transform: uppercase;
    font-weight: 100;
    margin-left: 0.5em;
    padding-top: 10px;
}

h2.fexplore {
    margin-left: -1rem;
}

.footerBottom p {
    width: 154% !important;
    right: 9em;
    line-height: 1.8;
    position: relative;
    font-size: 13.5px;
    padding-top: 10px;
}

.footerBottom a:link {
    font-family: 'Open Sans',sans-serif;
    color: rgb(255,255,255);
    font-weight: 500 !important;
}

.footerBottom a:hover {
    color: rgb(119,168,224) !important;
}

.footerBottom a:visited {
    color: rgb(255,255,255);
}

.footerBottom i {
    padding-right: 12px;
    color: rgb(119,168,224);
}

.footerBottom a:before {
    content: none;
}

ul.footerNav a:after {
    /*content: "\f054";
    font-family: 'Font Awesome 5 Pro';
    font-size: 10px;
    position: absolute;
    top: 50%;
    right: 4em;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: rgb(119,168,224);*/
}

ul.footerNav a {
    position: relative;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700 !important;
    line-height: 2em;
    padding-right: 3.5rem;
    display: block;
}

.masterHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.3);
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    z-index: 4;
    /*background: rgb(255,255,255);*/
}

.headerTop {
    z-index: 4 !important;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 0.8rem 10rem 0.8rem 28.5rem;
    background-image: linear-gradient(to left, rgba(5,30,85,.95), rgba(5,30,85, .5) 100%);
}

    .headerTop a,
    .headerTop a:link {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.35px;
        color: #fff;
        display: inline-block;
    }

        .headerTop a:visited {
            color: #fff;
        }

        .headerTop a:hover {
            color: #5ea42e;
        }

        .headerTop a:before {
            margin-left: 0;
            color: #5ea42e;
            margin-right: 0.8rem;
        }

        .headerTop a.hMap:before {
            content: "\f3c5";
            font-family: "Font Awesome 5 Pro";
            font-weight: 700;
        }

        .headerTop a.hPhone:before {
            content: "\f095";
            font-family: 'Font Awesome 5 Pro';
            font-weight: 700;
        }

        .headerTop a.hFax:before {
            content: "\f1ac";
            font-family: 'Font Awesome 5 Pro';
            font-weight: 700;
        }

        .headerTop a.hEmail:before {
            content: "\f0e0";
            font-weight: 700;
        }

        .headerTop a.hweather:before {
            content: "\f185";
            font-family: 'Font Awesome 5 Pro';
            font-weight: 400;
        }

.hFacebook:before {
    content: "\f39e" !important;
    font-family: 'Font Awesome 5 Brands' !important;
}

.hMap:before, .hFax:before, .hPhone:before {
    position: relative;
    z-index: 1;
}

.headerBottom {
    padding: 0.8rem 10rem 0 28.5rem;
    background: #fff;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4);
    box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4);
    position: relative;
}

h1.siteLogo {
    position: absolute;
    left: 10rem;
    width: 250px;
    height: 207px;
    margin-bottom: 0;
    top: -2.18em;
    z-index: 5;
}

    h1.siteLogo > a {
        width: 100%;
        height: 100%;
        position: absolute;
        display: block;
        text-indent: -9999em;
        background: url(../images/logo.png) center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .activePopupAlert, h1.siteLogo a {
        top: 1em;
    }

ul.headerTop {
    padding-left: 18%;
    background: rgb(255,255,255);
}

    ul.headerTop > li {
        float: left;
        width: 20%;
    }

    ul.headerTop a,
    ul.headerTop a:link {
        font-family: 'Open Sans', sans-serif !important;
        text-transform: uppercase;
        font-weight: 100 !important;
        display: block;
        padding: 0.7em;
    }

        ul.headerTop a:visited {
            color: rgb(40,75,99);
        }

        ul.headerTop a:hover {
            color: rgb(111,170,42);
        }

        ul.headerTop a:active {
            color: rgb(111,170,42);
        }

        ul.headerTop a:focus {
            color: rgb(111,170,42);
        }

    ul.headerTop > li:last-child {
        padding-right: 0;
    }

    ul.headerTop > li:nth-child(4) {
        text-align: center;
    }

    ul.headerTop > li:last-child a,
    ul.headerTop > li:last-child a:link {
        color: rgb(255,255,255);
        text-align: center;
        text-transform: uppercase;
        display: block;
        -webkit-transition-property: background;
        -moz-transition-property: background;
        -o-transition-property: background;
        transition-property: background;
        background: rgb(111,170,42);
    }

        ul.headerTop > li:last-child a:visited {
            color: rgb(255,255,255);
            background: rgb(111,170,42);
        }

        ul.headerTop > li:last-child a:hover {
            background: rgb(40,75,99);
        }

        ul.headerTop > li:last-child a:active {
            background: rgb(40,75,99);
        }

        ul.headerTop > li:last-child a:focus {
            background: rgb(40,75,99);
        }

.hmap {
    content: "\f3c5" !important;
}

.hphone {
    content: "\f3cf" !important;
}

.frmSearch button[type="submit"] {
    position: absolute;
    top: 1.7rem;
    left: 43%;
    color: #5ea42e;
    padding: 0.5em 1em;
    margin: 0;
    border: none;
    cursor: pointer;
    -webkit-transition: color 300ms ease 0s;
    -moz-transition: color 300ms ease 0s;
    -o-transition: color 300ms ease 0s;
    transition: color 300ms ease 0s;
    background: transparent;
    font-size: 22px;
}

    .frmSearch button[type="submit"] i {
        font-weight: bold;
    }

    .frmSearch button[type="submit"]:hover {
        color: rgb(45,57,82);
    }

    .frmSearch button[type="submit"]:before {
        margin-left: 0;
    }

.mobile-idliketo {
    display: none;
}


#idLiketoSearchModal .frmSearch {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
    overflow: visible;
    padding: 0;
    background: none;
}

    #idLiketoSearchModal .frmSearch:after {
        content: normal;
    }

    #idLiketoSearchModal .frmSearch input[type="search"] {
        color: rgb(45,57,82);
        -webkit-border-radius: 0.5em;
        -moz-border-radius: 0.5em;
        border-radius: 0.5em;
        background: rgb(232,235,239);
        padding: 0.75rem;
        font-size: 1rem;
    }

    #idLiketoSearchModal .frmSearch::-webkit-input-placeholder {
        font-family: inherit;
        font-size: inherit;
        color: inherit;
    }

    #idLiketoSearchModal .frmSearch:-moz-placeholder {
        font-family: inherit;
        font-size: inherit;
        color: inherit;
    }

    #idLiketoSearchModal .frmSearch::-moz-placeholder {
        font-family: inherit;
        font-size: inherit;
        color: inherit;
    }

    #idLiketoSearchModal .frmSearch:-ms-input-placeholder {
        font-family: inherit;
        font-size: inherit;
        color: inherit;
    }

    #idLiketoSearchModal .frmSearch button[type="submit"] {
        right: 0.5em;
        font-size: 1.3em;
        color: rgb(40,75,99);
        padding: 0.4em 0.5em;
        background: none;
    }

.idLikeToo {
    position: fixed;
    bottom: 2.4em;
    right: -5.6em;
    width: 14em;
    font: 400 1.06em 'Roboto Slab', serif;
    color: rgb(255,255,255);
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    margin: 0;
    padding: 1em;
    -webkit-transition: background 300ms ease 0s;
    -moz-transition: background 300ms ease 0s;
    -o-transition: background 300ms ease 0s;
    transition: background 300ms ease 0s;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    z-index: 3;
    background: rgb(76,89,107);
}

@-moz-document url-prefix() {
    .idLikeToo {
        bottom: 2.4em;
        right: -5.6em;
        width: 14em;
        padding: 1em;
    }
}

.idLikeToo:hover {
    background: rgb(45,57,82);
}

.idLikeToo:before {
    content: "\f067";
    margin-left: 0;
    margin-right: 0.5em;
}

/*.quickLinks {
    position: fixed;
    bottom: 0;
    z-index: 5;
    background: rgb(119,168,224);
    width: 100%;
}
    .quickLinks .container {
        padding: 0;
        min-width: 0;
    }
    .quickLinks h1.topQLHead {
        display: none;
    }
    .quickLinks button {
        background: none;
        border: none;
        padding: 6em 1em 1em 1em;
    }
    .quickLinks h1 {
        font-family: 'Roboto Slab', sans-serif;
        color: #ffffff;
        display: inline-block;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 500;
        font-size: 1.5em;
        position: relative;
        width: 100%;
    }

    .quickLinks:hover h1{
    	color:rgb(45,57,82);
    }
    .quickLinks:hover h1:after{
    	color:rgb(45,57,82)
    }

    .quickLinks:hover h1:before{
    	color:rgb(45,57,82);
    }
    .quickLinks h1:before{
    	content: "\f0c1";
    	font-family:'Font Awesome 5 Pro';

    	font-weight: 400;
    	position: absolute;
    	top: -1em;
    	left: 1.3em;
    	font-size: 2.3em;
    }
        .quickLinks h1:after {
            font-family: 'Font Awesome 5 Pro';
            content: '\f067';
			font-weight: 300;
            margin-left: 1em;
            color: rgb(255,255,255);
            font-size: 1em;
        }

        .quickLinks h1.open::after {
            content: '\f00d';
            font-family: 'Font Awesome 5 Pro';
            font-weight: 300;
        }
.quickLinks a,
.quickLinks a:link {
    position: relative;
    width: auto;
    height: auto;
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
    color: rgb(255,255,255);
    padding: 1em 3em .5em 1.5em ;
    display: block;
    margin-bottom: 0.5em;
    z-index: 2;
    background: rgb(45,57,82);
    letter-spacing: 1px;
    -webkit-transition: all 300ms ease !important;
    -moz-transition: all 300ms ease !important;
    -o-transition: all 300ms ease !important;
    transition: all 300ms ease !important;
}
.quickLinks a:visited {
    color: rgb(255,255,255);
}
.quickLinks a:hover {
    color: #5e964d;
}
.quickLinks a:active {
    color: #5e964d;
}
.quickLinks a:last-of-type {
    margin-bottom: 0;
}
.quickLinks a:before {
    font-family: "Font Awesome 5 Pro Light";
 	content: '\f067';
	font-weight: 300;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: 0;
}
.quickLinks a[title="E-Service Request"]{
    margin-top: 0.3em;
}
.quickLinks a[title="Nelson River Aquatic Centre"],
.quickLinks a[title="Gillam Chamber of Commerce"],
.quickLinks a[title="E-Service Request Form"],
.quickLinks a[title="Gillam School Information"] {
    margin-top: 0.6em;
    margin-bottom: 0.6em;
}
@-moz-document url-prefix() {
    .quickLinks a[title="E-Service Request"] {
        margin-top: 0.4em;
    }
    .quickLinks a[title="Meeting Minutes and Agendas"],
    .quickLinks a[title="Business Directory"],
    .quickLinks a[title="Community Events"],
	.quickLinks a[title="Tax Calculator"] {
        margin-top: 0.7em;
    }
}*/

/*.quickLinks{
	display: inline-block !important;
	float: left;
}*/
/*.quickLinks i{
	width: 20% !important;
	float:left; 
	padding-top: 7px !important;
	font-size: 1.6em;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300 !important;
}*/
/*.qla {
	width: 110% !important;
	padding-left: 3em;
}*/
/*.qlContainer {
    position: relative;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    display: none;
    z-index: 1;
    background: rgb(45,57,82);
}
.qlContainer a:hover {
    color: rgb(119,168,224);
}
.qlContainer a:before {
    content: normal;
    position: static;
    top: auto;
    left: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    margin-right: 0.5em;
}*/

a.weather-btn {
    position: fixed;
    display: inline-flex;
    right: -77px;
    top: 48%;
    -webkit-transform-origin: 50% 51%;
    background: #2f7fd1;
    color: #fff !important;
    z-index: 3;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    padding: 1rem 3rem 1rem 3rem;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    text-transform: uppercase;
    letter-spacing: 1px;
}

    a.weather-btn span {
        font-family: 'Roboto Slab', serif;
    }

    a.weather-btn:hover {
        background: #051e55;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

/*QuckLinks Start*/
.quickLinks .mobile-ql {
    display: none;
}

.quickLinks {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    background: #488121;
    opacity: 0.9;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.5);
}

    .quickLinks .container {
        max-width: 100% !important;
    }

    .quickLinks .qlContainer {
        display: flex;
        justify-content: space-around;
        width: 100%;
        margin: 0 auto;
    }

        .quickLinks .qlContainer a {
            flex-shrink: 1;
            display: block;
            text-align: center;
            color: #fff;
            padding: 1.7rem 0.5rem 1.5rem 0.5rem;
            font-weight: 500;
            font-family: 'Open Sans', sans-serif;
            text-transform: uppercase;
            -webkit-transition: color 300ms ease 0s;
            -moz-transition: color 300ms ease 0s;
            -o-transition: color 300ms ease 0s;
            transition: color 300ms ease 0s;
            letter-spacing: 2px;
            flex-grow: 1;
        }

            /*.quickLinks .qlContainer a:first-of-type {
	padding: 1.5rem .5rem 1.5rem 0;
}

.quickLinks .qlContainer a:last-of-type {
	padding: 1.5rem 0 1.5rem .5rem;
}
*/
            .quickLinks .qlContainer a > i {
                margin-right: 0.5rem;
                font-weight: bold;
            }

            .quickLinks .qlContainer a:hover {
                background: #1B421E;
                transition: 0.5s
            }
/*QuckLinks End*/

.hidemeql {
    display: none;
}
/*--Tablet & Mobile Quick Links Styling--*/
.tabql {
    background: rgb(119,168,224) !important;
}

    .tabql h1 {
        font-family: 'Roboto Slab', serif !important;
        color: rgb(45,57,82) !important;
        padding: .6em .3em 0 4.1em !important;
        position: relative !important;
    }

.qlline {
    border-bottom: 2px solid rgba(76,89,107,.4) !important;
    width: 75% !important;
    position: absolute !important;
    left: 9.2em !important;
    margin-top: -.5em !important;
}

.tabql h1 > span {
    font-weight: 600 !important;
}

.tabql ul {
    margin: 1em 0 0 7em !important;
    display: inline-block !important;
    width: 100% !important;
}

.tabql li {
    height: 3.3em !important;
    width: 49% !important;
    float: left !important;
}

    .tabql li > a {
        color: rgb(45,57,82) !important;
        font-family: 'Open Sans', sans-serif !important;
        font-size: 20px;
        font-weight: 400 !important;
    }

        .tabql li > a:hover {
            font-weight: 500 !important;
        }

.mainContent {
    margin-top: 33.45em;
    margin-top: 0;
    background: url(../images/textured-bg-gillam.png) !important;
}

main.formConfirm,
main.searchPage {
    float: none;
    width: 100%;
}

    main.formConfirm .articlePost,
    main.searchPage .articlePost {
        border-top: none;
    }

    main.searchPage .headerContent {
        padding: 0 0 1.5em;
    }

    main.searchPage h3.pageTitle {
        display: inherit;
        text-transform: capitalize;
        padding-left: 0;
    }

    main.formConfirm .articlePost h2 {
        font-size: 2em;
        color: rgb(45,57,82);
        text-align: center;
        margin-top: 0.9em;
        margin-bottom: 0.5em;
    }

        main.formConfirm .articlePost h2:before {
            content: "\f05d";
            font-size: 80px;
            color: rgb(80,121,79);
            display: block;
            margin-left: 0;
            margin-bottom: 0.3em;
        }

    main.formConfirm .articlePost h3 {
        font: 400 1.2em 'Open Sans',sans-serif !important;
        color: rgb(53,53,53);
        text-align: center;
    }

.afimg {
    width: 40%;
}
/******************************************
MODAL SEARCH
****************************************************/
#btnSearch .modal-header {
    border-bottom: none !important;
}

#btnSearch .modal-footer {
    display: block;
}

#btnSearch .modalTitleLogo {
    width: 180px;
    height: 100px;
    display: block;
    text-indent: -9999em;
    margin: 1.1em auto 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

#btnSearch .modal-body {
    padding: 0;
}

.modalSearchBTN {
    text-align: right;
    margin-bottom: 0;
    padding-top: 1.5em;
}

    .modalSearchBTN input[type="submit"] {
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: 300;
        color: rgb(255,255,255);
        text-transform: uppercase;
        letter-spacing: 2px;
        padding: 0.7em 2em;
        margin: 1.8em -3em 1em 3em;
        -webkit-border-radius: 0.5em;
        -moz-border-radius: 0.5em;
        border-radius: 0.3em;
        background: rgb(45,57,82);
    }

/************************************
SEARCH BAR
************************************/
button.searchIcon {
    margin: 0;
    padding: 0;
    height: 3em;
    float: right;
    border: none;
    background: rgb(76,89,107);
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

.searchHere {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400 !important;
    ;
    color: rgb(255,255,255) !important;
    font-size: 18px !important;
    margin-left: 1em;
    margin-top: -1em;
    text-transform: uppercase !important;
}

    .searchHere:after {
        content: "\f002";
        position: relative;
        left: 3em;
        font-size: 18px;
        font-family: 'Font Awesome 5 Pro';
        color: rgb(255,255,255);
    }

.modalTitleLogo {
    position: relative;
    top: 1em;
    width: 50%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    z-index: 5;
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.frmSearch {
    position: relative;
    max-width: 550px;
    margin-bottom: 2rem;
    /*width: 30%;
    top: 35%;
    left: 8rem;
    z-index: 2;*/
}

    .frmSearch:after {
        content: " ";
        display: block;
        position: absolute;
        bottom: 0;
        height: 2px;
        width: 550px;
        overflow: hidden;
        background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='white' stroke-width='2' stroke-dasharray='10' stroke-dashoffset='14' stroke-linecap='square'/%3e%3c/svg%3e");
    }

    .frmSearch fieldset {
        padding-top: 1em;
        text-align: center;
    }

        .frmSearch fieldset p {
            padding: 0 3em;
            margin: 0;
        }

.inner-addon {
    position: relative;
}

    .inner-addon .fa {
        position: absolute;
        padding: 10px;
        pointer-events: none;
    }

.left-addon .fa {
    left: 0px;
}

.right-addon .fa {
    right: 50px;
    color: #006400;
}

.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}

.frmSearch input[type="search"] {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    letter-spacing: 0.55px;
    width: 100%;
    color: #fff;
    background: transparent;
    padding-left: 0;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    outline: none;
}

.searchPageCont .articlePost input[type="text"] {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    background: transparent;
    font-style: italic;
}

.searchPageCont .articlePost input[type="text"] {
    width: auto;
    text-align: left;
    border: 1px solid #b1bab1;
    padding: 0.9em;
}

.modal-footer input[type="submit"] {
    width: 45%;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color: rgb(255,255,255);
    text-transform: uppercase;
    -webkit-transition: background 300ms ease 0s;
    -moz-transition: background 300ms ease 0s;
    -o-transition: background 300ms ease 0s;
    transition: background 300ms ease 0s;
    background: rgb(45,57,82);
    border-color: rgb(45,57,82);
    border-radius: 26px;
    padding: 0.4em 0;
}

.searchPageCont .articlePost input[type="submit"] {
    width: auto;
    padding: 0.9em 2em;
}

    .modal-footer input[type="submit"]:hover,
    .searchPageCont .articlePost input[type="submit"]:hover {
        background: rgb(119,168,224) !important;
        border-color: rgb(119,168,224) !important;
    }

#search-result {
    margin-top: 2em;
    min-height: 500px;
}

ul.search-page {
    margin-bottom: 0;
}

    ul.search-page h3 {
        margin-bottom: 0.5em;
    }

    ul.search-page a {
        display: block;
    }

        ul.search-page a:hover {
            color: #048abf !important;
        }

.page-information {
    font-size: 0.8em;
    color: rgb(100,100,100);
    margin-bottom: 0.7em;
}

a.searchedURL {
    font-size: 0.8em;
}

.pagination-container {
    margin-top: 2em;
}

ul.pagination {
    margin: 0;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background: rgb(120, 149, 163);
}
/* Navigation */
.menuIcon,
.closeNav,
.desktopNav .moreOptionMainMenu,
.desktopNav .moreOptionSubMainMenu,
.desktopNav ul.mainMenu > li:first-child,
ul.mainMenuCol2 h3 {
    display: none;
}

.menuIcon {
    position: absolute;
    right: 4rem;
    font: 400 1.375em 'Roboto Slab',serif !important;
    color: #051e55;
    letter-spacing: 4px;
    padding: 0.7em 0em;
    margin: 0;
    border: none;
    -webkit-transition: color 300ms ease 0s;
    -moz-transition: color 300ms ease 0s;
    -o-transition: color 300ms ease 0s;
    transition: color 300ms ease 0s;
    background: none;
    text-transform: uppercase;
}

    .menuIcon:hover {
        color: #203c7a;
    }

    .menuIcon:before {
        content: "\f0c9";
        padding-right: .5em;
        font-family: 'Font Awesome 5 Pro';
        font-weight: 900;
    }

    .menuIcon span {
        display: none;
    }

.navContainer {
    position: absolute;
    top: 100%;
    right: 26%;
    left: 26%;
    width: 67%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 350ms ease;
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 5px 20px rgba(0,0,0,0.3);
    box-shadow: 0 5px 20px rgba(0,0,0,0.3);
    z-index: -1;
}

.topNavContainer {
    background: #fffffff0;
    /*min-height:10rem;*/
    height: 100%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

    .topNavContainer > .container {
        position: relative;
        max-width: 1300px;
        padding: 0;
        overflow-x: hidden;
    }

        .topNavContainer > .container ul.mainMenuCol2 {
            height: 100%;
            overflow-y: hidden;
        }

            .topNavContainer > .container ul.mainMenuCol2 > li {
                height: inherit;
                min-height: inherit;
            }

.bottomNavContainer .container {
    /*padding-top: 1em;
    padding-bottom: 0.5em;*/
    padding: 1rem 0rem 1rem 0rem;
    text-align: center;
}

.bottomNavContainer a,
.bottomNavContainer a:link {
    color: rgb(255,255,255) !important;
    font-weight: 100;
    text-align: left !important;
    padding: 0 !important;
    display: block !important;
    border-left: none !important;
    background: #488121e6 !important;
}

    .bottomNavContainer a:hover {
        color: rgb(255,255,255) !important;
        background: rgb(55,83,54) !important;
    }

    .bottomNavContainer a:visited {
        color: rgb(255,255,255) !important;
        background: #488121e6 !important;
    }

    .bottomNavContainer a:active {
        color: rgb(255,255,255) !important;
        background: rgb(55,83,54) !important;
    }

    .bottomNavContainer a:focus {
        color: rgb(255,255,255) !important;
        background: rgb(55,83,54) !important;
    }
/*.bottomNavContainer a span:after {
    content: "\f054";
}*/
/*.bottomNavContainer div{
	padding-left: 1.5em;
}*/
.slablight {
    font-weight: 300;
}

.slabbold {
    font-weight: 700;
    letter-spacing: 1px;
}

nav .fa {
    display: inline-block;
    margin-right: 0.5em;
}

ul.mainMenu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

    ul.mainMenu > li {
    }
    /*ul.mainMenu li.hLink {
    margin-left: 6rem;
}
ul.mainMenu li.idLikeToLink {
    margin-right: 5rem;
}*/
    ul.mainMenu a,
    ul.mainMenu a:link {
        position: relative;
        font-family: 'Roboto Slab', serif;
        font-size: 22px;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.55px;
        text-transform: uppercase;
        font-weight: 900;
        color: #051e55;
        display: block;
        text-align: center;
        padding: 2rem 0 2rem 0;
        -webkit-transition-property: background;
        -moz-transition-property: background;
        -o-transition-property: background;
        transition-property: background;
    }

        ul.mainMenu a.home {
            color: #051e55 !important;
        }

            ul.mainMenu a.home i {
                color: #5ea42e;
            }

        ul.mainMenu a:visited {
            color: #051e55;
        }

        ul.mainMenu a:hover {
            color: #488121;
            background: none;
        }

ul.subMainMenu a:hover {
    color: rgb(119,168,224) !important;
}

ul.mainMenu a:active {
    color: #488121;
    background: none;
}

ul.mainMenu a:focus {
    color: #488121;
    background: none;
}
/*.desktopNav ul.mainMenu > li {
    float: left;
}*/
.desktopNav ul.mainMenu > li:hover a,
.desktopNav ul.mainMenu > li[aria-expanded="true"] > a {
    color: #488121;
    background: none;
}

.desktopNav ul.mainMenu .idLikeToNav i {
    font-weight: bold;
    color: #5ea42e;
}

.desktopNav ul.mainMenu > li.hasChild[aria-expanded="true"] .navContainer,
.desktopNav ul.mainMenu > li:hover .navContainer {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
}

.desktopNav ul.mainMenu > li:hover a:after,
.desktopNav ul.mainMenu > li.selected a:after {
    content: " ";
    border-color: #488121;
    opacity: 1;
    transform: scale(1) translateZ(0);
}

.desktopNav ul.mainMenu > li > a:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    border-top: 6px solid transparent;
    border-top-color: transparent;
    transform: scale(0) translateZ(0);
    -webkit-transition: -webkit-transform 0.45s ease, opacity 0.55s ease;
    -moz-transition: -moz-transform 0.45s ease, opacity 0.55s ease;
    -ms-transition: -ms-transform 0.45s ease, opacity 0.55s ease;
    -o-transition: -o-transform 0.45s ease, opacity 0.55s ease;
    transition: transform 0.45s ease, opacity 0.55s ease;
    margin: 0 auto;
    width: 35%;
    z-index: 1;
}
/*ul.mainMenuCol2 > li {
    float: left;
    width: 50%;
}*/
/*ul.mainMenuCol2 > li:first-child {
    padding-right: 1em;
}
ul.mainMenuCol2 > li:last-child {
    float: right;
    padding-left: 6em;
}*/
ul.relatedLinks {
    padding-top: 2.3em;
    padding-right: 0.2em;
}

.desktopNav ul.subMainMenu {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-width: 400px;
    -moz-column-width: 400px;
    column-width: 400px;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    padding: 0em 2em 0em 2em;
}

    .desktopNav ul.subMainMenu a,
    .desktopNav ul.subMainMenu a:link {
        position: relative;
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        font-size: 18px;
        color: #051e55 !important;
        border-left: none;
        width: 100%;
        display: inline-block;
        padding: 0.8rem 1.1rem 0.8rem 0;
        text-align: left;
        -webkit-transition-property: color;
        -moz-transition-property: color;
        -o-transition-property: color;
        transition-property: color;
        text-transform: capitalize;
        /* background: none !important;*/
        border-bottom: 1px dashed #C0C0C0;
    }

    .desktopNav ul.subMainMenu .subMenuLeft li.last-item a {
        border-bottom: none;
    }



    /*
.desktopNav ul.subMainMenu .subMenuLeft {
	margin-top:12px;
	width: 100%;
	padding-right: 1.5em;
	display: inline-block;
}
.desktopNav ul.subMainMenu .subMenuLeft li{
	width: 25%;
	padding-right: 1.5em;
	float: left;
}
.desktopNav ul.subMainMenu .subMenuRight {
    width: 50%;
    float: right;
    padding-left: 2em;
}
.desktopNav ul.subMainMenu a,
.desktopNav ul.subMainMenu a:link {
  	position: relative;
  	font-family: 'Open Sans', sans-serif !important;
  	font-weight: 500;
  	font-size: 15px;
  	color: rgb(45,57,82) !important;
  	border-left: none;
  	display: block;
  	padding: 1em 0 1.5em 0;
  	text-align: left;
  	text-transform: uppercase;
  	border-bottom: 1px solid rgb(181, 185, 198);
  	z-index: 1;
  	letter-spacing: 1px;
}*/
    /*.desktopNav ul.subMainMenu a ,.desktopNav ul.subMainMenu a:link:after{
	content: "\f054";
	position: absolute;
	font-size: 16px;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 100;
	right: 0;
}*/
    .desktopNav ul.subMainMenu a:visited {
        color: rgb(45,57,82) !important;
    }

    .desktopNav ul.subMainMenu a:hover {
        color: #488121 !important;
        -moz-transition: color .5s;
        -o-transition: color .5s;
        -webkit-transition: color .5s;
        transition: color .5s;
    }

    .desktopNav ul.subMainMenu a:active {
        color: rgb(40,75,99) !important;
    }

    .desktopNav ul.subMainMenu a:focus {
        color: rgb(40,75,99) !important;
    }

    .desktopNav ul.subMainMenu > li.hasChild > a:after {
        content: "\f054" !important;
        position: absolute;
        bottom: auto !important;
        right: 1em;
        top: 50%;
        left: auto !important;
        -webkit-transform: translateY(-50%) !important;
        -moz-transform: translateY(-50%) !important;
        -o-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important;
        /*color: rgb(206,211,216) !important;*/
    }

    .desktopNav ul.subMainMenu a:after {
        content: normal;
    }

    .desktopNav ul.subMainMenu a:hover:after {
        color: rgb(55,83,54) !important;
    }

.desktopNav ul.mainMenu > li:hover,
.desktopNav ul.mainMenu > [aria-expanded="true"] > a {
    color: #5ea42e;
    /* background: rgba(232,235,239,0.2);*/
}

.desktopNav ul.subMainMenu > li.hasChild[aria-expanded="true"] > a,
.desktopNav ul.subMainMenu > li:hover > a {
    color: rgb(55,83,54) !important;
    font-weight: bolder;
    content: normal !important;
}

ul.relatedLinks > li {
    float: left;
    width: 50%;
}

    ul.relatedLinks > li:first-child {
        float: none;
        width: 100%;
        clear: both;
        text-align: center;
        padding-bottom: 1.1em;
    }

    ul.relatedLinks > li:nth-child(2) {
        padding-right: 0;
    }

    ul.relatedLinks > li:last-child {
        padding-left: 0;
    }

ul.relatedLinks img {
    border: 3px solid rgb(76,89,107);
}

ul.relatedLinks a,
ul.relatedLinks a:link {
    font-family: 'Roboto Slab',serif;
    font-size: 16px;
    font-weight: 400;
    color: rgb(255,255,255);
    text-align: center;
    margin-left: 1.8em;
    padding: 2.5em 2.5em 2.8em 2.5em;
    width: 80%;
    background: rgb(76,89,107) !important;
}

    ul.relatedLinks a:visited {
        color: rgb(255,255,255);
    }

    ul.relatedLinks a:hover {
        color: rgb(255,255,255);
        background: rgb(55,83,54) !important;
    }

    ul.relatedLinks a:active {
        color: rgb(255,255,255);
        background: rgb(40,75,99) !important;
    }

    ul.relatedLinks a:focus {
        color: rgb(255,255,255);
        background: rgb(40,75,99) !important;
    }

    ul.relatedLinks a i {
        font-size: 45px;
        display: block;
        margin-right: 0;
        margin-bottom: 0.3em;
    }

.lastLevelCont {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2em;
    width: 51.25%;
    padding: 1.5em;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: transform 300ms ease 0s;
    -moz-transition: transform 300ms ease 0s;
    -o-transition: transform 300ms ease 0s;
    transition: transform 300ms ease 0s;
    background: rgb(209,224,229) url(../images/nav-shadow.png) left top repeat-x;
    z-index: 1;
}

.desktopNav ul.subSubMainMenu a,
.desktopNav ul.subSubMainMenu a:link {
    font-size: 1.3em;
    font-weight: 600;
    color: rgb(40,75,99) !important;
    text-transform: none;
    border-color: rgb(183,201,209);
    background: none !important;
}

    .desktopNav ul.subSubMainMenu a:visited {
        color: rgb(40,75,99) !important;
    }

    .desktopNav ul.subSubMainMenu a:hover {
        color: rgb(255,255,255) !important;
        background: rgb(40,75,99) !important;
    }

.desktopNav ul.subSubMainMenu > li:first-child a {
    border-color: rgb(183,201,209);
}

.desktopNav ul.subMainMenu > li.hasChild[aria-expanded="true"] .lastLevelCont,
.desktopNav ul.subMainMenu > li:hover .lastLevelCont {
    -webkit-transform: translate3d(50%,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(100%,0,0);
}

.desktopNav ul.subSubMainMenu > li:last-child {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

    .desktopNav ul.subSubMainMenu > li:last-child a,
    .desktopNav ul.subSubMainMenu > li:last-child a:link {
        font: 400 1.125em 'Roboto Slab',serif;
        color: rgb(255,255,255) !important;
        padding-left: 2.6em;
        -webkit-transition: background 300ms ease 0s;
        -moz-transition: background 300ms ease 0s;
        -o-transition: background 300ms ease 0s;
        transition: background 300ms ease 0s;
        border-bottom: none;
        background: rgb(40,75,99) !important;
    }

        .desktopNav ul.subSubMainMenu > li:last-child a:visited {
            color: rgb(255,255,255) !important;
        }

        .desktopNav ul.subSubMainMenu > li:last-child a:hover {
            background: rgb(111,170,42) !important;
        }

        .desktopNav ul.subSubMainMenu > li:last-child a:active {
            background: rgb(111,170,42) !important;
        }

        .desktopNav ul.subSubMainMenu > li:last-child a:focus {
            background: rgb(111,170,42) !important;
        }

        .desktopNav ul.subSubMainMenu > li:last-child a:after {
            content: "\f067";
            font-family: 'Font Awesome 5 Pro';
        }

.socialMedia {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

    .socialMedia a,
    .socialMedia a:link {
        color: rgb(255,255,255);
        display: inline-block;
    }

        .socialMedia a:visited {
            color: rgb(255,255,255);
        }

        .socialMedia a:hover {
            color: rgb(0,29,47);
        }

        .socialMedia a:active {
            color: rgb(0,29,47);
        }

        .socialMedia a:focus {
            color: rgb(0,29,47);
        }

        .socialMedia a:before {
            margin-left: 0;
            margin-right: 0.5em;
        }

/* /* a.facebook:before {
    content: "\f09a";
}

a.twitter:before {
    content: "\f099";
} */

a.instagram:before {
    content: "\f16d";
} 


/*---------------------table styling-------------------------*/
/* 
Generic Styling, for Desktops/Laptops 
*/
table {
    width: 100%;
    border-collapse: collapse;
}

    table .council-table {
        font-size: 1em;
    }

td, th {
    padding: 6px;
    border: none;
    text-align: left;
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    tr {
        border: none;
    }

    .council-table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #ccc;
        position: relative;
        padding-left: 50%;
    }

        .council-table td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }
}

/*-------------responsive tables generic---------------------*/
.responsive-table {
    text-transform: none;
}

tr:nth-of-type(2n) {
    background: none !important;
}


tr td:first-child {
    background: none !important;
}
/* table */
.responsive-table table {
    width: 100%;
    margin-bottom: 0.5em;
    font-size: 0.8em;
    border-collapse: collapse;
    border-spacing: 0;
}

.responsive-table table {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    color: #333;
}

    .responsive-table table tr {
        color: #222;
    }

    .responsive-table table tr {
        background: #efefef;
    }

        .responsive-table table tr:nth-child(even) {
            background: #efefef;
        }

    .responsive-table table th {
        font-weight: bold;
        padding: 0.35em;
        font-size: 1em;
    }

    .responsive-table table td {
        padding: 0.6em;
        font-size: 1.1em;
    }

    .responsive-table table td {
        text-align: left;
    }

/****************************************************************
MAIN CONTENT
****************************************************************/
.containerTable {
    width: 100% !important;
    display: table !important;
    padding-bottom: 1rem;
}

.containerMain {
    display: table-cell;
}

main {
    width: 100%;
    padding: 0 0 0 2rem;
    /*background: rgb(255,255,255);*/
}

.articlePost {
    height: auto !important;
    /*min-height: 20em !important;
    margin: 3em 1em 1em 1em !important;
    padding: 1em !important;*/
    font: 400 100%/1.5 'Roboto Slab', sans-serif !important;
    color: rgb(34,35,38);
}

    .articlePost h1, h2, h3, h4, h5, h6 {
        font: 600 2em 'Open Sans', sans-serif;
        color: rgb(76,89,107);
        padding: 0;
        margin: 0 0 .5em;
    }

    .articlePost li {
        list-style-type: disc;
    }

h2 {
    font-size: 1.8em;
}

h3 {
    font-size: 1.6em;
}

h4 {
    font-size: 1.4em;
}

h5 {
    font-size: 1.2em;
}

h6 {
    font-size: 1em;
}
/****************************************************************
ASIDE
****************************************************************/
ul.subSideMenu {
    display: none;
}

aside {
    width: 25% !important;
    display: table-cell !important;
    vertical-align: top !important;
    background: #fff !important;
    box-shadow: 0px 0px 10px rgba(0,0,0,.2);
    overflow: hidden;
    -webkit-border-radius: 0 0 .5rem 0;
    -moz-border-radius: 0 0 .5rem 0;
    -o-border-radius: 0 0 .5rem 0;
    border-radius: 0 0 .5rem 0;
}

.moreOption {
    position: absolute;
    top: -4px;
    right: 1em !important;
    font-size: 1em;
    color: #051e55;
    display: inline-block;
    padding: 1.3em 0.6em;
    cursor: pointer;
    border: none;
    -webkit-transition: background 300ms ease 0s;
    -moz-transition: background 300ms ease 0s;
    -o-transition: background 300ms ease 0s;
    transition: background 300ms ease 0s;
    background: none;
}

    .moreOption:hover {
        color: rgb(255,255,255) !important;
    }

    .moreOption:before {
        content: "\f078";
        margin-left: 0;
    }

    .moreOption.openIcon:before {
        content: "\f077";
    }

ul.sideMenu a,
ul.sideMenu a:link {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600 !important;
    color: #051e55;
    text-transform: uppercase;
    display: block !important;
    padding: 1em 3em 1em 1.5em !important;
    -webkit-transition: background 300ms ease 0s;
    -moz-transition: background 300ms ease 0s;
    -o-transition: background 300ms ease 0s;
    transition: background 300ms ease 0s;
    background: #fff;
}

    ul.sideMenu a:visited {
        color: #051e55;
    }

    ul.sideMenu a:hover {
        color: rgb(255,255,255);
        background: #051e55 !important;
    }

    ul.sideMenu a:active {
        color: rgb(255,255,255);
        background: #051e55;
    }

    ul.sideMenu a:focus {
        color: rgb(255,255,255);
        background: #051e55;
    }

ul.sideMenu > li {
    position: relative;
}

    ul.sideMenu > li.hasChild a {
        padding-right: 2em;
    }
    /*ul.sideMenu > li.selected a:first-child {  
    color: rgb(255,255,255);
    background: rgb(80,121,79) !important;
}*/
    /*ul.sideMenu > li.selected a:last-child {
   color: rgb(255,255,255) !important;
   background: rgb(55,83,54)  !important;
}*/
    ul.sideMenu > li.selected .moreOption {
        color: rgb(255,255,255);
    }

    ul.sideMenu > li:hover > a {
        color: rgb(255,255,255);
        background: #051e55;
    }

    ul.sideMenu > li:hover .moreOption {
        color: rgb(255,255,255);
    }

ul.subSideMenu a,
ul.subSideMenu a:link {
    color: rgb(255,255,255);
    text-transform: none;
    padding-left: 2em !important;
    display: block;
    background: #325a17;
    font-weight: 400 !important;
}

    ul.subSideMenu a:visited {
        color: rgb(255,255,255);
        background: #325a17;
    }

    ul.subSideMenu a:hover {
        color: rgb(255,255,255);
        font-weight: 500;
        background: #5ea42e !important;
    }

    ul.subSideMenu a:active {
        color: rgb(255,255,255) !important;
        background: #5ea42e !important;
    }

    ul.subSideMenu a:focus {
        color: rgb(255,255,255) !important;
        background: #5ea42e !important;
    }

ul.subSideMenu > li.selected a {
    color: #fff !important;
    font-weight: 500;
    background: #5ea42e !important;
}

.adContainer a,
.adContainer a:link {
    padding: 0 !important;
}

.adContainer img {
    width: 100%;
}

/****************************************************************
TOOLBAR [ TEXTSIZER && GOOGLE TRANSLATE ]
****************************************************************/
.toolBox {
    position: relative;
}

    .toolBox:after {
        content: " ";
        display: block;
        position: absolute;
        bottom: 0;
        height: 2px;
        width: 100%;
        border-bottom: 1px dashed rgba(5,30,85,.25);
    }

ol.breadCrumb {
    padding-right: 12rem;
}

    ol.breadCrumb a,
    ol.breadCrumb a:link {
        font-family: 'Open Sans', sans-serif;
        color: #051e55;
        text-transform: uppercase;
        font-weight: 700 !important;
        display: block;
        font-size: .95rem;
    }

        ol.breadCrumb a:visited {
            color: #051e55;
        }

        ol.breadCrumb a:hover {
            color: #488121;
        }

        ol.breadCrumb a:active {
            color: #488121;
        }

        ol.breadCrumb a:focus {
            color: #488121;
        }

        ol.breadCrumb a:after {
            content: "\f105";
            color: #488121;
            margin-right: 0.5em;
        }

    ol.breadCrumb li:last-of-type a:after {
        content: normal;
    }

    ol.breadCrumb li:first-of-type a,
    ol.breadCrumb li:last-of-type a {
        color: #488121;
    }

ol.breadcrumb, ul.textResizer a:after {
    content: none !important;
}

ol.breadCrumb {
    padding: 1.7em 6.5em 1.7em 0;
    /* background: rgb(255,255,255);*/
    margin-bottom: 1em;
    position: relative;
}

    ol.breadCrumb > li {
        float: left;
    }

.breadhl {
    display: none;
    /*border-bottom: 2px solid rgb(232,235,239);
	width: 100%;
	position: relative;
	margin-left: 1em;
	top: -27px;*/
}


ol.breadCrumb > li:last-child a,
ol.breadCrumb > li:last-child a:link {
    color: rgb(80,121,79);
}

ol.breadCrumb > li:first-child a:before {
    content: "\f015";
    content: normal;
    margin-left: 0;
}

ol.breadCrumb > li:last-child a:after {
    content: normal;
    margin-right: 0;
    margin-left: 0;
}

ul.textResizer {
    position: absolute;
    right: 0;
    max-width: 200px;
    display: block;
    text-align: right;
    margin: 0 0 0 auto;
    float: right;
}

    ul.textResizer > li {
        float: left;
        margin-right: 0.4rem;
    }

        ul.textResizer > li:last-child {
            margin-right: 0;
        }

    ul.textResizer span,
    ul.textResizer a,
    ul.textResizer a:link {
        font: 700 0.9em/0 'Open Sans', sans-serif;
        font-weight: 500;
        color: rgb(76,89,107);
        text-transform: uppercase;
        display: inline-block;
    }

        ul.textResizer a:visited {
            color: rgb(76,89,107);
        }

        ul.textResizer a:hover {
            color: #488121;
        }

        ul.textResizer a:active {
            color: #488121;
        }

        ul.textResizer a:focus {
            color: #488121;
        }

    ul.textResizer span {
        margin-right: 0.5em;
    }

    ul.textResizer a.small-text {
        font-size: 0.688em;
    }

    ul.textResizer a.medium-text {
        font-size: 1em;
    }

    ul.textResizer a.large-text {
        font-size: 1.3em;
    }

    ul.textResizer a.textresizer-active {
        color: #488121;
    }

.btnPrint {
    margin-top: -2px;
    padding: 0 0.5rem;
    border: none;
    border-left: solid 2px #1c1c1c;
    cursor: pointer;
    display: block;
    background: none;
    -webkit-transition: color 300ms ease 0s;
    -moz-transition: color 300ms ease 0s;
    -o-transition: color 300ms ease 0s;
    transition: color 300ms ease 0s;
}

    .btnPrint:hover {
        color: #488121;
    }

    .btnPrint:before {
        content: "\f02f";
    }


#google_translate_element {
    position: relative;
    top: 1em;
    display: inline-block;
}

/****************************************************************
SEARCH
****************************************************************/
.searchPage .page-information {
    margin-bottom: 1em;
}

.searchHere > i {
    display: none;
}

ul.search-page {
    list-style-type: decimal;
    padding: 0;
}

    ul.search-page > li {
        margin-bottom: 0.5em;
    }

    ul.search-page h3 {
        font-size: 1.2em;
        margin-bottom: 0;
    }

    ul.search-page a,
    ul.search-page a.searchedURL {
        display: inline-block;
    }

    ul.search-page .searchedContent {
        display: block;
        margin-bottom: 0.2em;
    }

.searchPage input[type="submit"] {
    font: 400 1.063em 'Open Sans', sans-serif;
    color: rgb(255,255,255);
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 0.55em 2em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.3em;
    background: rgb(80,121,79);
}

    .searchPage input[type="submit"]:hover {
        background-color: rgb(76,89,107);
    }

.footerTop {
    position: relative;
    background: url("../images/hl-bg.jpg") no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    padding-top: 13rem;
    /* z-index: -4 !important;*/
    /*object-fit: cover;*/
}

    .footerTop:before {
        content: " ";
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        height: 5rem;
        background: url("../images/textured-bg-gillam.png") no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
    }

    .footerTop .footer-mask {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 209px;
        overflow-x: hidden;
        background: url("../images/textured-bg-gillam.png") no-repeat;
        /*mask-clip: content-box;*/
        object-fit: cover;
        -webkit-mask-image: url("../images/tree-mask.png");
        mask-image: url("../images/tree-mask.png");
        -webkit-mask-size: cover;
        mask-size: cover;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
    }

    .footerTop .h-titles {
        position: relative;
        z-index: 1;
        text-align: center;
        align-items: center;
    }

        .footerTop .h-titles h4,
        .footerTop .h-titles h2 {
            color: #fff;
        }

        .footerTop .h-titles h4 {
            text-transform: uppercase;
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            letter-spacing: 1px;
            margin: 0;
        }

        .footerTop .h-titles h2 {
            text-transform: capitalize;
            font-weight: 700;
            font-family: 'Roboto Slab',serif;
            font-size: 2.25rem;
            position: relative;
            padding-bottom: 1rem;
            margin-bottom: 2rem;
        }


            .footerTop .h-titles h2:after {
                content: normal;
                /*display: block;
                position: absolute;
                bottom: 0;
                height: 2px;
                width: 200px;
                overflow: hidden;
                background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='white' stroke-width='2' stroke-dasharray='10' stroke-dashoffset='14' stroke-linecap='square'/%3e%3c/svg%3e");
                left: 50%;
                -webkit-transform: translateX(-50%);
                -moz-transform: translateX(-50%);
                -o-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);*/
            }

    .footerTop .container-fluid {
        width: 100%;
        margin: 0 auto;
        padding: 0 10rem;
    }

.highlightContainer .hContainer img {
    width: 100%;
}

.highlightContainer .owl-item {
    margin: 0;
}

.highlightContainer .owl-dots {
    display: none !important;
}

.highlightContainer .owl-nav.disabled {
    display: block !important;
}

.highlightContainer .owl-nav button i {
    color: #488121;
    background: #fff;
    padding: 1rem 1.25rem;
    font-size: 2.5rem;
    border: 2px solid #FFF;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
    box-shadow: 0px 0px 10px rgba(0,0,0,.2);
}

.highlightContainer .owl-nav button:hover i {
    color: #2267ae;
    background: #fff;
}

.highlightContainer .owl-nav button.owl-next i {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.highlightContainer .owl-nav button.owl-prev i {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.highlightContainer .owl-nav .owl-next {
    position: absolute;
    right: -2.5rem;
    bottom: 0.5rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.highlightContainer .owl-nav .owl-prev {
    position: absolute;
    left: -2.5rem;
    bottom: 0.5rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.highlight-carousel .owl-item {
    box-shadow: 0px 0px 10px rgba(0,0,0,.25);
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

a.highlight-item {
    position: relative;
    display: block;
    background: #fff;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    border-radius: 0.25rem;
    overflow: hidden;
}

    a.highlight-item .hl-image {
        overflow: hidden;
    }

        a.highlight-item .hl-image img {
            -webkit-transition: transform 300ms ease 0s;
            -moz-transition: transform 300ms ease 0s;
            -o-transition: transform 300ms ease 0s;
            transition: transform 300ms ease 0s;
            transform: scale(1.05);
        }

    a.highlight-item:hover .hl-image img {
        transform: scale(1.15);
    }

    a.highlight-item .hl-text {
        padding: 1.75rem 1rem;
    }

    a.highlight-item .hl-text {
        text-align: center;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

.owl-item:nth-of-type(odd) a.highlight-item .hl-text {
    background: #488121;
    -webkit-transition: background 300ms ease 0s;
    -moz-transition: background 300ms ease 0s;
    -o-transition: background 300ms ease 0s;
    transition: background 300ms ease 0s;
}

.owl-item:nth-of-type(even) a.highlight-item .hl-text {
    background: #2267ae;
    -webkit-transition: background 300ms ease 0s;
    -moz-transition: background 300ms ease 0s;
    -o-transition: background 300ms ease 0s;
    transition: background 300ms ease 0s;
}

.owl-item:nth-of-type(odd) a.highlight-item:hover .hl-text {
    background: #32541b;
}

.owl-item:nth-of-type(even) a.highlight-item:hover .hl-text {
    background: #15497e;
}

a.highlight-item .hl-text .card-title {
    color: #fff;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    overflow: hidden;
}


.connect-con {
    background: url("../images/textured-bg-gillam.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

    .connect-con .row {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 2rem 0;
    }

        .connect-con .row .col-sm:first-of-type {
            position: relative;
            padding-left: 7rem;
            min-width: 30rem;
        }

            .connect-con .row .col-sm:first-of-type i {
                position: absolute;
                left: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                font-size: 4rem;
                color: #488121;
            }

            .connect-con .row .col-sm:first-of-type h1 {
                color: #051e55;
                font-family: 'Roboto Slab', serif;
                font-size: 2rem;
                font-weight: 600;
                text-transform: uppercase;
                margin: 0;
            }

                .connect-con .row .col-sm:first-of-type h1 > span {
                    display: block;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 500;
                    letter-spacing: 1px;
                    font-size: 1.25rem;
                }

            .connect-con .row .col-sm:first-of-type p {
                color: #051e55;
                font-weight: 500;
                margin: 0;
            }

        .connect-con .row .col-sm:nth-of-type(2) {
            flex-grow: 3.1;
        }

            .connect-con .row .col-sm:nth-of-type(2) p {
                color: #051e55;
                margin: .75rem 0 .5rem;
            }

        .connect-con .row .col-sm:last-of-type .defaultButton {
            display: block;
            color: #051e55;
            text-transform: uppercase;
            letter-spacing: 1px;
            font: 700 .9rem 'Open Sans', sans-serif;
            -webkit-border-radius: 0.25rem;
            -moz-border-radius: 0.25rem;
            -o-border-radius: 0.25rem;
            border-radius: 0.25rem;
            border: solid 2px #051e55;
            background: none;
            padding: 0.75rem 3.5rem;
            margin-left: auto;
            margin-top: 0.75rem;
            -webkit-transition: background 300ms ease 0s;
            -moz-transition: background 300ms ease 0s;
            -o-transition: background 300ms ease 0s;
            transition: background 300ms ease 0s;
        }

            .connect-con .row .col-sm:last-of-type .defaultButton:hover {
                color: #fff;
                background: #051e55;
            }


ul.footerCol2 {
    width: 100%;
    display: table;
}

    ul.footerCol2 > li {
        position: relative;
        float: left;
        height: 581px;
        width: 50%;
    }

        ul.footerCol2 > li:first-child {
            text-align: center;
        }

        ul.footerCol2 > li:last-child {
            background: rgba(232,235,239,0.9);
        }

.innerAppCont {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 91%;
}

    .innerAppCont li {
        color: #2d3952;
        font-family: 'Open Sans',sans-serif;
        font-weight: 600;
        font-size: 18px;
        margin-left: -2.7em !important;
        line-height: 2em;
        display: inline-block;
        float: left;
        width: 58%;
    }

.listmove {
    position: relative;
    left: 2em;
}

.footerTop ul.footerCol2 > li:first-child a:before,
.footerTop ul.footerCol2 > li:first-child .innerAppCont a:before,
.footerTop ul.footerCol2 > li:last-child a:before {
    content: normal;
    margin-left: 0;
}

ul.footerCol2 > li:first-child img {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-left: 2em;
    padding-right: 2em;
}

ul.footerCol2 > li:last-child h2 {
    font: 600 1.375em 'Open Sans', sans-serif;
    color: rgb(255,255,255);
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 0 1em;
}

ul.footerCol2 > li:last-child p {
    color: rgb(45,57,82);
}

.footerBottom ul.footerCol2 > li:last-child h2 {
    margin-bottom: 0;
}


.footerBottom .row {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0;
    width: 100%;
    justify-content: space-between;
}

    .footerBottom .row .col-sm {
        padding: 0;
    }

.footerBottom .fb-top,
.footerBottom .fb-bot {
    padding: 0.75rem 0 0.75rem 14rem;
    position: relative;
    overflow: hidden;
}

.footerBottom .fb-bot {
	padding: 1.75rem 0 0.75rem 14rem;
}

    .footerBottom .fb-top a:first-of-type {
        min-width: 25rem;
        text-align: left;
    }

    .footerBottom .fb-top a:nth-of-type(2) {
        min-width: 8rem;
    }

    .footerBottom .fb-top a:nth-of-type(3) {
        min-width: 8rem;
    }

    .footerBottom .fb-top a:nth-of-type(4) {
        min-width: 15rem;
    }

    .footerBottom .fb-top a:last-of-type {
        min-width: 10rem;
    }

    .footerBottom .fb-top a {
        font-size: .85rem;
        padding: 0;
        text-align: center;
    }

        .footerBottom .fb-top a:last-of-type {
            text-align: right;
        }

    .footerBottom .fb-bot a {
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: .85rem;
    }

.footerBottom .container {
    position: relative;
}

.footerBottom .footer-logo {
    position: absolute;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 110px;
    width: 178px;
    background: url("../images/gillam-footer.png") no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.footerBottom .fb-top:after {
    content: normal;
    /*display: block;
    position: absolute;
    bottom: 0;
    left: 13.75rem;
    height: 2px;
    width: 1400px;
    overflow: hidden;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='white' stroke-width='2' stroke-dasharray='10' stroke-dashoffset='14' stroke-linecap='square'/%3e%3c/svg%3e");*/
}

.headerGroup {
    position: relative;
    padding-left: 5.5em;
}

    .headerGroup:before {
        content: "\f10b";
        position: absolute;
        top: -0.1em;
        left: 0;
        font-size: 136px;
        line-height: normal;
        color: rgb(80,121,79);
        margin-left: 1px;
    }

    .headerGroup h3 {
        font-family: 'Roboto Slab',serif;
        font-size: 35px;
        color: rgb(68,71,77);
        font-weight: 300;
        text-transform: uppercase;
        margin: 0 0 0.4em;
    }

        .headerGroup h3 span {
            font-family: 'Roboto Slab',serif;
            color: rgb(68,71,77);
            font-weight: 700;
            font-size: 60px;
            position: relative;
            top: -9px;
            /* border-bottom: 2px solid; */
        }

    .headerGroup p {
        font-family: 'Open Sans',sans-serif;
        font-weight: 500;
        padding-top: .5em;
        font-size: 20px;
        margin-left: -4.3em;
        width: 100%;
    }

.appline {
    border-bottom: 2px solid rgba(76,89,107,0.7) !important;
    position: relative;
    margin-left: -5.5em;
    margin-bottom: 1em;
    width: 118% !important;
}

@-moz-document url-prefix() {
    .appline {
        border-bottom: 2px solid rgba(76,89,107,.4) !important;
    }
}

.appCont {
    margin-left: -.1em;
}

    .appCont img {
        padding-left: 3.8em !important;
        width: 100%;
    }

    .appCont > a,
    .appCont > a:link {
        display: inline-block;
    }

        .appCont > a:first-of-type {
            margin-top: 2em;
            margin-right: 1em;
        }

ul.appList {
    font: 400 1.250em 'Open Sans', sans-serif;
    color: rgb(255,255,255);
    margin: 1.5em 0 1.5em 4.5em;
}

    ul.appList > li:before {
        content: "\f054";
        font-size: 10px;
        font-weight: 400;
        font-family: 'Font Awesome 5 Pro';
        position: relative;
        color: rgb(80,121,79);
        margin-left: 0;
        margin-right: 1.5em;
    }

.footerBottom {
    position: relative;
    z-index: 4 !important;
    background: #203c7a;
}

    .footerBottom ul {
        padding: 0;
    }

        .footerBottom ul.footerCol2 > li {
            height: auto;
            display: inline-block;
        }

            .footerBottom ul.footerCol2 > li:first-child {
                float: right;
                vertical-align: middle;
                text-align: left;
                padding-left: 1.5em;
                padding-right: 1.5em;
            }

            .footerBottom ul.footerCol2 > li:last-child {
                float: left;
                background: none;
            }

            .footerBottom ul.footerCol2 > li:first-child h2 {
                font-weight: 400;
                letter-spacing: 3px;
                text-transform: uppercase;
                margin-bottom: 0;
            }

            .footerBottom ul.footerCol2 > li:first-child p {
                font: 600 1.188em 'Open Sans', sans-serif;
                color: rgb(255,255,255);
                margin-bottom: 1.5em;
            }

    .footerBottom cite,
    .footerBottom small {
        display: inline-block;
    }

    .footerBottom small {
        margin: 0;
    }

    .footerBottom cite {
        text-align: right;
    }

        .footerBottom small,
        .footerBottom cite a,
        .footerBottom cite a:link {
            font: 400 0.750em/27px 'Open Sans', sans-serif;
            color: rgb(255,255,255);
            text-transform: uppercase;
            display: inline-block;
        }

            .footerBottom cite a:visited {
                color: rgb(255,255,255);
            }

            .footerBottom cite a:hover {
                color: rgb(255,255,255);
            }

            .footerBottom cite a:active {
                color: rgb(255,255,255);
            }

            .footerBottom cite a:focus {
                color: rgb(255,255,255);
            }

        .footerBottom cite span {
            width: 86px;
            height: 27px;
            text-indent: -9999em;
            display: inline-block;
            margin-left: 0.5em;
            background: url(../images/All-Net.png) center center no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
        }

    .footerBottom small {
        /*position: absolute;
	top: 11em;
	margin-left:2em;*/
    }

.footerlogo {
    width: 60%;
    margin-left: -2em;
    margin-bottom: 1em;
}

.fb-bot-bar {
    padding-bottom: 3.5rem;
    background: #051e55;
}

#notice-list h5 {
    margin-bottom: 0.3em;
}

#myCalendarModal .modalDate {
    margin-bottom: 0;
}

#myCalendarModal .modalBodyMetaHeader {
    margin-bottom: 1.2em;
}

#myCalendarModal .linkAttachment {
    margin-top: 1em;
}

.linkAttachment {
    margin-top: 1em;
}

    .linkAttachment > p {
        margin-bottom: 0;
    }

/******
Site Map
*******/
.siteMapSection {
    padding: 0;
    margin: 0;
}

    .siteMapSection ul.mainMenuMap {
        list-style-type: none;
    }

    .siteMapSection ul.subMenuMap {
        list-style-type: none;
    }

    .siteMapSection .subSubMainMenuMap {
        list-style-type: none;
    }




/****************************************************************
MEDIA QUERY
****************************************************************/
@media only screen and (max-width: 1910px) {
    /*ul.mainMenu a,
	ul.mainMenu a:link{
		font-size: 24px;
	}
	ul.relatedLinks {
		padding-top: 2.3em;
		padding-right: 0.2em;
	}
	ul.relatedLinks a{
		font-size: 1em !important;
	}*/
}

@media only screen and (max-width: 1840px) {
    /*h1.siteLogo a{
		margin-top: -.49em;
		width: 220px !important;
		background-repeat: no-repeat !important;
		background-size: contain;
    }*/

}

@media only screen and (max-width:1835px) {
    /*.container2{
	max-width: 1230px !important;
	}*/

    .bottomNavContainer div {
        padding-left: 1.78em;
    }

    ul.mainMenu a,
    ul.mainMenu a:link {
        font-size: 20px !important;
    }

    .desktopNav ul.subMainMenu a,
    .desktopNav ul.subMainMenu a:link {
        font-size: 15px !important;
    }
}

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

    .connect-con .row .col-sm:first-of-type {
        padding-left: 5rem;
        min-width: 25rem;
    }

    .connect-con .row .col-sm:nth-of-type(2) {
        flex-grow: 4;
    }
}


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


    h1.siteLogo {
        position: absolute;
        left: 10rem;
        width: 220px;
        height: 176px;
        margin-bottom: 0;
        top: -2.16em;
        z-index: 5;
    }

    .headerTop {
        padding: 0.8rem 10rem 0.8rem 26.5rem;
    }

    .headerBottom {
        padding: 0 10rem 0 26.5rem;
    }

    h3.pageTitle {
        font-size: 2em;
    }

    .footerBottom .footer-logo {
        height: 90px;
        width: 142px;
    }

    .footerBottom .fb-top, .footerBottom .fb-bot {
        padding: 1.75rem 0 0.75rem 10rem;
    }

        .footerBottom .fb-top:after {
            left: 9.6rem;
        }

    .frmSearch input[type="search"] {
        font-size: 1.1em;
    }


    .bottomNavContainer div {
        padding-left: 1.3em;
    }
}

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

    .container,
    .container2 {
        padding: 0 6rem;
    }

    h1.siteLogo {
        left: 6rem;
    }

    .headerTop {
        padding: 0.8rem 6rem 0.8rem 21.5rem;
    }

    .headerBottom {
        padding: 0 6rem 0 21.5rem;
    }

    .footerTop .container-fluid {
        padding: 0 6rem;
    }
}

@media only screen and (max-width: 1600px) {
    /* -- Container for Inside Pages --*/
    /*.container2 {
		width: inherit;
		max-width: 1100px !important;
		min-width: 320px;
		margin: auto;
	}*/
    .bottomNavContainer div {
        padding-left: 3em !important;
        position: relative !important;
    }
    /*.headerTop {
   	padding: 0 0 0 1em;
  	}
	.headerTop a,
	.headerTop a:link {
    font-size: 14px;
    margin-right: 2em;
    padding-top: .5em;
	}
	.container {
		max-width: 1200px;
		min-width: 320px;
		margin: auto;
		margin-bottom: 0 !important;
	}*/
    #weather h1 {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    .topNavContainer > .container {
        max-width: 1080px
    }
    /*.topNavContainer {
        min-height: 35.5em;
    }
    .topNavContainer > .container ul.mainMenuCol2 {
        height: 20em;
    }*/
    ul.mainMenu a,
    ul.mainMenu a:link {
        font-size: 1.4em;
    }
    /* ul.relatedLinks a,
	ul.relatedLinks a:link {
    	font-size: 13px !important;
    	padding: 3em 3em 3em 3em;
     	width: 90%;
	}
	ul.relatedLinks > li:first-child {
    padding-bottom: 1.1em;
	}*/
    ul.subMainMenu {
        padding-left: 1em;
    }

    .bottomNavContainer .container {
        padding-left: 7.8em;
    }

    .desktopNav ul.subSubMainMenu > li:last-child a,
    .desktopNav ul.subSubMainMenu > li:last-child a:link,
    .bottomNavContainer a,
    .bottomNavContainer a:link {
        font-size: 1em !important;
    }

    .desktopNav ul.subMainMenu a,
    .desktopNav ul.subMainMenu a:link {
        font-size: 13px !important;
    }
    /*.quickLinks.openQuickLinks .QLButton {
        margin-top: 2em !important;
    }
    .QLButton {
        font-size: 0.2em;
    }*/
    /* .QLContainer {
        margin-top: 2em;
    }
    .QLContainer a,
    .QLContainer a:link {
        font-size: 0.6em;
    }*/
    ul.footerCol2 > li:last-child h2 {
        font-size: 1.2em;
    }

    .headerGroup {
        padding-left: 4.5em;
    }

        .headerGroup h3 {
            font-size: 1.7em;
        }

        ul.appList,
        .headerGroup p {
            font-size: 1em;
        }

    ul.appList {
        margin-left: 5.5em;
    }

    .headerGroup:before {
        font-size: 125px;
    }

    .footerLogo > span {
        font-size: 1.7em;
    }

    ol.breadCrumb {
        padding-top: 1.3em;
        padding-bottom: 1.3em;
    }
    /*ol.breadCrumb a,
    ol.breadCrumb a:link {
        font-size: 0.85em;
    }*/
    h2.categoryTitle {
        height: auto;
        min-height: 2em;
        margin: 3em 1em 1em 1em;
    }

    ul.sideMenu a,
    ul.sideMenu a:link {
        font-size: 1em;
    }

    .moreOption {
        padding-top: 0.9em;
        padding-bottom: 0.9em;
    }

    main.formConfirm .articlePost h2 {
        font-size: 1.5em;
    }

        main.formConfirm .articlePost h2:before {
            font-size: 60px;
        }

    main.formConfirm .articlePost h3 {
        font-size: 1.1em;
    }
    /*.quickLinks {*/
    /* padding-top: .9em; */
    /*padding-bottom: 0;
    }
    .quickLinks button {
        background: none;
        border: none;
        padding: 5.8em 1em 1em 1em;
    }*/
    .idLikeToo {
        width: 14.5em !important;
        right: -5.6em !important;
        bottom: 4.3em;
        padding: 1em;
        font-size: 14px;
    }
    /* @-moz-document url-prefix() {
        .quickLinks {
            padding-top: 1.95em;
            padding-bottom: 1.95em;
        }
    }*/
    .footerBottom p {
        font-size: 12px !important;
    }
    /*.footerBottom small,
	.footerBottom cite a,
	.footerBottom cite a:link {
	    width: 100% !important;
		margin-bottom: 0 !important;
		padding: 0;
	}
	.footerBottom cite a:link{
		width: 50% !important;
	}
	.footerBottom small {
		margin-top: .5em;
		width: 120% !important;
		margin-left: 2em;
	}*/
    .footerlogo {
        margin-bottom: .5em;
    }
    /*cite{
		margin-left: -3em !important;
		width: 110% !important;
	}*/
    /*.footerBottom h2{
	margin-left: 1.6em;
	}*/
    .appCont {
        margin-left: 3em;
    }

        .appCont img {
            padding-left: 1.1em !important;
            width: 90%;
        }

        .appCont > a:first-of-type {
            margin-top: 1em;
        }

    button.searchIcon {
        margin: 0;
        padding: 0;
        right: 1em;
    }

    .searchHere:after {
        left: 1em;
        font-size: 18px;
    }



    ul.footerNav a {
        font-size: 0.75rem;
    }

        ul.footerNav a:after {
            right: 1rem;
        }
}

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

    .connect-con .row .col-sm:nth-of-type(2) p {
        font-size: .95rem;
    }

    .footerBottom p {
        font-size: 12px !important;
    }

    .bottomNavContainer div {
        padding-left: 2em !important;
    }

    .footerBottom h2 {
        font-size: 20px;
    }
}

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

    ul.mainMenu a,
    ul.mainMenu a:link {
        font-size: 18px !important;
    }

    .connect-con .row .col-sm:first-of-type i {
        font-size: 3.5rem;
    }

    .connect-con .row .col-sm:first-of-type h1 > span {
        font-size: 1rem;
    }

    .connect-con .row .col-sm:first-of-type h1 {
        font-size: 1.7rem;
    }

    .connect-con .row .col-sm:first-of-type {
        padding-left: 4.5rem;
        min-width: 21rem;
    }

    .connect-con .row .col-sm:nth-of-type(2) p {
        margin: 0.5rem 0 0.5rem;
        font-size: .85rem;
    }

    .connect-con .row .col-sm:last-of-type .defaultButton {
        margin-top: 0.5rem;
    }

    .connect-con .row {
        padding: 3rem 0 2rem 0;
    }

    .footerBottom .fb-top a {
        font-size: .8rem;
    }
}

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


    .container,
    .container2 {
        padding: 0 4rem;
    }

    h1.siteLogo {
        left: 4rem;
    }

    .headerTop {
        padding: 0.8rem 4rem 0.8rem 19.5rem;
    }

    .headerBottom {
        padding: 0 4rem 0 19.5rem;
    }


    .footerTop .container-fluid {
        padding: 0 4rem;
    }



    .quickLinks .qlContainer a {
        font-size: .8rem;
    }
}


@media only screen and (max-width:1440px) {
    /*h1.siteLogo a {
    margin: -.99em 0 0 -.8em;
    width: 180px !important;
    background-repeat: no-repeat !important;
    background-size: contain;
    }*/
    /*.quickLinks a{
		font-size: 14px !important;
	}*/
    /*.container {
		max-width: 1100px !important;
		margin: auto;
		margin-bottom: 0 !important;
	}
	.container2 {
		max-width: 1000px !important;
	}*/
    /*.quickLinks {
    width:13em;
	}
    .quickLinks button {
        background: none;
        border: none;
        padding: 6.7em 1em 1em 1em;
    }
    .quickLinks h1 {
        font-size: 1.2em;
    }
    .quickLinks h1:before{
    	left: 1.5em;
    	top: -1em;
    }*/
    .footerBottom h2 {
        font-size: 20px;
        margin-top: 0;
        margin-left: 3em;
    }

    h2.fexplore {
        margin-left: 1.5rem;
    }

    .footerBottom p {
        margin-left: 2em;
    }

    .footerli2 {
        margin-left: 1em !important;
    }
    /*ul.footerNav a:after{
    right:2em;
 	}*/
    /*@-moz-document url-prefix() {
         .quickLinks button {
        background: none;
        border: none;
        padding: 3.4em 1em 1em 1em;
        }
         .quickLinks h1 {
        font-size: 1em;
        }
        }
    .scrollup {
    right: 6em;
	}*/
}

@media only screen and (max-width: 1400px) {
    /*h1.siteLogo a{
    margin: -1.1em 0 0 -.8em;
    }*/


    .headerTop a,
    .headerTop a:link {
        font-size: 13px;
        /*margin-right: 1.8em;*/
    }

    /*.footerBottom .row .col-sm:nth-of-type(4) {
		min-width: 11rem;
	}
	
	.footerBottom .row .col-sm:nth-of-type(5) {
		min-width: 9rem;
	}*/

    .footerBottom i {
        padding-right: 5px;
    }

    .scrollup {
        right: 0.5em;
    }
}

@media only screen and (max-width: 1385px) {
    /*.container {
    max-width: 1060px !important;
	}*/
    ul.mainMenu a,
    ul.mainMenu a:link {
        /* padding-left: 2em; */
    }
    /*cite{
	width: 130% !important;
	margin-left: -1em !important;
	margin-top: .5em;
	}*/
    /*.footerlogo{
	position: relative;
	margin-left: -.8em !important;
	}
	.footerBottom small{
	width: 130% !important;
	margin-left: 4em;
	}*/
}

@media only screen and (max-width:1360px) {
    .innerAppCont li {
        margin-left: -2.1em !important;
    }

    .topNavContainer .container {
        margin-right: 12em !important;
    }
    /*.container {
    margin-right: 7em;
	}*/
    .desktopNav ul.subMainMenu .subMenuLeft {
        padding-right: .7em;
    }

    .desktopNav ul.subMainMenu a,
    .desktopNav ul.subMainMenu a:link {
        font-size: 12px !important;
    }

    ul.mainMenu a,
    ul.mainMenu a:link {
        font-size: 1.2em;
    }

    .topNavContainer > .container ul.mainMenuCol2 {
        height: 20em;
    }

    .topNavContainer > .container {
        max-width: 850px;
    }

    .bottomNavContainer .container {
        padding-left: 14.2em;
    }

    .desktopNav ul.subMainMenu a,
    .desktopNav ul.subMainMenu a:link {
        font-size: 0.95em;
    }

    .desktopNav ul.subSubMainMenu > li:last-child a,
    .desktopNav ul.subSubMainMenu > li:last-child a:link,
    .bottomNavContainer a,
    .bottomNavContainer a:link {
        font-size: 0.9em !important;
    }

    ul.mainMenuCol2 > li:last-child {
        padding-left: 5em;
    }
    /*ul.relatedLinks a,
    ul.relatedLinks a:link {
        font-size: 0.9em;
    }
    ul.relatedLinks a i {
        font-size: 35px;
    }*/
    ul.headerTop a,
    ul.headerTop a:link {
        font-size: 0.75em;
    }

    #weather h1 {
        font-size: 0.8em;
    }
    /*ul.footerCol2 > li:last-child {
        padding-left: 3em;
        padding-right: 3em;
    }
    ol.breadCrumb {
        padding-top: 1.05em;
        padding-bottom: 1.05em;
    }
    .footerLogo > span {
        font-size: 1.3em;
    }*/
    .footerBottom ul.footerCol2 > li:last-child {
        padding-right: 1em;
    }

    h2.categoryTitle {
        height: auto;
        min-height: 2em;
        margin: 3em 1em 1em 1em;
    }
    /*@-moz-document url-prefix() {
        .quickLinks {
            padding-top: 1.15em;
            padding-bottom: 1.15em;
        }
    }*/
    /*.idLikeToo {
        font-size: 0.9em;
        width: 11.5em;
        right: -4.2em;
        bottom: 4.1em;
    }*/
}

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

    .connect-con .row {
        display: block;
    }

        .connect-con .row .col-sm:first-of-type {
            max-width: 21rem;
            margin: 0 auto 1rem;
            text-align: center;
            padding: 0;
        }

            .connect-con .row .col-sm:first-of-type i {
                position: unset;
                margin-bottom: 0.5rem;
                -webkit-transform: none;
                -moz-transform: none;
                -o-transform: none;
                -ms-transform: none;
                transform: none;
            }

        .connect-con .row .col-sm:nth-of-type(2) p {
            text-align: center;
        }

        .connect-con .row .col-sm:last-of-type .defaultButton {
            margin: 1.5rem auto 0;
        }

    .footerBottom .row {
        display: block;
    }

    .footerBottom .fb-top,
    .footerBottom .fb-bot {
        padding: 0.75rem 0;
    }

        .footerBottom .fb-top a {
            display: block;
            text-align: center !important;
            margin-bottom: 0.5rem;
        }

    .footerBottom .footer-logo {
        position: unset;
        margin: 0.5rem auto;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .footerBottom .fb-top:after {
        left: 0;
    }

    .footerBottom .fb-bot a {
        display: block;
        text-align: center;
        margin-bottom: 0.5rem;
    }

    .footerBottom .container {
        padding-bottom: 0;
    }

    .fb-bot-bar {
        padding-bottom: 5.5rem;
    }
}

@media only screen and (max-width:1300px) {
    .desktopNav ul.subMainMenu a,
    .desktopNav ul.subMainMenu a:link {
        font-size: 11px !important;
    }

    .headerTop a,
    .headerTop a:link {
        font-size: 13px;
        margin-right: 1.4em;
    }

    #idLiketoSearchModal .frmSearch button[type="submit"] {
        font-size: 1em;
    }
    /* .quickLinks{
    	display: none !important;
        width: 130px;
        padding: 2em 0.5em 1.5em;
    }*/
    /*.hidemeql{
		display: block;
	}*/
    .frmSearch input[type="search"] {
        font-size: 1.08em;
    }
    /*.scrollup {
    bottom: 4em;
    right: 4em;
	}*/
    .footerBottom h2 {
        margin-left: 2em;
    }

    h2.fexplore {
        margin-left: 1rem;
    }

    .innerAppCont {
        width: 93%;
    }

    .appline {
        margin-left: -4.5em;
        width: 110% !important;
    }

    ul.mainMenuCol2 > li:last-child {
        padding-left: 7em;
    }

    .bottomNavContainer div {
        padding-left: 3em !important;
    }

    .topNavContainer > .container ul.mainMenuCol2 {
        height: 16em;
    }
}

@media only screen and (max-width:1270px) {
    .headerTop a,
    .headerTop a:link {
        font-size: 13.3px;
        margin-right: .3em;
    }

    button.searchIcon {
        margin: 0;
        padding: 1em 2em 1em 1em;
        right: 0 !important;
    }

    .searchHere:after {
        left: 1em;
        font-size: 18px;
    }

    ul.mainMenuCol2 > li:last-child {
        padding-left: 9em !important;
    }
}

@media only screen and (max-width:1250px) {
    ul.mainMenu a,
    ul.mainMenu a:link {
        font-size: 1em !important;
    }
    /*.container {
    margin-right: 5em;
	}*/
}

@media only screen and (max-width:1210px) {
    .headerTop a,
    .headerTop a:link {
        font-size: 12px;
        margin-right: .6em;
    }

    .bottomNavContainer div {
        padding-left: 3.6em !important;
    }
}

@media only screen and (max-width:1203px) {
    /* .quickLinks {
        padding-top: 1.55em;
        padding-bottom: 1.55em;
    }
    @-moz-document url-prefix() {
        .quickLinks {
            padding-top: 1.65em;
            padding-bottom: 1.65em;

        }
    }*/
    .idLikeToo {
        width: 13.5em;
        right: -5.15em;
        bottom: 4.5em;
    }

    @-moz-document url-prefix() {
        .idLikeToo {
            width: 13.5em;
            bottom: 4.8em;
        }
    }
}

@media only screen and (max-width:1200px) {
    .quickLinks .qlContainer a {
        font-size: 0.7rem;
    }
}

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



    .mobile-idliketo {
        display: block;
        position: absolute;
        right: 7rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        text-transform: uppercase;
        font-family: 'Roboto Slab', serif;
        font-size: 18px;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.55px;
        font-weight: 900;
        padding-right: 1rem;
        color: #051e55;
        border-right: 2px dashed #051e55;
        -webkit-transition: color 300ms ease 0s;
        -moz-transition: color 300ms ease 0s;
        -o-transition: color 300ms ease 0s;
        transition: color 300ms ease 0s;
    }

        .mobile-idliketo i {
            color: #488121;
        }

        .mobile-idliketo:hover {
            color: #488121;
        }

    ul.mainMenu a,
    ul.mainMenu a:link {
        position: relative;
        font-family: 'Roboto Slab', serif;
        font-weight: 400;
        font-size: 25px;
        text-transform: uppercase;
        color: rgb(255,255,255);
        display: block;
        text-align: center;
        padding: 0.8em 3em;
        -webkit-transition-property: background;
        -moz-transition-property: background;
        -o-transition-property: background;
        transition-property: background;
    }

    ul.mainMenu {
        display: inline-block;
        flex-direction: none;
        flex-wrap: none !important;
        align-items: none !important;
        width: 100%;
    }

        ul.mainMenu > li {
            flex-grow: none !important;
        }

        ul.mainMenu a,
        ul.mainMenu a:link {
            padding-left: 2em;
        }

    .desktopNav,
    .moreOptionMainMenu > span,
    .moreOptionSubMainMenu > span,
    ul.subMainMenu,
    ul.subSubMainMenu {
        display: none;
    }

    .mobileNav,
    .menuIcon,
    .closeNav {
        display: inherit;
    }

    .headerBottom {
        min-height: 3.5rem;
    }

    .moreOptionMainMenu,
    .moreOptionSubMainMenu {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 1em;
        color: rgb(76,89,107);
        display: inline-block;
        padding: 1em 1.1em;
        cursor: pointer;
        -webkit-transition: background 300ms ease 0s;
        -moz-transition: background 300ms ease 0s;
        -o-transition: background 300ms ease 0s;
        transition: background 300ms ease 0s;
    }

    .moreOptionSubMainMenu {
        color: rgb(255,255,255);
        padding: 0.9em 1.1em;
    }

    @-moz-document url-prefix() {
        .moreOptionMainMenu {
            padding-top: 1.1em;
            padding-bottom: 1.1em;
        }

        .moreOptionSubMainMenu {
            padding-top: 1em;
            padding-bottom: 1em;
        }
    }

    .moreOptionMainMenu:before,
    .moreOptionSubMainMenu:before {
        content: "\f067";
        margin-left: 0;
  
    }

    .moreOptionMainMenu.openIcon:before,
    .moreOptionSubMainMenu.openIcon:before {
        content: "\f068";

    }

    .moreOptionMainMenu:hover,
    .moreOptionSubMainMenu:hover {
        color: rgb(255,255,255);
    }

    nav.navOpen {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        overflow: hidden !important;
        transform: translate3d(0,0,0);
    }

    .closeNav {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 1.2em;
        color: rgb(76,89,107);
        padding: 0.5em;
        margin: 0.5em 0.5em 0.5em 0;
        border: none;
        cursor: pointer;
        background: none;
    }

        .closeNav:before {
            content: "\f00d";
            margin-left: 0;
        }

    nav {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 350px;
        min-width: 300px;
        text-align: right;
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        -o-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        -webkit-transition: transform 300ms ease 0s;
        -moz-transition: transform 300ms ease 0s;
        -o-transition: transform 300ms ease 0s;
        transition: transform 300ms ease 0s;
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);
        box-shadow: 0 0 15px rgba(0,0,0,0.2);
        z-index: 11;
        background: rgb(255,255,255);
    }

    ul.mainMenu {
        margin-top: 4em;
    }

        ul.mainMenu i {
            display: inline-block;
        }

    ul.subMainMenu {
        padding-left: 0;
    }

    ul.mainMenu a,
    ul.mainMenu a:link {
        position: static;
        font-size: 18px !important;
        text-align: left;
        font-weight: 400;
        color: rgb(76,89,107);
        display: block;
    }

        ul.mainMenu a:visited {
            color: rgb(76,89,107);
        }

        ul.mainMenu a:hover {
            color: rgb(255,255,255);
            background: rgb(45,57,82) !important;
        }

        ul.mainMenu a:active {
            color: rgb(255,255,255);
            background: rgb(76,89,107);
        }

        ul.mainMenu a:focus {
            color: rgb(255,255,255);
            background: rgb(76,89,107);
        }

    ul.mainMenu > li {
        position: relative;
    }

        ul.mainMenu > li.hasChild > a {
            padding-right: 2.5em;
        }

        ul.mainMenu > li.selected > a {
            color: rgb(255,255,255);
            background: rgb(45,57,82) !important;
        }

        ul.mainMenu > li.selected .moreOptionMainMenu {
            color: rgb(255,255,255);
        }

        ul.mainMenu > li:hover > a {
            color: rgb(255,255,255);
            background: rgb(45,57,82);
        }

        ul.mainMenu > li.hasChild:hover .moreOptionMainMenu {
            color: rgb(255,255,255);
        }

    ul.subMainMenu a,
    ul.subMainMenu a:link {
        font-family: 'Open Sans', sans-serif !important;
        font-size: .85rem !important;
        font-weight: 400 !important;
        color: rgb(255,255,255);
        padding-top: 1em !important;
        padding-bottom: 1em !important;
        padding-left: 3rem;
        text-transform: uppercase;
        background: rgb(76,89,107) !important;
    }

        ul.subMainMenu a:visited {
            color: rgb(255,255,255) !important;
        }

        ul.subMainMenu a:hover {
            color: rgb(255,255,255) !important;
        }

        ul.subMainMenu a:active {
            color: rgb(255,255,255) !important;
        }

        ul.subMainMenu a:focus {
            color: rgb(255,255,255) !important;
        }

    ul.subMainMenu > li {
        position: relative;
    }

        ul.subMainMenu > li.hasChild > a {
            padding-right: 2.7em;
        }

        ul.subMainMenu > li.selected > a {
            color: rgb(255,255,255);
            background: rgb(80,121,79) !important;
        }

        ul.subMainMenu > li.selected .moreOptionSubMainMenu {
            color: rgb(255,255,255);
        }

        ul.subMainMenu > li:hover > a {
            color: rgb(255,255,255);
            background: rgb(80,121,79) !important;
        }

        ul.subMainMenu > li.hasChild:hover .moreOptionSubMainMenu {
            color: rgb(255,255,255);
        }

    ul.subSubMainMenu a,
    ul.subSubMainMenu a:link {
        text-transform: none;
        background: rgb(39, 49, 71) !important;
    }

        ul.subSubMainMenu a:visited {
            color: rgb(255,255,255) !important;
        }

    ul.subSubMainMenu > li a:hover {
        color: rgb(255,255,255) !important;
        background: rgb(45,57,82) !important;
    }

    ul.subSubMainMenu > li a:active {
        color: rgb(255,255,255) !important;
        background: rgb(80,121,79) !important;
    }

    ul.subSubMainMenu > li a:focus {
        color: rgb(255,255,255) !important;
        background: rgb(55,83,54) !important;
    }

    ul.subSubMainMenu > li.selected > a {
        color: rgb(255,255,255) !important;
        background: rgb(55,83,54) !important;
    }

    ul.headerTop > li:nth-child(4) {
        text-align: left;
    }

    ul.headerTop a,
    ul.headerTop a:link {
        font-size: 0.75em;
    }

    .idLikeToo {
        font-size: 0.8em;
        right: -5.7em;
    }

    .frmSearch button[type="submit"] {
        font-size: 1em;
        padding-top: 0.68em;
        padding-bottom: 0.68em;
    }
    /*.quickLinks {
        padding-top: 1.55em;
        padding-bottom: 1.55em;
    }*/
    ul.footerNav a:after {
        right: 1em;
    }

    .categoryTitle .container2 {
        position: relative;
        height: auto;
        min-height: 400px;
    }
}

@media only screen and (max-width:1160px) {
    /*.headerTop {
        padding-left: 1em;
        padding-right: 1em;
    }*/
    ul.footerCol3 > li:last-child p {
        font-size: 0.9em;
    }

    button.searchIcon {
        margin: 0;
        padding: 1em 2em 1em 1em;
        right: -1em !important;
        position: relative;
    }

    .searchHere:after {
        left: 1em;
        font-size: 18px;
    }
}

@media only screen and (max-width: 1145px) {
    button.searchIcon {
        margin: 0;
        padding: 0;
        width: 6% !important;
    }

    .searchHere > i {
        display: block !important;
        right: 1.3em !important;
        top: 1em;
        position: absolute;
    }

    .searchHere > span {
        display: none !important;
    }

    .searchHere:after {
        display: none;
    }

    .headerTop > a > span,
    .headerTop #weather h1 {
        display: none;
    }

    .headerTop {
        padding: 0.3em 1em -1em;
    }

        .headerTop a,
        .headerTop a:link {
            font-size: 1.1em;
            color: #5ea42e;
        }

            .headerTop a:before {
                margin-right: 0;
                -webkit-transition: color 300ms ease 0s;
                -moz-transition: color 300ms ease 0s;
                -o-transition: color 300ms ease 0s;
                transition: color 300ms ease 0s;
                color: unset;
            }

            .headerTop a:hover {
                color: rgb(119,168,224);
            }

    h1.siteLogo {
        top: -2.28em;
    }
}

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

    /*.footerBottom cite{ 
	width: 140% !important;
	}*/
}

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

    /*.footerBottom cite{
		width: 150% !important;
	}
	.footerBottom small{

		width: 150% !important;
	}*/
    .footerBottom p {
        width: 185% !important;
    }

    .innerAppCont li {
        margin-left: -4em !important;
    }

    .listmove {
        left: 4em !important;
    }

    .appCont {
        margin-left: 2em !important;
    }

        .appCont img {
            width: 80% !important;
        }
}

@media only screen and (max-width:1045px) {
    ul.footerNav {
        margin-left: 0 !important;
    }

        ul.footerNav a:after {
            right: 0;
        }

    h2.fexplore {
        margin-left: 2rem;
    }
}

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

    .mobile-search-bar.frmSearch {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        margin: 0;
        max-width: 100%;
        background: #488121;
    }

        .mobile-search-bar.frmSearch fieldset {
            padding: 0 4rem;
        }

        .mobile-search-bar.frmSearch:after {
            content: normal;
        }

        .mobile-search-bar.frmSearch button[type="submit"] {
            color: #fff;
            font-size: 1.25rem;
            left: unset;
            right: 4rem;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .mobile-search-bar.frmSearch input[type="search"] {
            font-size: 1.15em;
            color: #fff;
            opacity: 1;
            padding: 0.75rem 3.5rem 0.75rem 0;
        }


    .categoryTitle h2 {
        top: 63%;
    }


    .idLikeToo {
        position: fixed !important;
        bottom: 10.5em !important;
        right: 0 !important;
        width: 4em !important;
        text-transform: uppercase !important;
    }
    /*h1.siteLogo a{
		margin: -1.1em 0 0 -.3em !important;
		width: 170px !important;
    }*/
    .mainContent .container {
        padding: 0 !important;
    }

    .breadhl {
        border-bottom: none !important;
        display: none !important;
    }

    .hl {
        border-bottom: none !important;
        width: 90% !important;
        position: relative;
        margin-left: 1em !important;
        top: -12px !important;
    }

    ol.breadCrumb .mobile-breadcrumb,
    ul.sideMenu {
        display: none;
    }

    ol.breadCrumb a:after {
        content: normal;
    }

    aside,
    .containerMain {
        display: block !important;
    }

    main,
    aside {
        float: none !important;
        width: 100% !important;
    }

    main {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    aside {
        min-height: 0 !important;
        padding-bottom: 0 !important;
        background: none !important;
        webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }

    .mainContent {
        padding-top: 3rem;
    }

    .sideMenuNav {
        display: inherit !important;
        width: inherit !important;
        font: 1.3em 'Roboto Slab', serif;
        font-weight: 500 !important;
        letter-spacing: 3px !important;
        color: rgb(255,255,255);
        text-align: center !important;
        text-transform: uppercase;
        border: none !important;
        padding: 0.7em 1em !important;
        margin: 0 !important;
        background: #051843;
    }

        .sideMenuNav:after {
            content: normal;
        }

        .sideMenuNav:after {
            content: "\f067";
            font-family: 'Font Awesome 5 Pro';
            font-weight: 400;
            margin-right: 1em;
        }

        .sideMenuNav.openSideMenuIcon:after {
            content: "\f068";
        }

    .idLikeToo > span,
    .QLButton > span,
    .QLOpen .fa.fa-plus,
    .QLLine {
        display: none !important;
    }

    .QLButton {
        width: auto !important;
        height: auto !important;
        border: none !important;
        margin: 0 !important;
        padding: 1em !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
    }
    /*.quickLinks {
        width: auto !important;
        padding: 0 !important;
        bottom: auto !important;
        top: 50% !important;
    }
    .quickLinks.openQuickLinks .QLButton{
        width: 90px !important;
        height: 90px !important;
        margin: 1em auto 0;
        border: 1px dotted rgb(24,67,83) !important;
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        border-radius: 50% !important;
    }
    .quickLinks.openQuickLinks .QLLine,
    .quickLinks.openQuickLinks .QLButton > span {
        display: inherit !important;
    }
    .quickLinks.openQuickLinks {
        top: 0 !important;
        bottom: 0 !important;
        width: 130px !important;
        padding: 6.5em 0.5em 0.5em !important;
    }*/
    /*.activePopupAlert .quickLinks.openQuickLinks {
        padding-top: 7.5em !important;
    }
    .quickLinks.openQuickLinks .QLClose {
        top: 5.2em !important;
    }*/
    /*.activePopupAlert .quickLinks.openQuickLinks .QLClose {
        top: 7em !important;
    }*/
    .idLikeToo {
        width: 10%;
        padding: 1.2em 1em;
        -webkit-box-shadow: 0 0 6px 0 rgba(45,57,82,0.7) !important;
        -moz-box-shadow: 0 0 6px 0 rgba(45,57,82,0.7) !important;
        -o-box-shadow: 0 0 6px 0 rgba(45,57,82,0.7) !important;
        box-shadow: 0 0 6px 0 rgba(45,57,82,0.7) !important;
    }

        .idLikeToo:before {
            font-size: 1.6em !important;
            margin-right: 0 !important;
            content: '\f055' !important;
            font-family: 'Font Awesome 5 Pro' !important;
            font-weight: 300 !important;
        }

    h3.pageTitle {
        /*font-size: 1.3em!important;
        font-weight: normal!important;
        padding-left: 3em!important;
        margin-top: 1em!important;*/
    }

    ul.textResizer {
        margin-bottom: 1em !important;
    }
    /*.frmSearch {
        width: 20em;
        padding-top: 19em;
    }
    .frmSearch input[type="search"] {
	font-size: 1.25em;
	}
    .frmSearch button[type="submit"] {
        font-size: 0.9em;
    }*/
    /*.articlePost {
     padding: 3em 3em 3em 3em !important;
    }
    .mainContent {
        background: rgb(255,255,255) !important;
    }*/
    .tabql h1 {
        padding: .6em .3em 0 1.1em !important;
    }

    .qlline {
        width: 90% !important;
        left: 2.8em !important;
    }

    .tabql ul {
        margin: 1em 0 0 .4em !important;
        width: 105% !important;
    }

    .tabql li {
        height: 3.1em !important;
    }
    /*.scrollup {
    bottom: .03em !important;
    right: -.1em !important;
	}
	.footerBottom cite{
		margin-left: -.1em !important;
		width: 160% !important;
	}
	.footerlogo{
		margin-left: -.1em !important;
	}
	.footerBottom small{
		margin-left: 4.5em !important;
		font-size: 11px !important;
	}
	ul.footerNav a:after{
    right:-2em !important;
 	}
 	ul.footerNav a{
	line-height: 1.8em !important;
	}*/
}


@media only screen and (max-width:1021px) {
    .footerBottom p {
        margin-left: 4em;
    }
}

@media only screen and (max-width:1160px) {
    /*.headerTop {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .headerTop a.langTranslateBTN,
    .headerTop a.langTranslateBTN:link {
        margin-top: 0.5rem;
    }
    .headerTop a,
    .headerTop a:link {
        font-size: 0.7rem;
    }
    .headerTop {
        width: 90%;
    }*/
}

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

    .quickLinks {
        background: none;
        opacity: 1;
    }

        .quickLinks .mobile-ql {
            display: block;
        }

            .quickLinks .mobile-ql i {
                padding-right: .5rem;
            }

        .quickLinks .container {
            padding: 0;
            margin: 0 auto;
        }

        .quickLinks .qlContainer {
            position: relative;
            display: block;
            padding-top: .5rem;
            background: #1B421E;
            -webkit-transition: all 300ms ease 0s;
            -moz-transition: all 300ms ease 0s;
            -o-transition: all 300ms ease 0s;
            transition: all 300ms ease 0s;
            height: 0;
            margin-bottom: -4rem;
        }

            .quickLinks .qlContainer.ql-open {
                height: 17.5rem;
                margin-bottom: 0;
            }

        .quickLinks .container > .qlContainer {
            display: none;
        }

        .quickLinks .qlContainer a {
            font-size: .85rem;
            padding: 1rem 0 !important;
            border-bottom: 1px solid #577D60;
            width: 80%;
            margin: 0 auto;
            -webkit-transition: all 300ms ease 0s;
            -moz-transition: all 300ms ease 0s;
            -o-transition: all 300ms ease 0s;
            transition: all 300ms ease 0s;
        }

            .quickLinks .qlContainer a:hover {
                color: #488121;
            }

            .quickLinks .qlContainer a:last-of-type {
                border-bottom: none;
            }

        .quickLinks .ql-open-bar {
            position: relative;
            display: block;
            font-family: 'Lato', sans-serif;
            color: #fff;
            text-transform: uppercase;
            padding: 1.5rem 4rem;
            background: #488121;
            letter-spacing: 2px;
            font-weight: 700;
            -webkit-transition: background 300ms ease 0s;
            -moz-transition: background 300ms ease 0s;
            -o-transition: background 300ms ease 0s;
            transition: background 300ms ease 0s;
        }

            .quickLinks .ql-open-bar:hover {
                background: #32541b;
            }

            .quickLinks .ql-open-bar:after {
                content: "\f067";
                display: block;
                position: absolute;
                right: 4rem;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                font-family: 'Font Awesome 5 Pro';
                -webkit-transition: all 300ms ease 0s;
                -moz-transition: all 300ms ease 0s;
                -o-transition: all 300ms ease 0s;
                transition: all 300ms ease 0s;
                font-size: 1.5rem;
                font-weight: 300;
            }

            .quickLinks .ql-open-bar.ql-open:after {
                content: "\f068";
            }

    .qlCloseButton {
        position: absolute;
        top: -3rem;
        left: 0;
        right: 0;
        border: none;
        background: #488121;
        color: #fff;
        padding: 1rem 0.5rem;
        -webkit-transition: background 300ms ease 0s;
        -moz-transition: background 300ms ease 0s;
        -o-transition: background 300ms ease 0s;
        transition: background 300ms ease 0s;
        width: 100%;
    }

        .qlCloseButton:hover {
            background: #32541b;
        }
}

@media only screen and (max-width:980px) {
    button.searchIcon {
        margin: 0 !important;
        padding: 0 !important;
        width: 7% !important;
    }

    .headerGroup p {
        font-size: 20px !important;
        margin-left: -3.3em !important;
        width: 90% !important;
    }

    .appline {
        width: 100% !important;
    }

    .listmove {
        left: 3em !important;
    }

    .footerTop .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        height: 70em !important;
    }

    ul.footerCol2 > li {
        float: none !important;
        width: 110% !important;
        height: auto !important;
        display: block !important;
    }

    .footerTop ul.footerCol2 > li:first-child {
        position: absolute !important;
        bottom: 18em !important;
    }

    ul.footerCol2 > li:last-child {
        padding: 3em 3em 1.8em 6em !important;
        margin-top: 2em !important;
        position: relative !important;
        top: 0 !important;
    }

    ul.footerCol2 > li:first-child img {
        position: relative !important;
        left: auto !important;
        bottom: auto !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -o-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        top: 10em !important;
        padding-left: 0 !important;
        padding-right: 8em !important;
    }

    .innerAppCont {
        position: static !important;
        top: auto !important;
        left: auto !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -o-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        width: 100% !important;
    }

        .innerAppCont li {
            margin-left: -4em !important;
        }

    .footerBottom .container {
        padding-left: -4em !important;
        padding-right: -3em !important;
    }

    .footerBottom ul.footerCol2 > li:last-child {
        padding-left: 1.7em !important;
        padding-bottom: 1em !important;
        padding-top: 1em !important;
    }

    .appCont {
        margin-left: -9em !important;
    }

        .appCont img {
            padding-left: 12em !important;
            width: 90% !important;
        }

        .appCont > a:first-of-type {
            margin-top: 1em !important;
        }
    /*.footerBottom cite{
		width: 200% !important;
		margin-left: .4em !important;
	}
	.footerBottom small{
		 margin-left: 5.5em !important;
	}*/
    .footerlogo {
        margin-left: .5em !important;
        width: 100% !important;
    }

    @-moz-document url-prefix() {
        ul.footerCol2 > li:first-child img {
            top: 7em !important;
            position: relative !important;
        }
    }
}


@media only screen and (max-width:940px) {
    .footerBottom p {
        width: 190% !important;
    }
}

@media only screen and (max-width:900px) {
    button.searchIcon {
        width: 7% !important;
    }

    .searchHere > i {
        right: 1.1em !important;
    }

    ul.headerTop a,
    ul.headerTop a:link {
        font-size: 0.7em !important;
    }

    #weather h1 {
        font-size: 0.7em !important;
    }

    ul.headerTop > li:nth-child(3) a > span {
        display: none !important;
    }

    ul.headerTop a:before {
        margin-right: 0 !important;
    }

    ul.headerTop a:before {
        margin-right: 0.5em !important;
    }

    .modal-dialog {
        width: auto !important;
        padding-right: 0 !important;
    }
    /*.footerBottom cite{
		width: 220% !important;
		margin-left: 1.5em !important;
		font-size: 11px !important;
		margin-top: -1em !important;
	}
	.footerBottom small{
		font-size: 10px !important;
		 margin-left: 7em !important;
		margin-top: -.5em !important;
	}*/
    .footerlogo {
        margin-left: 1em !important;
        width: 100% !important;
    }

    .footerBottom p {
        font-size: 11px !important;
        width: 210% !important;
    }

    .footerBottom h2 {
        margin-left: 3em !important;
        font-size: 17px !important;
    }

    ul.footerNav a {
        font-size: 13px !important;
    }
}

@media only screen and (max-width:880px) {
    /*.menuIcon {
        font-size: 1.1em !important;
    }*/
    nav {
        width: 300px !important;
    }

    ul.footerCol2 > li {
        float: none !important;
        width: 120% !important;
        height: auto !important;
        display: block !important;
    }

    ul.mainMenu a,
    ul.mainMenu a:link {
        font-size: 1em !important;
    }

    ul.subMainMenu a,
    ul.subMainMenu a:link {
        font-size: 0.9em !important;
    }

    .moreOptionMainMenu,
    .moreOptionSubMainMenu {
        padding-top: 0.6em !important;
        padding-bottom: 0.6em !important;
    }
    /* .activePopupAlert .quickLinks.openQuickLinks .QLClose {
        top: 6.55em;
    }*/
    .listmove {
        left: 5em !important;
    }

    .appCont {
        margin-left: -10em !important;
    }

        .appCont img {
            padding-left: 13em !important;
            width: 110% !important;
        }
}

@media only screen and (max-width: 860px) {
    /*.footerBottom cite{
		width: 240% !important;
		margin-left: 1.8em !important;
		font-size: 10px !important;
	}
	.footerBottom small{
		font-size: 10px !important;
		margin-left: 7.5em !important;
		margin-top: -.5em !important;
	}*/


    h1.siteLogo {
        width: 190px;
        height: 151px;
    }

    .categoryTitle h2 {
        font-size: 2.5rem;
    }

    .footerlogo {
        margin-left: 1.3em !important;
        width: 90% !important;
    }

    .footerBottom p {
        font-size: 10px !important;
    }

    .footerBottom h2 {
        font-size: 16px !important;
        ;
    }

    ul.footerNav a {
        font-size: 12px !important;
    }
}

@media only screen and (max-width:820px) {
    button.searchIcon {
        width: 8% !important;
    }

    ul.footerCol2 > li {
        width: 120% !important;
    }

    .footervl {
        height: 100px !important;
        margin-left: 8em !important;
    }

    .footervl2 {
        height: 100px !important;
        top: 20px !important;
        margin-left: 9em !important;
    }
}

@media only screen and (max-width:768px) {
    .headerGroup {
        padding-left: 3em;
    }

        .headerGroup:before {
            left: -34px !important;
        }

        .headerGroup h3 {
            margin-left: -10px !important;
        }

        .headerGroup p {
            font-size: 16px !important;
            margin-left: -5em !important;
        }

    .innerAppCont li {
        margin-left: -5em !important;
        font-size: 14px !important;
    }

    ul.footerCol2 > li {
        width: 140% !important;
    }

        ul.footerCol2 > li:last-child {
            width: calc(100% - -208px) !important;
            margin-left: -4em !important;
        }

    .footerTop ul.footerCol2 {
        padding: 3em 4em 0 !important;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        background-size: cover !important;
    }

        .footerTop ul.footerCol2 > li:first-child {
            background: none !important;
            width: 100% !important;
        }

    .footerBottom h2 {
        font-size: 23px !important;
        margin-left: .5em !important;
    }

    .footervl, .footervl2 {
        display: none !important;
    }

    .footerBottom .footerNav a {
        margin-left: 1em !important;
    }

    .tabborder {
        border-top: 1px solid rgba(76,89,107,0.5) !important;
        width: 120% !important;
        margin-left: -2em !important;
        margin-top: -1.8em !important;
        padding-bottom: .5em !important;
    }

    .footervl2 {
        border-left: none !important;
    }

    .footerBottom p {
        margin-top: 3em !important;
        margin-left: -7.7em !important;
        line-height: 2.09em !important;
        width: 200% !important;
    }

    .footerli2 {
        top: 2.3em !important;
        position: relative !important;
        margin-left: -6.1em !important;
    }

    ul.footertab > li {
        float: left !important;
    }

    .footerlogo {
        margin-left: -2em !important;
    }
    /*.footerBottom .container {
      padding: 1em 1em 3em 4em !important;
    }
    .footerBottom .container > li:last-child {
      padding: 1em 3em 0 0 !important;
      margin: 2em 1em 1em 1em !important;
      width: 100% !important;
    }*/
    /*.footerBottom small {
		position: absolute !important;
        margin-top: -8em !important;
        margin-left: 39em !important;
    }*/
    .footerlogo {
        margin-bottom: 1em !important;
    }

    ul.footerNav a {
        padding-right: 8em !important;
    }

        ul.footerNav a:after {
            display: block !important;
            top: 0 !important;
            right: -10em !important;
        }
    /*cite{
 		top: 3em;
 		left:-25em !important;
 		position: relative;
 		display: block !important;
 	}
	cite img{
		position:absolute !important;
		top: 2em !important;
		left: 0!important;
		float: left!important;
		max-width: 50% !important;
		display: block !important;
	}*/

    h2.categoryTitle {
        font-size: 1em !important;
    }

    ul.sideMenu a,
    ul.sideMenu a:link {
        font-size: 0.9em !important;
    }

    .moreOption {
        padding-top: 0.75em !important;
        padding-bottom: 0.75em !important;
    }

    main.formConfirm .articlePost h2 {
        font-size: 1.3em !important;
    }

        main.formConfirm .articlePost h2:before {
            font-size: 50px;
        }

    main.formConfirm .articlePost h3 {
        font-size: 1em !important;
    }

    h2.categoryTitle {
        height: auto;
        min-height: 2em;
        margin: 20em 1em 1em 1em;
    }

    .tabql h1 {
        color: rgb(45,57,82) !important;
        padding: .6em .3em 0 1.7em !important;
    }

    .qlline {
        width: 70% !important;
        left: 3.8em !important;
        margin-top: -.5em !important;
    }

    .tabql h1 > span {
        font-weight: 600 !important;
    }

    .tabql ul {
        margin: 1em 0 0 1.4em !important;
        width: 100% !important;
    }

    .tabql li {
        height: 4em !important;
        width: 49% !important;
        float: none !important;
    }

        .tabql li > a {
            color: rgb(45,57,82) !important;
            font-family: 'Open Sans', sans-serif !important;
            font-size: 20px !important;
            font-weight: 400 !important;
        }

    ul.footerCol2 > li:first-child img {
        top: -5em !important;
        width: 80% !important;
        padding-right: 30em;
    }

    .innerAppCont {
        left: -2.2em;
        width: 110% !important;
        position: relative;
    }

    .appCont img {
        padding-left: 11em !important;
        width: 140% !important;
    }

    .idLikeToo {
        bottom: 25.8em;
    }

    input.subsearch {
        width: 50% !important;
    }




    .footerBottom p {
        width: 400% !important;
    }

    ul.footerNav {
        margin-left: 9rem !important;
    }

    h2.fexplore {
        margin-left: 9.7rem !important;
    }

    h2.fcontact {
        margin-left: -0.9em !important;
    }
}

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

    .masterHeader {
        position: relative;
    }

    .headerTop {
        background: rgb(5,30,85);
    }

    .categoryTitle .container2 {
        min-height: 300px;
    }

    .categoryTitle h2 {
        top: 50%;
    }
}

@media only screen and (max-width:745px) {
    .footerBottom p {
        width: 210% !important;
    }

    ul.footerCol2 > li:last-child {
        width: calc(100% - -209px) !important;
        margin-left: -4em !important;
    }

    ul.footerCol2 > li:first-child img {
        max-width: 190% !important;
        width: 880px !important;
        left: 7em !important;
        padding-right: 30em !important;
    }
}

@media only screen and (max-width:730px) {
    .footerBottom p {
        width: 225% !important;
    }

    ul.footerCol2 > li:first-child img {
        top: -6em !important;
        max-width: 190% !important;
        width: 880px !important;
        left: 7em !important;
    }

    .fexplore {
        position: relative !important;
        left: -3px !important;
    }

    .fcontact {
        position: relative !important;
        left: -10px !important;
    }

    .tabborder {
        width: 120% !important;
        margin-left: -2.5em !important;
    }
}


@media only screen and (max-width: 700px) {
}

@media only screen and (max-width:660px) {
    /*.searchHere > i{
	right: 1em !important;
	top:.9em;
	}
    body {
    background-position-y: -10em!important;
    }
	.tabql li {
	width: 50%;
	}
    .activePopupAlert {
        top: 5.8em;
    }
    .activePopupAlert {
        padding-top: 8em;

    }
    .activePopupAlert  {
        top: 6.5em;

    }*/
    .frmSearch {
        /* padding-top: 17em;*/
        padding-bottom: 3.3em;
    }

    .mobile-search-bar.frmSearch {
        padding-bottom: 0;
    }

    /*.footerBottom p{
		width: 300% !important;-    
	}
	.footerBottom small{
		left: -6em;
	}
	.footerlogo{
		left: -1.4em;
	}*/
}


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

    /* .fexplore{
		left:-.4em;
	}
    .footerBottom p{
    	width: 325% !important;
    }
    .footerBottom small{
		left: -8em;
	}
	.footerBottom cite{
		left: 13em;
	}  */



}



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

    .container,
    .container2 {
        padding: 0 2rem;
    }

    h1.siteLogo {
        left: 2rem;
    }

    .headerTop {
        padding: 0.8rem 2rem 0.8rem 15.5rem;
    }

    .menuIcon {
        right: 1.65rem;
    }

    .mobile-idliketo {
        right: 5rem;
    }

    a.weather-btn span {
        font-size: .85rem;
    }

    a.weather-btn {
        right: -61px;
        padding: 7px 31px;
        top: 43%;
    }

    .mobile-search-bar.frmSearch fieldset {
        padding: 0 2rem;
    }

    .mobile-search-bar.frmSearch button[type="submit"] {
        right: 2rem;
    }

    .quickLinks .ql-open-bar {
        padding: 1.5rem 2rem;
    }

        .quickLinks .ql-open-bar:after {
            right: 2rem;
        }

    .searchHere > i {
        right: .9em !important;
        top: .9em;
    }

    .containerMain img {
        float: none !important;
        display: block;
        margin: 1em !important;
    }

    .responsive-table table tbody tr td {
        padding-bottom: 15px !important;
    }

        .responsive-table table tbody tr td:nth-child(even) {
            background-color: #e5e5e5 !important;
        }

    .responsive-table table {
        max-width: 600px;
        margin: 0 auto;
    }

    .responsive-table table {
        display: block;
        width: 100%;
    }

        .responsive-table table thead {
            display: none;
        }

        .responsive-table table tbody {
            display: block;
            width: 100%;
        }

        .responsive-table table tr, .responsive-table table th, .responsive-table table td {
            display: block;
            padding: 0;
        }

        .responsive-table table tr {
            border-bottom: none;
            margin: 0 0 1em 0;
            padding: 0.5em 0;
        }

        .responsive-table table tr {
            background: none;
        }

            .responsive-table table tr:nth-child(even) {
                background: none;
            }

        .responsive-table table td:nth-child(even) {
            background: #fff;
        }

        .responsive-table table tr:nth-child(even) {
            background: none;
        }

        .responsive-table table td {
            padding: 0.5em 0 0.25em 0;
            text-align: right;
        }

            .responsive-table table td[data-title]:before {
                content: attr(data-title);
                font-weight: bold;
                display: inline-block;
                float: left;
                margin-right: 0.5em;
                font-size: 0.95em;
                width: 50%;
                text-align: left;
            }

            .responsive-table table td:empty {
                display: none;
            }

        .responsive-table table .highlight td {
            background: none;
        }

    .responsive-table tr td {
        padding: 10px;
    }

    .responsive-table table td {
        font-size: 1.1em;
    }

        .responsive-table table td:nth-child(even) {
            background: #fff;
        }

    .responsive-table table tr:first-child {
        display: none;
    }

    .mobile-display {
        display: none;
    }

    .responsive-table table .mobile-display {
        display: none;
    }

    .adContainer img {
        margin: 0 !important;
    }
    /*---Footer Styling---*/
    .appg {
        left: 3em !important;
    }

    .appa {
        left: -6em !important;
    }

    .footerBottom p {
        width: 380% !important;
        left: -47px;
    }

    .footerBottom .footerNav a {
        margin-left: 3em !important;
    }
    /*.footerBottom small{
		left: -15em !important;
	}
	cite{
		left: 8em !important;
		top: -50px !important;
	} */
    .fexplore {
        left: .7em !important;
    }

    .fcontact {
        left: -.6em !important;
    }

    ul.footerCol2 > li:first-child img {
        top: -4.4em !important;
        max-width: 190% !important;
        width: 830px !important;
        left: 3em !important;
    }


    .footerBottom h2.fcontact {
        margin-left: -3px !important;
    }

    .categoryTitle h2 {
        font-size: 2.25rem;
    }
}

@media only screen and (max-width:580px) {
    #weather h1 span,
    ul.headerTop a.hSMap > span {
        display: none;
    }


    ul.headerTop > li:last-child a:before {
        margin-right: 0;
    }

    .menuIcon {
        font-size: 1em;
    }

    .frmSearch input[type="search"] {
        font-size: 1em;
    }

    #idLiketoSearchModal .frmSearch input[type="search"] {
        padding: 1em;
    }

    #idLiketoSearchModal .frmSearch button[type="submit"] {
        padding: 0.7em 1em 0.8em;
    }

    .frmSearch button[type="submit"] {
        padding-top: 0.7em;
        padding-bottom: 0.65em;
    }

    ul.footerCol2 > li:first-child img {
        top: -4.4em !important;
        max-width: 190% !important;
        width: 830px !important;
        left: 2em !important;
    }

    .innerAppCont {
        width: 120% !important;
    }

    .footerlogo {
        left: -1.7em !important;
    }

    cite {
        left: 6em !important;
    }

    .footerBottom small {
        font-size: 9px !important;
    }

    .footerBottom p {
        font-size: 9px !important;
        left: -48px;
    }

    .footerBottom .footerNav a {
        margin-left: 1em !important;
    }

    .tabql li > a {
        font-size: 18px;
    }

    .footerBottom .footerNav a {
        margin-left: 3em !important;
    }
}

@media only screen and (max-width: 550px) {
    .innerAppCont li {
        font-size: 13px !important;
    }

    .appCont img {
        padding-left: 8em !important;
        width: 90% !important;
    }

    button.searchIcon {
        width: 10% !important;
    }

    .searchHere > i {
        right: .9em !important;
        top: .9em;
    }
    /*.tabql li a {
		width: 70%;
		font-size: 17px !important;
	}

	 .footerBottom small{
		left: -11em !important;
		font-size: 8px !important;
	}
	.fcontact{
		left: -.78em;
	}

	.fexplore{
	 left: .3em;
	}
	.footerBottom  .footerNav a{
    	margin-left: 3.5em !important;
    }*/
}

@media only screen and (max-width: 510px) {
    .appCont img {
        padding-left: 7em !important;
    }
    /*.headerTop a,
    .headerTop a:link {
        padding-left: 1.6em;
    }
    .searchHere > i{
		right: .7em !important;
		top:.9em;
	}
	.footerBottom p { 
	 width: 500% !important;
	 font-size: 9px !important;
	}
	.footerBottom h2{
	 font-size: 19px !important;
	} 
	.fcontact{
	left: -1.6em !important;
	}
	.fexplore{
	 left: .3em !important;
	}
	ul.footerCol2 > li:first-child img {
	max-width: 190% !important;
	width: 810px !important;
	lefT: 1em !important;
    }

    .tabborder{
    	width: 160% !important;
    	margin-left: -4.8em !important;
    }
   ul.footerCol2 > li:last-child {
    width: calc(100% - -180px) !important;
    margin-left: -4em !important;
	}*/
}

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

    h1.siteLogo {
        width: 165px;
        height: 133px;
    }

    .headerTop a,
    .headerTop a:link {
        font-size: .9em;
    }

    .mobile-idliketo {
        font-size: 15px;
    }
}

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

    .headerTop {
        padding: 0.8rem 1.5rem 0.8rem 14.5rem;
    }

    .menuIcon {
        right: 1rem;
        font-size: 1.25rem !important;
    }

    .mobile-idliketo {
        right: 3.5rem;
        font-size: 13px;
        padding-right: 0.5rem;
    }
}

@media only screen and (max-width: 400px) {
    /*.footerTop{
	 	height: 50em !important;
	}
	h1.siteLogo a{
		margin: -1.8em 0 0 -.3em !important;
		width: 110px !important;
    }
	.headerTop a,
    .headerTop a:link {
        margin-right: 0.6em;
    }
    button.searchIcon {
		width: 13% !important;
	}
	.headerGroup:before {
	font-size: 90px;
	}
	.headerGroup h3 {
    left: -.5em;
    position:relative;
    font-size: 18px;
	}
	.headerGroup h3 span {
		font-size: 45px;
	}
	.footerBottom p {
		width: 150% !important;
	}
	 .footerBottom  .footerNav a{
    	margin-left: -5em !important;
    }
     ul.footerCol2 > li:first-child img {
	top: -16em !important;
	width: 800px !important;
	left: 1em !important;
    }
     ul.appList{
     	width: 110%;
     }*/
}

@media only screen and (max-width:380px) {
    /*.tabql h1{
		font-size: 25px;
		padding: .6em .3em 0 1em !important;
	}
	.qlline{
		width: 85%;
		left: 1.7em !important;
	}
	.tabql ul{
		margin: 1em 0 0 -.5em !important;
		width: 140% !important;
	}
    h3.pageTitle {
        font-size: 1.1em;
    }
    .headerTop a,
    .headerTop a:link {
        margin-right: 0.4em;
    }
    button.searchIcon {
		width: 14% !important;
	}
	.headerGroup {
        left: 1.6em;
    }
    .headerGroup:before {
	left: -50px !important;
	}
	.headerGroup p{
		width: 110% !important;
	}
    .innerAppCont li{
   	 	left: -1em !important;
   	 	font-size: 11px !important;
	}
		 .appCont  img{
		padding-left:1em !important;
		width: 80% !important;
	}
	.appCont{
		width: 120%;
	}
	.appg{
		left:7em !important;
	}
	.appa{
		left:5em !important;
	}
    ul.footerCol2 > li:first-child img {
    max-width: 210% !important;
	top: -14em !important;
	width: 820px !important;
	left: .5em !important;
    }
    .footerBottom p {
		width: 150% !important;
  		left: -1em !important;
	}
	 .footerBottom  .footerNav a{
    	margin-left: -3.5em !important;
    }
	 .fcontact{
    	left: -.7em !important;
    }
     .fexplore{
    	left: -.7em !important;
    }
    .footerlogo{
    left: -30px !important;
    width: 60px !important;
    }
    .footerBottom cite{
		left: -1em !important;
		top: 1.5em !important;
	}
	.footerBottom small{
		top: 11.8em !important;
		font-size: 7px !important;
		left: -15em !important;
	}
	@-moz-document url-prefix() {
		.headerGroup {
        left: -1em !important;
    }
    .headerGroup:before {
	left: -60px !important;
	}
	.headerGroup p{
		width: 110% !important;
		left: -30px!important;
	}
    .innerAppCont li{
   	 	left: -5.4em !important;
	}
	.appCont  img{
		padding-left:-1em !important;
		width: 80% !important;
	}
	.appCont{
		width: 120%;
	}
	.appg{
		left:6em !important;
	}
	.appa{
		left:3em !important;
	}
    ul.footerCol2 > li:first-child img {
    max-width: 210% !important;
	top: -15em !important;
	width: 860px !important;
	left: .7em !important;
    }
    .footerBottom p {
		width: 150% !important;
  		left: -3em !important;
	}
	 .footerBottom  .footerNav a{
    	margin-left: -5em !important;
    }
  	 ul.footerNav a:after{
    	right:-1em !important;
	}
	 .fcontact{
    	left: -1.6em !important;
    }
     .fexplore{
    	left: -1.6em !important;
    }
    .footerlogo{
    left: -45px !important;
    width: 60px !important;
    }
    .footerBottom cite{
		left: -4em !important;
		top: 1.5em !important;
	}
	.footerBottom small{

		top: 11.8em !important;
		font-size: 7px !important;
		left: -19em !important;
	}
	}*/
}

@media only screen and (max-width:370px) {
    /*@-moz-document url-prefix() {
	.headerGroup {
        left: -1em !important;
    }
    .headerGroup:before {
	left: -60px !important;
	}
	.headerGroup p{
		width: 110% !important;
		left: -30px!important;
	}
    .innerAppCont li{
   	 	left: -5.4em !important;
	}
	.appCont  img{
		padding-left:-1em !important;
		width: 80% !important;
	}
	.appCont{
		width: 120%;
	}
	.appg{
		left:6em !important;
	}
	.appa{
		left:3em !important;
	}
    ul.footerCol2 > li:first-child img {
    max-width: 210% !important;
	top: -15em !important;
	width: 860px !important;
	left: .7em !important;
    }
    .footerBottom p {
		width: 150% !important;
  		left: -3em !important;
	}
	 .footerBottom  .footerNav a{
    	margin-left: -5em !important;
    }
  	 ul.footerNav a:after{
    	right:-1em !important;
	}
	 .fcontact{
    	left: -1.6em !important;
    }
     .fexplore{
    	left: -1.6em !important;
    }
    .footerlogo{
    left: -45px !important;
    width: 60px !important;
    }
    .footerBottom cite{
		left: -4em !important;
		top: 1.5em !important;
	}
	.footerBottom small{
		top: 11.8em !important;
		font-size: 7px !important;
		left: -19em !important;
	}
			
	}*/
}

@media only screen and (max-width:360px) {
    /*ul.footerCol2  li{
    	margin-left: -6em !important;
    }
    h3.pageTitle {
        font-size: 1.1em;
    }
	.headerTop a,
    .headerTop a:link {
        margin-right: -.2em;
    }
    button.searchIcon {
		width: 14% !important;
	}
	.headerGroup {
        left: 2em;
    }
    .headerGroup:before {
    font-size: 75px !important;
	left: -40px !important;
	}
		.headerGroup h3 {
    left: -.5em;
    position:relative;
    font-size: 16px;
	}
	.headerGroup h3 span {
		font-size: 40px;
	}
    .innerAppCont li{
   	 	left: 1em !important;
   	 	font-size: 11px !important;
	}
	 .appCont  img{
		padding-left:1em !important;
		width: 70% !important;
	}
	.appCont{
		width: 130%;
	}
	.appg{
		left:11em !important;
	}
	.appa{
		left:6em !important;
	}
	 .fcontact{
    	left: .8em !important;
    }
     .fexplore{
    	left: .8em !important;
    }
 	ul.footerCol2 > li:first-child img {
    max-width: 220% !important;
	top: -17em !important;
	width: 830px !important;
	left: 6em !important;
    }
    .footerlogo{
    left: -10px !important;
    width: 60px !important;
    }
	.footerBottom small{
		top: 12em !important;
	}
	.footerBottom cite{
		left: .1em !important;
		top: 1.5em !important;
	}
 	.footerBottom p{
 		width: 180% !important;
 		left: 3em !important;
 		font-size: 11px !important;
 	}
  	.footerBottom  .footerNav a{
    	margin-left: -1.2em !important;
    	font-size: 14px !important;
    }
    ul.appList 
    .headerGroup p {
        left: -.2em !important;
        width: 95% !important;
    }
    .tabborder{
    	margin-left: -1em !important;
    }
		@-moz-document url-prefix() {
		.headerGroup {
			left: -1em !important;
		}
		.headerGroup:before {
		left: -60px !important;
		}
		.headerGroup p{
			width: 110% !important;
			left: -30px!important;
		}
		.innerAppCont li{
			left: -5.4em !important;
		}
		.appCont  img{
			padding-left: 0!important;
			width: 60% !important;
		}
		.appCont{
			width: 170%;
		}
		.appg{
				left: 7em !important;
		}
			.appa{
				left: 3em !important;
			}
		ul.footerCol2 > li:first-child img {
		max-width: 210% !important;
		top: -17em !important;
		width: 860px !important;
		left: 5em !important;
		}
		.footerBottom p {
			width: 180% !important;
			left: -1em !important;
		}
		 .footerBottom  .footerNav a{
			margin-left: -4.5em !important;
		}
		 ul.footerNav a:after{
			right:-1em !important;
		}
		 .fcontact{
			left: -1.6em !important;
		}
		 .fexplore{
			left: -1.6em !important;
		}
		.footerlogo{
		left: -45px !important;
		width: 60px !important;

		}
		.footerBottom cite{
			left: -4em !important;
			top: 1.5em !important;
		}
		.footerBottom small{
			top: 11.8em !important;
			font-size: 7px !important;
			left: -19em !important;
		}		
	}	*/
}

@media only screen and (max-width:350px) {
    /*.headerGroup h3 {
        font-size: 0.9em;
        left:.01em;
    }
     .headerTop a,
    .headerTop a:link {
        margin-right: -.3em;
    }
    .headerGroup:before {
	left: .1em;
	}
	.footerBottom p{
		margin-left:-5em;
	}
    .fcontact{
 		left: 1.67em;
 	}
 	.fexplore{
 		left: 1.67em;
 	}
 	ul.footerCol2 > li:first-child img {
	left: 8em !important;
    }*/
}

@media only screen and (max-width:340px) {
    /*	.headerGroup h3 span{
   		font-size: 2.8em;
   	}
    .headerGroup:before {
	left: .4em;
	font-size: 65px !important;
	}
	ul.appList, 
    .headerGroup p {
        left: .6em !important;
        width: 100% !important;
    }
    .innerAppCont li{
   	 	left: 2em !important;
   	 	font-size: 11px !important;
	}
	.footerBottom p{
		margin-left:-5em;
	}
    .fcontact{
 		left: 1.67em;
 	}
 	.fexplore{
 		left: 1.67em;
 	}
	@-moz-document url-prefix() {
	.headerGroup:before {
	left: -.6em !important;
	} 
    .headerGroup p {
        left: -2em !important;
        width: 100% !important;
    }
	.innerAppCont li{
   	 	left: -3em !important;
	}
		.listmove{
			padding-left: 1em!important;
		}
	}*/
}

@media only screen and (max-width:337px) {
    /*.footerTop{
		    height: 45em !important;
	}
	.headerGroup{
		left: -2.1em;
	}
	.headerGroup h3 span{
   		font-size: 33px;
   	}
    .headerGroup p {
        left: -1em !important;
        width: 100% !important;
    }
    .innerAppCont li{
   	 	font-size: 9px !important;
   	 	left: -8em !important;
	}
	ul.appList{
        width: 100% !important;
    }
	.footerBottom p{
		margin-left:-14em !important;
	}
	.footerBottom  .footerNav a{
    	margin-left: -6em !important;
    }
    .fcontact{
 		left: -2.81em !important;
 	}
 	.fexplore{
 		left: -2.81em !important;
 	}
    button.searchIcon {
		width: 16%!important;
	}
	 ul.footerCol2 > li:first-child img {
	left: 4em !important;
    }
    .footerlogo{
    	left: -4.5em !important;
    }
    .footerBottom cite{
    	left: -6.7em !important
    }
    .footerBottom small{
    	top: 12em !important;
    	left: -24em !important
    }
     .appCont  img{
		padding-left:1em !important;
		width: 60% !important;
	}
	.appCont{
		width: 140%;
	}
	.appg{
		left:6em !important;
	}
	.appa{
		left:1em !important;
	}
	.idLikeToo {
        bottom: 18em !important;
    }
	@-moz-document url-prefix(){
		.footerBottom p{
		left: 3em !important;
		}
	}*/
}

@media only screen and (max-width:320px) {
    /*.footerTop{
		    height: 45em !important;
	}
	.headerGroup{
		left: -2.1em;
	}
	.headerGroup h3 span{
   		font-size: 33px;
   	}
    .headerGroup p {
        left: -1em !important;
        width: 100% !important;
    }
    .innerAppCont li{
   	 	font-size: 9px !important;
   	 	left: -8em !important;
	}
	ul.appList{
        width: 100% !important;
    }
	.footerBottom p{
		margin-left:-14em !important;
	}
	.footerBottom  .footerNav a{
    	margin-left: -6em !important;
    }
    .fcontact{
 		left: -2.81em !important;
 	}
 	.fexplore{
 		left: -2.81em !important;
 	}
    button.searchIcon {
		width: 16%!important;
	}
	 ul.footerCol2 > li:first-child img {
	left: 4em !important;
    }
    .footerlogo{
    	left: -4.5em !important;
    }
    .footerBottom cite{
    	left: -6.7em !important
    }
    .footerBottom small{
    	top: 12em !important;
    	left: -24em !important
    }
     .appCont  img{
		padding-left:1em !important;
		width: 60% !important;
	}
	.appCont{
		width: 140%;
	}
	.appg{
		left:6em !important;
	}
	.appa{
		left:1em !important;
	}
	.idLikeToo {
        bottom: 18em !important;
    }
	@-moz-document url-prefix() {
		.footerBottom p{
		left:3em !important;
		}
	}*/
}