﻿@font-face {
    font-family: 'section-header';
    src: url('../Fonts/HelveticaNeueBold.ttf') format('truetype');
}

@font-face {
    font-family: 'helvetica-light';
    src: url('/Common/CSS/Fonts/helvetica-neue-light.ttf') format('truetype');
}

@font-face {
    font-family: 'general';
    src: url('../Fonts/helvetica-neue-light.ttf') format('truetype');
}

h1, h2, h3, h4, h5 {
    font-family: 'section-header', Helvetica, Arial !important;
}

.fixed-social {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 10;
}

.fixed-social li {
    padding: 15px 15px;
    font-size: 28px;
    background: #000;
    text-align: center;
}

.fixed-social li.fb {background: #3b5998; padding: 20px 20px;}
.fixed-social li.tw {background: #0084b4;}
.fixed-social li.gp {background: #d34836; padding: 13px 14px;}

.fixed-social li a {
    color: #fff;
}

@media screen {
    /*************** Javascript Warning ******************/
    #divSpacerForPCP {
        float: left;
        width: 0;
    }

    /* h1, h2, h3, h4, h5 {
        font-family: 'general' !important;
        text-transform: capitalize;
    } */

    body {
        min-width: 300px !important;
    }

    #jsWarningPanel {
        width: 100%;
        background: #2A559F;
        border-bottom: 5px solid #aaaaaa;
        padding: 10px 0 10px 0;
    }

        #jsWarningPanel .inner {
            margin: 0 auto;
            font-size: 70%;
            font-weight: bold;
            color: #ffffff;
            text-align: center;
        }

        #jsWarningPanel #jsWarningIcon {
            vertical-align: top;
            padding-right: 5px;
        }

    /*****************************************************/

    #printHeader {
        display: none;
        visibility: hidden;
    }

    /***************** Page Container ********************/
    #pageContainer {
        width: 100%;
        min-height: 100%;
        /* margin-left: auto; 
         margin-right: auto;  */
        text-align: left;
    }

    #pageOuterContainer {
        min-height: 100%;
        /* margin: 0 auto -85px auto; */
        border: 1px solid #aaaaaa;
        border-top: none;
        border-bottom: none;
        text-align: left;
        background: white;
    }

    #pageOuterContainer, #footer, #headerContainer .popdownMenu, #jsWarningPanel .inner {
        width: 100%;
        overflow: -webkit-paged-x;
    }

    * html #pageContainer, * html #pageOuterContainer {
        height: 100%;
    }

    /****************** Header / Nav *********************/
    #bottomHeader .dropbtn {
        padding: 10px 0;
        margin: 0 35px; 
        position: relative;
        z-index: 8;
    }
    #bottomHeader .dropbtn > a {
        font-size: 1.6em;
        border: none;
        cursor: pointer;
    }

    @media screen and (max-width:992px){
        #bottomHeader .dropbtn {
            padding: 16px;
        }
    }
    /* The container <div> - needed to position the dropdown content */
    #bottomHeader .dropdown {
        position: relative;
        display: inline-block;
    }

    /* Dropdown Content (Hidden by Default) */
    /*#bottomHeader .dropdown-content {
        padding-left: 10px;
        padding-right: 10px;
        min-width: 250px;
        padding-top: 46px !important;
        display: none;
        position: absolute;
        background-color: #fff;
        z-index: 5;
        left: 0;
        top: 50px;
    }*/

    #bottomHeader .dropdown-content {
        padding-left: 10px;
        padding-right: 10px;
        min-width: 250px;
        padding-top: 76px !important;
        display: none;
        position: absolute;
        background-color: #fff;
        left: 0;
        top: 10px;
        z-index: 5;
    }

        /* Links inside the dropdown */
    #links .dropdown-content a {
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        font-size: 1.4em !important;
        text-transform: capitalize !important;
        color: #606060;
    }


    #bottomHeader .dropbtn:hover > .dropdown-content {
        display: block;
    }

    .dropdown > div > a {
        text-transform: uppercase;
        font-size: 2.1em;
    }


    #searchbarHeader i {
        color: #0357a6;
        position: absolute;
        top: 22px;
        right: 7px;
    }

    .searchBox2 {
        font-size: 13px;
        height: 16px;
        width: 175px;
    } 

    #searchbarHeader i {
        top: 0px;
        right: 3px;
    }

    #searchbarHeader input {
        border: none;
        border-bottom: 1px solid;
        border-color: #0357a6;
        font-size: 1.9em;
        font-family: general;
        font-weight: lighter;
        outline: none;
        color: #7b7b7b;
        padding: 14px 10px 9px 0;
    }

    /* search bar*/

    div#searchbarHeader>label>input {
        /*padding-bottom: 16px;*/
        top: 16px !important;
        /*text-transform: capitalize;*/
    }
    div#searchbarHeader>label>i.fa.fa-search.fa-2x{
        height: 45px;
        width: 30px;
        background: white;
        right:0px!important;
        cursor: pointer;
        top: 16px !important;
    }

    div#searchbarHeader {
        margin-left: 35px;
    }
    /* Change color of dropdown links on hover */
    /* .dropdown-content a:hover {
        border-bottom: solid #0357a6;
    } */

    .dropdown > .dropbtn > a {
        font-family: 'section-header', Helvetica, Arial;
        letter-spacing: 0.3px;
    }

        #links .dropdown .dropdown-content a:hover,
        .dropdown > .dropbtn > a:hover,
        .dropdown > .dropbtn > a:focus {
            color: #0357a5 !important;
        }

    /* Show the dropdown menu on hover */
    .dropdown:hover .dropdown-content {
        display: block !important;
        opacity: .95;
        padding-top: 20px;
        margin-left: 8px;
    }

    /* Change the background color of the dropdown button when the dropdown content is shown */
    .dropdown:hover .dropbtn {
        border-bottom: 3px solid #0357a6;
    }

    #headerContainer {
        clear: both;
    }

    #topHeader .divider {
        background: #3C3D3D !important;
        width: 1px !important;
        z-index: 400;
        height: 20px;
        float: right;
        margin-top: 20px;
    }

    #topHeader {
        /*background: #4aa943;*/
        text-align: right;
        height: 50px;
        vertical-align: middle;
        font-family: helveticaneue, 'helvetica-light', Arial;
        padding-right: 20px;
    }

        #topHeader li {
            display: inline;
        }

    .topHeaderLink {
        float: right;
        padding-right: 1%;
        padding-left: 1%;
    }

    #topHeader a {
        margin: 10px;
        color: #ffffff;
        font-size: 1.5em;
        line-height: 1.3;
        font-weight: 500;
        margin-bottom: -1px;
    }

    #topHeader > li > a{
        background-color: #fff;
        color: #3C3D3D;
        /*padding-bottom: 7px;*/
        padding-top: 15px;
        margin-top: 5px;
    }

    #topHeader > li > a:hover {
      text-decoration: underline;
      color: #4aa943;
    }


    /*#bottomHeader {
        padding: 20px 34px;
        background: #ffffff;
        height: 130px;
        width: 100%;
    }*/

    #bottomHeader {
        padding: 20px 34px;
        padding-top: 0px;
        padding-bottom: 0px;
        background: #ffffff;
        height: 125px;
        width: 100%;
    }

    @media screen and (max-width:1280px) {
        /*#bottomHeader {
            padding: 20px 14px;
        }*/

        /*#bottomHeader .dropbtn > a {
            font-size: 1.6em;
        }*/

        #bottomHeader .dropbtn {
            padding: 8px 0;
            margin: 0px 10px;
        }

        #logo {
            padding: 0px;
        }
    }

    #links .dropdown .dropdown-content a {
        font-weight: bold;
        font-weight: 700;
    }

    #searchbarHeader {
        display: inline-block;
        position: relative;
    }

    .RadMenu {
        white-space: nowrap;
        float: none !important;
        position: relative;
        z-index: 70009;
        /*z-index: 7000\9;*/
        background: white !important;
    }

    #bottomHeader #logo {
        float: left;
        padding: 15px;
        padding-left: 0px;
    }

    #bottomHeader #logo img {
       /*max-width: 80%;*/
       max-width: 90%;
    }

    #bottomHeader #links {
        float: right;
        margin-top: 39px;
    }

    .bottomHeaderLinks {
        margin-left: 7px;
        margin-right: 7px;
        color: darkblue;
    }

    #headerContainer #toolbarTooltips {
        display: none;
        position: absolute;
        z-index: 10;
        opacity: 0.8;
        filter: alpha(opacity=80);
        width: 155px;
        height: 35px;
        line-height: 33px;
        /*background: #f7f7f7 url(../../Images/Base/menu_popdown_border.gif) repeat-x left bottom;*/
        padding: 0 10px 0 10px;
        font-size: 11px;
        color: #454545;
        text-align: center;
    }

    #headerContainer .popdownMenu {
        height: 110px;
        background: #ffffff;
        border-bottom: 2px solid #8C98BE;
        position: absolute;
        display: none;
        z-index: 9999;
        font-size: 90%;
    }

    #headerContainer .popdownContents {
        text-align: left;
        overflow: hidden;
        padding: 10px;
    }

        #headerContainer .popdownContents a, #headerContainer .popdownContents a:link {
            display: block;
            color: #2a559f;
            font-weight: bold;
            font-size: 12px;
            text-decoration: none;
            padding: 1px 5px 1px 5px;
        }

            #headerContainer .popdownContents a:hover {
                background: #eeeeee;
            }

    #headerContainer .popdownMenu .floatingColumn {
        padding-right: 17px;
        color: #5d5f60;
        font-size: 11px;
    }

    #headerContainer .popdownMenu h1 {
        color: #2a559f;
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 0.5em;
    }

    #headerContainer .popdownMenu ul {
        margin-bottom: 8px;
        margin-left: 2px;
    }
	
	#headerContainer ul li, #headerContainer ol li {
		padding-bottom: 15px !important;
	}

    /*#headerContainer #menuTopicsPopdown {
    }

    #headerContainer #menuServicesPopdown {
    }*/

    #headerContainer #menuSearchPopdown {
        height: 85px;
    }

    #navContainer {
        clear: both;
        width: 100%;
        height: 25px;
    }

        #navContainer .leftColumn {
            background-color: #FFFFFF;
            border-right: 1px solid #809caa;
            overflow: hidden;
        }

            #navContainer .leftColumn img {
                float: left;
            }

        #navContainer .rightColumn {
            line-height: 23px;
            font-size: 13px;
            font-weight: 700;
        }

            #navContainer .rightColumn img {
                float: left;
            }

    #hcInfo {
        font-weight: normal;
    }

    #FooterHealthConnectionUrl {
        font-style: italic;
        text-decoration: underline !important;
    }

    #lnkText2 {
        padding-top: 3px;
    }

    .rightColumn img {
        padding-right: 2px;
    }

    #navContainer .rightColumn a {
        float: left;
        padding: 0 17px;
        color: #5d5f60;
        text-decoration: none;
    }

        #navContainer .rightColumn a.first {
            margin-left: 3px;
        }

        #navContainer .rightColumn a:hover, #navContainer .rightColumn a.selected {
            color: #5d5f60;
            background: #ffffff;
        }

        #navContainer .rightColumn a.trans {
            padding: 0 2px;
        }

    #navContainer .rightColumn #lnkIconPhone {
        padding-left: 20px;
    }

    #navContainer .rightColumn a.trans:hover {
        background: transparent !important;
    }

    /*mobile nav header*/

    #mobilelogo{
	float: left;
	margin: 15px
}

#mobilelogo > a > img{
	width: 145px !important;
}

#mobileMenuBtn{
	float: right;
    margin: 33px 20px 20px;
}

#mobileMenuBtn > span.icon-bar{
    background-color: #0357a5;
    width: 30px;
    height: 3px;
    display: block;
    margin-bottom: 11px;
}

#mobileMenu{
	position: fixed;
    z-index: 10;
    background: #fff;
    width: 100%;
	min-width: 318px;
    top: 0px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    height: 75px!important;
}

#mobileMenu > #mobileMenuContent > .colourStrip {
		background: #0357a6;
		height: 4px;
	}
#mobileMenu > #mobileMenuContent {
		margin-top: 75px;
		background: #fff;
		height: auto;
		text-align: left;
        padding-bottom: 14px;
}

#mobileMenu > #mobileMenuContent > .dropdown_mobile {
    margin-left: 10px !important;
    font-weight: bold;
    font-family: section-header, Helvetica, Arial;
    padding: 15px 5px;
    font-size: 18px;
    line-height: 28px;
}

#mobileMenu > #mobileMenuContent > .dropdown_mobile .topics_link {
		margin-left: 21px;
}
#ctl00_ctl00_Settingshyperlink50{
    margin-left: 7px!important;
}

#mobileMenu > #mobileMenuContent > .dropdown_mobile .dropdown-content li {
    /*margin-left: 40px;*/
    font-family: 'helvetica-light';
    font-size: 18px;
    margin: 0px 0px 5px 26px;
    padding-top: 17px;
}

#mobileMenu > #mobileMenuContent > .dropdown_mobile .dropdown-content {
    margin: 10px 0px 10px 0px;
}

#mobileMenu > #mobileMenuContent > .dropdown_mobile .topics_link, #mobileMenuContent > .dropdown_mobile > .dropbtn > i,
#mobileMenuContent > .dropdown_mobile > .dropbtn > a {
    color: #0357a6;
}

#mobileMenuContent > .dropdown_mobile > .dropbtn > i.fa-caret-down {
    display: none;
}

#mobileMenu > #mobileMenuContent > .dropdown_mobile .dropdown-content a {
		color: #808080 !important;
}

#mobileMenu > #mobileMenuContent > .dropdown_mobile .dropdown-content a:hover {
    color: #0357a6 !important;
}
    /*****************************************************/



    /********************** Footer ***********************/
    .mobile-footer {
        display:none;
    }

    #footerContact .contactInfo .fa-phone{
		margin-left: 2px;
	}

	#footerContact .contactInfo .fa-fax + a{
		margin-left: 3px;
	}

    #searchbar input {
        height: 30px;
    }

    @media screen and (max-width: 1090px){
        .web-footer {
            display:none;
        }

        .mobile-footer {
            display:block;
        }

        .mobile-footer .contactInfo {
            border-right: none;
        }

        .mobile-footer .row {
            border-bottom: 1px solid #5d5f60;
            padding: 40px 5px;
        }

        .mobile-footer .row.no-border {
            border-bottom: none;
        }

        .mobile-footer .subfooter-content {
            line-height: 2;
        }

        #footerContents {
            top: 0 !important;
            padding-bottom: 0 !important;
            padding-top: 0 !important;
        }

        .mobile-footer #footerContact .list li.bigger {
            margin-bottom: 0;
        }

        .mobile-footer .subfooter-content {
            padding:0;
        }

        .mobile-footer .first img {
            max-width: 200px;
        }
    }

    
    @media screen and (max-width: 446px){
        .mobile-footer,
        .mobile-footer .subfooter-content a,
        .mobile-footer .subfooter-content p {
            font-size: 14px;
        }

        .mobile-footer #footerContact .list li.bigger,
        .mobile-footer #footerContact .list li.social {
            font-size: 16px;
        }
    }

    .mb-35 {
        margin-bottom: 35px;
    }
    .contactInfo {
        border-right: 1px solid #5d5f60;
        margin-right: 30px;
    }

    /* #subFooter {
        padding: 15px;
        width: 100%;
    } */

    .subfooter-content {
        padding: 27px 0 0 0;
    }
    .subfooter-content a, 
    .subfooter-content p{
        font-size: 14px;
        color: #5d5f60 !important;
        font-weight: bold;
    }

    .subfooter-content a {
        margin: 0 10px;
        line-height: 2.2;
    }

    .subfooter-content a.no-space {
        margin-left: 0;
    }

    #footer {
        font-family: 'section-header', Helvetica, Arial;
        clear: both;
        width: 100%;
        height: 85px;
        position: relative;
        bottom: 0;
        left: 0;
        background-color: #F2F2F1;
    }

        #footer em {
            font-style: italic;
        }

    #Panel1 {
        background: #F2F2F1;
    }

    #footerDivider {
        background: #4aa943;
        height: 10px;
    }

    #footerContact, #footerAboutUs, #footerServices, #footerTopics, #footerProfessionals, #footerWorkplaces {
        width: 90%;
        float: left;
    }

    /* @media screen and (max-width:986px){
        #footerContact, #footerAboutUs, #footerServices, #footerTopics, #footerProfessionals, #footerWorkplaces {
            width: 30%;
        }
    } */

    #footerContact h3, #footerAboutUs h3, #footerServices h3, #footerTopics h3, #footerProfessionals h3,
    #footerWorkplaces h3{
        margin-bottom: 25px;
        font-weight: bold;
        font-size:18px;
    }

    #footerContents .list li {
        margin-bottom: 15px;
    }

    #footerContact .list li.last {
        margin-bottom: 30px;
    }

    #footerContact .list li.bigger{
        margin-bottom: 30px;
    }

    #footerContact .list li.bigger,
    #footerContact .list li.social {
        font-size: 20px;
    }

    .fa-facebook-square {
        margin-right: 15px;
    }

    /*#footerAboutUs, #footerServices, #footerTopics, #footerProfessionals{
        
    }*/

    #footer #occhaLogo {
        width: 81px;
        height: 73px;
        position: relative;
        float: right;
        padding-right: 3px;
        top: -58px;
        margin-bottom: -58px;
    }

    #footer #hcInfo {
        font-size: 11px;
        padding-bottom: 4px;
        padding-top: 7px;
    }

    #footer #accessibilityLinks {
        font-weight: bold;
        padding-bottom: 4px;
    }

    #footer #copyright {
        font-weight: normal;
    }

    #footerContents {
        padding: 40px;
        position: relative;
        top: 12px;
        font-size: 15px;
        line-height: 1.4em;
        color: #5d5f60;
        text-align: left;
        background: #F2F2F1;
        overflow: auto;
        font-weight: bold;
        width: auto;
    }

    #footerContents h3 {
        font-weight: 700;
    }

    #footerContents a {
        text-decoration: none;
        color: #5d5f60;
    }

    #footerContents a:hover {
        color: #131312;
        text-decoration: underline;
    }

    #footerContents #searchbar input.searchBox2 {
        border: 1px solid #807E7E;
        font-size: 13px;
        font-family: general;
        font-weight: lighter;
        outline: none;
        color: #5d5f60;
        padding: 5px 10px;
        width: 100%;
    }

    #footerTopics p {
        margin-bottom: 25px;
    }
    /*****************************************************/



    /****************** Common Classes *******************/

    /* Left and right columns used throughout layout */
    /*.leftColumn
    {
        width: 176px;
        float: left;
    }*/

    .rightColumn {
        width: auto;
    }

    .floatingColumn {
        float: left;
    }

    .clear {
        clear: both;
    }

    iframe body {
        text-align: left !important;
    }

    .externalLink {
        /*background: url(../../Images/external-icon.gif) no-repeat scroll right center transparent;*/
        padding-right: 0px !important;
    }

    /*****************************************************/
    .emptyMessage {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #E9EEEF;
    }
}

@media print {
    * {
        color: Black;
        background-image: none !important;
    }

    html {
        margin: 0;
    }

    body {
        font-family: 'general';
        font-size: 11pt;
        color: #000000;
        margin: 0;
    }

    .rightColumn, #footerContents, #footer {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    a:link {
        color: #3a4893;
    }

    h1 {
        font-size: 20pt;
        font-weight: bold;
        color: red;
        text-align: center;
    }

    h2 {
        font-size: 13pt;
        color: Black;
        font-weight: bold;
    }

    h3 {
        font-size: 13pt;
        color: #454545;
    }

    .staffFormatted table {
        border: 1px solid #888;
        border-collapse: collapse;
    }

        .staffFormatted table td {
            border: 1px solid #aaa;
            padding: 0.5em;
            vertical-align: top;
        }

            .staffFormatted table td > p {
                padding-top: 0;
                margin-top: 0;
            }

        .staffFormatted table th, .staffFormatted tr.header > td {
            background: #eee;
        }

    #printHeader {
        visibility: visible;
        display: block !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

        #printHeader img {
            width: 100%;
        }

    .rightColumn {
        padding-top: 35px;
    }

    .rightColumn, #footer {
        padding-left: 54px;
        padding-right: 54px;
    }
    /*
    #headerContainer
    {
        display: none;
    }

    .leftColumn
    {
        display: none;
    }

    #pageLastUpdated
    {
        display: none;
    }
        */

    #footer {
        font-weight: bold;
        margin-top: 15px;
    }

    #footerContents {
        border-top: 1px solid #444 !important;
        padding-top: 0.5em;
        font-size: 8pt;
    }

    #footer > img, #footer #footerEmailText, #footer #accessLinks, #footer #footerLinks, #footer #accessibilityLinks {
        display: none;
    }

    img.footer-logo {
        margin-top: -36px;
    }
}

/********* Screen size dependent settings ******************/
@media screen {
    #pageOuterContainer, #footer,
    #headerContainer .popdownMenu,
    #jsWarningPanel .inner {
        width: 100%;
    }
}

/*@media screen and (max-width:1000px)
{
    #pageOuterContainer, #footer,
    #headerContainer .popdownMenu,
    #jsWarningPanel .inner
    {
        width: 765px;
    }
}*/

/********** Vaccine Order **********************************/
fieldset.RequestDetails li input {
    width: 25px;
}

fieldset.RequestDetails table {
    font-size: 11px;
}

.rblField {
    display: inline-block !important;
    border: none !important;
}

.RadGrid_Sitefinity .rgHeader {
    color: white !important;
}

.rblField label {
    padding-left: 1em;
}

ul.rblField li {
    background: none !important;
}

h2.sfnewsTitle {
    float: left;
}

div.sfnewsMetaInfo {
    float: right;
}
/*** NEWSROOM **********/
div.NewsRoom ul.sfnewsList li.sfnewsListItem {
    padding-bottom: 0;
}

    div.NewsRoom ul.sfnewsList li.sfnewsListItem a {
        text-decoration: none;
    }

    div.NewsRoom ul.sfnewsList li.sfnewsListItem h2, div.NewsRoom ul.sfnewsList li.sfnewsListItem div.sfnewsMetaInfo {
        margin-bottom: 0;
    }

div.NewsRoom div.postTitle {
    float: left;
    font-weight: bold;
}

div.NewsRoom div.postDate {
    font-weight: bold;
}

.sfnewsListTitleDateSummary .sfnewsMetaInfo {
    font-size: inherit !important;
}

body {
    font-family: 'general' !important;
    font-size: 11pt;
    color: #000000;
    margin: 0;
    background: #fff;
}

/*mobile view*/

#mobile_search input{
	color: #5E5E5E;
}

/*@media screen and (max-width: 1089px) {*/
@media screen and (max-width: 1080px) {
    #topHeader, #bottomHeader {
        display:none;
    }

    #mobileMenu .dropdown-content{
	    display: none;
    }
    /* .fixed-social {
        display: none;
    } */
    #body {
		margin-top: 94px;
	}

    #mobile_search {
        border: #808080;
        border-width: 1px;
        border-style: solid;
        font-size: 22px;
        font-weight: bold;
        color: #a0a0a0;
        position: relative;
        margin-left: 34px;
    	margin-right: 34px;
    	margin-bottom: 13px;
    }

    #mobile_search label {
        margin-bottom: 0;
        width:100%;
    }

    #mobile_search .fa {
	    font-size:16px;
	    color: #0357a5;
	    border:none;
        position:absolute;
        right: 15px;
        top: 12px;
    }

    #mobile_search input{
	    /*border: none;*/
         padding: 10px;
         width:100%;
         height:100%;
    }

    /*#mobile_search hr{
	    margin: none !important;
    }*/

    .fixed-social .fa {
        font-size: 15px;
    }

    .fixed-social>ul>li {
        padding: 20px;
        height: 50px;
    }

    .fixed-social>ul>li.tw>a {
        position: fixed;
        right: 18px;
    }

    .fixed-social>ul>li.gp>a {
        position: relative;
        right: 0px;
        bottom: 55%;
    }

}

@media screen and (min-width: 1081px) {
    #mobileMenu {
        display:none;
    }
}

/* animating hamburger menu icon */
  /* Icon 1 */
  
  #mobileMenuBtn {
    float: right;
    position: relative;
    width: 45px;
    height: 45px;
    margin: 30px 20px 20px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    right: -11px;
    top: 10px;
  }

#mobileMenuBtn span {
    background-color: #0357a5;
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    width: 100%;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }


  #mobileMenuBtn span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  
  #mobileMenuBtn span:nth-child(2) {
    top: 9px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  
  #mobileMenuBtn span:nth-child(3) {
    top: 18px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  
  #mobileMenuBtn.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 1px;
    left: 8px;
  }
  
  #mobileMenuBtn.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
  }
  
  #mobileMenuBtn.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 23px;
    left: 8px;
  }


/* joe burger menu */
#mobileMenuContent > .dropdown_mobile .bottomHeaderLinks{
    position: absolute;
    left: 26px;
    margin-top: -4px;
    text-transform: uppercase;
}

#mobileMenuContent > .dropdown_mobile:nth-child(4){
      height:51px;
}

/*joe top header*/
#mobileMenuContent > div:nth-child(2) {
    margin-top: 10px;
}

#mobileMenuContent > div:nth-child(5) {
    margin-bottom: 15px;
}

/*#topHeader > li > .divider{
    display:none !important;
}*/

@media (max-width: 1080px) {
    .leftColumn > div {
        margin-top: -18px;
    }
}

/*@media screen and (min-width: 1569px){
    #bottomHeader #links{
        margin-left: 18%;
    }
}*/